@paubox/ui 1.11.7 → 1.13.0

package/index.esm.js

@@ -21740,13 +21740,15 @@ function _object_spread_props$q(target, source) {
     return target;
 }
 var Calendar = function(param) {
-    var _param_rangeSelect = param.rangeSelect, rangeSelect = _param_rangeSelect === void 0 ? false : _param_rangeSelect, selectedDate = param.selectedDate, startDate = param.startDate, endDate = param.endDate, onChange = param.onChange;
+    var _param_rangeSelect = param.rangeSelect, rangeSelect = _param_rangeSelect === void 0 ? false : _param_rangeSelect, selectedDate = param.selectedDate, startDate = param.startDate, endDate = param.endDate, minDate = param.minDate, maxDate = param.maxDate, onChange = param.onChange;
     return /*#__PURE__*/ jsx("div", {
         children: /*#__PURE__*/ jsx(DatePicker$1, _object_spread$w({}, _object_spread_props$q(_object_spread$w({
             onChange: onChange,
             selected: rangeSelect ? null : selectedDate,
             startDate: startDate || undefined,
-            endDate: endDate || undefined
+            endDate: endDate || undefined,
+            minDate: minDate || undefined,
+            maxDate: maxDate || undefined
         }, rangeSelect && {
             selectsRange: true
         }), {
@@ -22541,11 +22543,13 @@ function _templateObject$l() {
 }
 var DatePickerButton = styled(Button)(_templateObject$l(), spacing(1), neutral300, spacing(1));
 var DatePicker = function(_param) {
-    var _param_rangeSelect = _param.rangeSelect, rangeSelect = _param_rangeSelect === void 0 ? false : _param_rangeSelect, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? new Date() : _param_selectedDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? new Date(Date.now() - 7 * 24 * 60 * 60 * 1000) : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? new Date() : _param_endDate, onChange = _param.onChange, rest = _object_without_properties$i(_param, [
+    var _param_rangeSelect = _param.rangeSelect, rangeSelect = _param_rangeSelect === void 0 ? false : _param_rangeSelect, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? new Date() : _param_selectedDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? new Date(Date.now() - 7 * 24 * 60 * 60 * 1000) : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? new Date() : _param_endDate, minDate = _param.minDate, maxDate = _param.maxDate, onChange = _param.onChange, rest = _object_without_properties$i(_param, [
         "rangeSelect",
         "selectedDate",
         "startDate",
         "endDate",
+        "minDate",
+        "maxDate",
         "onChange"
     ]);
     var _useState = _sliced_to_array$g(useState(false), 2), open = _useState[0], setOpen = _useState[1];
@@ -22613,6 +22617,8 @@ var DatePicker = function(_param) {
                     selectedDate: rangeSelect ? null : selectedDate,
                     startDate: rangeSelect ? startDate : null,
                     endDate: rangeSelect ? endDate : null,
+                    minDate: minDate,
+                    maxDate: maxDate,
                     onChange: rangeSelect ? handleRangeSelect : handleDateSelect
                 })
             }))
@@ -22918,7 +22924,7 @@ var SelectContainer = styled.div(_templateObject2$f());
 var MultiInputContainer = styled.div(_templateObject3$c());
 var FilterRow = function(param) {
     var filterKey = param.filterKey, rowIndex = param.rowIndex, values = param.values, errors = param.errors, touched = param.touched, onChange = param.onChange, onRemove = param.onRemove, fieldOptions = param.fieldOptions, operatorOptions = param.operatorOptions, showRemove = param.showRemove;
-    var _touched_filters_filterKey_rowIndex, _touched_filters_filterKey, _touched_filters, _errors_filters_filterKey_rowIndex, _errors_filters_filterKey, _errors_filters, _touched_filters_filterKey_rowIndex1, _touched_filters_filterKey1, _touched_filters1, _errors_filters_filterKey_rowIndex1, _errors_filters_filterKey1, _errors_filters1, _touched_filters_filterKey_rowIndex2, _touched_filters_filterKey2, _touched_filters2, _errors_filters_filterKey_rowIndex2, _errors_filters_filterKey2, _errors_filters2;
+    var _touched_filters_filterKey_rowIndex, _touched_filters_filterKey, _touched_filters, _errors_filters_filterKey_rowIndex, _errors_filters_filterKey, _errors_filters, _touched_filters_filterKey_rowIndex1, _touched_filters_filterKey1, _touched_filters1, _errors_filters_filterKey_rowIndex1, _errors_filters_filterKey1, _errors_filters1, _currentFilter_terms, _touched_filters_filterKey_rowIndex2, _touched_filters_filterKey2, _touched_filters2, _errors_filters_filterKey_rowIndex2, _errors_filters_filterKey2, _errors_filters2;
     var currentFilter = values.filters[Number(filterKey)][Number(rowIndex)];
     var _useState = _sliced_to_array$e(useState(false), 2), isHovered = _useState[0], setIsHovered = _useState[1];
     var currentField = fieldOptions.find(function(field) {
@@ -22944,7 +22950,7 @@ var FilterRow = function(param) {
                                 onChange: function(value) {
                                     return onChange("filters.".concat(filterKey, ".").concat(rowIndex, ".field"), value);
                                 },
-                                error: (touched === null || touched === void 0 ? void 0 : (_touched_filters = touched.filters) === null || _touched_filters === void 0 ? void 0 : (_touched_filters_filterKey = _touched_filters[filterKey]) === null || _touched_filters_filterKey === void 0 ? void 0 : (_touched_filters_filterKey_rowIndex = _touched_filters_filterKey[rowIndex]) === null || _touched_filters_filterKey_rowIndex === void 0 ? void 0 : _touched_filters_filterKey_rowIndex.field) && (errors === null || errors === void 0 ? void 0 : (_errors_filters = errors.filters) === null || _errors_filters === void 0 ? void 0 : (_errors_filters_filterKey = _errors_filters[filterKey]) === null || _errors_filters_filterKey === void 0 ? void 0 : (_errors_filters_filterKey_rowIndex = _errors_filters_filterKey[rowIndex]) === null || _errors_filters_filterKey_rowIndex === void 0 ? void 0 : _errors_filters_filterKey_rowIndex.field),
+                                error: !!(touched === null || touched === void 0 ? void 0 : (_touched_filters = touched.filters) === null || _touched_filters === void 0 ? void 0 : (_touched_filters_filterKey = _touched_filters[filterKey]) === null || _touched_filters_filterKey === void 0 ? void 0 : (_touched_filters_filterKey_rowIndex = _touched_filters_filterKey[rowIndex]) === null || _touched_filters_filterKey_rowIndex === void 0 ? void 0 : _touched_filters_filterKey_rowIndex.field) && !!(errors === null || errors === void 0 ? void 0 : (_errors_filters = errors.filters) === null || _errors_filters === void 0 ? void 0 : (_errors_filters_filterKey = _errors_filters[filterKey]) === null || _errors_filters_filterKey === void 0 ? void 0 : (_errors_filters_filterKey_rowIndex = _errors_filters_filterKey[rowIndex]) === null || _errors_filters_filterKey_rowIndex === void 0 ? void 0 : _errors_filters_filterKey_rowIndex.field),
                                 options: fieldOptions,
                                 sz: "lg"
                             }),
@@ -22958,7 +22964,7 @@ var FilterRow = function(param) {
                                 onChange: function(value) {
                                     return onChange("filters.".concat(filterKey, ".").concat(rowIndex, ".op"), value);
                                 },
-                                error: (touched === null || touched === void 0 ? void 0 : (_touched_filters1 = touched.filters) === null || _touched_filters1 === void 0 ? void 0 : (_touched_filters_filterKey1 = _touched_filters1[filterKey]) === null || _touched_filters_filterKey1 === void 0 ? void 0 : (_touched_filters_filterKey_rowIndex1 = _touched_filters_filterKey1[rowIndex]) === null || _touched_filters_filterKey_rowIndex1 === void 0 ? void 0 : _touched_filters_filterKey_rowIndex1.op) && (errors === null || errors === void 0 ? void 0 : (_errors_filters1 = errors.filters) === null || _errors_filters1 === void 0 ? void 0 : (_errors_filters_filterKey1 = _errors_filters1[filterKey]) === null || _errors_filters_filterKey1 === void 0 ? void 0 : (_errors_filters_filterKey_rowIndex1 = _errors_filters_filterKey1[rowIndex]) === null || _errors_filters_filterKey_rowIndex1 === void 0 ? void 0 : _errors_filters_filterKey_rowIndex1.op),
+                                error: !!(touched === null || touched === void 0 ? void 0 : (_touched_filters1 = touched.filters) === null || _touched_filters1 === void 0 ? void 0 : (_touched_filters_filterKey1 = _touched_filters1[filterKey]) === null || _touched_filters_filterKey1 === void 0 ? void 0 : (_touched_filters_filterKey_rowIndex1 = _touched_filters_filterKey1[rowIndex]) === null || _touched_filters_filterKey_rowIndex1 === void 0 ? void 0 : _touched_filters_filterKey_rowIndex1.op) && !!(errors === null || errors === void 0 ? void 0 : (_errors_filters1 = errors.filters) === null || _errors_filters1 === void 0 ? void 0 : (_errors_filters_filterKey1 = _errors_filters1[filterKey]) === null || _errors_filters_filterKey1 === void 0 ? void 0 : (_errors_filters_filterKey_rowIndex1 = _errors_filters_filterKey1[rowIndex]) === null || _errors_filters_filterKey_rowIndex1 === void 0 ? void 0 : _errors_filters_filterKey_rowIndex1.op),
                                 options: operatorOptions,
                                 sz: "lg",
                                 setValue: function(value) {
@@ -22970,7 +22976,7 @@ var FilterRow = function(param) {
                     /*#__PURE__*/ jsx(MultiInputContainer, {
                         children: currentFilter.field === 'select' ? /*#__PURE__*/ jsx(Select, {
                             name: "filters.".concat(filterKey, ".").concat(rowIndex, ".terms"),
-                            value: currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.terms,
+                            value: currentFilter === null || currentFilter === void 0 ? void 0 : (_currentFilter_terms = currentFilter.terms) === null || _currentFilter_terms === void 0 ? void 0 : _currentFilter_terms[0],
                             style: {
                                 width: '100%'
                             },
@@ -22985,7 +22991,7 @@ var FilterRow = function(param) {
                             setValues: function(terms) {
                                 return onChange("filters.".concat(filterKey, ".").concat(rowIndex, ".terms"), terms);
                             },
-                            error: (touched === null || touched === void 0 ? void 0 : (_touched_filters2 = touched.filters) === null || _touched_filters2 === void 0 ? void 0 : (_touched_filters_filterKey2 = _touched_filters2[filterKey]) === null || _touched_filters_filterKey2 === void 0 ? void 0 : (_touched_filters_filterKey_rowIndex2 = _touched_filters_filterKey2[rowIndex]) === null || _touched_filters_filterKey_rowIndex2 === void 0 ? void 0 : _touched_filters_filterKey_rowIndex2.terms) && (errors === null || errors === void 0 ? void 0 : (_errors_filters2 = errors.filters) === null || _errors_filters2 === void 0 ? void 0 : (_errors_filters_filterKey2 = _errors_filters2[filterKey]) === null || _errors_filters_filterKey2 === void 0 ? void 0 : (_errors_filters_filterKey_rowIndex2 = _errors_filters_filterKey2[rowIndex]) === null || _errors_filters_filterKey_rowIndex2 === void 0 ? void 0 : _errors_filters_filterKey_rowIndex2.terms),
+                            error: !!(touched === null || touched === void 0 ? void 0 : (_touched_filters2 = touched.filters) === null || _touched_filters2 === void 0 ? void 0 : (_touched_filters_filterKey2 = _touched_filters2[filterKey]) === null || _touched_filters_filterKey2 === void 0 ? void 0 : (_touched_filters_filterKey_rowIndex2 = _touched_filters_filterKey2[rowIndex]) === null || _touched_filters_filterKey_rowIndex2 === void 0 ? void 0 : _touched_filters_filterKey_rowIndex2.terms) && !!(errors === null || errors === void 0 ? void 0 : (_errors_filters2 = errors.filters) === null || _errors_filters2 === void 0 ? void 0 : (_errors_filters_filterKey2 = _errors_filters2[filterKey]) === null || _errors_filters_filterKey2 === void 0 ? void 0 : (_errors_filters_filterKey_rowIndex2 = _errors_filters_filterKey2[rowIndex]) === null || _errors_filters_filterKey_rowIndex2 === void 0 ? void 0 : _errors_filters_filterKey_rowIndex2.terms),
                             sz: "lg"
                         })
                     })
@@ -23234,7 +23240,6 @@ var FilterForm = function(param) {
         children: [
             Object.entries(values.filters).map(function(param, index) {
                 var _param = _sliced_to_array$d(param, 2), filterKey = _param[0], filterGroup = _param[1];
-                var _errors_filterKey;
                 return /*#__PURE__*/ jsxs(FilterGroup, {
                     isHovered: isHovered === index,
                     children: [
@@ -23278,7 +23283,7 @@ var FilterForm = function(param) {
                             children: /*#__PURE__*/ jsx(Button, {
                                 type: "button",
                                 color: "secondary",
-                                disabled: errors === null || errors === void 0 ? void 0 : (_errors_filterKey = errors[filterKey]) === null || _errors_filterKey === void 0 ? void 0 : _errors_filterKey.length,
+                                disabled: !!(errors === null || errors === void 0 ? void 0 : errors[filterKey]),
                                 title: "Add filter condition",
                                 size: "large",
                                 style: {
@@ -23295,7 +23300,7 @@ var FilterForm = function(param) {
             }),
             /*#__PURE__*/ jsx(OrButton, {
                 type: "button",
-                disabled: errors === null || errors === void 0 ? void 0 : errors.length,
+                disabled: !!errors,
                 onClick: handleAddFilter,
                 title: "Add filter",
                 children: "Or"
@@ -23305,7 +23310,7 @@ var FilterForm = function(param) {
                     /*#__PURE__*/ jsx(Button, {
                         type: "button",
                         color: "primary",
-                        disabled: errors === null || errors === void 0 ? void 0 : errors.length,
+                        disabled: !!errors,
                         size: "large",
                         style: {
                             width: '100%'
@@ -23795,11 +23800,9 @@ function _templateObject1$c() {
 }
 function _templateObject2$c() {
     var data = _tagged_template_literal$g([
-        "\n  flex: 1;\n  z-index: 2;\n  pointer-events: none;\n  border: none;\n  background-color: transparent;\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  &::-ms-expand {\n    display: none;\n  }\n  &::placeholder {\n    color: ",
-        ";\n  }\n  color: ",
+        "\n  flex: 1;\n  z-index: 2;\n  pointer-events: none;\n  border: none;\n  background-color: transparent;\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  &::-ms-expand {\n    display: none;\n  }\n  color: ",
         ";\n  padding: ",
-        ";\n  padding-right: 2rem;\n  outline: none;\n  &::placeholder {\n    color: ",
-        ";\n    opacity: 0.3;\n  }\n\n  ",
+        ";\n  padding-right: 2rem;\n  outline: none;\n\n  ",
         "\n"
     ]);
     _templateObject2$c = function _templateObject() {
@@ -23884,13 +23887,13 @@ var MultiSelectWrapper = styled.div(_templateObject1$c(), function(param) {
     return disabled || type === 'secondary' ? neutral100 : 'white';
 });
 // Style for the Select itself
-var BaseSelect$1 = styled.select(_templateObject2$c(), neutral500, function(param) {
-    var value = param.value;
-    return Array.isArray(value) && value.length > 0 ? textPrimary : neutral500;
+var BaseSelect$1 = styled.select(_templateObject2$c(), function(param) {
+    var hasValue = param.hasValue;
+    return hasValue ? textPrimary : neutral500;
 }, function(param) {
     var sz = param.sz;
     return sz === 'lg' ? '0.5rem 0.563rem' : '0.375rem 0.563rem';
-}, textPrimaryDisabled, function(param) {
+}, function(param) {
     var sz = param.sz, type = param.type;
     return type === 'primary' ? sz === 'lg' ? $paragraph100Regular : $paragraph200Regular : sz === 'lg' ? $paragraph100Semibold : $paragraph200Semibold;
 });
@@ -23971,19 +23974,19 @@ var MultiSelect = function(_param) {
                     /*#__PURE__*/ jsx(BaseSelect$1, _object_spread_props$j(_object_spread$n({}, props), {
                         type: type,
                         sz: sz,
-                        value: values,
-                        defaultValue: '',
+                        value: "",
+                        hasValue: values.length > 0,
                         disabled: disabled,
+                        // eslint-disable-next-line @typescript-eslint/no-empty-function
+                        onChange: function() {},
                         children: !values.length ? /*#__PURE__*/ jsx(PlaceholderOption, {
                             value: "",
                             disabled: true,
                             hidden: true,
-                            selected: true,
                             children: "".concat(placeholder || 'Please select...')
                         }) : !chips && /*#__PURE__*/ jsx(SelectedOption, {
                             value: "",
                             hidden: true,
-                            selected: true,
                             children: "".concat(label || 'Selected', " (").concat(values.length, ")")
                         })
                     })),
@@ -24688,7 +24691,8 @@ function _templateObject$d() {
 }
 function _templateObject1$a() {
     var data = _tagged_template_literal$d([
-        "\n  display: flex;\n  align-items: center;\n  width: max-content;\n  position: relative;\n  cursor: ",
+        "\n  display: flex;\n  align-items: center;\n  width: ",
+        ";\n  position: relative;\n  cursor: ",
         ";\n  &:hover {\n    background-color: ",
         ";\n  }\n  transition: all 150ms ease-in-out;\n\n  &:focus-within {\n    border-color: ",
         ";\n  }\n\n  &:focus {\n    background-color: ",
@@ -24739,6 +24743,9 @@ function _templateObject4$6() {
 // Wrapper for the Input and Icons
 var InputWrapper = styled.div(_templateObject$d());
 var SelectWrapper = styled.div(_templateObject1$a(), function(param) {
+    var fullWidth = param.fullWidth;
+    return fullWidth ? '100%' : 'max-content';
+}, function(param) {
     var disabled = param.disabled;
     return disabled ? 'not-allowed' : 'pointer';
 }, function(param) {
@@ -24774,7 +24781,7 @@ var IconWrapper$1 = styled.div(_templateObject3$8(), function(param) {
 });
 var SelectOption = styled.option(_templateObject4$6(), $paragraph100Semibold, textPrimary);
 var Select = function(_param) {
-    var _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, _param_options = _param.options, options = _param_options === void 0 ? [] : _param_options; _param.checkbox; var _param_placeholder = _param.placeholder, placeholder = _param_placeholder === void 0 ? 'Please select...' : _param_placeholder, value = _param.value, setValue = _param.setValue; _param.initialValue; var _param_type = _param.type, type = _param_type === void 0 ? 'primary' : _param_type, style = _param.style, _param_maxHeight = _param.maxHeight, maxHeight = _param_maxHeight === void 0 ? '14rem' : _param_maxHeight, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_addClearOption = _param.addClearOption, addClearOption = _param_addClearOption === void 0 ? false : _param_addClearOption, _param_clearOptionLabel = _param.clearOptionLabel, clearOptionLabel = _param_clearOptionLabel === void 0 ? 'Clear' : _param_clearOptionLabel, props = _object_without_properties$c(_param, [
+    var _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, _param_options = _param.options, options = _param_options === void 0 ? [] : _param_options; _param.checkbox; var _param_placeholder = _param.placeholder, placeholder = _param_placeholder === void 0 ? 'Please select...' : _param_placeholder, value = _param.value, setValue = _param.setValue; _param.initialValue; var _param_type = _param.type, type = _param_type === void 0 ? 'primary' : _param_type, style = _param.style, _param_maxHeight = _param.maxHeight, maxHeight = _param_maxHeight === void 0 ? '14rem' : _param_maxHeight, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_addClearOption = _param.addClearOption, addClearOption = _param_addClearOption === void 0 ? false : _param_addClearOption, _param_clearOptionLabel = _param.clearOptionLabel, clearOptionLabel = _param_clearOptionLabel === void 0 ? 'Clear' : _param_clearOptionLabel, fullWidth = _param.fullWidth, props = _object_without_properties$c(_param, [
         "sz",
         "error",
         "options",
@@ -24788,7 +24795,8 @@ var Select = function(_param) {
         "maxHeight",
         "disabled",
         "addClearOption",
-        "clearOptionLabel"
+        "clearOptionLabel",
+        "fullWidth"
     ]);
     var _options_find;
     var _useState = _sliced_to_array$9(useState(false), 2), open = _useState[0], setOpen = _useState[1];
@@ -24809,6 +24817,7 @@ var Select = function(_param) {
         type: type,
         error: error,
         open: open,
+        fullWidth: fullWidth,
         style: style,
         onClick: function() {
             return !disabled && setOpen(function(prev) {
@@ -24822,7 +24831,7 @@ var Select = function(_param) {
                         type: type,
                         disabled: disabled,
                         sz: sz,
-                        value: value,
+                        value: value !== null && value !== void 0 ? value : '',
                         // eslint-disable-next-line @typescript-eslint/no-empty-function
                         onChange: function() {},
                         error: error,
@@ -24830,11 +24839,9 @@ var Select = function(_param) {
                             value: "",
                             disabled: true,
                             hidden: true,
-                            selected: true,
                             children: placeholder
                         }) : /*#__PURE__*/ jsx(SelectOption, {
                             value: value,
-                            selected: true,
                             hidden: true,
                             children: ((_options_find = options.find(function(option) {
                                 return option.value === value;
@@ -34117,53 +34124,46 @@ var ClampWrapper = styled.div(_templateObject7(), function(props) {
 });
 var TableBody = function(param) {
     var table = param.table, enableRowSelection = param.enableRowSelection, onRowClick = param.onRowClick, getRowDisabled = param.getRowDisabled, dense = param.dense, _param_testId = param.testId, testId = _param_testId === void 0 ? 'table' : _param_testId;
-    return /*#__PURE__*/ jsxs(StyledTableBody, {
-        children: [
-            /*#__PURE__*/ jsx("colgroup", {
-                children: table.getAllColumns().map(function(column) {
-                    return /*#__PURE__*/ jsx("col", {}, column.id);
+    return /*#__PURE__*/ jsx(StyledTableBody, {
+        children: table.getRowModel().rows.map(function(row) {
+            var rowClickEnabled = enableRowSelection || !!onRowClick;
+            var isDisabled = !!(getRowDisabled === null || getRowDisabled === void 0 ? void 0 : getRowDisabled(row.original));
+            return /*#__PURE__*/ jsx(Tr, {
+                role: rowClickEnabled ? 'button' : undefined,
+                disabled: isDisabled,
+                onClick: onRowClick ? function() {
+                    return !isDisabled && onRowClick(row.original);
+                } : row.getToggleSelectedHandler(),
+                style: {
+                    cursor: rowClickEnabled ? isDisabled ? 'not-allowed' : 'pointer' : undefined,
+                    background: row.getIsSelected() ? primary100 : undefined
+                },
+                enableHover: rowClickEnabled,
+                "data-testid": "".concat(testId, "-row-").concat(row.id),
+                children: row.getVisibleCells().map(function(cell) {
+                    var cellValue = cell.getValue();
+                    var columnDef = cell.column.columnDef;
+                    var overflow = columnDef.overflow;
+                    var maxLines = columnDef.maxLines;
+                    var autoWidth = columnDef.autoWidth;
+                    var cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());
+                    return /*#__PURE__*/ jsx(Td, {
+                        variant: "paragraph200Regular",
+                        as: "td",
+                        title: typeof cellValue === 'string' ? cellValue : undefined,
+                        cellOverflow: overflow,
+                        style: {
+                            width: autoWidth ? 'auto' : "".concat(cell.column.getSize(), "px"),
+                            padding: dense ? "".concat(spacing(1), "px ").concat(spacing(cell.column.id === 'row-select' ? 1 : 1.5), "px") : "".concat(spacing(1.5), "px ").concat(spacing(cell.column.id === 'row-select' ? 1 : 1.5), "px")
+                        },
+                        children: overflow === 'clamp' && maxLines ? /*#__PURE__*/ jsx(ClampWrapper, {
+                            maxLines: maxLines,
+                            children: cellContent
+                        }) : cellContent
+                    }, cell.id);
                 })
-            }),
-            table.getRowModel().rows.map(function(row) {
-                var rowClickEnabled = enableRowSelection || !!onRowClick;
-                var isDisabled = !!(getRowDisabled === null || getRowDisabled === void 0 ? void 0 : getRowDisabled(row.original));
-                return /*#__PURE__*/ jsx(Tr, {
-                    role: rowClickEnabled ? 'button' : undefined,
-                    disabled: isDisabled,
-                    onClick: onRowClick ? function() {
-                        return !isDisabled && onRowClick(row.original);
-                    } : row.getToggleSelectedHandler(),
-                    style: {
-                        cursor: rowClickEnabled ? isDisabled ? 'not-allowed' : 'pointer' : undefined,
-                        background: row.getIsSelected() ? primary100 : undefined
-                    },
-                    enableHover: rowClickEnabled,
-                    "data-testid": "".concat(testId, "-row-").concat(row.id),
-                    children: row.getVisibleCells().map(function(cell) {
-                        var cellValue = cell.getValue();
-                        var columnDef = cell.column.columnDef;
-                        var overflow = columnDef.overflow;
-                        var maxLines = columnDef.maxLines;
-                        var autoWidth = columnDef.autoWidth;
-                        var cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());
-                        return /*#__PURE__*/ jsx(Td, {
-                            variant: "paragraph200Regular",
-                            as: "td",
-                            title: typeof cellValue === 'string' ? cellValue : undefined,
-                            cellOverflow: overflow,
-                            style: {
-                                width: autoWidth ? 'auto' : "".concat(cell.column.getSize(), "px"),
-                                padding: dense ? "".concat(spacing(1), "px ").concat(spacing(cell.column.id === 'row-select' ? 1 : 1.5), "px") : "".concat(spacing(1.5), "px ").concat(spacing(cell.column.id === 'row-select' ? 1 : 1.5), "px")
-                            },
-                            children: overflow === 'clamp' && maxLines ? /*#__PURE__*/ jsx(ClampWrapper, {
-                                maxLines: maxLines,
-                                children: cellContent
-                            }) : cellContent
-                        }, cell.id);
-                    })
-                }, row.id);
-            })
-        ]
+            }, row.id);
+        })
     });
 };
 
@@ -34653,6 +34653,11 @@ var Table = function(param) {
                             }),
                             /*#__PURE__*/ jsxs(TableWrapper, {
                                 children: [
+                                    /*#__PURE__*/ jsx("colgroup", {
+                                        children: table.getAllColumns().map(function(column) {
+                                            return /*#__PURE__*/ jsx("col", {}, column.id);
+                                        })
+                                    }),
                                     /*#__PURE__*/ jsx(TableHeader, {
                                         table: table,
                                         disableControls: disableControls,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "1.11.7",
+  "version": "1.13.0",
   "type": "module",
   "private": false,
   "publishConfig": {

package/src/lib/Calendar/Calendar.d.ts

@@ -4,6 +4,8 @@ export type CalendarProps = {
     selectedDate?: Date | null;
     startDate?: Date | null;
     endDate?: Date | null;
+    minDate?: Date | null;
+    maxDate?: Date | null;
     onChange?: ((date: Date, event?: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void) | ((dates: [Date, Date | null], event?: MouseEvent<HTMLElement, MouseEvent> | KeyboardEvent<HTMLElement>) => void);
 };
 export declare const Calendar: FC<CalendarProps>;

package/src/lib/DatePicker/DatePicker.d.ts

@@ -5,6 +5,8 @@ export interface DatePickerProps {
     selectedDate?: Date | null;
     startDate?: Date | null;
     endDate?: Date | null;
+    minDate?: Date | null;
+    maxDate?: Date | null;
     onChange: ((date: Date | null) => void) | ((dates: [Date, Date | null]) => void);
     side?: AnchorSide;
     align?: AnchorAlign;

package/src/lib/FilterForm/FilterForm.d.ts

@@ -13,6 +13,9 @@ export interface FieldOption {
 export interface FilterFormValues {
     filters: Record<string, Record<string, FilterValue>>;
 }
+export interface NestedFormState {
+    [key: string]: NestedFormState | undefined;
+}
 export interface FilterFormProps {
     values: FilterFormValues;
     fieldOptions: FieldOption[];
@@ -22,8 +25,8 @@ export interface FilterFormProps {
     }[];
     onSubmit: () => void;
     onClear?: () => void;
-    onChange: (path: string, value: any) => void;
-    errors?: any;
-    touched?: any;
+    onChange: (path: string, value: unknown) => void;
+    errors?: NestedFormState;
+    touched?: NestedFormState;
 }
 export declare const FilterForm: ({ values, fieldOptions, operatorOptions, onSubmit, onClear, onChange, errors, touched, }: FilterFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/FilterForm/FilterRow.d.ts

@@ -1,11 +1,11 @@
-import { FilterFormValues } from './FilterForm';
+import { FilterFormValues, NestedFormState } from './FilterForm';
 interface FilterRowProps {
     filterKey: string;
     rowIndex: string;
     values: FilterFormValues;
-    errors?: any;
-    touched?: any;
-    onChange: (path: string, value: any) => void;
+    errors?: NestedFormState;
+    touched?: NestedFormState;
+    onChange: (path: string, value: unknown) => void;
     onRemove: () => void;
     fieldOptions: {
         label: string;

package/src/lib/Inputs/MultiInput.d.ts

@@ -4,8 +4,8 @@ interface MultiInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     type?: 'primary' | 'secondary';
     isFocused?: boolean;
     chips?: boolean;
-    values?: any[];
-    setValues?: (values: any[]) => void;
+    values?: string[];
+    setValues?: (values: string[]) => void;
 }
 export interface MultiInputValues extends MultiInputProps {
     values: string[];

package/src/lib/Inputs/MultiSelect.d.ts

@@ -3,7 +3,7 @@ export interface MultiSelectOption {
     value: string;
     label: string;
 }
-export interface MultiSelectProps extends BaseSelectProps {
+export interface MultiSelectProps extends Omit<BaseSelectProps, 'value'> {
     values: string[];
     setValues: (value: string[], option?: MultiSelectOption) => void;
     options: MultiSelectOption[];

package/src/lib/Inputs/Select.d.ts

@@ -2,9 +2,11 @@ export interface SelectOption {
     value: string | null;
     label: string;
 }
-export interface BaseSelectProps extends React.InputHTMLAttributes<HTMLSelectElement> {
+export interface BaseSelectProps extends Omit<React.InputHTMLAttributes<HTMLSelectElement>, 'value'> {
+    value?: string | null | undefined;
     sz?: 'sm' | 'lg';
     error?: boolean;
+    fullWidth?: boolean;
     leftIcon?: React.ElementType;
     rightIcon?: React.ElementType;
     options?: SelectOption[];
@@ -16,7 +18,7 @@ export interface BaseSelectProps extends React.InputHTMLAttributes<HTMLSelectEle
     clearOptionLabel?: string;
 }
 export interface SelectProps extends BaseSelectProps {
-    value: any;
-    setValue: (value: string) => void;
+    value: string | null | undefined;
+    setValue: (value: string | null) => void;
 }
-export declare const Select: ({ sz, error, options, checkbox, placeholder, value, setValue, initialValue, type, style, maxHeight, disabled, addClearOption, clearOptionLabel, ...props }: SelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Select: ({ sz, error, options, checkbox, placeholder, value, setValue, initialValue, type, style, maxHeight, disabled, addClearOption, clearOptionLabel, fullWidth, ...props }: SelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/Table/Table.d.ts

@@ -46,7 +46,7 @@ interface PaginationProps {
     pageInfo?: PageInfoPageBased | PageInfoCursorBased;
     subText?: string;
     onPageSizeChange?: (size: number) => void;
-    onPageChange?: (page: any) => void;
+    onPageChange?: (page: number | 'next' | 'prev') => void;
 }
 interface TableDataProps<T> {
     columns: TableColumn<T>[];