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

{"ast":null,"code":"var _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\components\\\\CustomTabs\\\\CustomTabs.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\"; // material-ui components\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Tabs from \"@material-ui/core/Tabs\";\nimport Tab from \"@material-ui/core/Tab\";\nimport Icon from \"@material-ui/core/Icon\"; // core components\n\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport styles from \"assets/jss/nextjs-material-kit/components/customTabsStyle.js\";\nconst useStyles = makeStyles(styles);\nexport default function CustomTabs(props) {\n  const [value, setValue] = React.useState(0);\n\n  const handleChange = (event, value) => {\n    setValue(value);\n  };\n\n  const classes = useStyles();\n  const {\n    headerColor,\n    plainTabs,\n    tabs,\n    title,\n    rtlActive\n  } = props;\n  const cardTitle = classNames({\n    [classes.cardTitle]: true,\n    [classes.cardTitleRTL]: rtlActive\n  });\n  return __jsx(Card, {\n    plain: plainTabs,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 34,\n      columnNumber: 5\n    }\n  }, __jsx(CardHeader, {\n    color: headerColor,\n    plain: plainTabs,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 7\n    }\n  }, title !== undefined ? __jsx(\"div\", {\n    className: cardTitle,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 32\n    }\n  }, title) : null, __jsx(Tabs, {\n    value: value,\n    onChange: handleChange,\n    classes: {\n      root: classes.tabsRoot,\n      indicator: classes.displayNone\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 9\n    }\n  }, tabs.map((prop, key) => {\n    var icon = {};\n\n    if (prop.tabIcon) {\n      icon = {\n        icon: typeof prop.tabIcon === \"string\" ? __jsx(Icon, {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 51,\n            columnNumber: 21\n          }\n        }, prop.tabIcon) : __jsx(prop.tabIcon, {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 53,\n            columnNumber: 21\n          }\n        })\n      };\n    }\n\n    return __jsx(Tab, _extends({\n      classes: {\n        root: classes.tabRootButton,\n        label: classes.tabLabel,\n        selected: classes.tabSelected,\n        wrapper: classes.tabWrapper\n      },\n      key: key,\n      label: prop.tabName\n    }, icon, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 58,\n        columnNumber: 15\n      }\n    }));\n  }))), __jsx(CardBody, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73,\n      columnNumber: 7\n    }\n  }, tabs.map((prop, key) => {\n    if (key === value) {\n      return __jsx(\"div\", {\n        key: key,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 76,\n          columnNumber: 20\n        }\n      }, prop.tabContent);\n    }\n\n    return null;\n  })));\n}\nCustomTabs.propTypes = {\n  headerColor: PropTypes.oneOf([\"warning\", \"success\", \"danger\", \"info\", \"primary\", \"rose\"]),\n  title: PropTypes.string,\n  tabs: PropTypes.arrayOf(PropTypes.shape({\n    tabName: PropTypes.string.isRequired,\n    tabIcon: PropTypes.object,\n    tabContent: PropTypes.node.isRequired\n  })),\n  rtlActive: PropTypes.bool,\n  plainTabs: PropTypes.bool\n};","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/components/CustomTabs/CustomTabs.js"],"names":["React","classNames","PropTypes","makeStyles","Tabs","Tab","Icon","Card","CardBody","CardHeader","styles","useStyles","CustomTabs","props","value","setValue","useState","handleChange","event","classes","headerColor","plainTabs","tabs","title","rtlActive","cardTitle","cardTitleRTL","undefined","root","tabsRoot","indicator","displayNone","map","prop","key","icon","tabIcon","tabRootButton","label","tabLabel","selected","tabSelected","wrapper","tabWrapper","tabName","tabContent","propTypes","oneOf","string","arrayOf","shape","isRequired","object","node","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\n\r\n// material-ui 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\nimport Icon from \"@material-ui/core/Icon\";\r\n// core components\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardHeader from \"components/Card/CardHeader.js\";\r\n\r\nimport styles from \"assets/jss/nextjs-material-kit/components/customTabsStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function CustomTabs(props) {\r\n  const [value, setValue] = React.useState(0);\r\n\r\n  const handleChange = (event, value) => {\r\n    setValue(value);\r\n  };\r\n  const classes = useStyles();\r\n  const { headerColor, plainTabs, tabs, title, rtlActive } = props;\r\n  const cardTitle = classNames({\r\n    [classes.cardTitle]: true,\r\n    [classes.cardTitleRTL]: rtlActive\r\n  });\r\n  return (\r\n    <Card plain={plainTabs}>\r\n      <CardHeader color={headerColor} plain={plainTabs}>\r\n        {title !== undefined ? <div className={cardTitle}>{title}</div> : null}\r\n        <Tabs\r\n          value={value}\r\n          onChange={handleChange}\r\n          classes={{\r\n            root: classes.tabsRoot,\r\n            indicator: classes.displayNone\r\n          }}\r\n        >\r\n          {tabs.map((prop, key) => {\r\n            var icon = {};\r\n            if (prop.tabIcon) {\r\n              icon = {\r\n                icon:\r\n                  typeof prop.tabIcon === \"string\" ? (\r\n                    <Icon>{prop.tabIcon}</Icon>\r\n                  ) : (\r\n                    <prop.tabIcon />\r\n                  )\r\n              };\r\n            }\r\n            return (\r\n              <Tab\r\n                classes={{\r\n                  root: classes.tabRootButton,\r\n                  label: classes.tabLabel,\r\n                  selected: classes.tabSelected,\r\n                  wrapper: classes.tabWrapper\r\n                }}\r\n                key={key}\r\n                label={prop.tabName}\r\n                {...icon}\r\n              />\r\n            );\r\n          })}\r\n        </Tabs>\r\n      </CardHeader>\r\n      <CardBody>\r\n        {tabs.map((prop, key) => {\r\n          if (key === value) {\r\n            return <div key={key}>{prop.tabContent}</div>;\r\n          }\r\n          return null;\r\n        })}\r\n      </CardBody>\r\n    </Card>\r\n  );\r\n}\r\n\r\nCustomTabs.propTypes = {\r\n  headerColor: PropTypes.oneOf([\r\n    \"warning\",\r\n    \"success\",\r\n    \"danger\",\r\n    \"info\",\r\n    \"primary\",\r\n    \"rose\"\r\n  ]),\r\n  title: PropTypes.string,\r\n  tabs: PropTypes.arrayOf(\r\n    PropTypes.shape({\r\n      tabName: PropTypes.string.isRequired,\r\n      tabIcon: PropTypes.object,\r\n      tabContent: PropTypes.node.isRequired\r\n    })\r\n  ),\r\n  rtlActive: PropTypes.bool,\r\n  plainTabs: PropTypes.bool\r\n};\r\n"]},"metadata":{},"sourceType":"module"}