@xelto.npm/xc2-lib 1.0.27 → 1.0.29

package/dist/index.cjs.js

@@ -76015,7 +76015,7 @@ var BottomBarComponent = function BottomBarComponent(_ref5) {
     var type = (item === null || item === void 0 ? void 0 : item.type) || 'primary';
     var text = (item === null || item === void 0 ? void 0 : item.text) || '';
     var color = (item === null || item === void 0 ? void 0 : item.color) || 'navy-blue';
-    var size = (item === null || item === void 0 ? void 0 : item.size) || 'Big';
+    var size = (item === null || item === void 0 ? void 0 : item.size) || 'small';
     var icon = (item === null || item === void 0 ? void 0 : item.icon) || '';
     var submit = (item === null || item === void 0 ? void 0 : item.submit) || false;
     var isIconButton = icon !== '';
@@ -76762,7 +76762,8 @@ var Table = function Table(props) {
     rowsPerPageOptions = props.rowsPerPageOptions,
     labelRowsSelected = props.labelRowsSelected,
     showRemoveRowsIcon = props.showRemoveRowsIcon,
-    labelNoRows = props.labelNoRows;
+    labelNoRows = props.labelNoRows,
+    handleRowClick = props.handleRowClick;
   var _useState = React.useState(data),
     _useState2 = _slicedToArray$a(_useState, 2),
     allRows = _useState2[0],
@@ -76948,7 +76949,10 @@ var Table = function Table(props) {
       return /*#__PURE__*/React.createElement(MuiTableCell, {
         key: column.id,
         align: column.align,
-        sx: column.highlight && column.highlight === true && highlightStyle(value)
+        sx: column.highlight && column.highlight === true && highlightStyle(value),
+        onClick: function onClick(event) {
+          return handleRowClick(event, row);
+        }
       }, /*#__PURE__*/React.createElement(StyledCellContent, {
         align: column.align
       }, typeof value === 'number' ? value.toString() : value, column.error && column.error === true && errorCondition(value) && /*#__PURE__*/React.createElement(Icon, {
@@ -77031,7 +77035,8 @@ Table.propTypes = {
   rowsPerPageOptions: propTypesExports.array,
   labelRowsSelected: propTypesExports.string,
   showRemoveRowsIcon: propTypesExports.bool,
-  labelNoRows: propTypesExports.string
+  labelNoRows: propTypesExports.string,
+  handleRowClick: propTypesExports.func
 };
 
 var dist = {};
@@ -99651,16 +99656,13 @@ var RowCountBar = styled$1('div')({
   bottom: 0,
   left: 0,
   right: 0,
-  backgroundColor: theme.mainPallete.primary.placeholderText,
-  // backgroundColor: theme.mainPallete.table.pagination,
+  backgroundColor: theme.mainPallete.table.pagination,
   zIndex: 1,
   padding: '0 3px',
   textAlign: 'right',
   fontFamily: theme.fontFamily,
-  fontWeight: theme.fontWeight.bold,
-  // fontWeight: theme.fontWeight.regular,
-  color: theme.mainPallete.primary.white,
-  // color: theme.mainPallete.primary.blue,
+  fontWeight: theme.fontWeight.regular,
+  color: theme.mainPallete.primary.blue,
   fontSize: 13,
   lineHeight: '17px',
   justifyContent: 'end',
@@ -100229,8 +100231,8 @@ TableMobileComponent.defaultProps = {
   paddingBottom: 0,
   infoIcon: 'icon_ui_chevron_right',
   rowCountBar: true,
-  countBarLabel: '',
-  countBarLabelFiltron: '',
+  countBarLabel: 'Wybrano',
+  countBarLabelFiltron: 'Wiersz',
   selectionType: 'single'
 };
 
@@ -101158,11 +101160,36 @@ var SubItemsWrapper = styled$1('div', {
     }
   };
 });
+var BottomWrapper = styled$1('div')(function () {
+  return {
+    '@media (max-width: 1019px)': {
+      display: 'flex',
+      justifyContent: 'space-between'
+    }
+  };
+});
 var Logout = styled$1('div')(function () {
   return {
     position: 'relative',
     bottom: 0,
     marginTop: 10,
+    cursor: 'pointer',
+    '@media (max-width: 1019px)': {
+      fontSize: 24,
+      padding: '0 15px'
+    },
+    '@media (min-width: 1020px)': {
+      fontSize: 14,
+      rowGap: 10
+    }
+  };
+});
+var Settings = styled$1('div')(function () {
+  return {
+    position: 'relative',
+    bottom: 0,
+    marginTop: 10,
+    cursor: 'pointer',
     '@media (max-width: 1019px)': {
       fontSize: 24,
       padding: '0 15px'
@@ -101189,6 +101216,8 @@ var MenuItems = function MenuItems(_ref3) {
     variant = _ref3.variant,
     _ref3$logoutData = _ref3.logoutData,
     logoutData = _ref3$logoutData === void 0 ? null : _ref3$logoutData,
+    _ref3$settingsData = _ref3.settingsData,
+    settingsData = _ref3$settingsData === void 0 ? null : _ref3$settingsData,
     handleMenuToggle = _ref3.handleMenuToggle;
   var _useState = React.useState(function () {
       return menuData.map(function (item, index) {
@@ -101209,9 +101238,12 @@ var MenuItems = function MenuItems(_ref3) {
         return acc;
       }, {}) : null;
     }),
-    _useState4 = _slicedToArray$a(_useState3, 2),
-    dropdowns = _useState4[0],
-    setDropdowns = _useState4[1];
+    _useState4 = _slicedToArray$a(_useState3, 1),
+    initialDropdowns = _useState4[0];
+  var _useState5 = React.useState(initialDropdowns),
+    _useState6 = _slicedToArray$a(_useState5, 2),
+    dropdowns = _useState6[0],
+    setDropdowns = _useState6[1];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ItemsWrapper, {
     id: "items"
   }, data.map(function (item, index) {
@@ -101244,15 +101276,25 @@ var MenuItems = function MenuItems(_ref3) {
         }
       }, subItem.label);
     })), menuData.length - 1 !== index ? /*#__PURE__*/React.createElement("hr", null) : null);
-  })), logoutData && /*#__PURE__*/React.createElement(Logout, {
+  })), /*#__PURE__*/React.createElement(BottomWrapper, {
+    id: "bottom-wrapper"
+  }, logoutData && /*#__PURE__*/React.createElement(Logout, {
     id: "logout",
     onClick: logoutData.onClick && typeof logoutData.onClick === 'function' ? logoutData.onClick : null
-  }, logoutData.label));
+  }, logoutData.label), settingsData && /*#__PURE__*/React.createElement(Settings, {
+    id: "settings",
+    onClick: settingsData.onClick && typeof settingsData.onClick === 'function' ? function () {
+      settingsData.onClick();
+      if (handleMenuToggle && typeof handleMenuToggle === 'function') handleMenuToggle();
+      setDropdowns(initialDropdowns);
+    } : null
+  }, settingsData.label)));
 };
 var Menu = function Menu(_ref4) {
   var menuData = _ref4.menuData,
     userData = _ref4.userData,
     logoutData = _ref4.logoutData,
+    settingsData = _ref4.settingsData,
     matchMediaQuery = _ref4.matchMediaQuery,
     variant = _ref4.variant,
     forwardRef = _ref4.forwardRef,
@@ -101269,6 +101311,7 @@ var Menu = function Menu(_ref4) {
   })) : null, /*#__PURE__*/React.createElement(MenuItems, {
     menuData: menuData,
     logoutData: logoutData,
+    settingsData: settingsData,
     matchMediaQuery: matchMediaQuery,
     variant: variant,
     handleMenuToggle: handleMenuToggle
@@ -101374,7 +101417,7 @@ Tooltip.propTypes = {
 };
 
 var _excluded$1 = ["modalbgcolor", "modaltextcolor"],
-  _excluded2 = ["onBackArrowClick", "onLogoClick", "clientLogo", "breadcrumbData", "userData", "menuData", "logoutData", "updateText", "updateAvailable"];
+  _excluded2 = ["onBackArrowClick", "onLogoClick", "clientLogo", "breadcrumbData", "userData", "menuData", "logoutData", "settingsData", "updateText", "updateAvailable"];
 var StyledTopbar = styled$1('div', {
   shouldForwardProp: function shouldForwardProp(prop) {
     switch (prop) {
@@ -101563,6 +101606,7 @@ var CustomTopbar = function CustomTopbar(_ref5) {
     userData = _ref5.userData,
     menuData = _ref5.menuData,
     logoutData = _ref5.logoutData,
+    settingsData = _ref5.settingsData,
     updateText = _ref5.updateText,
     updateAvailable = _ref5.updateAvailable,
     props = _objectWithoutProperties$1(_ref5, _excluded2);
@@ -101683,6 +101727,7 @@ var CustomTopbar = function CustomTopbar(_ref5) {
     menuData: menuData,
     userData: userData,
     logoutData: logoutData,
+    settingsData: settingsData,
     forwardRef: menuRef,
     matchMediaQuery: matchMediaQuery,
     variant: props.variant,
@@ -101719,6 +101764,10 @@ CustomTopbar.propTypes = {
   logoutData: propTypesExports.shape({
     label: propTypesExports.string.isRequired,
     onClick: propTypesExports.func
+  }),
+  settingsData: propTypesExports.shape({
+    label: propTypesExports.string.isRequired,
+    onClick: propTypesExports.func
   })
 };
 CustomTopbar.defaultProps = {

package/dist/index.esm.js

@@ -75995,7 +75995,7 @@ var BottomBarComponent = function BottomBarComponent(_ref5) {
     var type = (item === null || item === void 0 ? void 0 : item.type) || 'primary';
     var text = (item === null || item === void 0 ? void 0 : item.text) || '';
     var color = (item === null || item === void 0 ? void 0 : item.color) || 'navy-blue';
-    var size = (item === null || item === void 0 ? void 0 : item.size) || 'Big';
+    var size = (item === null || item === void 0 ? void 0 : item.size) || 'small';
     var icon = (item === null || item === void 0 ? void 0 : item.icon) || '';
     var submit = (item === null || item === void 0 ? void 0 : item.submit) || false;
     var isIconButton = icon !== '';
@@ -76742,7 +76742,8 @@ var Table = function Table(props) {
     rowsPerPageOptions = props.rowsPerPageOptions,
     labelRowsSelected = props.labelRowsSelected,
     showRemoveRowsIcon = props.showRemoveRowsIcon,
-    labelNoRows = props.labelNoRows;
+    labelNoRows = props.labelNoRows,
+    handleRowClick = props.handleRowClick;
   var _useState = useState(data),
     _useState2 = _slicedToArray$a(_useState, 2),
     allRows = _useState2[0],
@@ -76928,7 +76929,10 @@ var Table = function Table(props) {
       return /*#__PURE__*/React__default.createElement(MuiTableCell, {
         key: column.id,
         align: column.align,
-        sx: column.highlight && column.highlight === true && highlightStyle(value)
+        sx: column.highlight && column.highlight === true && highlightStyle(value),
+        onClick: function onClick(event) {
+          return handleRowClick(event, row);
+        }
       }, /*#__PURE__*/React__default.createElement(StyledCellContent, {
         align: column.align
       }, typeof value === 'number' ? value.toString() : value, column.error && column.error === true && errorCondition(value) && /*#__PURE__*/React__default.createElement(Icon, {
@@ -77011,7 +77015,8 @@ Table.propTypes = {
   rowsPerPageOptions: propTypesExports.array,
   labelRowsSelected: propTypesExports.string,
   showRemoveRowsIcon: propTypesExports.bool,
-  labelNoRows: propTypesExports.string
+  labelNoRows: propTypesExports.string,
+  handleRowClick: propTypesExports.func
 };
 
 var dist = {};
@@ -99631,16 +99636,13 @@ var RowCountBar = styled$1('div')({
   bottom: 0,
   left: 0,
   right: 0,
-  backgroundColor: theme.mainPallete.primary.placeholderText,
-  // backgroundColor: theme.mainPallete.table.pagination,
+  backgroundColor: theme.mainPallete.table.pagination,
   zIndex: 1,
   padding: '0 3px',
   textAlign: 'right',
   fontFamily: theme.fontFamily,
-  fontWeight: theme.fontWeight.bold,
-  // fontWeight: theme.fontWeight.regular,
-  color: theme.mainPallete.primary.white,
-  // color: theme.mainPallete.primary.blue,
+  fontWeight: theme.fontWeight.regular,
+  color: theme.mainPallete.primary.blue,
   fontSize: 13,
   lineHeight: '17px',
   justifyContent: 'end',
@@ -100209,8 +100211,8 @@ TableMobileComponent.defaultProps = {
   paddingBottom: 0,
   infoIcon: 'icon_ui_chevron_right',
   rowCountBar: true,
-  countBarLabel: '',
-  countBarLabelFiltron: '',
+  countBarLabel: 'Wybrano',
+  countBarLabelFiltron: 'Wiersz',
   selectionType: 'single'
 };
 
@@ -101138,11 +101140,36 @@ var SubItemsWrapper = styled$1('div', {
     }
   };
 });
+var BottomWrapper = styled$1('div')(function () {
+  return {
+    '@media (max-width: 1019px)': {
+      display: 'flex',
+      justifyContent: 'space-between'
+    }
+  };
+});
 var Logout = styled$1('div')(function () {
   return {
     position: 'relative',
     bottom: 0,
     marginTop: 10,
+    cursor: 'pointer',
+    '@media (max-width: 1019px)': {
+      fontSize: 24,
+      padding: '0 15px'
+    },
+    '@media (min-width: 1020px)': {
+      fontSize: 14,
+      rowGap: 10
+    }
+  };
+});
+var Settings = styled$1('div')(function () {
+  return {
+    position: 'relative',
+    bottom: 0,
+    marginTop: 10,
+    cursor: 'pointer',
     '@media (max-width: 1019px)': {
       fontSize: 24,
       padding: '0 15px'
@@ -101169,6 +101196,8 @@ var MenuItems = function MenuItems(_ref3) {
     variant = _ref3.variant,
     _ref3$logoutData = _ref3.logoutData,
     logoutData = _ref3$logoutData === void 0 ? null : _ref3$logoutData,
+    _ref3$settingsData = _ref3.settingsData,
+    settingsData = _ref3$settingsData === void 0 ? null : _ref3$settingsData,
     handleMenuToggle = _ref3.handleMenuToggle;
   var _useState = useState(function () {
       return menuData.map(function (item, index) {
@@ -101189,9 +101218,12 @@ var MenuItems = function MenuItems(_ref3) {
         return acc;
       }, {}) : null;
     }),
-    _useState4 = _slicedToArray$a(_useState3, 2),
-    dropdowns = _useState4[0],
-    setDropdowns = _useState4[1];
+    _useState4 = _slicedToArray$a(_useState3, 1),
+    initialDropdowns = _useState4[0];
+  var _useState5 = useState(initialDropdowns),
+    _useState6 = _slicedToArray$a(_useState5, 2),
+    dropdowns = _useState6[0],
+    setDropdowns = _useState6[1];
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ItemsWrapper, {
     id: "items"
   }, data.map(function (item, index) {
@@ -101224,15 +101256,25 @@ var MenuItems = function MenuItems(_ref3) {
         }
       }, subItem.label);
     })), menuData.length - 1 !== index ? /*#__PURE__*/React__default.createElement("hr", null) : null);
-  })), logoutData && /*#__PURE__*/React__default.createElement(Logout, {
+  })), /*#__PURE__*/React__default.createElement(BottomWrapper, {
+    id: "bottom-wrapper"
+  }, logoutData && /*#__PURE__*/React__default.createElement(Logout, {
     id: "logout",
     onClick: logoutData.onClick && typeof logoutData.onClick === 'function' ? logoutData.onClick : null
-  }, logoutData.label));
+  }, logoutData.label), settingsData && /*#__PURE__*/React__default.createElement(Settings, {
+    id: "settings",
+    onClick: settingsData.onClick && typeof settingsData.onClick === 'function' ? function () {
+      settingsData.onClick();
+      if (handleMenuToggle && typeof handleMenuToggle === 'function') handleMenuToggle();
+      setDropdowns(initialDropdowns);
+    } : null
+  }, settingsData.label)));
 };
 var Menu = function Menu(_ref4) {
   var menuData = _ref4.menuData,
     userData = _ref4.userData,
     logoutData = _ref4.logoutData,
+    settingsData = _ref4.settingsData,
     matchMediaQuery = _ref4.matchMediaQuery,
     variant = _ref4.variant,
     forwardRef = _ref4.forwardRef,
@@ -101249,6 +101291,7 @@ var Menu = function Menu(_ref4) {
   })) : null, /*#__PURE__*/React__default.createElement(MenuItems, {
     menuData: menuData,
     logoutData: logoutData,
+    settingsData: settingsData,
     matchMediaQuery: matchMediaQuery,
     variant: variant,
     handleMenuToggle: handleMenuToggle
@@ -101354,7 +101397,7 @@ Tooltip.propTypes = {
 };
 
 var _excluded$1 = ["modalbgcolor", "modaltextcolor"],
-  _excluded2 = ["onBackArrowClick", "onLogoClick", "clientLogo", "breadcrumbData", "userData", "menuData", "logoutData", "updateText", "updateAvailable"];
+  _excluded2 = ["onBackArrowClick", "onLogoClick", "clientLogo", "breadcrumbData", "userData", "menuData", "logoutData", "settingsData", "updateText", "updateAvailable"];
 var StyledTopbar = styled$1('div', {
   shouldForwardProp: function shouldForwardProp(prop) {
     switch (prop) {
@@ -101543,6 +101586,7 @@ var CustomTopbar = function CustomTopbar(_ref5) {
     userData = _ref5.userData,
     menuData = _ref5.menuData,
     logoutData = _ref5.logoutData,
+    settingsData = _ref5.settingsData,
     updateText = _ref5.updateText,
     updateAvailable = _ref5.updateAvailable,
     props = _objectWithoutProperties$1(_ref5, _excluded2);
@@ -101663,6 +101707,7 @@ var CustomTopbar = function CustomTopbar(_ref5) {
     menuData: menuData,
     userData: userData,
     logoutData: logoutData,
+    settingsData: settingsData,
     forwardRef: menuRef,
     matchMediaQuery: matchMediaQuery,
     variant: props.variant,
@@ -101699,6 +101744,10 @@ CustomTopbar.propTypes = {
   logoutData: propTypesExports.shape({
     label: propTypesExports.string.isRequired,
     onClick: propTypesExports.func
+  }),
+  settingsData: propTypesExports.shape({
+    label: propTypesExports.string.isRequired,
+    onClick: propTypesExports.func
   })
 };
 CustomTopbar.defaultProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xelto.npm/xc2-lib",
-  "version": "1.0.27",
+  "version": "1.0.29",
   "author": "XELTO",
   "description": "React component library based on MUI",
   "license": "ISC",