@xelto.npm/xc2-lib 0.1.32 → 0.1.34

package/dist/index.cjs.js

@@ -33257,7 +33257,7 @@ const defaultComponent = 'tr';
  * Will automatically set dynamic row height
  * based on the material table element parent (head, body, etc).
  */
-const TableRow$1 = /*#__PURE__*/React__namespace.forwardRef(function TableRow(inProps, ref) {
+const TableRow$2 = /*#__PURE__*/React__namespace.forwardRef(function TableRow(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiTableRow'
@@ -33286,7 +33286,7 @@ const TableRow$1 = /*#__PURE__*/React__namespace.forwardRef(function TableRow(in
     ownerState: ownerState
   }, other));
 });
-process.env.NODE_ENV !== "production" ? TableRow$1.propTypes /* remove-proptypes */ = {
+process.env.NODE_ENV !== "production" ? TableRow$2.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"     |
@@ -33323,9 +33323,9 @@ process.env.NODE_ENV !== "production" ? TableRow$1.propTypes /* remove-proptypes
    */
   sx: propTypesExports.oneOfType([propTypesExports.arrayOf(propTypesExports.oneOfType([propTypesExports.func, propTypesExports.object, propTypesExports.bool])), propTypesExports.func, propTypesExports.object])
 } : void 0;
-var MuiTableRow = TableRow$1;
+var MuiTableRow = TableRow$2;
 
-var TableRow = /*#__PURE__*/Object.freeze({
+var TableRow$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: MuiTableRow,
   tableRowClasses: tableRowClasses$1,
@@ -73856,7 +73856,6 @@ var CustomButton = styled$1(Button$2, {
     border: '2px solid #293072',
     backgroundColor: theme.mainPallete.primary.white,
     color: theme.mainPallete.primary.blue,
-    textTransform: 'uppercase',
     fontFamily: ['"Barlow", sans-serif'],
     '&:hover': {
       boxShadow: 'none'
@@ -74134,7 +74133,6 @@ var CustomIconButton = styled$1(Button$2, {
     fontWeight: 'bold',
     boxShadow: 'none',
     border: '2px solid #293072',
-    textTransform: 'uppercase',
     fontFamily: ['"Barlow", sans-serif'],
     padding: '4px 21px',
     fontSize: '16px',
@@ -90508,7 +90506,7 @@ var slice = {
 
 var require$$50 = /*@__PURE__*/getAugmentedNamespace(TableCell);
 
-var require$$51 = /*@__PURE__*/getAugmentedNamespace(TableRow);
+var require$$51 = /*@__PURE__*/getAugmentedNamespace(TableRow$1);
 
 var require$$52 = /*@__PURE__*/getAugmentedNamespace(Checkbox);
 
@@ -98573,92 +98571,104 @@ var StyledCustomTable = styled$1(Box$1)(function (_ref) {
             textAlign: 'left'
           }
         }
+      }
+    }
+  };
+});
+var TableRow = styled$1('tr')(function () {
+  return {
+    '&.selected': {
+      backgroundColor: 'rgba(22, 199, 165,0.11) !important'
+    },
+    '&.highlight-green': {
+      backgroundColor: 'rgba(201,224,27, 0.33)'
+    },
+    '&.highlight-red': {
+      backgroundColor: 'rgba(224,95,27,0.33)'
+    },
+    '&.highlight-orange': {
+      backgroundColor: 'rgba(255,166,44,0.33)'
+    },
+    'td:last-child': {
+      paddingRight: '10px',
+      'div.MuiTextField-root': {
+        borderWidth: '0px',
+        'input': {
+          textAlign: 'right'
+        },
+        'svg': {
+          display: 'none'
+        }
+      }
+    },
+    'td': {
+      fontFamily: theme.fontFamily,
+      fontSize: '16px',
+      lineHeight: '21px',
+      fontWeight: theme.fontWeight.regular,
+      color: theme.mainPallete.primary.blue,
+      padding: '5px 10px',
+      verticalAlign: 'middle',
+      borderWidth: '0 0 1.5px 0',
+      borderColor: '#DBE0F2',
+      borderStyle: 'solid',
+      '@media(min-width: 480px)': {
+        padding: '25px 10px',
+        verticalAlign: 'top'
       },
-      'tbody': {
-        'tr.selected': {
-          backgroundColor: 'rgba(22, 199, 165,0.11)'
+      'div.MuiTextField-root': {
+        borderWidth: '0px',
+        'input': {
+          textAlign: 'left'
         },
-        'tr.custom-row-component': {
-          'td:last-child': {
-            paddingRight: '10px',
-            'div.MuiTextField-root': {
-              borderWidth: '0px',
-              'input': {
-                textAlign: 'right'
-              },
-              'svg': {
-                display: 'none'
-              }
-            }
-          },
-          'td': {
-            fontFamily: theme.fontFamily,
-            fontSize: '16px',
-            lineHeight: '21px',
-            fontWeight: theme.fontWeight.regular,
-            color: theme.mainPallete.primary.blue,
-            padding: '5px 10px',
-            verticalAlign: 'middle',
-            borderWidth: '0 0 1.5px 0',
-            borderColor: '#DBE0F2',
-            borderStyle: 'solid',
-            '@media(min-width: 480px)': {
-              padding: '25px 10px',
-              verticalAlign: 'top'
-            },
-            'div.MuiTextField-root': {
-              borderWidth: '0px',
-              'input': {
-                textAlign: 'left'
-              },
-              'svg': {
-                display: 'none'
-              },
-              '.MuiOutlinedInput-root': {
-                margin: '5px 0',
-                '&.Mui-focused': {
-                  backgroundColor: 'white'
-                }
-              }
-            },
-            '&:first-child': {
-              textAlign: 'left'
-            },
-            '&:last-child': {
-              textAlign: 'right'
-            },
-            'div.text': {
-              padding: 0,
-              // height: '34px',
-              display: 'flex',
-              flexDirection: 'column',
-              justifyContent: 'center',
-              fontSize: '13px',
-              lineHeight: '17px',
-              fontWeight: 'regular',
-              '@media(min-width: 480px)': {
-                height: '45px',
-                fontSize: '16px',
-                lineHeight: '15px',
-                margin: '5px 0'
-              },
-              '@media(min-width: 720px)': {
-                fontSize: '24px',
-                lineHeight: '25px'
-              },
-              '@media(min-width: 1024px)': {
-                padding: '9px 25px 10px 25px',
-                fontSize: '12px',
-                lineHeight: '16px'
-              }
-            }
-          },
-          '&:hover': {
-            '@media(min-width:1024px)': {
-              backgroundColor: 'rgba(22, 199, 165,0.11)'
-            }
+        'svg': {
+          display: 'none'
+        },
+        '.MuiOutlinedInput-root': {
+          margin: '5px 0',
+          '&.Mui-focused': {
+            backgroundColor: 'white'
           }
         }
+      },
+      '&:first-child': {
+        textAlign: 'left'
+      },
+      '&:last-child': {
+        textAlign: 'right'
+      },
+      'div.text': {
+        padding: 0,
+        // height: '34px',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        fontSize: '13px',
+        lineHeight: '17px',
+        fontWeight: 'regular',
+        '&.bold': {
+          fontWeight: 'bold'
+        },
+        '@media(min-width: 480px)': {
+          height: '45px',
+          fontSize: '16px',
+          lineHeight: '15px',
+          margin: '5px 0'
+        },
+        '@media(min-width: 720px)': {
+          fontSize: '24px',
+          lineHeight: '25px'
+        },
+        '@media(min-width: 1024px)': {
+          padding: '9px 25px 10px 25px',
+          fontSize: '12px',
+          lineHeight: '16px'
+        }
+      }
+    },
+    '&:hover': {
+      '@media(min-width:1024px)': {
+        backgroundColor: 'rgba(22, 199, 165,0.11)'
       }
     }
   };
@@ -98677,6 +98687,7 @@ var RenderTextField = /*#__PURE__*/React.memo(function (_ref2) {
     _useState2 = _slicedToArray$a(_useState, 2),
     customValue = _useState2[0],
     setCustomValue = _useState2[1];
+  var isBold = (item === null || item === void 0 ? void 0 : item.bold) || false;
   return /*#__PURE__*/React.createElement(React.Fragment, null, isEditable && /*#__PURE__*/React.createElement(TextField, {
     label: "",
     small: true,
@@ -98698,22 +98709,25 @@ var RenderTextField = /*#__PURE__*/React.memo(function (_ref2) {
     key: index,
     value: customValue
   }), !isEditable && /*#__PURE__*/React.createElement("div", {
-    className: "text"
+    className: "text ".concat(isBold ? 'bold' : '')
   }, value));
 });
-var CustomRowComponent = /*#__PURE__*/React.memo(function (_ref3) {
+var CustomRowComponent = function CustomRowComponent(_ref3) {
   var data = _ref3.data,
     rowIndex = _ref3.rowIndex,
+    onDoubleClick = _ref3.onDoubleClick,
     handleClick = _ref3.handleClick,
     rowsSelected = _ref3.rowsSelected,
     tableData = _ref3.tableData,
     handleChangeData = _ref3.handleChangeData;
   if (data.length <= 0) return null;
   var uniqueRowKey = "row-".concat(rowIndex + 1);
-  return /*#__PURE__*/React.createElement("tr", {
+  var style = tableData[rowIndex][2] || '';
+  return /*#__PURE__*/React.createElement(TableRow, {
     key: uniqueRowKey,
     onClick: handleClick,
-    className: rowsSelected !== undefined && rowsSelected.indexOf(rowIndex) !== -1 ? 'custom-row-component selected' : 'custom-row-component'
+    onDoubleClick: onDoubleClick,
+    className: "".concat(rowsSelected !== undefined && rowsSelected.indexOf(rowIndex) !== -1 ? 'selected' : '', " ").concat(style)
   }, data.map(function (column, key) {
     var uniqueCellKey = "".concat(uniqueRowKey, "-column-").concat(key + 1);
     return /*#__PURE__*/React.createElement("td", {
@@ -98732,7 +98746,7 @@ var CustomRowComponent = /*#__PURE__*/React.memo(function (_ref3) {
       });
     }));
   }));
-});
+};
 var TableMobileComponent = function TableMobileComponent(_ref4) {
   var id = _ref4.id,
     columns = _ref4.columns,
@@ -98746,7 +98760,8 @@ var TableMobileComponent = function TableMobileComponent(_ref4) {
     selectionType = _ref4.selectionType,
     rowsSelected = _ref4.rowsSelected,
     setSelectedRows = _ref4.setSelectedRows,
-    searchPlaceholder = _ref4.searchPlaceholder;
+    searchPlaceholder = _ref4.searchPlaceholder,
+    onRowDoubleClick = _ref4.onRowDoubleClick;
   var _useState3 = React.useState([]),
     _useState4 = _slicedToArray$a(_useState3, 2),
     values = _useState4[0],
@@ -98797,6 +98812,7 @@ var TableMobileComponent = function TableMobileComponent(_ref4) {
           return handleRowClick(rowIndex);
         } : null,
         handleChangeData: handleChangeData,
+        onDoubleClick: onRowDoubleClick,
         rowsSelected: rowsSelected,
         tableData: values
       });
@@ -98853,7 +98869,8 @@ TableMobileComponent.propTypes = {
   })),
   includeSearch: propTypesExports.bool,
   handleChangeData: propTypesExports.func,
-  setSelectedRows: propTypesExports.func
+  setSelectedRows: propTypesExports.func,
+  onRowDoubleClick: propTypesExports.oneOfType([propTypesExports.func, undefined])
 };
 TableMobileComponent.defaultProps = {
   columns: [],
@@ -98862,7 +98879,8 @@ TableMobileComponent.defaultProps = {
   handleChangeData: function handleChangeData() {},
   fixedHeader: true,
   tableBodyMaxHeight: "100vh",
-  setSelectedRows: function setSelectedRows() {}
+  setSelectedRows: function setSelectedRows() {},
+  onRowDoubleClick: undefined
 };
 
 var StyledModalContainer = styled$1(Box$1)(function (_ref) {
@@ -99245,7 +99263,7 @@ var StyledStep = styled$1(function (props) {
 var CustomStepper = function CustomStepper(_ref4) {
   var steps = _ref4.steps,
     label = _ref4.label,
-    withIcon = _ref4.withIcon,
+    scan = _ref4.scan,
     currentStep = _ref4.currentStep,
     errorMessage = _ref4.errorMessage;
   var currentStepIndex = steps.findIndex(function (step) {
@@ -99260,10 +99278,13 @@ 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), withIcon && /*#__PURE__*/React.createElement(Icon, {
-    iconName: 'icon_wf_no_barcode_printer',
+  }, /*#__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, {
+    iconName: 'icon_wf_scan',
+    size: 'responsive'
+  }) : /*#__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) {
@@ -99281,7 +99302,7 @@ CustomStepper.propTypes = {
   })]),
   label: propTypesExports.string,
   steps: propTypesExports.arrayOf(propTypesExports.oneOfType([propTypesExports.string, propTypesExports.arrayOf(propTypesExports.string)])),
-  withIcon: propTypesExports.bool,
+  scan: propTypesExports.bool,
   errorMessage: propTypesExports.string
 };
 CustomStepper.defaultProps = {
@@ -99289,7 +99310,6 @@ CustomStepper.defaultProps = {
   forwardedRef: function forwardedRef() {},
   label: '',
   steps: [],
-  withIcon: false,
   errorMessage: 'Error'
 };
 

package/dist/index.esm.js

@@ -33237,7 +33237,7 @@ const defaultComponent = 'tr';
  * Will automatically set dynamic row height
  * based on the material table element parent (head, body, etc).
  */
-const TableRow$1 = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {
+const TableRow$2 = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiTableRow'
@@ -33266,7 +33266,7 @@ const TableRow$1 = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref)
     ownerState: ownerState
   }, other));
 });
-process.env.NODE_ENV !== "production" ? TableRow$1.propTypes /* remove-proptypes */ = {
+process.env.NODE_ENV !== "production" ? TableRow$2.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"     |
@@ -33303,9 +33303,9 @@ process.env.NODE_ENV !== "production" ? TableRow$1.propTypes /* remove-proptypes
    */
   sx: propTypesExports.oneOfType([propTypesExports.arrayOf(propTypesExports.oneOfType([propTypesExports.func, propTypesExports.object, propTypesExports.bool])), propTypesExports.func, propTypesExports.object])
 } : void 0;
-var MuiTableRow = TableRow$1;
+var MuiTableRow = TableRow$2;
 
-var TableRow = /*#__PURE__*/Object.freeze({
+var TableRow$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: MuiTableRow,
   tableRowClasses: tableRowClasses$1,
@@ -73836,7 +73836,6 @@ var CustomButton = styled$1(Button$2, {
     border: '2px solid #293072',
     backgroundColor: theme.mainPallete.primary.white,
     color: theme.mainPallete.primary.blue,
-    textTransform: 'uppercase',
     fontFamily: ['"Barlow", sans-serif'],
     '&:hover': {
       boxShadow: 'none'
@@ -74114,7 +74113,6 @@ var CustomIconButton = styled$1(Button$2, {
     fontWeight: 'bold',
     boxShadow: 'none',
     border: '2px solid #293072',
-    textTransform: 'uppercase',
     fontFamily: ['"Barlow", sans-serif'],
     padding: '4px 21px',
     fontSize: '16px',
@@ -90488,7 +90486,7 @@ var slice = {
 
 var require$$50 = /*@__PURE__*/getAugmentedNamespace(TableCell);
 
-var require$$51 = /*@__PURE__*/getAugmentedNamespace(TableRow);
+var require$$51 = /*@__PURE__*/getAugmentedNamespace(TableRow$1);
 
 var require$$52 = /*@__PURE__*/getAugmentedNamespace(Checkbox);
 
@@ -98553,92 +98551,104 @@ var StyledCustomTable = styled$1(Box$1)(function (_ref) {
             textAlign: 'left'
           }
         }
+      }
+    }
+  };
+});
+var TableRow = styled$1('tr')(function () {
+  return {
+    '&.selected': {
+      backgroundColor: 'rgba(22, 199, 165,0.11) !important'
+    },
+    '&.highlight-green': {
+      backgroundColor: 'rgba(201,224,27, 0.33)'
+    },
+    '&.highlight-red': {
+      backgroundColor: 'rgba(224,95,27,0.33)'
+    },
+    '&.highlight-orange': {
+      backgroundColor: 'rgba(255,166,44,0.33)'
+    },
+    'td:last-child': {
+      paddingRight: '10px',
+      'div.MuiTextField-root': {
+        borderWidth: '0px',
+        'input': {
+          textAlign: 'right'
+        },
+        'svg': {
+          display: 'none'
+        }
+      }
+    },
+    'td': {
+      fontFamily: theme.fontFamily,
+      fontSize: '16px',
+      lineHeight: '21px',
+      fontWeight: theme.fontWeight.regular,
+      color: theme.mainPallete.primary.blue,
+      padding: '5px 10px',
+      verticalAlign: 'middle',
+      borderWidth: '0 0 1.5px 0',
+      borderColor: '#DBE0F2',
+      borderStyle: 'solid',
+      '@media(min-width: 480px)': {
+        padding: '25px 10px',
+        verticalAlign: 'top'
       },
-      'tbody': {
-        'tr.selected': {
-          backgroundColor: 'rgba(22, 199, 165,0.11)'
+      'div.MuiTextField-root': {
+        borderWidth: '0px',
+        'input': {
+          textAlign: 'left'
         },
-        'tr.custom-row-component': {
-          'td:last-child': {
-            paddingRight: '10px',
-            'div.MuiTextField-root': {
-              borderWidth: '0px',
-              'input': {
-                textAlign: 'right'
-              },
-              'svg': {
-                display: 'none'
-              }
-            }
-          },
-          'td': {
-            fontFamily: theme.fontFamily,
-            fontSize: '16px',
-            lineHeight: '21px',
-            fontWeight: theme.fontWeight.regular,
-            color: theme.mainPallete.primary.blue,
-            padding: '5px 10px',
-            verticalAlign: 'middle',
-            borderWidth: '0 0 1.5px 0',
-            borderColor: '#DBE0F2',
-            borderStyle: 'solid',
-            '@media(min-width: 480px)': {
-              padding: '25px 10px',
-              verticalAlign: 'top'
-            },
-            'div.MuiTextField-root': {
-              borderWidth: '0px',
-              'input': {
-                textAlign: 'left'
-              },
-              'svg': {
-                display: 'none'
-              },
-              '.MuiOutlinedInput-root': {
-                margin: '5px 0',
-                '&.Mui-focused': {
-                  backgroundColor: 'white'
-                }
-              }
-            },
-            '&:first-child': {
-              textAlign: 'left'
-            },
-            '&:last-child': {
-              textAlign: 'right'
-            },
-            'div.text': {
-              padding: 0,
-              // height: '34px',
-              display: 'flex',
-              flexDirection: 'column',
-              justifyContent: 'center',
-              fontSize: '13px',
-              lineHeight: '17px',
-              fontWeight: 'regular',
-              '@media(min-width: 480px)': {
-                height: '45px',
-                fontSize: '16px',
-                lineHeight: '15px',
-                margin: '5px 0'
-              },
-              '@media(min-width: 720px)': {
-                fontSize: '24px',
-                lineHeight: '25px'
-              },
-              '@media(min-width: 1024px)': {
-                padding: '9px 25px 10px 25px',
-                fontSize: '12px',
-                lineHeight: '16px'
-              }
-            }
-          },
-          '&:hover': {
-            '@media(min-width:1024px)': {
-              backgroundColor: 'rgba(22, 199, 165,0.11)'
-            }
+        'svg': {
+          display: 'none'
+        },
+        '.MuiOutlinedInput-root': {
+          margin: '5px 0',
+          '&.Mui-focused': {
+            backgroundColor: 'white'
           }
         }
+      },
+      '&:first-child': {
+        textAlign: 'left'
+      },
+      '&:last-child': {
+        textAlign: 'right'
+      },
+      'div.text': {
+        padding: 0,
+        // height: '34px',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        fontSize: '13px',
+        lineHeight: '17px',
+        fontWeight: 'regular',
+        '&.bold': {
+          fontWeight: 'bold'
+        },
+        '@media(min-width: 480px)': {
+          height: '45px',
+          fontSize: '16px',
+          lineHeight: '15px',
+          margin: '5px 0'
+        },
+        '@media(min-width: 720px)': {
+          fontSize: '24px',
+          lineHeight: '25px'
+        },
+        '@media(min-width: 1024px)': {
+          padding: '9px 25px 10px 25px',
+          fontSize: '12px',
+          lineHeight: '16px'
+        }
+      }
+    },
+    '&:hover': {
+      '@media(min-width:1024px)': {
+        backgroundColor: 'rgba(22, 199, 165,0.11)'
       }
     }
   };
@@ -98657,6 +98667,7 @@ var RenderTextField = /*#__PURE__*/React__default.memo(function (_ref2) {
     _useState2 = _slicedToArray$a(_useState, 2),
     customValue = _useState2[0],
     setCustomValue = _useState2[1];
+  var isBold = (item === null || item === void 0 ? void 0 : item.bold) || false;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isEditable && /*#__PURE__*/React__default.createElement(TextField, {
     label: "",
     small: true,
@@ -98678,22 +98689,25 @@ var RenderTextField = /*#__PURE__*/React__default.memo(function (_ref2) {
     key: index,
     value: customValue
   }), !isEditable && /*#__PURE__*/React__default.createElement("div", {
-    className: "text"
+    className: "text ".concat(isBold ? 'bold' : '')
   }, value));
 });
-var CustomRowComponent = /*#__PURE__*/React__default.memo(function (_ref3) {
+var CustomRowComponent = function CustomRowComponent(_ref3) {
   var data = _ref3.data,
     rowIndex = _ref3.rowIndex,
+    onDoubleClick = _ref3.onDoubleClick,
     handleClick = _ref3.handleClick,
     rowsSelected = _ref3.rowsSelected,
     tableData = _ref3.tableData,
     handleChangeData = _ref3.handleChangeData;
   if (data.length <= 0) return null;
   var uniqueRowKey = "row-".concat(rowIndex + 1);
-  return /*#__PURE__*/React__default.createElement("tr", {
+  var style = tableData[rowIndex][2] || '';
+  return /*#__PURE__*/React__default.createElement(TableRow, {
     key: uniqueRowKey,
     onClick: handleClick,
-    className: rowsSelected !== undefined && rowsSelected.indexOf(rowIndex) !== -1 ? 'custom-row-component selected' : 'custom-row-component'
+    onDoubleClick: onDoubleClick,
+    className: "".concat(rowsSelected !== undefined && rowsSelected.indexOf(rowIndex) !== -1 ? 'selected' : '', " ").concat(style)
   }, data.map(function (column, key) {
     var uniqueCellKey = "".concat(uniqueRowKey, "-column-").concat(key + 1);
     return /*#__PURE__*/React__default.createElement("td", {
@@ -98712,7 +98726,7 @@ var CustomRowComponent = /*#__PURE__*/React__default.memo(function (_ref3) {
       });
     }));
   }));
-});
+};
 var TableMobileComponent = function TableMobileComponent(_ref4) {
   var id = _ref4.id,
     columns = _ref4.columns,
@@ -98726,7 +98740,8 @@ var TableMobileComponent = function TableMobileComponent(_ref4) {
     selectionType = _ref4.selectionType,
     rowsSelected = _ref4.rowsSelected,
     setSelectedRows = _ref4.setSelectedRows,
-    searchPlaceholder = _ref4.searchPlaceholder;
+    searchPlaceholder = _ref4.searchPlaceholder,
+    onRowDoubleClick = _ref4.onRowDoubleClick;
   var _useState3 = useState([]),
     _useState4 = _slicedToArray$a(_useState3, 2),
     values = _useState4[0],
@@ -98777,6 +98792,7 @@ var TableMobileComponent = function TableMobileComponent(_ref4) {
           return handleRowClick(rowIndex);
         } : null,
         handleChangeData: handleChangeData,
+        onDoubleClick: onRowDoubleClick,
         rowsSelected: rowsSelected,
         tableData: values
       });
@@ -98833,7 +98849,8 @@ TableMobileComponent.propTypes = {
   })),
   includeSearch: propTypesExports.bool,
   handleChangeData: propTypesExports.func,
-  setSelectedRows: propTypesExports.func
+  setSelectedRows: propTypesExports.func,
+  onRowDoubleClick: propTypesExports.oneOfType([propTypesExports.func, undefined])
 };
 TableMobileComponent.defaultProps = {
   columns: [],
@@ -98842,7 +98859,8 @@ TableMobileComponent.defaultProps = {
   handleChangeData: function handleChangeData() {},
   fixedHeader: true,
   tableBodyMaxHeight: "100vh",
-  setSelectedRows: function setSelectedRows() {}
+  setSelectedRows: function setSelectedRows() {},
+  onRowDoubleClick: undefined
 };
 
 var StyledModalContainer = styled$1(Box$1)(function (_ref) {
@@ -99225,7 +99243,7 @@ var StyledStep = styled$1(function (props) {
 var CustomStepper = function CustomStepper(_ref4) {
   var steps = _ref4.steps,
     label = _ref4.label,
-    withIcon = _ref4.withIcon,
+    scan = _ref4.scan,
     currentStep = _ref4.currentStep,
     errorMessage = _ref4.errorMessage;
   var currentStepIndex = steps.findIndex(function (step) {
@@ -99240,10 +99258,13 @@ 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), withIcon && /*#__PURE__*/React__default.createElement(Icon, {
-    iconName: 'icon_wf_no_barcode_printer',
+  }, /*#__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, {
+    iconName: 'icon_wf_scan',
+    size: 'responsive'
+  }) : /*#__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) {
@@ -99261,7 +99282,7 @@ CustomStepper.propTypes = {
   })]),
   label: propTypesExports.string,
   steps: propTypesExports.arrayOf(propTypesExports.oneOfType([propTypesExports.string, propTypesExports.arrayOf(propTypesExports.string)])),
-  withIcon: propTypesExports.bool,
+  scan: propTypesExports.bool,
   errorMessage: propTypesExports.string
 };
 CustomStepper.defaultProps = {
@@ -99269,7 +99290,6 @@ CustomStepper.defaultProps = {
   forwardedRef: function forwardedRef() {},
   label: '',
   steps: [],
-  withIcon: false,
   errorMessage: 'Error'
 };
 

package/package.json

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