@xelto.npm/xc2-lib 0.0.72 → 0.0.74

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);
@@ -52598,9 +52619,11 @@ var AppTileComponent = function AppTileComponent(_ref3) {
     _ref3$illustrationNam = _ref3.illustrationName,
     illustrationName = _ref3$illustrationNam === void 0 ? 'ilu_availability_by_item' : _ref3$illustrationNam,
     _ref3$forwardedRef = _ref3.forwardedRef,
-    forwardedRef = _ref3$forwardedRef === void 0 ? function () {} : _ref3$forwardedRef;
+    forwardedRef = _ref3$forwardedRef === void 0 ? function () {} : _ref3$forwardedRef,
+    onClick = _ref3.onClick;
   return /*#__PURE__*/React__default.createElement(StyledAppTileWrapper, {
-    ref: forwardedRef
+    ref: forwardedRef,
+    onClick: onClick
   }, /*#__PURE__*/React__default.createElement(Illustration, {
     illustrationName: illustrationName,
     color: '',
@@ -52618,7 +52641,7 @@ var AppTileComponent = function AppTileComponent(_ref3) {
 };
 AppTileComponent.propTypes = {
   description: propTypes.exports.string,
-  header: propTypes.exports.bool,
+  header: propTypes.exports.string,
   illustrationName: propTypes.exports.string,
   onClick: propTypes.exports.func,
   forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
@@ -52631,18 +52654,14 @@ var CustomButton = styled$1(Button$2)(function (_ref) {
   var fluid = _ref.fluid;
   return {
     width: fluid ? '100%' : 'auto',
-    // fontSize:  '16px',
-    // lineHeight: '15px',
     borderRadius: '24px',
     fontWeight: 'bold',
     boxShadow: 'none',
-    // padding: props => props.size === 'big' ? '34px 60px' : '4px 24px',
     border: '2px solid #293072',
     backgroundColor: theme.mainPallete.primary.white,
     color: theme.mainPallete.primary.blue,
     textTransform: 'uppercase',
     fontFamily: ['"Barlow", sans-serif'],
-    // backgroundColor: theme.mainPallete.primary.red,
     '&:hover': {
       boxShadow: 'none'
     },
@@ -52812,7 +52831,6 @@ var CustomButton = styled$1(Button$2)(function (_ref) {
     },
     '&.big': {
       padding: '21px',
-      //PADDDINGi DO USTALENIA
       fontSize: '16px',
       lineHeight: '15px',
       borderRadius: '31px',
@@ -52832,7 +52850,6 @@ var CustomButton = styled$1(Button$2)(function (_ref) {
     },
     '&.small': {
       padding: '14px 21px',
-      //PADDDINGi DO USTALENIA
       fontSize: '16px',
       lineHeight: '15px',
       borderRadius: '24px',
@@ -52852,8 +52869,6 @@ var CustomButton = styled$1(Button$2)(function (_ref) {
     }
   };
 });
-
-// @ts-ignore
 var CustomButtonComponent = function CustomButtonComponent(_ref2) {
   var type = _ref2.type,
     text = _ref2.text,
@@ -52867,7 +52882,6 @@ var CustomButtonComponent = function CustomButtonComponent(_ref2) {
   var colorClassName = disabled ? 'grey' : color ? color : 'navy-blue'; // navy-blue / red / black / grey / special-green
   var typeClassName = type || 'primary'; // primary / secondary / ghost
   var sizeClassName = size || 'big'; // null / big / small
-  // const behaviourClassName = behaviour || '';
   var finalClassName = "".concat(typeClassName, " ").concat(colorClassName, " ").concat(sizeClassName);
   return /*#__PURE__*/React.createElement(CustomButton, _extends$1e({
     disabled: disabled,
@@ -52879,8 +52893,20 @@ var CustomButtonComponent = function CustomButtonComponent(_ref2) {
     ref: forwardedRef
   }, props), text);
 };
+CustomButtonComponent.propTypes = {
+  color: propTypes.exports.string,
+  disabled: propTypes.exports.bool,
+  fluid: propTypes.exports.bool,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  onClick: propTypes.exports.func,
+  size: propTypes.exports.string,
+  type: propTypes.exports.string,
+  text: propTypes.exports.string
+};
 
-var _excluded$7 = ["text", "type", "icon", "color", "fluid", "onClick", "forwardedRef"];
+var _excluded$7 = ["color", "disabled", "fluid", "forwardedRef", "icon", "onClick", "text", "type"];
 var CustomIconButton = styled$1(Button$2)(function (_ref) {
   var fluid = _ref.fluid;
   return {
@@ -52892,7 +52918,6 @@ var CustomIconButton = styled$1(Button$2)(function (_ref) {
     textTransform: 'uppercase',
     fontFamily: ['"Barlow", sans-serif'],
     padding: '4px 25px 4px 21px',
-    //PADDDINGi DO USTALENIA
     fontSize: '16px',
     lineHeight: '15px',
     '@media(min-width: 1024px)': {
@@ -52901,7 +52926,6 @@ var CustomIconButton = styled$1(Button$2)(function (_ref) {
       lineHeight: '16px',
       borderRadius: '24px'
     },
-    // backgroundColor: theme.mainPallete.primary.red,
     '&:hover': {
       boxShadow: 'none',
       'img': {
@@ -53074,23 +53098,22 @@ var CustomIconButton = styled$1(Button$2)(function (_ref) {
   };
 });
 var IconButtonComponent = function IconButtonComponent(_ref2) {
-  var text = _ref2.text,
-    type = _ref2.type,
-    icon = _ref2.icon,
-    color = _ref2.color,
+  var color = _ref2.color,
+    disabled = _ref2.disabled,
     fluid = _ref2.fluid,
-    onClick = _ref2.onClick,
     forwardedRef = _ref2.forwardedRef,
+    _ref2$icon = _ref2.icon,
+    icon = _ref2$icon === void 0 ? 'icon_wf_download' : _ref2$icon,
+    onClick = _ref2.onClick,
+    text = _ref2.text,
+    type = _ref2.type,
     props = _objectWithoutProperties$1(_ref2, _excluded$7);
-  var colorClassName = color || '';
-  var typeClassName = type || '';
-  // const resolutionClassName = resolution === '480x800' ? 'regular' : resolution === '720x1280' ? 'big' :resolution === '1024x768/1440x960/1920x1080' ? 'small' : ''
-  // const widthClassName = width === '100%' ? 'width100' : width === '50%' ? 'width50' : width === '33%' ? 'width33' : '';
+  var colorClassName = color || 'navy-blue';
+  var typeClassName = type || 'primary';
   var finalClassName = "".concat(typeClassName, " ").concat(colorClassName);
-  // const iconVariant = icon === 'download' ? IconDownloadGrey : IconDownloadWhite;
-  // const iconVariant = `${type} ${icon} ${colorClassName}`;
   return /*#__PURE__*/React.createElement(CustomIconButton, _extends$1e({}, props, {
     onClick: onClick,
+    disabled: disabled,
     fluid: fluid,
     ref: forwardedRef,
     startIcon: /*#__PURE__*/React.createElement(Icon, {
@@ -53102,6 +53125,19 @@ var IconButtonComponent = function IconButtonComponent(_ref2) {
     disableRipple: true
   }), text);
 };
+IconButtonComponent.propTypes = {
+  color: propTypes.exports.string,
+  disabled: propTypes.exports.bool,
+  icon: propTypes.exports.string,
+  fluid: propTypes.exports.bool,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })]),
+  onClick: propTypes.exports.func,
+  size: propTypes.exports.string,
+  type: propTypes.exports.string,
+  text: propTypes.exports.string
+};
 
 var _g$v;
 function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
@@ -65811,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); }
@@ -65992,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
         }
       },
@@ -66052,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);
@@ -66064,8 +66106,53 @@ 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).  
+example: 1b83fd69-abe7-468c-bea1-306a8aa1c81d
+@returns `string` : 32 character uuid (see example)
+*/
+
+function uuid() {
+	const hashTable = [
+		"a",
+		"b",
+		"c",
+		"d",
+		"e",
+		"f",
+		"0",
+		"1",
+		"2",
+		"3",
+		"4",
+		"5",
+		"6",
+		"7",
+		"8",
+		"9",
+	];
+	let uuid = [];
+	for (let i = 0; i < 36; i++) {
+		if (i === 8 || i === 13 || i === 18 || i === 23) {
+			uuid[i] = "-";
+		} else {
+			uuid[i] = hashTable[Math.ceil(Math.random() * hashTable.length - 1)];
+		}
+	}
+	return uuid.join("");
+}
 
-var _excluded$5 = ["buttons"];
+var uuid_1 = uuid;
+
+var _excluded$5 = ["buttons", "forwardedRef"];
 var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
   _objectDestructuringEmpty(_ref);
   return {
@@ -66092,8 +66179,12 @@ var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
 });
 var BottomBarComponent = function BottomBarComponent(_ref2) {
   var buttons = _ref2.buttons,
+    _ref2$forwardedRef = _ref2.forwardedRef,
+    forwardedRef = _ref2$forwardedRef === void 0 ? function () {} : _ref2$forwardedRef,
     props = _objectWithoutProperties$1(_ref2, _excluded$5);
-  return /*#__PURE__*/React__default.createElement(StyledBottomBarWrapper, props, buttons.map(function (item) {
+  return /*#__PURE__*/React__default.createElement(StyledBottomBarWrapper, _extends$1e({
+    ref: forwardedRef
+  }, props), buttons.map(function (item) {
     var disabled = (item === null || item === void 0 ? void 0 : item.disabled) || false;
     var fluid = (item === null || item === void 0 ? void 0 : item.fluid) || true;
     var onClick = (item === null || item === void 0 ? void 0 : item.onClick) || '';
@@ -66102,6 +66193,7 @@ var BottomBarComponent = function BottomBarComponent(_ref2) {
     var color = (item === null || item === void 0 ? void 0 : item.color) || 'navy-blue';
     var size = (item === null || item === void 0 ? void 0 : item.size) || 'small';
     return /*#__PURE__*/React__default.createElement(CustomButtonComponent, {
+      key: uuid_1(),
       disabled: disabled,
       fluid: fluid,
       onClick: onClick && typeof onClick === "function" ? onClick : undefined,
@@ -66112,6 +66204,20 @@ var BottomBarComponent = function BottomBarComponent(_ref2) {
     });
   }));
 };
+BottomBarComponent.propTypes = {
+  buttons: propTypes.exports.arrayOf(propTypes.exports.shape({
+    disabled: propTypes.exports.bool,
+    fluid: propTypes.exports.bool,
+    onClick: propTypes.exports.func,
+    type: propTypes.exports.string,
+    text: propTypes.exports.string,
+    color: propTypes.exports.string,
+    size: propTypes.exports.string
+  })),
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })])
+};
 
 var StyledInfoBar = styled$1('div')(function (_ref) {
   _objectDestructuringEmpty(_ref);
@@ -66144,8 +66250,6 @@ var StyledInfoRow = styled$1('div')(function (_ref2) {
     }
   };
 });
-
-// @ts-ignore
 var BottomInfoBar = function BottomInfoBar(_ref3) {
   var _ref3$noLogo = _ref3.noLogo,
     noLogo = _ref3$noLogo === void 0 ? false : _ref3$noLogo,
@@ -66153,8 +66257,12 @@ var BottomInfoBar = function BottomInfoBar(_ref3) {
     leftText = _ref3$leftText === void 0 ? 'left' : _ref3$leftText,
     _ref3$rightText = _ref3.rightText,
     rightText = _ref3$rightText === void 0 ? 'right' : _ref3$rightText,
-    onRightTextClick = _ref3.onRightTextClick;
-  return /*#__PURE__*/React.createElement(StyledInfoBar, null, /*#__PURE__*/React.createElement(StyledInfoRow, {
+    onRightTextClick = _ref3.onRightTextClick,
+    _ref3$forwardedRef = _ref3.forwardedRef,
+    forwardedRef = _ref3$forwardedRef === void 0 ? function () {} : _ref3$forwardedRef;
+  return /*#__PURE__*/React.createElement(StyledInfoBar, {
+    ref: forwardedRef
+  }, /*#__PURE__*/React.createElement(StyledInfoRow, {
     noLogo: noLogo
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CustomButtonComponent, {
     type: "ghost",
@@ -66175,8 +66283,17 @@ var BottomInfoBar = function BottomInfoBar(_ref3) {
     }
   }))));
 };
+BottomInfoBar.propTypes = {
+  noLogo: propTypes.exports.bool,
+  leftText: propTypes.exports.string,
+  rightText: propTypes.exports.string,
+  onRightTextClick: propTypes.exports.func,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })])
+};
 
-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 {
@@ -66287,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,
@@ -66332,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) {
@@ -66346,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)': {
@@ -66517,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);
@@ -89292,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'
       },
@@ -89361,12 +89495,6 @@ var StyledCustomTable = styled$1(Box$1)(function (_ref) {
               },
               'svg': {
                 display: 'none'
-              },
-              '.MuiOutlinedInput-root': {
-                borderColor: 'red',
-                'fieldset': {
-                  // border: 'none',
-                }
               }
             }
           },
@@ -89495,7 +89623,6 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
     sort: false,
     selectableRows: 'none',
     selectableRowsOnClick: false,
-    // responsive: 'scrollMaxWidth',
     searchAlwaysOpen: false,
     cellsEditable: false,
     textLabels: {
@@ -89550,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);
@@ -89610,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',
@@ -89688,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"
@@ -89751,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;
@@ -89783,11 +89917,16 @@ var StyledModuleTileWrapper = styled$1(Box$1)(function (_ref) {
   };
 });
 var ModuleTile = function ModuleTile(_ref2) {
-  var fluid = _ref2.fluid,
-    illustrationName = _ref2.illustrationName,
+  var _ref2$fluid = _ref2.fluid,
+    fluid = _ref2$fluid === void 0 ? false : _ref2$fluid,
+    _ref2$illustrationNam = _ref2.illustrationName,
+    illustrationName = _ref2$illustrationNam === void 0 ? 'ilu_availability_by_item' : _ref2$illustrationNam,
     header = _ref2.header,
-    onClick = _ref2.onClick;
+    onClick = _ref2.onClick,
+    _ref2$forwardedRef = _ref2.forwardedRef,
+    forwardedRef = _ref2$forwardedRef === void 0 ? function () {} : _ref2$forwardedRef;
   return /*#__PURE__*/React__default.createElement(StyledModuleTileWrapper, {
+    ref: forwardedRef,
     fluid: fluid,
     onClick: onClick
   }, /*#__PURE__*/React__default.createElement(Illustration, {
@@ -89797,6 +89936,15 @@ var ModuleTile = function ModuleTile(_ref2) {
     type: 'module-tile-header'
   }));
 };
+ModuleTile.propTypes = {
+  fluid: propTypes.exports.bool,
+  header: propTypes.exports.string,
+  illustrationName: propTypes.exports.string,
+  onClick: propTypes.exports.func,
+  forwardedRef: propTypes.exports.oneOfType([propTypes.exports.func, propTypes.exports.shape({
+    current: propTypes.exports.any
+  })])
+};
 
 var StyledStepperContainer = styled$1(Box$1)(function (_ref) {
   _objectDestructuringEmpty(_ref);
@@ -89831,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',
@@ -89880,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',
@@ -89890,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%'
@@ -89940,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); }
@@ -90006,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',
@@ -90126,44 +90256,18 @@ var RadioGroupComponent = function RadioGroupComponent(_ref2) {
     defaultValue: defaultValue
   }, renderRadioOptions(options));
 };
-
-/**
-A function that returns a universally unique identifier (uuid).  
-example: 1b83fd69-abe7-468c-bea1-306a8aa1c81d
-@returns `string` : 32 character uuid (see example)
-*/
-
-function uuid() {
-	const hashTable = [
-		"a",
-		"b",
-		"c",
-		"d",
-		"e",
-		"f",
-		"0",
-		"1",
-		"2",
-		"3",
-		"4",
-		"5",
-		"6",
-		"7",
-		"8",
-		"9",
-	];
-	let uuid = [];
-	for (let i = 0; i < 36; i++) {
-		if (i === 8 || i === 13 || i === 18 || i === 23) {
-			uuid[i] = "-";
-		} else {
-			uuid[i] = hashTable[Math.ceil(Math.random() * hashTable.length - 1)];
-		}
-	}
-	return uuid.join("");
-}
-
-var uuid_1 = uuid;
+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;