@xelto.npm/xc2-lib 1.0.2 → 1.0.3

package/dist/index.cjs.js

@@ -74171,7 +74171,7 @@ AppTileComponent.propTypes = {
   onClick: propTypesExports.func
 };
 
-var _excluded$d = ["type", "text", "size", "fluid", "color", "onClick", "disabled", "forwardedRef"];
+var _excluded$d = ["type", "text", "size", "fluid", "color", "onClick", "disabled", "submit", "forwardedRef"];
 var CustomButton = styled$1(Button$2, {
   shouldForwardProp: function shouldForwardProp(prop) {
     return prop !== 'fluid';
@@ -74422,6 +74422,8 @@ var CustomButtonComponent = function CustomButtonComponent(_ref2) {
     onClick = _ref2$onClick === void 0 ? function () {} : _ref2$onClick,
     _ref2$disabled = _ref2.disabled,
     disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
+    _ref2$submit = _ref2.submit,
+    submit = _ref2$submit === void 0 ? false : _ref2$submit,
     forwardedRef = _ref2.forwardedRef,
     props = _objectWithoutProperties$1(_ref2, _excluded$d);
   var className = "".concat(type, " ").concat(disabled ? 'grey' : color, " ").concat(size);
@@ -74432,6 +74434,7 @@ var CustomButtonComponent = function CustomButtonComponent(_ref2) {
     fluid: fluid,
     variant: "contained",
     disableRipple: true,
+    type: submit ? 'submit' : 'button',
     ref: forwardedRef
   }, props), text);
 };
@@ -74444,6 +74447,7 @@ CustomButtonComponent.propTypes = {
   })]),
   onClick: propTypesExports.func,
   size: propTypesExports.string,
+  submit: propTypesExports.bool,
   type: propTypesExports.string,
   text: propTypesExports.string
 };
@@ -99429,6 +99433,11 @@ var StyledScrollableDescription = styled$1(Box$1)(function (_ref3) {
     overflowY: 'auto',
     fontFamily: ['"Barlow", sans-serif'],
     fontWeight: theme.fontWeight.medium,
+    '&.not-string': {
+      marginLeft: 'auto',
+      marginRight: 'auto',
+      width: '100%'
+    },
     '@media(min-width: 480px)': {
       marginBottom: '40px'
     },
@@ -99541,6 +99550,7 @@ var CustomModal = function CustomModal(_ref7) {
   var isScrollableTextModal = type === 'text-scroll';
   var isHeadingTypeRow = headingType === 'row';
   var isActionButtonHidden = actionButtonLabel === '' || actionButtonLabel === undefined;
+  var isDescriptionString = typeof description === 'string';
   return /*#__PURE__*/React__namespace.createElement(StyledModalContainer, {
     ref: forwardedRef,
     className: !isModalOpen ? 'hidden' : ''
@@ -99575,7 +99585,9 @@ var CustomModal = function CustomModal(_ref7) {
     text: closeButtonLabel,
     color: "navy-blue",
     size: 'small'
-  })), isScrollableTextModal && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(StyledScrollableDescription, null, description), /*#__PURE__*/React__namespace.createElement(StyledButtonsWrapper, null, !isActionButtonHidden && /*#__PURE__*/React__namespace.createElement(CustomButtonComponent, {
+  })), isScrollableTextModal && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(StyledScrollableDescription, {
+    className: !isDescriptionString ? 'not-string' : ''
+  }, description), /*#__PURE__*/React__namespace.createElement(StyledButtonsWrapper, null, !isActionButtonHidden && /*#__PURE__*/React__namespace.createElement(CustomButtonComponent, {
     fluid: true,
     onClick: handleActionButton,
     type: "secondary",
@@ -99733,8 +99745,19 @@ var StyledLabelAndIconWrapper = styled$1(Box$1)(function () {
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'space-between',
-    alignItems: 'baseline',
-    paddingRight: '10px'
+    alignItems: 'flex-start',
+    '.scan-icon': {
+      marginTop: '4px',
+      '@media(min-width: 480px)': {
+        marginTop: '8px'
+      },
+      '@media(min-width: 720px)': {
+        marginTop: '15px'
+      },
+      '@media(min-width: 1024px)': {
+        marginTop: '4px'
+      }
+    }
   };
 });
 var StyledStepper = styled$1(function (props) {
@@ -99807,13 +99830,17 @@ var CustomStepper = function CustomStepper(_ref4) {
     sx: {
       width: '100%'
     }
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledLabelAndIconWrapper, null, /*#__PURE__*/React.createElement(StepLabel$1, null, currentStepIndex !== -1 ? "".concat(label, " ").concat(currentStepIndex + 1, "/").concat(steps.length) : errorMessage), typeof scan === 'boolean' && (scan ? /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledLabelAndIconWrapper, null, /*#__PURE__*/React.createElement(StepLabel$1, null, currentStepIndex !== -1 ? "".concat(label, " ").concat(currentStepIndex + 1, "/").concat(steps.length) : errorMessage), typeof scan === 'boolean' && (scan ? /*#__PURE__*/React.createElement("div", {
+    className: "scan-icon"
+  }, /*#__PURE__*/React.createElement(Icon, {
     iconName: 'icon_wf_scan',
     size: 'responsive'
-  }) : /*#__PURE__*/React.createElement(Icon, {
+  })) : /*#__PURE__*/React.createElement("div", {
+    className: "scan-icon"
+  }, /*#__PURE__*/React.createElement(Icon, {
     iconName: 'icon_wf_no_scan',
     size: 'responsive'
-  })))), /*#__PURE__*/React.createElement(StyledStepper, {
+  }))))), /*#__PURE__*/React.createElement(StyledStepper, {
     activeStep: currentStepIndex,
     numberOfSteps: steps.length
   }, steps.map(function (step, index) {

package/dist/index.esm.js

@@ -74151,7 +74151,7 @@ AppTileComponent.propTypes = {
   onClick: propTypesExports.func
 };
 
-var _excluded$d = ["type", "text", "size", "fluid", "color", "onClick", "disabled", "forwardedRef"];
+var _excluded$d = ["type", "text", "size", "fluid", "color", "onClick", "disabled", "submit", "forwardedRef"];
 var CustomButton = styled$1(Button$2, {
   shouldForwardProp: function shouldForwardProp(prop) {
     return prop !== 'fluid';
@@ -74402,6 +74402,8 @@ var CustomButtonComponent = function CustomButtonComponent(_ref2) {
     onClick = _ref2$onClick === void 0 ? function () {} : _ref2$onClick,
     _ref2$disabled = _ref2.disabled,
     disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
+    _ref2$submit = _ref2.submit,
+    submit = _ref2$submit === void 0 ? false : _ref2$submit,
     forwardedRef = _ref2.forwardedRef,
     props = _objectWithoutProperties$1(_ref2, _excluded$d);
   var className = "".concat(type, " ").concat(disabled ? 'grey' : color, " ").concat(size);
@@ -74412,6 +74414,7 @@ var CustomButtonComponent = function CustomButtonComponent(_ref2) {
     fluid: fluid,
     variant: "contained",
     disableRipple: true,
+    type: submit ? 'submit' : 'button',
     ref: forwardedRef
   }, props), text);
 };
@@ -74424,6 +74427,7 @@ CustomButtonComponent.propTypes = {
   })]),
   onClick: propTypesExports.func,
   size: propTypesExports.string,
+  submit: propTypesExports.bool,
   type: propTypesExports.string,
   text: propTypesExports.string
 };
@@ -99409,6 +99413,11 @@ var StyledScrollableDescription = styled$1(Box$1)(function (_ref3) {
     overflowY: 'auto',
     fontFamily: ['"Barlow", sans-serif'],
     fontWeight: theme.fontWeight.medium,
+    '&.not-string': {
+      marginLeft: 'auto',
+      marginRight: 'auto',
+      width: '100%'
+    },
     '@media(min-width: 480px)': {
       marginBottom: '40px'
     },
@@ -99521,6 +99530,7 @@ var CustomModal = function CustomModal(_ref7) {
   var isScrollableTextModal = type === 'text-scroll';
   var isHeadingTypeRow = headingType === 'row';
   var isActionButtonHidden = actionButtonLabel === '' || actionButtonLabel === undefined;
+  var isDescriptionString = typeof description === 'string';
   return /*#__PURE__*/React.createElement(StyledModalContainer, {
     ref: forwardedRef,
     className: !isModalOpen ? 'hidden' : ''
@@ -99555,7 +99565,9 @@ var CustomModal = function CustomModal(_ref7) {
     text: closeButtonLabel,
     color: "navy-blue",
     size: 'small'
-  })), isScrollableTextModal && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledScrollableDescription, null, description), /*#__PURE__*/React.createElement(StyledButtonsWrapper, null, !isActionButtonHidden && /*#__PURE__*/React.createElement(CustomButtonComponent, {
+  })), isScrollableTextModal && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledScrollableDescription, {
+    className: !isDescriptionString ? 'not-string' : ''
+  }, description), /*#__PURE__*/React.createElement(StyledButtonsWrapper, null, !isActionButtonHidden && /*#__PURE__*/React.createElement(CustomButtonComponent, {
     fluid: true,
     onClick: handleActionButton,
     type: "secondary",
@@ -99713,8 +99725,19 @@ var StyledLabelAndIconWrapper = styled$1(Box$1)(function () {
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'space-between',
-    alignItems: 'baseline',
-    paddingRight: '10px'
+    alignItems: 'flex-start',
+    '.scan-icon': {
+      marginTop: '4px',
+      '@media(min-width: 480px)': {
+        marginTop: '8px'
+      },
+      '@media(min-width: 720px)': {
+        marginTop: '15px'
+      },
+      '@media(min-width: 1024px)': {
+        marginTop: '4px'
+      }
+    }
   };
 });
 var StyledStepper = styled$1(function (props) {
@@ -99787,13 +99810,17 @@ var CustomStepper = function CustomStepper(_ref4) {
     sx: {
       width: '100%'
     }
-  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledLabelAndIconWrapper, null, /*#__PURE__*/React__default.createElement(StepLabel$1, null, currentStepIndex !== -1 ? "".concat(label, " ").concat(currentStepIndex + 1, "/").concat(steps.length) : errorMessage), typeof scan === 'boolean' && (scan ? /*#__PURE__*/React__default.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledLabelAndIconWrapper, null, /*#__PURE__*/React__default.createElement(StepLabel$1, null, currentStepIndex !== -1 ? "".concat(label, " ").concat(currentStepIndex + 1, "/").concat(steps.length) : errorMessage), typeof scan === 'boolean' && (scan ? /*#__PURE__*/React__default.createElement("div", {
+    className: "scan-icon"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: 'icon_wf_scan',
     size: 'responsive'
-  }) : /*#__PURE__*/React__default.createElement(Icon, {
+  })) : /*#__PURE__*/React__default.createElement("div", {
+    className: "scan-icon"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: 'icon_wf_no_scan',
     size: 'responsive'
-  })))), /*#__PURE__*/React__default.createElement(StyledStepper, {
+  }))))), /*#__PURE__*/React__default.createElement(StyledStepper, {
     activeStep: currentStepIndex,
     numberOfSteps: steps.length
   }, steps.map(function (step, index) {

package/package.json

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