akeyless-client-commons 1.0.123 → 1.0.125

package/dist/components/index.js

@@ -428,9 +428,6 @@ __export(index_exports, {
     Button: function() {
         return Button;
     },
-    ButtonDisplay: function() {
-        return ButtonDisplay;
-    },
     Checkbox: function() {
         return Checkbox;
     },
@@ -443,6 +440,9 @@ __export(index_exports, {
     DatePicker: function() {
         return DatePicker;
     },
+    DisplayAllRowsButton: function() {
+        return DisplayAllRowsButton;
+    },
     DurationUI: function() {
         return DurationUI;
     },
@@ -548,8 +548,11 @@ __export(index_exports, {
     buttonVariants: function() {
         return buttonVariants;
     },
-    getFixedNumber: function() {
-        return getFixedNumber;
+    defaultFormElementBorderClassName: function() {
+        return defaultFormElementBorderClassName;
+    },
+    defaultFormElementContainerClassName: function() {
+        return defaultFormElementContainerClassName;
     },
     useDebounce: function() {
         return useDebounce;
@@ -717,6 +720,11 @@ var _ref = {
     mode: isNodeEnv ? process.env.NEXT_PUBLIC_MODE : import_meta.env.VITE_MODE,
     isLocal: (isNodeEnv ? process.env.NEXT_PUBLIC_IS_LOCAL : import_meta.env.VITE_is_local) === "true"
 }, mode = _ref.mode, isLocal = _ref.isLocal;
+var getFixedNumber = function() {
+    var number = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, fix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 4;
+    var sum_value = number % 1 === 0 ? number : number.toFixed(fix).replace(/\.?0+$/, "");
+    return String(sum_value);
+};
 // src/helpers/firebase.ts
 var import_meta2 = {};
 var initApp = function() {
@@ -1751,7 +1759,7 @@ var TableBase = function(props) {
                         children: [
                             includeSearch && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Search, {}),
                             exportToExcelKeys && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ExportToExcel, {}),
-                            showDisplayAllRowsButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ButtonDisplay, {})
+                            showDisplayAllRowsButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DisplayAllRowsButton, {})
                         ]
                     }),
                     maxRowsLabel1 && maxRowsLabel2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MaxRowsLabel, {}),
@@ -4878,42 +4886,6 @@ function SearchSelect(param) {
 }
 // src/components/table/components.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var getFixedNumber = function() {
-    var number = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, fix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 4;
-    var sum_value = number % 1 === 0 ? number : number.toFixed(fix).replace(/\.?0+$/, "");
-    return String(sum_value);
-};
-var TableRow2 = function(param) {
-    var item = param.item, index2 = param.index;
-    var _useTableContext = useTableContext(), rowStyles = _useTableContext.rowStyles, rowClassName = _useTableContext.rowClassName, keysToRender = _useTableContext.keysToRender, onRowClick = _useTableContext.onRowClick, zebraStriping = _useTableContext.zebraStriping;
-    var zebraClassName = zebraStriping ? index2 % 2 === 0 ? zebraStriping.evenRowClassName || "" : zebraStriping.oddRowClassName || "bg-gray-300" : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", {
-        className: cn("hover:bg-[#808080] hover:text-[#fff]", zebraClassName, rowClassName || ""),
-        onClick: function() {
-            return onRowClick && onRowClick(item);
-        },
-        style: rowStyles,
-        children: keysToRender.map(function(key, index3) {
-            return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableCell, {
-                value: item[key]
-            }, index3);
-        })
-    });
-};
-var TableCell = function(param) {
-    var value = param.value;
-    var _useTableContext = useTableContext(), cellStyle = _useTableContext.cellStyle, cellClassName = _useTableContext.cellClassName;
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("td", {
-        title: [
-            "string",
-            "number",
-            "boolean"
-        ].includes(typeof value === "undefined" ? "undefined" : _type_of(value)) ? value : "",
-        style: cellStyle,
-        className: cn("chivo ellipsis _ellipsis text-start px-2 border-black/30 border-[1px] max-w-[90px] ", cellClassName || ""),
-        children: value
-    });
-};
 var Filter = (0, import_react10.memo)(function(param) {
     var filterableColumn = param.filterableColumn, index2 = param.index;
     var _filters_filterableColumn_dataKey, _filters_filterableColumn_dataKey1, _filterOptions_filterableColumn_dataKey;
@@ -4992,60 +4964,6 @@ var Filter = (0, import_react10.memo)(function(param) {
         ]
     });
 });
-var TableHead = (0, import_react10.memo)(function() {
-    var _useTableContext = useTableContext(), headers = _useTableContext.headers, headerStyle = _useTableContext.headerStyle, headerCellStyle = _useTableContext.headerCellStyle, sortColumn = _useTableContext.sortColumn, handleSort = _useTableContext.handleSort, sortKeys = _useTableContext.sortKeys, sortOrder = _useTableContext.sortOrder, _useTableContext_filterableColumns = _useTableContext.filterableColumns, filterableColumns = _useTableContext_filterableColumns === void 0 ? [] : _useTableContext_filterableColumns, sortLabel = _useTableContext.sortLabel, headerClassName = _useTableContext.headerClassName, headerCellClassName = _useTableContext.headerCellClassName;
-    var sortDisplay = (0, import_react10.useMemo)(function() {
-        return Boolean(sortKeys === null || sortKeys === void 0 ? void 0 : sortKeys.length);
-    }, [
-        sortKeys
-    ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("thead", {
-        className: cn("bg-black/50 text-white sticky z-10 top-0", headerClassName),
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", {
-            style: headerStyle,
-            children: headers.map(function(header, index2) {
-                var filterableColumn = filterableColumns.find(function(col) {
-                    return col.header === header;
-                });
-                return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("th", {
-                    title: sortDisplay ? "".concat(sortLabel, " ").concat(header) : header,
-                    style: headerCellStyle,
-                    className: cn("max-w-[130px] px-2 text-center h-6 relative", headerCellClassName),
-                    children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
-                            className: "px-2 ".concat(sortDisplay ? "cursor-pointer" : ""),
-                            onClick: function() {
-                                return sortDisplay && handleSort(index2);
-                            },
-                            children: header
-                        }),
-                        sortDisplay && sortColumn === index2 && (sortOrder === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {
-                            children: sortSvg()
-                        }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {
-                            children: sortSvg(true)
-                        })),
-                        filterableColumn && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Filter, {
-                            filterableColumn: filterableColumn,
-                            index: index2
-                        })
-                    ]
-                }, index2);
-            })
-        })
-    });
-}, renderOnce);
-var TableBody = (0, import_react10.memo)(function() {
-    var dataToRender = useTableContext().dataToRender;
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tbody", {
-        className: "divide-y divide-gray-600",
-        children: dataToRender.renderedData.map(function(item, index2) {
-            return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableRow2, {
-                item: item,
-                index: index2
-            }, index2);
-        })
-    });
-}, renderOnce);
 var MaxRowsLabel = (0, import_react10.memo)(function() {
     var _useTableContext = useTableContext(), data = _useTableContext.data, dataToRender = _useTableContext.dataToRender, maxRowsLabel1 = _useTableContext.maxRowsLabel1, maxRowsLabel2 = _useTableContext.maxRowsLabel2, maxRows = _useTableContext.maxRows, displayAllRows = _useTableContext.displayAllRows, maxRowsContainerClassName = _useTableContext.maxRowsContainerClassName;
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
@@ -5066,7 +4984,7 @@ var MaxRowsLabel = (0, import_react10.memo)(function() {
         ]
     });
 }, renderOnce);
-var ButtonDisplay = (0, import_react10.memo)(function() {
+var DisplayAllRowsButton = (0, import_react10.memo)(function() {
     var _useTableContext = useTableContext(), setDisplayAllRows = _useTableContext.setDisplayAllRows, displayAllRows = _useTableContext.displayAllRows, dataToRender = _useTableContext.dataToRender, maxRows = _useTableContext.maxRows, displayAllRowsButtonProps = _useTableContext.displayAllRowsButtonProps, displayAllRowsButtonLabel = _useTableContext.displayAllRowsButtonLabel;
     var toggleDisplayAmount = function() {
         return setDisplayAllRows(!displayAllRows);
@@ -5172,6 +5090,91 @@ var Search = (0, import_react10.memo)(function() {
         style: searchInputStyle
     });
 }, renderOnce);
+var TableHead = (0, import_react10.memo)(function() {
+    var _useTableContext = useTableContext(), headers = _useTableContext.headers, headerStyle = _useTableContext.headerStyle, headerCellStyle = _useTableContext.headerCellStyle, sortColumn = _useTableContext.sortColumn, handleSort = _useTableContext.handleSort, sortKeys = _useTableContext.sortKeys, sortOrder = _useTableContext.sortOrder, _useTableContext_filterableColumns = _useTableContext.filterableColumns, filterableColumns = _useTableContext_filterableColumns === void 0 ? [] : _useTableContext_filterableColumns, sortLabel = _useTableContext.sortLabel, headerClassName = _useTableContext.headerClassName, headerCellClassName = _useTableContext.headerCellClassName;
+    var sortDisplay = (0, import_react10.useMemo)(function() {
+        return Boolean(sortKeys === null || sortKeys === void 0 ? void 0 : sortKeys.length);
+    }, [
+        sortKeys
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("thead", {
+        className: cn("bg-black/50 text-white sticky z-10 top-0", headerClassName),
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", {
+            style: headerStyle,
+            children: headers.map(function(header, index2) {
+                var filterableColumn = filterableColumns.find(function(col) {
+                    return col.header === header;
+                });
+                return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("th", {
+                    title: sortDisplay ? "".concat(sortLabel, " ").concat(header) : header,
+                    style: headerCellStyle,
+                    className: cn("max-w-[130px] px-2 text-center h-6 relative", headerCellClassName),
+                    children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
+                            className: "px-2 ".concat(sortDisplay ? "cursor-pointer" : ""),
+                            onClick: function() {
+                                return sortDisplay && handleSort(index2);
+                            },
+                            children: header
+                        }),
+                        sortDisplay && sortColumn === index2 && (sortOrder === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {
+                            children: sortSvg()
+                        }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {
+                            children: sortSvg(true)
+                        })),
+                        filterableColumn && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Filter, {
+                            filterableColumn: filterableColumn,
+                            index: index2
+                        })
+                    ]
+                }, index2);
+            })
+        })
+    });
+}, renderOnce);
+var TableBody = (0, import_react10.memo)(function() {
+    var dataToRender = useTableContext().dataToRender;
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tbody", {
+        className: "divide-y divide-gray-600",
+        children: dataToRender.renderedData.map(function(item, index2) {
+            return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableRow2, {
+                item: item,
+                index: index2
+            }, index2);
+        })
+    });
+}, renderOnce);
+var TableRow2 = function(param) {
+    var item = param.item, index2 = param.index;
+    var _useTableContext = useTableContext(), rowStyles = _useTableContext.rowStyles, rowClassName = _useTableContext.rowClassName, keysToRender = _useTableContext.keysToRender, onRowClick = _useTableContext.onRowClick, zebraStriping = _useTableContext.zebraStriping;
+    var zebraClassName = zebraStriping ? index2 % 2 === 0 ? zebraStriping.evenRowClassName || "" : zebraStriping.oddRowClassName || "bg-gray-300" : "";
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", {
+        className: cn("hover:bg-[#808080] hover:text-[#fff]", zebraClassName, rowClassName || ""),
+        onClick: function() {
+            return onRowClick && onRowClick(item);
+        },
+        style: rowStyles,
+        children: keysToRender.map(function(key, index3) {
+            return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableCell, {
+                value: item[key]
+            }, index3);
+        })
+    });
+};
+var TableCell = function(param) {
+    var value = param.value;
+    var _useTableContext = useTableContext(), cellStyle = _useTableContext.cellStyle, cellClassName = _useTableContext.cellClassName;
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("td", {
+        title: [
+            "string",
+            "number",
+            "boolean"
+        ].includes(typeof value === "undefined" ? "undefined" : _type_of(value)) ? value : "",
+        style: cellStyle,
+        className: cn("chivo ellipsis _ellipsis text-start px-1 py-0.5 border-gray-400 border-[1px] max-w-[90px] ", cellClassName || ""),
+        children: value
+    });
+};
 var Summary = (0, import_react10.memo)(function() {
     var _useTableContext = useTableContext(), summaryContainerStyle = _useTableContext.summaryContainerStyle, summaryLabelStyle = _useTableContext.summaryLabelStyle, summaryLabel = _useTableContext.summaryLabel, summaryRowStyle = _useTableContext.summaryRowStyle, sumColumns = _useTableContext.sumColumns, dataToRender = _useTableContext.dataToRender, direction = _useTableContext.direction;
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
@@ -5564,8 +5567,8 @@ var FlagComponent = function(param) {
 };
 // src/components/forms/ModularForm/formElements.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
-var defaultContainerClassName = "flex justify-start items-center gap-3 w-full";
-var defaultBorderClassName = "border-[1px] border-black/10 hover:border-black rounded-sm";
+var defaultFormElementContainerClassName = "flex justify-start items-center gap-3 w-full";
+var defaultFormElementBorderClassName = "border-[1px] border-gray-300 hover:border-black rounded-sm";
 var useSortValues = function(options, sortDirection, sortAsNumber) {
     var sortOptions = (0, import_react12.useMemo)(function() {
         var sorted = sortAsNumber ? options.sort(function(a, b) {
@@ -5597,7 +5600,7 @@ var InputContainer = function(param) {
         handleChangeFunction
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
-        className: cn(defaultContainerClassName, containerClassName),
+        className: cn(defaultFormElementContainerClassName, containerClassName),
         children: [
             labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
                 labelsCommonClassName: labelsCommonClassName,
@@ -5611,7 +5614,7 @@ var InputContainer = function(param) {
             /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
                 minLength: minLength,
                 placeholder: placeholder,
-                className: cn("flex-1 bg-inherit h-9 py-2 px-3", defaultBorderClassName, elementClassName),
+                className: cn("flex-1 bg-inherit h-9 py-2 px-3", defaultFormElementBorderClassName, elementClassName),
                 defaultValue: defaultValue
             }), validationProps), {
                 value: value,
@@ -5638,7 +5641,7 @@ var SelectContainer = function(param) {
         setIsOpen(false);
     };
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
-        className: cn(defaultContainerClassName, containerClassName),
+        className: cn(defaultFormElementContainerClassName, containerClassName),
         children: [
             labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
                 labelsCommonClassName: labelsCommonClassName,
@@ -5659,7 +5662,7 @@ var SelectContainer = function(param) {
                 },
                 children: [
                     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
-                        className: cn("h-9 max-h-9 py-2 px-3 flex items-center justify-center cursor-pointer", defaultBorderClassName, selectClassName),
+                        className: cn("h-9 max-h-9 py-2 px-3 flex items-center justify-center cursor-pointer", defaultFormElementBorderClassName, selectClassName),
                         children: ((_options_find = options.find(function(opt) {
                             return opt.value === selectedValue;
                         })) === null || _options_find === void 0 ? void 0 : _options_find.label) || selectedValue
@@ -5696,7 +5699,7 @@ function MultiSelect(param) {
     var onChange = param.onChange, selectedOptions = param.selectedOptions, emptyOptionsElement = param.emptyOptionsElement, unremovableOptions = param.unremovableOptions, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_styles = param.styles, styles = _param_styles === void 0 ? {} : _param_styles, _param_name = param.name, name = _param_name === void 0 ? "multipleSelect" : _param_name, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "Select items" : _param_placeholder, labelContent = param.labelContent, required = param.required, labelClassName = param.labelClassName, groupBy = param.groupBy, onSearch = param.onSearch, onSearchSync = param.onSearchSync, triggerSearchOnFocus = param.triggerSearchOnFocus, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, searchInputProps = param.searchInputProps, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName;
     var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
-        className: cn("".concat(labelContent ? defaultContainerClassName : ""), styles.containerClassName),
+        className: cn("".concat(labelContent ? defaultFormElementContainerClassName : ""), styles.containerClassName),
         children: [
             labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
                 labelsCommonClassName: labelsCommonClassName,
@@ -5725,7 +5728,7 @@ function MultiSelect(param) {
                 hideClearAllButton: true,
                 hidePlaceholderWhenSelected: true,
                 badgeClassName: styles.badgeClassName,
-                className: styles.className,
+                className: cn(defaultFormElementBorderClassName, styles.className),
                 dropdownClassName: styles.dropdownClassName,
                 dropdownOptionClassName: styles.dropdownOptionClassName,
                 emptyIndicator: emptyOptionsElement || /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", {
@@ -5743,7 +5746,7 @@ var SelectWithSearch = function(param) {
     var options = param.options, labelClassName = param.labelClassName, labelContent = param.labelContent, name = param.name, onChange = param.onChange, value = param.value, placeholder = param.placeholder, required = param.required, defaultValue = param.defaultValue, notFoundLabel = param.notFoundLabel, searchPlaceholder = param.searchPlaceholder, containerClassName = param.containerClassName, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, elementClassName = param.elementClassName, notFoundLabelClassName = param.notFoundLabelClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, disabled = param.disabled, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName;
     var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
-        className: cn(defaultContainerClassName, containerClassName),
+        className: cn(defaultFormElementContainerClassName, containerClassName),
         children: [
             labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
                 labelsCommonClassName: labelsCommonClassName,
@@ -5765,7 +5768,7 @@ var SelectWithSearch = function(param) {
                 name: name,
                 elementClassName: elementClassName,
                 selectPlaceholder: placeholder,
-                buttonClassName: buttonClassName,
+                buttonClassName: cn(defaultFormElementBorderClassName, buttonClassName),
                 buttonFocusClassName: buttonFocusClassName,
                 disabled: disabled,
                 searchClassName: searchClassName,
@@ -5781,7 +5784,7 @@ var SelectWithSearch = function(param) {
 var TextAreaContainer = function(param) {
     var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, minLength = param.minLength, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName;
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
-        className: cn(defaultContainerClassName, containerClassName),
+        className: cn(defaultFormElementContainerClassName, containerClassName),
         children: [
             labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
                 labelsCommonClassName: labelsCommonClassName,
@@ -5796,7 +5799,7 @@ var TextAreaContainer = function(param) {
                 onChange: onChange,
                 minLength: minLength,
                 placeholder: placeholder,
-                className: cn("flex-1 bg-inherit min-h-16 max-h-52 overflow-auto px-2 py-1", defaultBorderClassName, elementClassName),
+                className: cn("flex-1 bg-inherit min-h-16 max-h-52 overflow-auto px-2 py-1", defaultFormElementBorderClassName, elementClassName),
                 defaultValue: defaultValue,
                 required: required,
                 name: name,
@@ -6194,11 +6197,11 @@ function Slot2(props) {
     Badge: Badge,
     BooleanUi: BooleanUi,
     Button: Button,
-    ButtonDisplay: ButtonDisplay,
     Checkbox: Checkbox,
     CodeInput: CodeInput,
     ConfirmForm: ConfirmForm,
     DatePicker: DatePicker,
+    DisplayAllRowsButton: DisplayAllRowsButton,
     DurationUI: DurationUI,
     ElementLabel: ElementLabel,
     ErrorBoundary: ErrorBoundary,
@@ -6234,7 +6237,8 @@ function Slot2(props) {
     Version: Version,
     badgeVariants: badgeVariants,
     buttonVariants: buttonVariants,
-    getFixedNumber: getFixedNumber,
+    defaultFormElementBorderClassName: defaultFormElementBorderClassName,
+    defaultFormElementContainerClassName: defaultFormElementContainerClassName,
     useDebounce: useDebounce,
     useSortValues: useSortValues
 });