tbg-ecomm-nextjs/.next/cache/next-babel-loader/a4efc4318f9c01764dd4940c35677195.json

{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar __jsx = React.createElement;\nimport React from \"react\";\nimport classNames from \"classnames\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Select from 'react-select';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nvar useStyles = makeStyles(styles);\n\nvar DataYGP = function DataYGP(_ref) {\n  var selected = _ref.selected,\n      handleName = _ref.handleName,\n      backend = _ref.backend,\n      ygp = _ref.ygp,\n      props = _objectWithoutProperties(_ref, [\"selected\", \"handleName\", \"backend\", \"ygp\"]);\n\n  var classes = useStyles();\n\n  var rest = _extends({}, props);\n\n  var imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n  var navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n  var ProductYGP = ygp.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"250px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, \"Rp.\", data.price), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/ygp_detail?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  return __jsx(\"div\", null, __jsx(Card, {\n    className: classes.textCenter,\n    align: \"center\",\n    style: {\n      padding: \"5px\"\n    }\n  }, __jsx(CardBody, null, __jsx(\"div\", {\n    align: \"center\",\n    style: {\n      marginTop: \"-50px\"\n    }\n  }, __jsx(\"h2\", null, \"Yamaha Geniue Part\"), __jsx(Select, {\n    value: selected ? ygp.filter(function (i) {\n      return i.id == selected;\n    }) : null,\n    getOptionLabel: function getOptionLabel(option) {\n      return \"\".concat(option.name, \" \").concat(option.part_code);\n    },\n    getOptionValue: function getOptionValue(option) {\n      return option.id;\n    },\n    options: ygp,\n    isMulti: true,\n    instanceId: \"name\",\n    placeholder: \"filter by Nama Part\",\n    onChange: function onChange(values) {\n      return handleName(values);\n    }\n  }), __jsx(\"br\", null), __jsx(GridContainer, {\n    justify: \"center\",\n    style: {\n      padding: \"40px\",\n      marginTop: \"-50px\"\n    }\n  }, ProductYGP)))));\n};\n\nexport default DataYGP;","map":null,"metadata":{},"sourceType":"module"}