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

{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\components\\\\NavPills\\\\NavPills.js\";\nvar __jsx = React.createElement;\nimport React from \"react\"; // nodejs library that concatenates classes\n\nimport classNames from \"classnames\"; // nodejs library to set properties for components\n\nimport PropTypes from \"prop-types\";\nimport SwipeableViews from \"react-swipeable-views\"; // @material-ui/core components\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Tabs from \"@material-ui/core/Tabs\";\nimport Tab from \"@material-ui/core/Tab\"; // core components\n\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport styles from \"assets/jss/nextjs-material-kit/components/navPillsStyle.js\";\nvar useStyles = makeStyles(styles);\nexport default function NavPills(props) {\n  var _classNames,\n      _this = this;\n\n  var _React$useState = React.useState(props.active),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      active = _React$useState2[0],\n      setActive = _React$useState2[1];\n\n  var handleChange = function handleChange(event, active) {\n    setActive(active);\n  };\n\n  var handleChangeIndex = function handleChangeIndex(index) {\n    setActive(index);\n  };\n\n  var classes = useStyles();\n  var tabs = props.tabs,\n      direction = props.direction,\n      color = props.color,\n      horizontal = props.horizontal,\n      alignCenter = props.alignCenter;\n  var flexContainerClasses = classNames((_classNames = {}, _defineProperty(_classNames, classes.flexContainer, true), _defineProperty(_classNames, classes.horizontalDisplay, horizontal !== undefined), _classNames));\n\n  var tabButtons = __jsx(Tabs, {\n    classes: {\n      root: classes.root,\n      fixed: classes.fixed,\n      flexContainer: flexContainerClasses,\n      indicator: classes.displayNone\n    },\n    value: active,\n    onChange: handleChange,\n    centered: alignCenter,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 5\n    }\n  }, tabs.map(function (prop, key) {\n    var _classNames2;\n\n    var icon = {};\n\n    if (prop.tabIcon !== undefined) {\n      icon[\"icon\"] = __jsx(prop.tabIcon, {\n        className: classes.tabIcon,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 50,\n          columnNumber: 26\n        }\n      });\n    }\n\n    var pillsClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, classes.pills, true), _defineProperty(_classNames2, classes.horizontalPills, horizontal !== undefined), _defineProperty(_classNames2, classes.pillsWithIcons, prop.tabIcon !== undefined), _classNames2));\n    return __jsx(Tab, _extends({\n      label: prop.tabButton,\n      key: key\n    }, icon, {\n      classes: {\n        root: pillsClasses,\n        selected: classes[color],\n        wrapper: classes.tabWrapper\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 58,\n        columnNumber: 11\n      }\n    }));\n  }));\n\n  var tabContent = __jsx(\"div\", {\n    className: classes.contentWrapper,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73,\n      columnNumber: 5\n    }\n  }, __jsx(SwipeableViews, {\n    axis: direction === \"rtl\" ? \"x-reverse\" : \"x\",\n    index: active,\n    onChangeIndex: handleChangeIndex,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74,\n      columnNumber: 7\n    }\n  }, tabs.map(function (prop, key) {\n    return __jsx(\"div\", {\n      className: classes.tabContent,\n      key: key,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 81,\n        columnNumber: 13\n      }\n    }, prop.tabContent);\n  })));\n\n  return horizontal !== undefined ? __jsx(GridContainer, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90,\n      columnNumber: 5\n    }\n  }, __jsx(GridItem, _extends({}, horizontal.tabsGrid, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 91,\n      columnNumber: 7\n    }\n  }), tabButtons), __jsx(GridItem, _extends({}, horizontal.contentGrid, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92,\n      columnNumber: 7\n    }\n  }), tabContent)) : __jsx(\"div\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 95,\n      columnNumber: 5\n    }\n  }, tabButtons, tabContent);\n}\nNavPills.defaultProps = {\n  active: 0,\n  color: \"primary\"\n};\nNavPills.propTypes = {\n  // index of the default active pill\n  active: PropTypes.number,\n  tabs: PropTypes.arrayOf(PropTypes.shape({\n    tabButton: PropTypes.string,\n    tabIcon: PropTypes.object,\n    tabContent: PropTypes.node\n  })).isRequired,\n  color: PropTypes.oneOf([\"primary\", \"warning\", \"danger\", \"success\", \"info\", \"rose\"]),\n  direction: PropTypes.string,\n  horizontal: PropTypes.shape({\n    tabsGrid: PropTypes.object,\n    contentGrid: PropTypes.object\n  }),\n  alignCenter: PropTypes.bool\n};","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/components/NavPills/NavPills.js"],"names":["React","classNames","PropTypes","SwipeableViews","makeStyles","Tabs","Tab","GridContainer","GridItem","styles","useStyles","NavPills","props","useState","active","setActive","handleChange","event","handleChangeIndex","index","classes","tabs","direction","color","horizontal","alignCenter","flexContainerClasses","flexContainer","horizontalDisplay","undefined","tabButtons","root","fixed","indicator","displayNone","map","prop","key","icon","tabIcon","pillsClasses","pills","horizontalPills","pillsWithIcons","tabButton","selected","wrapper","tabWrapper","tabContent","contentWrapper","tabsGrid","contentGrid","defaultProps","propTypes","number","arrayOf","shape","string","object","node","isRequired","oneOf","bool"],"mappings":"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","sourcesContent":["import React from \"react\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\nimport SwipeableViews from \"react-swipeable-views\";\r\n\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\n\r\n// core components\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\n\r\nimport styles from \"assets/jss/nextjs-material-kit/components/navPillsStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function NavPills(props) {\r\n  const [active, setActive] = React.useState(props.active);\r\n  const handleChange = (event, active) => {\r\n    setActive(active);\r\n  };\r\n  const handleChangeIndex = index => {\r\n    setActive(index);\r\n  };\r\n  const classes = useStyles();\r\n  const { tabs, direction, color, horizontal, alignCenter } = props;\r\n  const flexContainerClasses = classNames({\r\n    [classes.flexContainer]: true,\r\n    [classes.horizontalDisplay]: horizontal !== undefined\r\n  });\r\n  const tabButtons = (\r\n    <Tabs\r\n      classes={{\r\n        root: classes.root,\r\n        fixed: classes.fixed,\r\n        flexContainer: flexContainerClasses,\r\n        indicator: classes.displayNone\r\n      }}\r\n      value={active}\r\n      onChange={handleChange}\r\n      centered={alignCenter}\r\n    >\r\n      {tabs.map((prop, key) => {\r\n        var icon = {};\r\n        if (prop.tabIcon !== undefined) {\r\n          icon[\"icon\"] = <prop.tabIcon className={classes.tabIcon} />;\r\n        }\r\n        const pillsClasses = classNames({\r\n          [classes.pills]: true,\r\n          [classes.horizontalPills]: horizontal !== undefined,\r\n          [classes.pillsWithIcons]: prop.tabIcon !== undefined\r\n        });\r\n        return (\r\n          <Tab\r\n            label={prop.tabButton}\r\n            key={key}\r\n            {...icon}\r\n            classes={{\r\n              root: pillsClasses,\r\n              selected: classes[color],\r\n              wrapper: classes.tabWrapper\r\n            }}\r\n          />\r\n        );\r\n      })}\r\n    </Tabs>\r\n  );\r\n  const tabContent = (\r\n    <div className={classes.contentWrapper}>\r\n      <SwipeableViews\r\n        axis={direction === \"rtl\" ? \"x-reverse\" : \"x\"}\r\n        index={active}\r\n        onChangeIndex={handleChangeIndex}\r\n      >\r\n        {tabs.map((prop, key) => {\r\n          return (\r\n            <div className={classes.tabContent} key={key}>\r\n              {prop.tabContent}\r\n            </div>\r\n          );\r\n        })}\r\n      </SwipeableViews>\r\n    </div>\r\n  );\r\n  return horizontal !== undefined ? (\r\n    <GridContainer>\r\n      <GridItem {...horizontal.tabsGrid}>{tabButtons}</GridItem>\r\n      <GridItem {...horizontal.contentGrid}>{tabContent}</GridItem>\r\n    </GridContainer>\r\n  ) : (\r\n    <div>\r\n      {tabButtons}\r\n      {tabContent}\r\n    </div>\r\n  );\r\n}\r\n\r\nNavPills.defaultProps = {\r\n  active: 0,\r\n  color: \"primary\"\r\n};\r\n\r\nNavPills.propTypes = {\r\n  // index of the default active pill\r\n  active: PropTypes.number,\r\n  tabs: PropTypes.arrayOf(\r\n    PropTypes.shape({\r\n      tabButton: PropTypes.string,\r\n      tabIcon: PropTypes.object,\r\n      tabContent: PropTypes.node\r\n    })\r\n  ).isRequired,\r\n  color: PropTypes.oneOf([\r\n    \"primary\",\r\n    \"warning\",\r\n    \"danger\",\r\n    \"success\",\r\n    \"info\",\r\n    \"rose\"\r\n  ]),\r\n  direction: PropTypes.string,\r\n  horizontal: PropTypes.shape({\r\n    tabsGrid: PropTypes.object,\r\n    contentGrid: PropTypes.object\r\n  }),\r\n  alignCenter: PropTypes.bool\r\n};\r\n"]},"metadata":{},"sourceType":"module"}