bs-unified-ui 1.0.909 → 1.0.913

package/components/Table/Table.d.ts

@@ -37,5 +37,6 @@ export interface TableProps extends MuiTableProps {
     colWidths?: string[];
     rowIndeterminate?: (row: any) => boolean;
     disableSelectAll?: boolean;
+    enablePageInput?: boolean;
 }
-export declare const Table: ({ data, columns: rawColumns, rowKey, sx, sort, onSort, pageStart, pageCount, page, onPageChange, onSelect, selected, outlined, toolbarCounter, toolbarSortingSelectProps, onRowClick, onRowHover, disableGutters, loading, dataTestId, disabledCheckboxes, highlight, noDataMessage, allowRowLevel, colWidths, rowIndeterminate, disableSelectAll }: TableProps) => React.JSX.Element;
+export declare const Table: ({ data, columns: rawColumns, rowKey, sx, sort, onSort, pageStart, pageCount, page, onPageChange, onSelect, selected, outlined, toolbarCounter, toolbarSortingSelectProps, onRowClick, onRowHover, disableGutters, loading, dataTestId, disabledCheckboxes, highlight, noDataMessage, allowRowLevel, colWidths, rowIndeterminate, disableSelectAll, enablePageInput }: TableProps) => React.JSX.Element;

package/components/Table/TablePagination.d.ts

@@ -5,5 +5,6 @@ export interface TablePaginationProps {
     page?: number;
     onPageChange?: (page: number) => void;
     dataTestId?: string;
+    enablePageInput?: boolean;
 }
-export declare const TablePagination: ({ pageStart, pageCount, page, onPageChange, dataTestId, }: TablePaginationProps) => React.JSX.Element;
+export declare const TablePagination: ({ pageStart, pageCount, page, onPageChange, dataTestId, enablePageInput, }: TablePaginationProps) => React.JSX.Element;

package/index.js

@@ -20437,40 +20437,115 @@ var TableHeadCell = function (_a) {
     return (React.createElement(material.TableCell, __assign({ align: titleAlign || align, sx: { borderBottom: 'none', px: 2, py: 1, width: width } }, props), renderContent()));
 };
 
+var StyledTextField = material.styled(material.TextField)(function () { return ({
+    '& .MuiOutlinedInput-root': {
+        padding: 0,
+    },
+    '& .MuiInputAdornment-root': {
+        marginTop: 2,
+    },
+    '& .MuiInputAdornment-positionStart': {
+        marginRight: 0,
+        marginLeft: 10,
+    },
+    '& .MuiInputAdornment-positionEnd': {
+        marginRight: 10,
+    },
+}); });
+var NumberInput = function (_a) {
+    var label = _a.label, disableValueMutationByArrowKeys = _a.disableValueMutationByArrowKeys, startAdornment = _a.startAdornment, _b = _a.isCurrency, isCurrency = _b === void 0 ? false : _b, endAdornment = _a.endAdornment, dataTestId = _a.dataTestId, fullWidth = _a.fullWidth, min = _a.min, max = _a.max, props = __rest(_a, ["label", "disableValueMutationByArrowKeys", "startAdornment", "isCurrency", "endAdornment", "dataTestId", "fullWidth", "min", "max"]);
+    var handleKeyDown = function (event) {
+        if (disableValueMutationByArrowKeys && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {
+            event.preventDefault();
+        }
+    };
+    var handlePaste = function (event) {
+        var paste = (event.clipboardData).getData('text');
+        var regexNumber = /^(\d*\.)?\d+$/;
+        if (!regexNumber.test(paste)) {
+            event.preventDefault();
+        }
+    };
+    return (React.createElement(material.FormControl, { fullWidth: fullWidth },
+        label && (React.createElement(material.FormLabel, { sx: { mb: 1.25 } }, typeof label === 'string' ? (React.createElement(material.Typography, { variant: 'fs14', color: function (theme) { return theme.foreground.black; } }, label)) : (label))),
+        React.createElement(StyledTextField, __assign({}, props, { InputProps: __assign(__assign({}, ((startAdornment || isCurrency)
+                ? {
+                    startAdornment: isCurrency ? (React.createElement(material.InputAdornment, { position: 'start', sx: { '& p': { color: "#ADAFB1" } } }, "$")) : (React.createElement(material.InputAdornment, { position: 'start' }, startAdornment)),
+                }
+                : {})), (endAdornment
+                ? {
+                    endAdornment: (React.createElement(material.InputAdornment, { position: 'end' }, endAdornment)),
+                }
+                : {})), 
+            // eslint-disable-next-line react/jsx-no-duplicate-props
+            inputProps: __assign(__assign(__assign({ onKeyDown: handleKeyDown, onPaste: handlePaste }, (!isNullOrUndefined(min) ? { min: min } : {})), (!isNullOrUndefined(max) ? { max: max } : {})), props.inputProps), "data-testid": dataTestId, type: 'number' }))));
+};
+
 var TablePagination = function (_a) {
-    var _b = _a.pageStart, pageStart = _b === void 0 ? 0 : _b, _c = _a.pageCount, pageCount = _c === void 0 ? 0 : _c, _d = _a.page, page = _d === void 0 ? 0 : _d, onPageChange = _a.onPageChange, _e = _a.dataTestId, dataTestId = _e === void 0 ? 'pagination' : _e;
+    var _b = _a.pageStart, pageStart = _b === void 0 ? 0 : _b, _c = _a.pageCount, pageCount = _c === void 0 ? 0 : _c, _d = _a.page, page = _d === void 0 ? 0 : _d, onPageChange = _a.onPageChange, _e = _a.dataTestId, dataTestId = _e === void 0 ? 'pagination' : _e, _f = _a.enablePageInput, enablePageInput = _f === void 0 ? false : _f;
     var theme = material.useTheme();
     var pageIdx = Math.max(0, page - pageStart);
     var pageVal = pageIdx + pageStart;
-    return (React.createElement(material.Box, { sx: {
-            'py': 1.5,
-            'display': 'flex',
-            'justifyContent': 'center',
-            'gap': 1,
-            '.MuiButton-root': {
-                'padding': 0,
-                'minWidth': 24,
-                'minHeight': 24,
-                'color': theme.foreground.black4,
-                'bgcolor': theme.background.sectionBg,
-                'borderRadius': '4px',
-                '>div': { color: 'inherit !important' },
-                '&.Mui-disabled': {
-                    color: theme.background.outlineDivider,
-                    bgcolor: theme.background.pageBg,
+    var _g = React.useState(pageVal), currentPage = _g[0], setCurrentPage = _g[1];
+    return (React.createElement(material.Box, { sx: { display: 'flex', alignItems: 'center', px: 2 } },
+        React.createElement(material.Box, { sx: {
+                'py': 1.5,
+                'display': 'flex',
+                'justifyContent': 'center',
+                'gap': 1,
+                'flex': 1,
+                '.MuiButton-root': {
+                    'padding': 0,
+                    'minWidth': 24,
+                    'minHeight': 24,
+                    'color': theme.foreground.black4,
+                    'bgcolor': theme.background.sectionBg,
+                    'borderRadius': '4px',
+                    '>div': { color: 'inherit !important' },
+                    '&.Mui-disabled': {
+                        color: theme.background.outlineDivider,
+                        bgcolor: theme.background.pageBg,
+                    },
                 },
-            },
-        }, "data-testid": "pagination-".concat(dataTestId) },
-        React.createElement(Button, { iconOnly: true, variant: 'text', disabled: pageIdx <= 0, onClick: function () {
-                if (pageIdx)
-                    onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageVal - 1);
-            }, "data-testid": "btn-pagination-prev-".concat(dataTestId) },
-            React.createElement(Icon, { name: 'arrow-left-s', size: 20 })),
-        React.createElement(Button, { iconOnly: true, variant: 'text', disabled: pageIdx >= pageCount - 1, onClick: function () {
-                if (pageIdx < pageCount - 1)
-                    onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageVal + 1);
-            }, "data-testid": "btn-pagination-next-".concat(dataTestId) },
-            React.createElement(Icon, { name: 'arrow-right-s', size: 20 }))));
+            }, "data-testid": "pagination-".concat(dataTestId) },
+            React.createElement(Button, { iconOnly: true, variant: 'text', disabled: pageIdx <= 0, onClick: function () {
+                    if (pageIdx) {
+                        if (enablePageInput) {
+                            setCurrentPage(pageVal - 1);
+                        }
+                        onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageVal - 1);
+                    }
+                }, "data-testid": "btn-pagination-prev-".concat(dataTestId) },
+                React.createElement(Icon, { name: 'arrow-left-s', size: 20 })),
+            React.createElement(Button, { iconOnly: true, variant: 'text', disabled: pageIdx >= pageCount - 1, onClick: function () {
+                    if (pageIdx < pageCount - 1) {
+                        if (enablePageInput) {
+                            setCurrentPage(pageVal + 1);
+                        }
+                        onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageVal + 1);
+                    }
+                }, "data-testid": "btn-pagination-next-".concat(dataTestId) },
+                React.createElement(Icon, { name: 'arrow-right-s', size: 20 }))),
+        enablePageInput ? React.createElement(material.Box, { sx: { display: 'flex', alignItems: 'center', gap: 1, marginLeft: 'auto' } },
+            React.createElement(material.Typography, { variant: 'fs14', color: theme.foreground.black4 }, "Page"),
+            React.createElement(NumberInput, { sx: {
+                    width: 52,
+                    'input::-webkit-inner-spin-button': {
+                        display: 'none'
+                    }
+                }, value: currentPage.toString(), onChange: function (event) {
+                    var val = Number(event.target.value);
+                    setCurrentPage(val);
+                }, onKeyDown: function (event) {
+                    if (event.key === 'Enter') {
+                        var target = event.target;
+                        var val = Number(target.value);
+                        onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(val);
+                    }
+                }, min: 1, max: pageCount, disableValueMutationByArrowKeys: true }),
+            React.createElement(material.Typography, { variant: 'fs14', color: theme.foreground.black4 },
+                "of ",
+                pageCount)) : null));
 };
 
 var CustomUnchecked = material.createSvgIcon(React.createElement(React.Fragment, null,
@@ -20673,7 +20748,7 @@ var index = /*#__PURE__*/Object.freeze({
 });
 
 var Table = function (_a) {
-    var _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.columns, rawColumns = _c === void 0 ? [] : _c, _d = _a.rowKey, rowKey = _d === void 0 ? 'id' : _d, _e = _a.sx, sx = _e === void 0 ? {} : _e, sort = _a.sort, onSort = _a.onSort, pageStart = _a.pageStart, pageCount = _a.pageCount, _f = _a.page, page = _f === void 0 ? 0 : _f, onPageChange = _a.onPageChange, onSelect = _a.onSelect, _g = _a.selected, selected = _g === void 0 ? [] : _g, _h = _a.outlined, outlined = _h === void 0 ? true : _h, _j = _a.toolbarCounter, toolbarCounter = _j === void 0 ? '' : _j, toolbarSortingSelectProps = _a.toolbarSortingSelectProps, onRowClick = _a.onRowClick, onRowHover = _a.onRowHover, _k = _a.disableGutters, disableGutters = _k === void 0 ? false : _k, _l = _a.loading, loading = _l === void 0 ? false : _l, _m = _a.dataTestId, dataTestId = _m === void 0 ? 'table' : _m, _o = _a.disabledCheckboxes, disabledCheckboxes = _o === void 0 ? [] : _o, _p = _a.highlight, highlight = _p === void 0 ? [] : _p, _q = _a.noDataMessage, noDataMessage = _q === void 0 ? 'No data to display' : _q, _r = _a.allowRowLevel, allowRowLevel = _r === void 0 ? false : _r, _s = _a.colWidths, colWidths = _s === void 0 ? [] : _s, rowIndeterminate = _a.rowIndeterminate, _t = _a.disableSelectAll, disableSelectAll = _t === void 0 ? false : _t;
+    var _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.columns, rawColumns = _c === void 0 ? [] : _c, _d = _a.rowKey, rowKey = _d === void 0 ? 'id' : _d, _e = _a.sx, sx = _e === void 0 ? {} : _e, sort = _a.sort, onSort = _a.onSort, pageStart = _a.pageStart, pageCount = _a.pageCount, _f = _a.page, page = _f === void 0 ? 0 : _f, onPageChange = _a.onPageChange, onSelect = _a.onSelect, _g = _a.selected, selected = _g === void 0 ? [] : _g, _h = _a.outlined, outlined = _h === void 0 ? true : _h, _j = _a.toolbarCounter, toolbarCounter = _j === void 0 ? '' : _j, toolbarSortingSelectProps = _a.toolbarSortingSelectProps, onRowClick = _a.onRowClick, onRowHover = _a.onRowHover, _k = _a.disableGutters, disableGutters = _k === void 0 ? false : _k, _l = _a.loading, loading = _l === void 0 ? false : _l, _m = _a.dataTestId, dataTestId = _m === void 0 ? 'table' : _m, _o = _a.disabledCheckboxes, disabledCheckboxes = _o === void 0 ? [] : _o, _p = _a.highlight, highlight = _p === void 0 ? [] : _p, _q = _a.noDataMessage, noDataMessage = _q === void 0 ? 'No data to display' : _q, _r = _a.allowRowLevel, allowRowLevel = _r === void 0 ? false : _r, _s = _a.colWidths, colWidths = _s === void 0 ? [] : _s, rowIndeterminate = _a.rowIndeterminate, _t = _a.disableSelectAll, disableSelectAll = _t === void 0 ? false : _t, _u = _a.enablePageInput, enablePageInput = _u === void 0 ? false : _u;
     var theme = material.useTheme();
     var columns = React.useMemo(function () { return rawColumns.filter(function (c) { return !(c === null || c === void 0 ? void 0 : c.hidden); }); }, [rawColumns]);
     var colWidthStyles = function (colIndex) { return (__assign({ width: colWidths[colIndex] || '' }, allowRowLevel ? { maxWidth: colWidths[colIndex] || '' } : {})); };
@@ -20802,7 +20877,7 @@ var Table = function (_a) {
                     !data.length && (React.createElement(material.TableRow, null,
                         React.createElement(TableCell, { align: 'center', colSpan: columns.length + (onSelect ? 1 : 0) },
                             React.createElement(material.Typography, { variant: 'fs12', color: theme.foreground.black4 }, noDataMessage))))))),
-        onPageChange && (React.createElement(TablePagination, { pageStart: pageStart, pageCount: pageCount, page: Number(page), onPageChange: onPageChange, dataTestId: dataTestId }))));
+        onPageChange && (React.createElement(TablePagination, { pageStart: pageStart, pageCount: pageCount, page: Number(page), onPageChange: onPageChange, dataTestId: dataTestId, enablePageInput: enablePageInput }))));
 };
 
 var css_248z$1 = "@import url(\"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,700&family=Lato&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap\");\n@import url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.css\");\n@import url(\"https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.snow.css\");\n@import url(\"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,700&family=Lato&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap\");\n@import url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.css\");\n@import url(\"https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.snow.css\");\n@font-face {\n  font-family: \"remixicon\";\n  src: url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.eot?t=1705244689813\"); /* IE9*/\n  src: url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.eot?t=1705244689813#iefix\") format(\"embedded-opentype\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.woff2?t=1705244689813\") format(\"woff2\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.woff?t=1705244689813\") format(\"woff\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.ttf?t=1705244689813\") format(\"truetype\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.svg?t=1705244689813#remixicon\") format(\"svg\"); /* iOS 4.1- */\n  font-display: swap;\n}\n/* Typeface */\n/* Font size */\n/* Colors */\n/* Radius */\n/* Animations */\n.fs12 {\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0em;\n}\n.fs13 {\n  font-size: 13px;\n  line-height: 24px;\n  letter-spacing: -0.0025em;\n}\n.fs14 {\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.006em;\n}\n.fs15 {\n  font-size: 15px;\n  line-height: 24px;\n  letter-spacing: -0.009em;\n}\n.fs16 {\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: -0.011em;\n}\n.fs17 {\n  font-size: 17px;\n  line-height: 24px;\n  letter-spacing: -0.013em;\n}\n.fs18 {\n  font-size: 18px;\n  line-height: 24px;\n  letter-spacing: -0.014em;\n}\n.fs19 {\n  font-size: 19px;\n  line-height: 32px;\n  letter-spacing: -0.016em;\n}\n.fs20 {\n  font-size: 20px;\n  line-height: 32px;\n  letter-spacing: -0.017em;\n}\n.fs24 {\n  font-size: 24px;\n  line-height: 32px;\n  letter-spacing: -0.019em;\n}\n.fs30 {\n  font-size: 30px;\n  line-height: 40px;\n  letter-spacing: -0.021em;\n}\n.fs40 {\n  font-size: 40px;\n  line-height: 56px;\n  letter-spacing: -0.022em;\n}\n.fs42 {\n  font-size: 42px;\n  line-height: 56px;\n  letter-spacing: -0.022em;\n}\n.fs48 {\n  font-size: 48px;\n  line-height: 64px;\n  letter-spacing: -0.022em;\n}\n.fs60 {\n  font-size: 60px;\n  line-height: 80px;\n  letter-spacing: -0.022em;\n}\nhtml {\n  font-family: \"Lato\", sans-serif;\n}\n@font-face {\n  font-family: \"remixicon\";\n  src: url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.eot?t=1705244689813\"); /* IE9*/\n  src: url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.eot?t=1705244689813#iefix\") format(\"embedded-opentype\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.woff2?t=1705244689813\") format(\"woff2\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.woff?t=1705244689813\") format(\"woff\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.ttf?t=1705244689813\") format(\"truetype\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.svg?t=1705244689813#remixicon\") format(\"svg\"); /* iOS 4.1- */\n  font-display: swap;\n}\n/* Typeface */\n/* Font size */\n/* Colors */\n/* Radius */\n/* Animations */\n.fs12 {\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0em;\n}\n.fs13 {\n  font-size: 13px;\n  line-height: 24px;\n  letter-spacing: -0.0025em;\n}\n.fs14 {\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.006em;\n}\n.fs15 {\n  font-size: 15px;\n  line-height: 24px;\n  letter-spacing: -0.009em;\n}\n.fs16 {\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: -0.011em;\n}\n.fs17 {\n  font-size: 17px;\n  line-height: 24px;\n  letter-spacing: -0.013em;\n}\n.fs18 {\n  font-size: 18px;\n  line-height: 24px;\n  letter-spacing: -0.014em;\n}\n.fs19 {\n  font-size: 19px;\n  line-height: 32px;\n  letter-spacing: -0.016em;\n}\n.fs20 {\n  font-size: 20px;\n  line-height: 32px;\n  letter-spacing: -0.017em;\n}\n.fs24 {\n  font-size: 24px;\n  line-height: 32px;\n  letter-spacing: -0.019em;\n}\n.fs30 {\n  font-size: 30px;\n  line-height: 40px;\n  letter-spacing: -0.021em;\n}\n.fs40 {\n  font-size: 40px;\n  line-height: 56px;\n  letter-spacing: -0.022em;\n}\n.fs42 {\n  font-size: 42px;\n  line-height: 56px;\n  letter-spacing: -0.022em;\n}\n.fs48 {\n  font-size: 48px;\n  line-height: 64px;\n  letter-spacing: -0.022em;\n}\n.fs60 {\n  font-size: 60px;\n  line-height: 80px;\n  letter-spacing: -0.022em;\n}\nhtml {\n  font-family: \"Lato\", sans-serif;\n}\n.bs-unified__custom-dark-mode {\n  background: #2D91FC !important;\n}";
@@ -40694,50 +40769,6 @@ var Dialog = function (props) {
         renderFooter ? React.createElement(material.DialogActions, null, renderFooter) : null));
 };
 
-var StyledTextField = material.styled(material.TextField)(function () { return ({
-    '& .MuiOutlinedInput-root': {
-        padding: 0,
-    },
-    '& .MuiInputAdornment-root': {
-        marginTop: 2,
-    },
-    '& .MuiInputAdornment-positionStart': {
-        marginRight: 0,
-        marginLeft: 10,
-    },
-    '& .MuiInputAdornment-positionEnd': {
-        marginRight: 10,
-    },
-}); });
-var NumberInput = function (_a) {
-    var label = _a.label, disableValueMutationByArrowKeys = _a.disableValueMutationByArrowKeys, startAdornment = _a.startAdornment, _b = _a.isCurrency, isCurrency = _b === void 0 ? false : _b, endAdornment = _a.endAdornment, dataTestId = _a.dataTestId, fullWidth = _a.fullWidth, min = _a.min, max = _a.max, props = __rest(_a, ["label", "disableValueMutationByArrowKeys", "startAdornment", "isCurrency", "endAdornment", "dataTestId", "fullWidth", "min", "max"]);
-    var handleKeyDown = function (event) {
-        if (disableValueMutationByArrowKeys && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {
-            event.preventDefault();
-        }
-    };
-    var handlePaste = function (event) {
-        var paste = (event.clipboardData).getData('text');
-        var regexNumber = /^(\d*\.)?\d+$/;
-        if (!regexNumber.test(paste)) {
-            event.preventDefault();
-        }
-    };
-    return (React.createElement(material.FormControl, { fullWidth: fullWidth },
-        label && (React.createElement(material.FormLabel, { sx: { mb: 1.25 } }, typeof label === 'string' ? (React.createElement(material.Typography, { variant: 'fs14', color: function (theme) { return theme.foreground.black; } }, label)) : (label))),
-        React.createElement(StyledTextField, __assign({}, props, { InputProps: __assign(__assign({}, ((startAdornment || isCurrency)
-                ? {
-                    startAdornment: isCurrency ? (React.createElement(material.InputAdornment, { position: 'start', sx: { '& p': { color: "#ADAFB1" } } }, "$")) : (React.createElement(material.InputAdornment, { position: 'start' }, startAdornment)),
-                }
-                : {})), (endAdornment
-                ? {
-                    endAdornment: (React.createElement(material.InputAdornment, { position: 'end' }, endAdornment)),
-                }
-                : {})), 
-            // eslint-disable-next-line react/jsx-no-duplicate-props
-            inputProps: __assign(__assign(__assign({ onKeyDown: handleKeyDown, onPaste: handlePaste }, (!isNullOrUndefined(min) ? { min: min } : {})), (!isNullOrUndefined(max) ? { max: max } : {})), props.inputProps), "data-testid": dataTestId, type: 'number' }))));
-};
-
 var rootClass = 'bs-dp';
 var DatePicker = function (_a) {
     var _b = _a.position, position = _b === void 0 ? 'bottom-start' : _b, _c = _a.openOnTextFieldClick, openOnTextFieldClick = _c === void 0 ? false : _c, props = __rest(_a, ["position", "openOnTextFieldClick"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bs-unified-ui",
-  "version": "1.0.909",
+  "version": "1.0.913",
   "license": "MIT",
   "author": "Advesa",
   "description": "UI Components for Unified Breadstack UI",