pcm-shared-components 2.0.32 → 2.0.34

package/dist/components/Buttons/ProductItemButton/index.js

@@ -213,7 +213,9 @@ export const ProductItemButton = props => {
     }
     return value;
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
+    theme: defaultTheme
+  }, /*#__PURE__*/React.createElement("div", {
     key: `product_list_items_${productData.product_id}`,
     className: clsx(classes.productButtonWrapper, 'flex flex-row')
   }, /*#__PURE__*/React.createElement(Button, {
@@ -295,7 +297,7 @@ export const ProductItemButton = props => {
     color: "primary",
     "aria-label": "upload picture",
     component: "span"
-  }, /*#__PURE__*/React.createElement(EditIcon, null))));
+  }, /*#__PURE__*/React.createElement(EditIcon, null)))));
 };
 export default ProductItemButton;
 ProductItemButton.defaultProps = {

package/dist/components/Layout/SimpleTab/index.js

@@ -1,13 +1,13 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-// import AppBar from '@mui/material/AppBar';
+import AppBar from '@mui/material/AppBar';
+import Tabs from '@mui/material/Tabs';
+import Tab from '@mui/material/Tab';
 import { ThemeProvider } from '@mui/system';
 import { createTheme, useTheme } from '@mui/material/styles';
+import TabPanel from './components/TabPanel';
 import { makeStyles } from '@mui/styles';
-// import Tabs from '@mui/material/Tabs';
-// import Tab from '@mui/material/Tab';
-// import TabPanel from './components/TabPanel';
-
 const useStyles = makeStyles(() => ({
   root: {
     height: ({
@@ -61,16 +61,33 @@ export const SimpleTab = props => {
     theme: defaultTheme
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex flex-col w-full h-full overflow-hidden "
+  }, /*#__PURE__*/React.createElement(AppBar, {
+    position: "static",
+    color: "default",
+    elevation: 0
   }, /*#__PURE__*/React.createElement("div", {
     className: tabsWrapperClassName
-  }), (childrenTabs || []).map((ct, idx) =>
-  /*#__PURE__*/
-  // <TabPanel value={selectedTabIndex} index={idx} key={`simple_tabs_panels_${idx}`} >
-  React.createElement(React.Fragment, null, ct.tabPanel)
-  // </TabPanel>
-  )));
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    classes: classes,
+    value: selectedTabIndex,
+    onChange: handleChange,
+    indicatorColor: "primary",
+    textColor: "primary",
+    variant: "scrollable",
+    scrollButtons: "auto",
+    "aria-label": ""
+  }, childrenTabs.map((ct, idx) => /*#__PURE__*/React.createElement(Tab, _extends({
+    classes: classes,
+    style: tabStyles,
+    label: ct.tabTitle
+  }, a11yProps(idx), {
+    key: `simple_tabs_${idx}`
+  })))))), childrenTabs.map((ct, idx) => /*#__PURE__*/React.createElement(TabPanel, {
+    value: selectedTabIndex,
+    index: idx,
+    key: `simple_tabs_panels_${idx}`
+  }, ct.tabPanel))));
 };
-
 export default SimpleTab;
 SimpleTab.defaultProps = {
   childrenTabs: [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcm-shared-components",
-  "version": "2.0.32",
+  "version": "2.0.34",
   "private": false,
   "main": "dist/index.js",
   "babel": {