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

{"ast":null,"code":"var _jsxFileName = \"C:\\\\tbg-ecomm-nextjs\\\\components\\\\NavPills\\\\NavPills.js\";\nvar __jsx = React.createElement;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\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\";\nconst useStyles = makeStyles(styles);\nexport default function NavPills(props) {\n  const [active, setActive] = React.useState(props.active);\n\n  const handleChange = (event, active) => {\n    setActive(active);\n  };\n\n  const handleChangeIndex = index => {\n    setActive(index);\n  };\n\n  const classes = useStyles();\n  const {\n    tabs,\n    direction,\n    color,\n    horizontal,\n    alignCenter\n  } = props;\n  const flexContainerClasses = classNames({\n    [classes.flexContainer]: true,\n    [classes.horizontalDisplay]: horizontal !== undefined\n  });\n\n  const 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((prop, key) => {\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    const pillsClasses = classNames({\n      [classes.pills]: true,\n      [classes.horizontalPills]: horizontal !== undefined,\n      [classes.pillsWithIcons]: prop.tabIcon !== undefined\n    });\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  const 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((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":["C:/tbg-ecomm-nextjs/components/NavPills/NavPills.js"],"names":["React","classNames","PropTypes","SwipeableViews","makeStyles","Tabs","Tab","GridContainer","GridItem","styles","useStyles","NavPills","props","active","setActive","useState","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"}