@xelto.npm/xc2-lib 0.0.73 → 0.0.74

package/dist/index.cjs.js

@@ -19231,6 +19231,14 @@ var SwitchComponent = function SwitchComponent(_ref) {
     label: label
   })));
 };
+SwitchComponent.propTypes = {
+  checked: propTypes.exports.bool,
+  label: propTypes.exports.string,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  onChange: propTypes.exports.func
+};
 
 function GlobalStyles$2(props) {
   return /*#__PURE__*/jsxRuntimeExports.jsx(GlobalStyles$3, _extends$1d({}, props, {
@@ -27815,6 +27823,33 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
 } : void 0;
 var Autocomplete$1 = Autocomplete;
 
+const defaultTheme = createTheme();
+const Box = createBox({
+  defaultTheme,
+  defaultClassName: 'MuiBox-root',
+  generateClassName: ClassNameGenerator$1.generate
+});
+process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * @ignore
+   */
+  children: propTypes.exports.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: propTypes.exports.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: propTypes.exports.oneOfType([propTypes.exports.arrayOf(propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.object, propTypes.exports.bool])), propTypes.exports.func, propTypes.exports.object])
+} : void 0;
+var Box$1 = Box;
+
 var _path$F, _path2$e, _path3$6;
 function _extends$1c() { _extends$1c = 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$1c.apply(this, arguments); }
 var SvgIconWfSearch = function SvgIconWfSearch(props) {
@@ -29013,33 +29048,6 @@ var SvgUpdateIcon = function SvgUpdateIcon(props) {
   }))));
 };
 
-const defaultTheme = createTheme();
-const Box = createBox({
-  defaultTheme,
-  defaultClassName: 'MuiBox-root',
-  generateClassName: ClassNameGenerator$1.generate
-});
-process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: propTypes.exports.node,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: propTypes.exports.elementType,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: propTypes.exports.oneOfType([propTypes.exports.arrayOf(propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.object, propTypes.exports.bool])), propTypes.exports.func, propTypes.exports.object])
-} : void 0;
-var Box$1 = Box;
-
 var _g$x;
 function _extends$B() { _extends$B = 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$B.apply(this, arguments); }
 var SvgCheckboxDefault = function SvgCheckboxDefault(props) {
@@ -29108,7 +29116,7 @@ var SvgChecbkoxIndeterminate = function SvgChecbkoxIndeterminate(props) {
   }))));
 };
 
-var _excluded$Y = ["iconName", "color", "size", "forwardedRef"];
+var _excluded$Y = ["color", "iconName", "size", "forwardedRef"];
 var StyledIconWrapper$1 = styled$1(Box$1)(function (_ref) {
   var iconName = _ref.iconName;
   return {
@@ -29269,10 +29277,10 @@ var StyledIconWrapper$1 = styled$1(Box$1)(function (_ref) {
   };
 });
 var Icon = function Icon(_ref2) {
-  var _ref2$iconName = _ref2.iconName,
-    iconName = _ref2$iconName === void 0 ? '' : _ref2$iconName,
-    _ref2$color = _ref2.color,
+  var _ref2$color = _ref2.color,
     color = _ref2$color === void 0 ? 'red-navy' : _ref2$color,
+    _ref2$iconName = _ref2.iconName,
+    iconName = _ref2$iconName === void 0 ? 'icon_wf_download' : _ref2$iconName,
     _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 'responsive' : _ref2$size,
     forwardedRef = _ref2.forwardedRef,
@@ -29284,6 +29292,14 @@ var Icon = function Icon(_ref2) {
     iconName: iconName
   }), iconName === 'icon_wf_search' && /*#__PURE__*/React.createElement(SvgIconWfSearch, null), iconName === 'icon_wf_locked' && /*#__PURE__*/React.createElement(SvgIconWfLocked, null), iconName === 'icon_wf_download' && /*#__PURE__*/React.createElement(SvgIconWfDownload, null), iconName === 'icon_wf_remove' && /*#__PURE__*/React.createElement(SvgIconWfRemove, null), iconName === 'icon_wf_logout' && /*#__PURE__*/React.createElement(SvgIconWfLogout, null), iconName === 'icon_wf_edit' && /*#__PURE__*/React.createElement(SvgIconWfEdit, null), iconName === 'icon_wf_settings_or_filter' && /*#__PURE__*/React.createElement(SvgIconWfSettingsOrFilter, null), iconName === 'icon_wf_barcode_1d' && /*#__PURE__*/React.createElement(SvgIconWfBarcode1D, null), iconName === 'icon_wf_barcode_2d' && /*#__PURE__*/React.createElement(SvgIconWfBarcode2D, null), iconName === 'icon_wf_barcode_printer' && /*#__PURE__*/React.createElement(SvgIconWfBarcodePrinter, null), iconName === 'icon_wf_box' && /*#__PURE__*/React.createElement(SvgIconWfBox, null), iconName === 'icon_wf_calculator' && /*#__PURE__*/React.createElement(SvgIconWfCalculator, null), iconName === 'icon_wf_calendar' && /*#__PURE__*/React.createElement(SvgIconWfCalendar, null), iconName === 'icon_wf_car' && /*#__PURE__*/React.createElement(SvgIconWfCar, null), iconName === 'icon_wf_forklift' && /*#__PURE__*/React.createElement(SvgIconWfForklift, null), iconName === 'icon_wf_invoice' && /*#__PURE__*/React.createElement(SvgIconWfInvoice, null), iconName === 'icon_wf_keyboard' && /*#__PURE__*/React.createElement(SvgIconWfKeyboard, null), iconName === 'icon_wf_logs' && /*#__PURE__*/React.createElement(SvgIconWfLogs, null), iconName === 'icon_wf_no_barcode_printer' && /*#__PURE__*/React.createElement(SvgIconWfNoBarcodePrinter, null), iconName === 'icon_wf_no_scan' && /*#__PURE__*/React.createElement(SvgIconWfNoScan, null), iconName === 'icon_wf_pallet' && /*#__PURE__*/React.createElement(SvgIconWfPallet, null), iconName === 'icon_wf_pin' && /*#__PURE__*/React.createElement(SvgIconWfPin, null), iconName === 'icon_wf_scan' && /*#__PURE__*/React.createElement(SvgIconWfScan, null), iconName === 'icon_wf_send' && /*#__PURE__*/React.createElement(SvgIconWfSend, null), iconName === 'icon_wf_status_ksef' && /*#__PURE__*/React.createElement(SvgIconWfStatusKsef, null), iconName === 'icon_wf_stop' && /*#__PURE__*/React.createElement(SvgIconWfStop, null), iconName === 'icon_wf_unpin' && /*#__PURE__*/React.createElement(SvgIconWfUnpin, null), iconName === 'icon_wf_refresh' && /*#__PURE__*/React.createElement(SvgIconWfRefresh, null), iconName === 'icon_ui_close' && /*#__PURE__*/React.createElement(SvgIconUiClose, null), iconName === 'icon_ui_chevron_up' && /*#__PURE__*/React.createElement(SvgIconUiChevronUp, null), iconName === 'icon_ui_chevron_down' && /*#__PURE__*/React.createElement(SvgIconUiChevronDown, null), iconName === 'icon_ui_chevron_right' && /*#__PURE__*/React.createElement(SvgIconUiChevronRight, null), iconName === 'icon_ui_chevron_left' && /*#__PURE__*/React.createElement(SvgIconUiChevronLeft, null), iconName === 'icon_sp_check_mark' && /*#__PURE__*/React.createElement(SvgIconSpCheckMark, null), iconName === 'icon_sp_warning' && /*#__PURE__*/React.createElement(SvgIconSpWarning, null), iconName === 'icon_sp_info' && /*#__PURE__*/React.createElement(SvgIconSpInfo, null), iconName === 'icon_sp_info_2' && /*#__PURE__*/React.createElement(SvgIconSpInfo2, null), iconName === 'icon_burger_menu' && /*#__PURE__*/React.createElement(SvgMenuBurger, null), iconName === 'icon_update' && /*#__PURE__*/React.createElement(SvgUpdateIcon, null), iconName === 'icon_checkbox_default' && /*#__PURE__*/React.createElement(SvgCheckboxDefault, null), iconName === 'icon_checkbox_checked' && /*#__PURE__*/React.createElement(SvgCheckboxChecked, null), iconName === 'icon_checkbox_indeterminate' && /*#__PURE__*/React.createElement(SvgChecbkoxIndeterminate, null));
 };
+Icon.propTypes = {
+  color: propTypes.exports.string,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  iconName: propTypes.exports.string,
+  size: propTypes.exports.string
+};
 
 var _excluded$X = ["id", "disabled", "label", "withRefresh", "fluid", "placeholder", "onRefreshClick", "options", "value", "onChange", "forwardedRef", "noOptionsText"];
 var StyledAutocomplete$1 = styled$1(Autocomplete$1)(function (_ref) {
@@ -52554,8 +52570,6 @@ var StyledTypography = styled$1(Typography$2)(function (_ref) {
     }
   };
 });
-
-// @ts-ignore
 var TypographyComponent = function TypographyComponent(_ref2) {
   var text = _ref2.text,
     type = _ref2.type,
@@ -52569,6 +52583,13 @@ var TypographyComponent = function TypographyComponent(_ref2) {
     className: typeClassName
   }), text);
 };
+TypographyComponent.propTypes = {
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  text: propTypes.exports.string,
+  type: propTypes.exports.string
+};
 
 var StyledAppTileWrapper = styled$1(Box$1)(function (_ref) {
   _objectDestructuringEmpty(_ref);
@@ -65846,15 +65867,23 @@ var StyledIllustrationWrapper = styled$1(Box$1)(function (_ref) {
 });
 var Illustration = function Illustration(_ref2) {
   var illustrationName = _ref2.illustrationName,
-    color = _ref2.color,
     size = _ref2.size,
-    isBigType = _ref2.isBigType;
+    isBigType = _ref2.isBigType,
+    forwardedRef = _ref2.forwardedRef;
   var bigTypeClassName = isBigType ? 'big-type' : '';
   return /*#__PURE__*/React.createElement(StyledIllustrationWrapper, {
-    className: "".concat(color, " ").concat(size, " ").concat(bigTypeClassName),
-    color: color
+    ref: forwardedRef,
+    className: "".concat(size, " ").concat(bigTypeClassName)
   }, illustrationName === 'ilu_availability_by_item' && /*#__PURE__*/React.createElement(SvgIluAvailabilityByItem, null), illustrationName === 'ilu_add_goods_to_pallet' && /*#__PURE__*/React.createElement(SvgIluAddGoodsToPallet, null), illustrationName === 'ilu_availability_by_index' && /*#__PURE__*/React.createElement(SvgIluAvailabilityByIndex, null), illustrationName === 'ilu_availability_by_location' && /*#__PURE__*/React.createElement(SvgIluAvailabilityByLocation, null), illustrationName === 'ilu_blocked_pallet' && /*#__PURE__*/React.createElement(SvgIluBlockedPallet, null), illustrationName === 'ilu_finished_product' && /*#__PURE__*/React.createElement(SvgIluFinishedProduct, null), illustrationName === 'ilu_from_pallet_to_rack' && /*#__PURE__*/React.createElement(SvgIluFromPalletToRack, null), illustrationName === 'ilu_internal_logistic' && /*#__PURE__*/React.createElement(SvgIluInternalLogistic, null), illustrationName === 'ilu_inventory' && /*#__PURE__*/React.createElement(SvgIluInventory, null), illustrationName === 'ilu_inventory_transfer' && /*#__PURE__*/React.createElement(SvgIluInventoryTransfer, null), illustrationName === 'ilu_labeling_of_pallets' && /*#__PURE__*/React.createElement(SvgIluLabelingOfPallets, null), illustrationName === 'ilu_loading_car' && /*#__PURE__*/React.createElement(SvgIluLoadingCar, null), illustrationName === 'ilu_manual_transfer' && /*#__PURE__*/React.createElement(SvgIluManualTransfer, null), illustrationName === 'ilu_move_goods_from_pallet_to_another' && /*#__PURE__*/React.createElement(SvgIluMoveGoodsFromPalletToAnother, null), illustrationName === 'ilu_printing_label' && /*#__PURE__*/React.createElement(SvgIluPrintingLabel, null), illustrationName === 'ilu_production' && /*#__PURE__*/React.createElement(SvgIluProduction, null), illustrationName === 'ilu_quality_control' && /*#__PURE__*/React.createElement(SvgIluQualityControl, null), illustrationName === 'ilu_release_of_goods_from_warehouse' && /*#__PURE__*/React.createElement(SvgIluReleaseOfGoodsFromWarehouse, null), illustrationName === 'ilu_remove_goods_from_pallet' && /*#__PURE__*/React.createElement(SvgIluRemoveGoodsFromPallet, null), illustrationName === 'ilu_reprinting_label' && /*#__PURE__*/React.createElement(SvgIluReprintingLabel, null), illustrationName === 'ilu_return_from_customers' && /*#__PURE__*/React.createElement(SvgIluReturnFromCustomers, null), illustrationName === 'ilu_sale' && /*#__PURE__*/React.createElement(SvgIluSale, null), illustrationName === 'ilu_shift_pallet' && /*#__PURE__*/React.createElement(SvgIluShiftPallet, null), illustrationName === 'ilu_shopping' && /*#__PURE__*/React.createElement(SvgIluShopping, null), illustrationName === 'ilu_status_change' && /*#__PURE__*/React.createElement(SvgIluStatusChange, null), illustrationName === 'ilu_storage_field' && /*#__PURE__*/React.createElement(SvgIluStorageField, null), illustrationName === 'ilu_warehouse_loading' && /*#__PURE__*/React.createElement(SvgIluWarehouseLoading, null), illustrationName === 'ilu_moving_box_to_another_shelf' && /*#__PURE__*/React.createElement(SvgMovingBoxToAnotherShelf, null), illustrationName === 'ilu_search' && /*#__PURE__*/React.createElement(SvgIluSearch, null), illustrationName === 'ilu_404' && /*#__PURE__*/React.createElement(SvgIlu404, null));
 };
+Illustration.propTypes = {
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  illustrationName: propTypes.exports.string,
+  isBigType: propTypes.exports.bool,
+  size: propTypes.exports.string
+};
 
 var _g$3;
 function _extends$4() { _extends$4 = 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$4.apply(this, arguments); }
@@ -66027,7 +66056,6 @@ var StyledLogoWrapper = styled$1(Box$1)(function (_ref) {
     '&.red-navy': {
       '#color-1': {
         'rect, path': {
-          // fill: theme.mainPallete.primary[color],
           fill: theme.mainPallete.primary.blue
         }
       },
@@ -66087,10 +66115,9 @@ var StyledLogoWrapper = styled$1(Box$1)(function (_ref) {
     }
   };
 });
-
-// @ts-ignore
 var Logo = function Logo(_ref2) {
-  var logoName = _ref2.logoName,
+  var _ref2$logoName = _ref2.logoName,
+    logoName = _ref2$logoName === void 0 ? "logo_xelcode" : _ref2$logoName,
     _ref2$color = _ref2.color,
     color = _ref2$color === void 0 ? 'red-navy' : _ref2$color,
     props = _objectWithoutProperties$1(_ref2, _excluded$6);
@@ -66099,6 +66126,13 @@ var Logo = function Logo(_ref2) {
     color: color
   }, props), logoName === 'logo_xelcode' && /*#__PURE__*/React.createElement(SvgLogoXelcode, null), logoName === 'logo_xelcode_dashboard' && /*#__PURE__*/React.createElement(SvgLogoXelcodeDashboard, null));
 };
+Logo.propTypes = {
+  color: propTypes.exports.string,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  logoName: propTypes.exports.string
+};
 
 /**
 A function that returns a universally unique identifier (uuid).  
@@ -66279,7 +66313,7 @@ BottomInfoBar.propTypes = {
   })])
 };
 
-var _excluded$4 = ["disabled", "label", "checked", "onChange", "indeterminate", "forwardedRef"];
+var _excluded$4 = ["checked", "disabled", "label", "onChange", "indeterminate", "forwardedRef"];
 var StyledFormControlLabel$1 = styled$1(FormControlLabel$2)(function (_ref) {
   _objectDestructuringEmpty(_ref);
   return {
@@ -66390,9 +66424,9 @@ var StyledCheckbox = styled$1(Checkbox$2)(function () {
   };
 });
 var CheckboxComponent = function CheckboxComponent(_ref2) {
-  var disabled = _ref2.disabled,
+  var checked = _ref2.checked,
+    disabled = _ref2.disabled,
     label = _ref2.label,
-    checked = _ref2.checked,
     onChange = _ref2.onChange,
     indeterminate = _ref2.indeterminate,
     forwardedRef = _ref2.forwardedRef,
@@ -66435,6 +66469,16 @@ var CheckboxComponent = function CheckboxComponent(_ref2) {
     label: label
   })));
 };
+CheckboxComponent.propTypes = {
+  checked: propTypes.exports.bool,
+  disabled: propTypes.exports.bool,
+  label: propTypes.exports.string,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  indeterminate: propTypes.exports.bool,
+  onChange: propTypes.exports.func
+};
 
 var _excluded$3 = ["fluid", "placeholder", "onSearch", "onBlur", "searchText", "onChange", "onChangeSearchText", "forwardedRef"];
 var StyledSearchBarWrapper = styled$1(Box$1)(function (_ref) {
@@ -66449,11 +66493,9 @@ var StyledSearchBarWrapper = styled$1(Box$1)(function (_ref) {
     justifyContent: 'space-between',
     alignItems: 'center',
     marginBottom: '20px',
-    // padding: '4px 10px 5px 10px',
     border: '1.5px solid transparent',
     transition: 'background-color 0.2s ease-in-out, border 0.2s ease-in-out',
     padding: '21px',
-    //PADDDINGi DO USTALENIA
     borderRadius: '34px',
     fontWeight: 'bold',
     '@media(min-width: 720px)': {
@@ -66620,6 +66662,18 @@ var SearchBarComponent = function SearchBarComponent(_ref3) {
     }
   }));
 };
+SearchBarComponent.propTypes = {
+  fluid: propTypes.exports.func,
+  placeholder: propTypes.exports.string,
+  onSearch: propTypes.exports.func,
+  onBlur: propTypes.exports.func,
+  searchText: propTypes.exports.string,
+  onChange: propTypes.exports.func,
+  onChangeSearchText: propTypes.exports.func,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })])
+};
 
 var StyledTableToolbar = styled$1('div')(function (_ref) {
   _objectDestructuringEmpty(_ref);
@@ -89395,9 +89449,6 @@ var StyledCustomTable = styled$1(Box$1)(function (_ref) {
       'button': {
         display: 'none'
       },
-      'div:first-child': {
-        // flex: '1',
-      },
       'div:nth-child(2)': {
         display: 'none'
       },
@@ -89464,12 +89515,6 @@ var StyledCustomTable = styled$1(Box$1)(function (_ref) {
               },
               'svg': {
                 display: 'none'
-              },
-              '.MuiOutlinedInput-root': {
-                borderColor: 'red',
-                'fieldset': {
-                  // border: 'none',
-                }
               }
             }
           },
@@ -89598,7 +89643,6 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
     sort: false,
     selectableRows: 'none',
     selectableRowsOnClick: false,
-    // responsive: 'scrollMaxWidth',
     searchAlwaysOpen: false,
     cellsEditable: false,
     textLabels: {
@@ -89653,6 +89697,15 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
     options: commonOptions
   }));
 };
+TableMobileComponent.propTypes = {
+  columns: propTypes.exports.arrayOf(propTypes.exports.string),
+  rows: propTypes.exports.arrayOf(propTypes.exports.shape({
+    value: propTypes.exports.string,
+    editable: propTypes.exports.bool
+  })),
+  includeSearch: propTypes.exports.bool,
+  handleChangeData: propTypes.exports.func
+};
 
 var StyledModalContainer = styled$1(Box$1)(function (_ref) {
   _objectDestructuringEmpty(_ref);
@@ -89713,10 +89766,7 @@ var StyledModalWrapper = styled$1(Modal$1)(function (_ref2) {
     },
     '.MuiBackdrop-root': {
       display: 'none'
-      // opacity: 0,
-      // backgroundColor: 'rgba(41, 48, 114, 0.35)'
     },
-
     'svg': {
       width: '115px',
       height: '115px',
@@ -89791,30 +89841,17 @@ var CustomModal = function CustomModal(_ref6) {
     type = _ref6.type,
     handleCloseModal = _ref6.handleCloseModal,
     handleActionButton = _ref6.handleActionButton,
-    isModalOpen = _ref6.isModalOpen;
-  // const [open, setOpen] = React.useState(isModalOpen);
-  // const handleOpen = () => setOpen(true);
-  // const handleClose = () => setOpen(false);
-
-  // const showIcon = (type) => {
-  //     if( type==='complete') {
-  //         return <Illustration illustrationName={'ilu_status_change'} size='115'/>
-  //     } else if (type === 'error') {
-  //         return <Illustration illustrationName={'ilu_status_change'} size='big'/>
-  //     } else if (type === 'info') {
-  //         return <Illustration illustrationName={'ilu_status_change'} size='big'/>
-  //     } else return
-  // }
+    isModalOpen = _ref6.isModalOpen,
+    forwardedRef = _ref6.forwardedRef;
   var isScrollableTextModal = type === 'text-scroll';
   return /*#__PURE__*/React__namespace.createElement(StyledModalContainer, {
+    ref: forwardedRef,
     className: !isModalOpen ? 'hidden' : ''
   }, /*#__PURE__*/React__namespace.createElement(StyledModalWrapper, {
     className: isScrollableTextModal ? 'scrollable' : '',
     open: isModalOpen,
     onClose: handleCloseModal,
     isBottomTextButton: bottomButtonLabel
-    // aria-labelledby="modal-modal-title"
-    // aria-describedby="modal-modal-description"
   }, /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Illustration, {
     illustrationName: 'ilu_status_change',
     size: "small"
@@ -89854,6 +89891,20 @@ var CustomModal = function CustomModal(_ref6) {
     size: 'small'
   })))));
 };
+CustomModal.propTypes = {
+  actionButtonLabel: propTypes.exports.string,
+  bottomButtonLabel: propTypes.exports.string,
+  closeButtonLabel: propTypes.exports.string,
+  description: propTypes.exports.string,
+  handleCloseModal: propTypes.exports.func,
+  handleActionButton: propTypes.exports.func,
+  isModalOpen: propTypes.exports.bool,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  title: propTypes.exports.string,
+  type: propTypes.exports.string
+};
 
 var StyledModuleTileWrapper = styled$1(Box$1)(function (_ref) {
   var fluid = _ref.fluid;
@@ -89948,21 +89999,10 @@ var StyledLabelAndIconWrapper = styled$1(Box$1)(function () {
     paddingRight: '10px'
   };
 });
-styled$1(Box$1)(function (_ref2) {
-  _objectDestructuringEmpty(_ref2);
-  return {
-    width: '100%',
-    display: 'flex',
-    justifyContent: 'space-between',
-    'button:nth-child(2)': {
-      marginLeft: 10
-    }
-  };
-});
 var StyledStepper = styled$1(function (props) {
   return /*#__PURE__*/React.createElement(Stepper$1, props);
-})(function (_ref3) {
-  var numberOfSteps = _ref3.numberOfSteps;
+})(function (_ref2) {
+  var numberOfSteps = _ref2.numberOfSteps;
   return {
     '.MuiStepConnector-root': {
       width: '4px',
@@ -89997,8 +90037,8 @@ var StyledStepper = styled$1(function (props) {
 });
 var StyledStep = styled$1(function (props) {
   return /*#__PURE__*/React.createElement(Step$1, props);
-})(function (_ref4) {
-  var completed = _ref4.completed;
+})(function (_ref3) {
+  var completed = _ref3.completed;
   return {
     border: 'none',
     backgroundColor: completed ? theme.mainPallete.secondary.specialGreen : '#D8E1FA',
@@ -90007,35 +90047,22 @@ var StyledStep = styled$1(function (props) {
     }
   };
 });
-var CustomStepper = function CustomStepper(_ref5) {
-  var steps = _ref5.steps,
-    label = _ref5.label,
-    withIcon = _ref5.withIcon,
-    currentStep = _ref5.currentStep;
-    _ref5.handleNextStep;
-    _ref5.handlePreviousStep;
-    _ref5.handleChangeStep;
-  steps.indexOf(currentStep);
+var CustomStepper = function CustomStepper(_ref4) {
+  var steps = _ref4.steps,
+    label = _ref4.label,
+    withIcon = _ref4.withIcon,
+    currentStep = _ref4.currentStep;
   var _useState = React.useState(currentStep),
     _useState2 = _slicedToArray$a(_useState, 2),
-    activeStep = _useState2[0],
-    setActiveStep = _useState2[1];
+    activeStep = _useState2[0];
+    _useState2[1];
   var _useState3 = React.useState({}),
     _useState4 = _slicedToArray$a(_useState3, 2),
     completed = _useState4[0];
     _useState4[1];
-  // alert('currentStep ' + currentStep);
-  // alert('currentStepIndex ' + currentStepIndex);
   var totalSteps = steps.length;
   var completedSteps = Object.keys(completed).length;
   var allStepsCompleted = completedSteps === totalSteps;
-  var handleSteps = function handleSteps(steps, currentStep) {
-    var currentStepIndex = steps.indexOf(currentStep);
-    setActiveStep(currentStepIndex);
-  };
-  React.useEffect(function () {
-    handleSteps(steps, currentStep);
-  }, [currentStep]);
   return /*#__PURE__*/React.createElement(StyledStepperContainer, null, /*#__PURE__*/React.createElement(Box$1, {
     sx: {
       width: '100%'
@@ -90057,6 +90084,15 @@ var CustomStepper = function CustomStepper(_ref5) {
     });
   }))));
 };
+CustomStepper.propTypes = {
+  currentStep: propTypes.exports.string,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  label: propTypes.exports.string,
+  steps: propTypes.exports.arrayOf(propTypes.exports.string),
+  withIcon: propTypes.exports.bool
+};
 
 var _g$1;
 function _extends$1() { _extends$1 = 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$1.apply(this, arguments); }
@@ -90123,9 +90159,6 @@ var _excluded$2 = ["value", "label"];
 var StyledFormControlLabel = styled$1(FormControlLabel$2)(function (_ref) {
   _objectDestructuringEmpty(_ref);
   return {
-    // '.MuiFormControlLabel-label': checked && {
-    //     color: theme.palette.primary.main,
-    // },
     padding: 0,
     boxSizing: 'border-box',
     marginBottom: '30px',
@@ -90243,6 +90276,18 @@ var RadioGroupComponent = function RadioGroupComponent(_ref2) {
     defaultValue: defaultValue
   }, renderRadioOptions(options));
 };
+RadioGroupComponent.propTypes = {
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  onChange: propTypes.exports.func,
+  options: propTypes.exports.arrayOf(propTypes.exports.shape({
+    disabled: propTypes.exports.bool,
+    label: propTypes.exports.string,
+    value: propTypes.exports.string
+  })),
+  value: propTypes.exports.string
+};
 
 var StyledMenu = styled$1('div')(function (_ref) {
   var variant = _ref.variant;

package/dist/index.esm.js

@@ -19211,6 +19211,14 @@ var SwitchComponent = function SwitchComponent(_ref) {
     label: label
   })));
 };
+SwitchComponent.propTypes = {
+  checked: propTypes.exports.bool,
+  label: propTypes.exports.string,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  onChange: propTypes.exports.func
+};
 
 function GlobalStyles$2(props) {
   return /*#__PURE__*/jsxRuntimeExports.jsx(GlobalStyles$3, _extends$1d({}, props, {
@@ -27795,6 +27803,33 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
 } : void 0;
 var Autocomplete$1 = Autocomplete;
 
+const defaultTheme = createTheme();
+const Box = createBox({
+  defaultTheme,
+  defaultClassName: 'MuiBox-root',
+  generateClassName: ClassNameGenerator$1.generate
+});
+process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * @ignore
+   */
+  children: propTypes.exports.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: propTypes.exports.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: propTypes.exports.oneOfType([propTypes.exports.arrayOf(propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.object, propTypes.exports.bool])), propTypes.exports.func, propTypes.exports.object])
+} : void 0;
+var Box$1 = Box;
+
 var _path$F, _path2$e, _path3$6;
 function _extends$1c() { _extends$1c = 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$1c.apply(this, arguments); }
 var SvgIconWfSearch = function SvgIconWfSearch(props) {
@@ -28993,33 +29028,6 @@ var SvgUpdateIcon = function SvgUpdateIcon(props) {
   }))));
 };
 
-const defaultTheme = createTheme();
-const Box = createBox({
-  defaultTheme,
-  defaultClassName: 'MuiBox-root',
-  generateClassName: ClassNameGenerator$1.generate
-});
-process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: propTypes.exports.node,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: propTypes.exports.elementType,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: propTypes.exports.oneOfType([propTypes.exports.arrayOf(propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.object, propTypes.exports.bool])), propTypes.exports.func, propTypes.exports.object])
-} : void 0;
-var Box$1 = Box;
-
 var _g$x;
 function _extends$B() { _extends$B = 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$B.apply(this, arguments); }
 var SvgCheckboxDefault = function SvgCheckboxDefault(props) {
@@ -29088,7 +29096,7 @@ var SvgChecbkoxIndeterminate = function SvgChecbkoxIndeterminate(props) {
   }))));
 };
 
-var _excluded$Y = ["iconName", "color", "size", "forwardedRef"];
+var _excluded$Y = ["color", "iconName", "size", "forwardedRef"];
 var StyledIconWrapper$1 = styled$1(Box$1)(function (_ref) {
   var iconName = _ref.iconName;
   return {
@@ -29249,10 +29257,10 @@ var StyledIconWrapper$1 = styled$1(Box$1)(function (_ref) {
   };
 });
 var Icon = function Icon(_ref2) {
-  var _ref2$iconName = _ref2.iconName,
-    iconName = _ref2$iconName === void 0 ? '' : _ref2$iconName,
-    _ref2$color = _ref2.color,
+  var _ref2$color = _ref2.color,
     color = _ref2$color === void 0 ? 'red-navy' : _ref2$color,
+    _ref2$iconName = _ref2.iconName,
+    iconName = _ref2$iconName === void 0 ? 'icon_wf_download' : _ref2$iconName,
     _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 'responsive' : _ref2$size,
     forwardedRef = _ref2.forwardedRef,
@@ -29264,6 +29272,14 @@ var Icon = function Icon(_ref2) {
     iconName: iconName
   }), iconName === 'icon_wf_search' && /*#__PURE__*/React__default.createElement(SvgIconWfSearch, null), iconName === 'icon_wf_locked' && /*#__PURE__*/React__default.createElement(SvgIconWfLocked, null), iconName === 'icon_wf_download' && /*#__PURE__*/React__default.createElement(SvgIconWfDownload, null), iconName === 'icon_wf_remove' && /*#__PURE__*/React__default.createElement(SvgIconWfRemove, null), iconName === 'icon_wf_logout' && /*#__PURE__*/React__default.createElement(SvgIconWfLogout, null), iconName === 'icon_wf_edit' && /*#__PURE__*/React__default.createElement(SvgIconWfEdit, null), iconName === 'icon_wf_settings_or_filter' && /*#__PURE__*/React__default.createElement(SvgIconWfSettingsOrFilter, null), iconName === 'icon_wf_barcode_1d' && /*#__PURE__*/React__default.createElement(SvgIconWfBarcode1D, null), iconName === 'icon_wf_barcode_2d' && /*#__PURE__*/React__default.createElement(SvgIconWfBarcode2D, null), iconName === 'icon_wf_barcode_printer' && /*#__PURE__*/React__default.createElement(SvgIconWfBarcodePrinter, null), iconName === 'icon_wf_box' && /*#__PURE__*/React__default.createElement(SvgIconWfBox, null), iconName === 'icon_wf_calculator' && /*#__PURE__*/React__default.createElement(SvgIconWfCalculator, null), iconName === 'icon_wf_calendar' && /*#__PURE__*/React__default.createElement(SvgIconWfCalendar, null), iconName === 'icon_wf_car' && /*#__PURE__*/React__default.createElement(SvgIconWfCar, null), iconName === 'icon_wf_forklift' && /*#__PURE__*/React__default.createElement(SvgIconWfForklift, null), iconName === 'icon_wf_invoice' && /*#__PURE__*/React__default.createElement(SvgIconWfInvoice, null), iconName === 'icon_wf_keyboard' && /*#__PURE__*/React__default.createElement(SvgIconWfKeyboard, null), iconName === 'icon_wf_logs' && /*#__PURE__*/React__default.createElement(SvgIconWfLogs, null), iconName === 'icon_wf_no_barcode_printer' && /*#__PURE__*/React__default.createElement(SvgIconWfNoBarcodePrinter, null), iconName === 'icon_wf_no_scan' && /*#__PURE__*/React__default.createElement(SvgIconWfNoScan, null), iconName === 'icon_wf_pallet' && /*#__PURE__*/React__default.createElement(SvgIconWfPallet, null), iconName === 'icon_wf_pin' && /*#__PURE__*/React__default.createElement(SvgIconWfPin, null), iconName === 'icon_wf_scan' && /*#__PURE__*/React__default.createElement(SvgIconWfScan, null), iconName === 'icon_wf_send' && /*#__PURE__*/React__default.createElement(SvgIconWfSend, null), iconName === 'icon_wf_status_ksef' && /*#__PURE__*/React__default.createElement(SvgIconWfStatusKsef, null), iconName === 'icon_wf_stop' && /*#__PURE__*/React__default.createElement(SvgIconWfStop, null), iconName === 'icon_wf_unpin' && /*#__PURE__*/React__default.createElement(SvgIconWfUnpin, null), iconName === 'icon_wf_refresh' && /*#__PURE__*/React__default.createElement(SvgIconWfRefresh, null), iconName === 'icon_ui_close' && /*#__PURE__*/React__default.createElement(SvgIconUiClose, null), iconName === 'icon_ui_chevron_up' && /*#__PURE__*/React__default.createElement(SvgIconUiChevronUp, null), iconName === 'icon_ui_chevron_down' && /*#__PURE__*/React__default.createElement(SvgIconUiChevronDown, null), iconName === 'icon_ui_chevron_right' && /*#__PURE__*/React__default.createElement(SvgIconUiChevronRight, null), iconName === 'icon_ui_chevron_left' && /*#__PURE__*/React__default.createElement(SvgIconUiChevronLeft, null), iconName === 'icon_sp_check_mark' && /*#__PURE__*/React__default.createElement(SvgIconSpCheckMark, null), iconName === 'icon_sp_warning' && /*#__PURE__*/React__default.createElement(SvgIconSpWarning, null), iconName === 'icon_sp_info' && /*#__PURE__*/React__default.createElement(SvgIconSpInfo, null), iconName === 'icon_sp_info_2' && /*#__PURE__*/React__default.createElement(SvgIconSpInfo2, null), iconName === 'icon_burger_menu' && /*#__PURE__*/React__default.createElement(SvgMenuBurger, null), iconName === 'icon_update' && /*#__PURE__*/React__default.createElement(SvgUpdateIcon, null), iconName === 'icon_checkbox_default' && /*#__PURE__*/React__default.createElement(SvgCheckboxDefault, null), iconName === 'icon_checkbox_checked' && /*#__PURE__*/React__default.createElement(SvgCheckboxChecked, null), iconName === 'icon_checkbox_indeterminate' && /*#__PURE__*/React__default.createElement(SvgChecbkoxIndeterminate, null));
 };
+Icon.propTypes = {
+  color: propTypes.exports.string,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  iconName: propTypes.exports.string,
+  size: propTypes.exports.string
+};
 
 var _excluded$X = ["id", "disabled", "label", "withRefresh", "fluid", "placeholder", "onRefreshClick", "options", "value", "onChange", "forwardedRef", "noOptionsText"];
 var StyledAutocomplete$1 = styled$1(Autocomplete$1)(function (_ref) {
@@ -52534,8 +52550,6 @@ var StyledTypography = styled$1(Typography$2)(function (_ref) {
     }
   };
 });
-
-// @ts-ignore
 var TypographyComponent = function TypographyComponent(_ref2) {
   var text = _ref2.text,
     type = _ref2.type,
@@ -52549,6 +52563,13 @@ var TypographyComponent = function TypographyComponent(_ref2) {
     className: typeClassName
   }), text);
 };
+TypographyComponent.propTypes = {
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  text: propTypes.exports.string,
+  type: propTypes.exports.string
+};
 
 var StyledAppTileWrapper = styled$1(Box$1)(function (_ref) {
   _objectDestructuringEmpty(_ref);
@@ -65826,15 +65847,23 @@ var StyledIllustrationWrapper = styled$1(Box$1)(function (_ref) {
 });
 var Illustration = function Illustration(_ref2) {
   var illustrationName = _ref2.illustrationName,
-    color = _ref2.color,
     size = _ref2.size,
-    isBigType = _ref2.isBigType;
+    isBigType = _ref2.isBigType,
+    forwardedRef = _ref2.forwardedRef;
   var bigTypeClassName = isBigType ? 'big-type' : '';
   return /*#__PURE__*/React__default.createElement(StyledIllustrationWrapper, {
-    className: "".concat(color, " ").concat(size, " ").concat(bigTypeClassName),
-    color: color
+    ref: forwardedRef,
+    className: "".concat(size, " ").concat(bigTypeClassName)
   }, illustrationName === 'ilu_availability_by_item' && /*#__PURE__*/React__default.createElement(SvgIluAvailabilityByItem, null), illustrationName === 'ilu_add_goods_to_pallet' && /*#__PURE__*/React__default.createElement(SvgIluAddGoodsToPallet, null), illustrationName === 'ilu_availability_by_index' && /*#__PURE__*/React__default.createElement(SvgIluAvailabilityByIndex, null), illustrationName === 'ilu_availability_by_location' && /*#__PURE__*/React__default.createElement(SvgIluAvailabilityByLocation, null), illustrationName === 'ilu_blocked_pallet' && /*#__PURE__*/React__default.createElement(SvgIluBlockedPallet, null), illustrationName === 'ilu_finished_product' && /*#__PURE__*/React__default.createElement(SvgIluFinishedProduct, null), illustrationName === 'ilu_from_pallet_to_rack' && /*#__PURE__*/React__default.createElement(SvgIluFromPalletToRack, null), illustrationName === 'ilu_internal_logistic' && /*#__PURE__*/React__default.createElement(SvgIluInternalLogistic, null), illustrationName === 'ilu_inventory' && /*#__PURE__*/React__default.createElement(SvgIluInventory, null), illustrationName === 'ilu_inventory_transfer' && /*#__PURE__*/React__default.createElement(SvgIluInventoryTransfer, null), illustrationName === 'ilu_labeling_of_pallets' && /*#__PURE__*/React__default.createElement(SvgIluLabelingOfPallets, null), illustrationName === 'ilu_loading_car' && /*#__PURE__*/React__default.createElement(SvgIluLoadingCar, null), illustrationName === 'ilu_manual_transfer' && /*#__PURE__*/React__default.createElement(SvgIluManualTransfer, null), illustrationName === 'ilu_move_goods_from_pallet_to_another' && /*#__PURE__*/React__default.createElement(SvgIluMoveGoodsFromPalletToAnother, null), illustrationName === 'ilu_printing_label' && /*#__PURE__*/React__default.createElement(SvgIluPrintingLabel, null), illustrationName === 'ilu_production' && /*#__PURE__*/React__default.createElement(SvgIluProduction, null), illustrationName === 'ilu_quality_control' && /*#__PURE__*/React__default.createElement(SvgIluQualityControl, null), illustrationName === 'ilu_release_of_goods_from_warehouse' && /*#__PURE__*/React__default.createElement(SvgIluReleaseOfGoodsFromWarehouse, null), illustrationName === 'ilu_remove_goods_from_pallet' && /*#__PURE__*/React__default.createElement(SvgIluRemoveGoodsFromPallet, null), illustrationName === 'ilu_reprinting_label' && /*#__PURE__*/React__default.createElement(SvgIluReprintingLabel, null), illustrationName === 'ilu_return_from_customers' && /*#__PURE__*/React__default.createElement(SvgIluReturnFromCustomers, null), illustrationName === 'ilu_sale' && /*#__PURE__*/React__default.createElement(SvgIluSale, null), illustrationName === 'ilu_shift_pallet' && /*#__PURE__*/React__default.createElement(SvgIluShiftPallet, null), illustrationName === 'ilu_shopping' && /*#__PURE__*/React__default.createElement(SvgIluShopping, null), illustrationName === 'ilu_status_change' && /*#__PURE__*/React__default.createElement(SvgIluStatusChange, null), illustrationName === 'ilu_storage_field' && /*#__PURE__*/React__default.createElement(SvgIluStorageField, null), illustrationName === 'ilu_warehouse_loading' && /*#__PURE__*/React__default.createElement(SvgIluWarehouseLoading, null), illustrationName === 'ilu_moving_box_to_another_shelf' && /*#__PURE__*/React__default.createElement(SvgMovingBoxToAnotherShelf, null), illustrationName === 'ilu_search' && /*#__PURE__*/React__default.createElement(SvgIluSearch, null), illustrationName === 'ilu_404' && /*#__PURE__*/React__default.createElement(SvgIlu404, null));
 };
+Illustration.propTypes = {
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  illustrationName: propTypes.exports.string,
+  isBigType: propTypes.exports.bool,
+  size: propTypes.exports.string
+};
 
 var _g$3;
 function _extends$4() { _extends$4 = 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$4.apply(this, arguments); }
@@ -66007,7 +66036,6 @@ var StyledLogoWrapper = styled$1(Box$1)(function (_ref) {
     '&.red-navy': {
       '#color-1': {
         'rect, path': {
-          // fill: theme.mainPallete.primary[color],
           fill: theme.mainPallete.primary.blue
         }
       },
@@ -66067,10 +66095,9 @@ var StyledLogoWrapper = styled$1(Box$1)(function (_ref) {
     }
   };
 });
-
-// @ts-ignore
 var Logo = function Logo(_ref2) {
-  var logoName = _ref2.logoName,
+  var _ref2$logoName = _ref2.logoName,
+    logoName = _ref2$logoName === void 0 ? "logo_xelcode" : _ref2$logoName,
     _ref2$color = _ref2.color,
     color = _ref2$color === void 0 ? 'red-navy' : _ref2$color,
     props = _objectWithoutProperties$1(_ref2, _excluded$6);
@@ -66079,6 +66106,13 @@ var Logo = function Logo(_ref2) {
     color: color
   }, props), logoName === 'logo_xelcode' && /*#__PURE__*/React__default.createElement(SvgLogoXelcode, null), logoName === 'logo_xelcode_dashboard' && /*#__PURE__*/React__default.createElement(SvgLogoXelcodeDashboard, null));
 };
+Logo.propTypes = {
+  color: propTypes.exports.string,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  logoName: propTypes.exports.string
+};
 
 /**
 A function that returns a universally unique identifier (uuid).  
@@ -66259,7 +66293,7 @@ BottomInfoBar.propTypes = {
   })])
 };
 
-var _excluded$4 = ["disabled", "label", "checked", "onChange", "indeterminate", "forwardedRef"];
+var _excluded$4 = ["checked", "disabled", "label", "onChange", "indeterminate", "forwardedRef"];
 var StyledFormControlLabel$1 = styled$1(FormControlLabel$2)(function (_ref) {
   _objectDestructuringEmpty(_ref);
   return {
@@ -66370,9 +66404,9 @@ var StyledCheckbox = styled$1(Checkbox$2)(function () {
   };
 });
 var CheckboxComponent = function CheckboxComponent(_ref2) {
-  var disabled = _ref2.disabled,
+  var checked = _ref2.checked,
+    disabled = _ref2.disabled,
     label = _ref2.label,
-    checked = _ref2.checked,
     onChange = _ref2.onChange,
     indeterminate = _ref2.indeterminate,
     forwardedRef = _ref2.forwardedRef,
@@ -66415,6 +66449,16 @@ var CheckboxComponent = function CheckboxComponent(_ref2) {
     label: label
   })));
 };
+CheckboxComponent.propTypes = {
+  checked: propTypes.exports.bool,
+  disabled: propTypes.exports.bool,
+  label: propTypes.exports.string,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  indeterminate: propTypes.exports.bool,
+  onChange: propTypes.exports.func
+};
 
 var _excluded$3 = ["fluid", "placeholder", "onSearch", "onBlur", "searchText", "onChange", "onChangeSearchText", "forwardedRef"];
 var StyledSearchBarWrapper = styled$1(Box$1)(function (_ref) {
@@ -66429,11 +66473,9 @@ var StyledSearchBarWrapper = styled$1(Box$1)(function (_ref) {
     justifyContent: 'space-between',
     alignItems: 'center',
     marginBottom: '20px',
-    // padding: '4px 10px 5px 10px',
     border: '1.5px solid transparent',
     transition: 'background-color 0.2s ease-in-out, border 0.2s ease-in-out',
     padding: '21px',
-    //PADDDINGi DO USTALENIA
     borderRadius: '34px',
     fontWeight: 'bold',
     '@media(min-width: 720px)': {
@@ -66600,6 +66642,18 @@ var SearchBarComponent = function SearchBarComponent(_ref3) {
     }
   }));
 };
+SearchBarComponent.propTypes = {
+  fluid: propTypes.exports.func,
+  placeholder: propTypes.exports.string,
+  onSearch: propTypes.exports.func,
+  onBlur: propTypes.exports.func,
+  searchText: propTypes.exports.string,
+  onChange: propTypes.exports.func,
+  onChangeSearchText: propTypes.exports.func,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })])
+};
 
 var StyledTableToolbar = styled$1('div')(function (_ref) {
   _objectDestructuringEmpty(_ref);
@@ -89375,9 +89429,6 @@ var StyledCustomTable = styled$1(Box$1)(function (_ref) {
       'button': {
         display: 'none'
       },
-      'div:first-child': {
-        // flex: '1',
-      },
       'div:nth-child(2)': {
         display: 'none'
       },
@@ -89444,12 +89495,6 @@ var StyledCustomTable = styled$1(Box$1)(function (_ref) {
               },
               'svg': {
                 display: 'none'
-              },
-              '.MuiOutlinedInput-root': {
-                borderColor: 'red',
-                'fieldset': {
-                  // border: 'none',
-                }
               }
             }
           },
@@ -89578,7 +89623,6 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
     sort: false,
     selectableRows: 'none',
     selectableRowsOnClick: false,
-    // responsive: 'scrollMaxWidth',
     searchAlwaysOpen: false,
     cellsEditable: false,
     textLabels: {
@@ -89633,6 +89677,15 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
     options: commonOptions
   }));
 };
+TableMobileComponent.propTypes = {
+  columns: propTypes.exports.arrayOf(propTypes.exports.string),
+  rows: propTypes.exports.arrayOf(propTypes.exports.shape({
+    value: propTypes.exports.string,
+    editable: propTypes.exports.bool
+  })),
+  includeSearch: propTypes.exports.bool,
+  handleChangeData: propTypes.exports.func
+};
 
 var StyledModalContainer = styled$1(Box$1)(function (_ref) {
   _objectDestructuringEmpty(_ref);
@@ -89693,10 +89746,7 @@ var StyledModalWrapper = styled$1(Modal$1)(function (_ref2) {
     },
     '.MuiBackdrop-root': {
       display: 'none'
-      // opacity: 0,
-      // backgroundColor: 'rgba(41, 48, 114, 0.35)'
     },
-
     'svg': {
       width: '115px',
       height: '115px',
@@ -89771,30 +89821,17 @@ var CustomModal = function CustomModal(_ref6) {
     type = _ref6.type,
     handleCloseModal = _ref6.handleCloseModal,
     handleActionButton = _ref6.handleActionButton,
-    isModalOpen = _ref6.isModalOpen;
-  // const [open, setOpen] = React.useState(isModalOpen);
-  // const handleOpen = () => setOpen(true);
-  // const handleClose = () => setOpen(false);
-
-  // const showIcon = (type) => {
-  //     if( type==='complete') {
-  //         return <Illustration illustrationName={'ilu_status_change'} size='115'/>
-  //     } else if (type === 'error') {
-  //         return <Illustration illustrationName={'ilu_status_change'} size='big'/>
-  //     } else if (type === 'info') {
-  //         return <Illustration illustrationName={'ilu_status_change'} size='big'/>
-  //     } else return
-  // }
+    isModalOpen = _ref6.isModalOpen,
+    forwardedRef = _ref6.forwardedRef;
   var isScrollableTextModal = type === 'text-scroll';
   return /*#__PURE__*/React.createElement(StyledModalContainer, {
+    ref: forwardedRef,
     className: !isModalOpen ? 'hidden' : ''
   }, /*#__PURE__*/React.createElement(StyledModalWrapper, {
     className: isScrollableTextModal ? 'scrollable' : '',
     open: isModalOpen,
     onClose: handleCloseModal,
     isBottomTextButton: bottomButtonLabel
-    // aria-labelledby="modal-modal-title"
-    // aria-describedby="modal-modal-description"
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Illustration, {
     illustrationName: 'ilu_status_change',
     size: "small"
@@ -89834,6 +89871,20 @@ var CustomModal = function CustomModal(_ref6) {
     size: 'small'
   })))));
 };
+CustomModal.propTypes = {
+  actionButtonLabel: propTypes.exports.string,
+  bottomButtonLabel: propTypes.exports.string,
+  closeButtonLabel: propTypes.exports.string,
+  description: propTypes.exports.string,
+  handleCloseModal: propTypes.exports.func,
+  handleActionButton: propTypes.exports.func,
+  isModalOpen: propTypes.exports.bool,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  title: propTypes.exports.string,
+  type: propTypes.exports.string
+};
 
 var StyledModuleTileWrapper = styled$1(Box$1)(function (_ref) {
   var fluid = _ref.fluid;
@@ -89928,21 +89979,10 @@ var StyledLabelAndIconWrapper = styled$1(Box$1)(function () {
     paddingRight: '10px'
   };
 });
-styled$1(Box$1)(function (_ref2) {
-  _objectDestructuringEmpty(_ref2);
-  return {
-    width: '100%',
-    display: 'flex',
-    justifyContent: 'space-between',
-    'button:nth-child(2)': {
-      marginLeft: 10
-    }
-  };
-});
 var StyledStepper = styled$1(function (props) {
   return /*#__PURE__*/React__default.createElement(Stepper$1, props);
-})(function (_ref3) {
-  var numberOfSteps = _ref3.numberOfSteps;
+})(function (_ref2) {
+  var numberOfSteps = _ref2.numberOfSteps;
   return {
     '.MuiStepConnector-root': {
       width: '4px',
@@ -89977,8 +90017,8 @@ var StyledStepper = styled$1(function (props) {
 });
 var StyledStep = styled$1(function (props) {
   return /*#__PURE__*/React__default.createElement(Step$1, props);
-})(function (_ref4) {
-  var completed = _ref4.completed;
+})(function (_ref3) {
+  var completed = _ref3.completed;
   return {
     border: 'none',
     backgroundColor: completed ? theme.mainPallete.secondary.specialGreen : '#D8E1FA',
@@ -89987,35 +90027,22 @@ var StyledStep = styled$1(function (props) {
     }
   };
 });
-var CustomStepper = function CustomStepper(_ref5) {
-  var steps = _ref5.steps,
-    label = _ref5.label,
-    withIcon = _ref5.withIcon,
-    currentStep = _ref5.currentStep;
-    _ref5.handleNextStep;
-    _ref5.handlePreviousStep;
-    _ref5.handleChangeStep;
-  steps.indexOf(currentStep);
+var CustomStepper = function CustomStepper(_ref4) {
+  var steps = _ref4.steps,
+    label = _ref4.label,
+    withIcon = _ref4.withIcon,
+    currentStep = _ref4.currentStep;
   var _useState = useState(currentStep),
     _useState2 = _slicedToArray$a(_useState, 2),
-    activeStep = _useState2[0],
-    setActiveStep = _useState2[1];
+    activeStep = _useState2[0];
+    _useState2[1];
   var _useState3 = useState({}),
     _useState4 = _slicedToArray$a(_useState3, 2),
     completed = _useState4[0];
     _useState4[1];
-  // alert('currentStep ' + currentStep);
-  // alert('currentStepIndex ' + currentStepIndex);
   var totalSteps = steps.length;
   var completedSteps = Object.keys(completed).length;
   var allStepsCompleted = completedSteps === totalSteps;
-  var handleSteps = function handleSteps(steps, currentStep) {
-    var currentStepIndex = steps.indexOf(currentStep);
-    setActiveStep(currentStepIndex);
-  };
-  useEffect(function () {
-    handleSteps(steps, currentStep);
-  }, [currentStep]);
   return /*#__PURE__*/React__default.createElement(StyledStepperContainer, null, /*#__PURE__*/React__default.createElement(Box$1, {
     sx: {
       width: '100%'
@@ -90037,6 +90064,15 @@ var CustomStepper = function CustomStepper(_ref5) {
     });
   }))));
 };
+CustomStepper.propTypes = {
+  currentStep: propTypes.exports.string,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  label: propTypes.exports.string,
+  steps: propTypes.exports.arrayOf(propTypes.exports.string),
+  withIcon: propTypes.exports.bool
+};
 
 var _g$1;
 function _extends$1() { _extends$1 = 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$1.apply(this, arguments); }
@@ -90103,9 +90139,6 @@ var _excluded$2 = ["value", "label"];
 var StyledFormControlLabel = styled$1(FormControlLabel$2)(function (_ref) {
   _objectDestructuringEmpty(_ref);
   return {
-    // '.MuiFormControlLabel-label': checked && {
-    //     color: theme.palette.primary.main,
-    // },
     padding: 0,
     boxSizing: 'border-box',
     marginBottom: '30px',
@@ -90223,6 +90256,18 @@ var RadioGroupComponent = function RadioGroupComponent(_ref2) {
     defaultValue: defaultValue
   }, renderRadioOptions(options));
 };
+RadioGroupComponent.propTypes = {
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  onChange: propTypes.exports.func,
+  options: propTypes.exports.arrayOf(propTypes.exports.shape({
+    disabled: propTypes.exports.bool,
+    label: propTypes.exports.string,
+    value: propTypes.exports.string
+  })),
+  value: propTypes.exports.string
+};
 
 var StyledMenu = styled$1('div')(function (_ref) {
   var variant = _ref.variant;

package/package.json

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