akeyless-client-commons 1.1.83 → 1.1.85

package/dist/components/index.d.mts

@@ -630,6 +630,7 @@ declare const ElementsContainer: React$1.MemoExoticComponent<(props: ElementsCon
 
 declare const ConfirmForm: ({ onV, onX, headline, direction, containerClassName, buttonsContainerClassName, headlineClassName, cancelButtonClassName, confirmButtonClassName, cancelButtonProps, confirmButtonProps, cancelElement, confirmElement, }: ConfirmFormProps) => react_jsx_runtime.JSX.Element;
 declare const DatePicker: ({ submit, formClassName, labelsClassName, inputsClassName, buttonClassName, buttonStyle, defaultFrom, defaultTo, direction, fromText, toText, buttonText, }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare function DatePicker2({ submit, formClassName, labelsClassName, inputsClassName, buttonClassName, buttonStyle, defaultFrom, defaultTo, direction, fromText, toText, buttonText, }: DatePickerProps): react_jsx_runtime.JSX.Element;
 
 interface CodeInputProps {
     codeValue: string;
@@ -640,4 +641,4 @@ interface CodeInputProps {
 }
 declare function CodeInput({ codeValue, setCodeValue, className, slotContainerClassName, direction }: CodeInputProps): react_jsx_runtime.JSX.Element;
 
-export { Badge, type BadgeProps, BooleanUi, Button, type ButtonProps, type CheckBoxProps, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DatePicker, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, type ElementsContainerProps, ErrorBoundary, ExportToExcel, Filter, type FilterProps, FormElementContainer, FormSeparator, GeoUi, type GeoUiProps, Input, InputContainer, InternationalPhonePicker, LeftToRightDiv, Loader, type LoaderProps, LoginWithGoogleButton, type LoginWithGoogleCallback, MaxRowsLabel, ModularForm, MultiSelect, type MultipleSelectorOption, type MultipleSelectorProps, type MultipleSelectorRef, NumberUI, type NumberUIProps, PhoneUI, ProgressComponent, Search, type SearchSelectOptions, type SearchSelectProps, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, type TableProps, TableProvider, type TableProviderType, TableRow, TextAreaContainer, TimesUI, type UseFilterProps, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };
+export { Badge, type BadgeProps, BooleanUi, Button, type ButtonProps, type CheckBoxProps, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DatePicker, DatePicker2, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, type ElementsContainerProps, ErrorBoundary, ExportToExcel, Filter, type FilterProps, FormElementContainer, FormSeparator, GeoUi, type GeoUiProps, Input, InputContainer, InternationalPhonePicker, LeftToRightDiv, Loader, type LoaderProps, LoginWithGoogleButton, type LoginWithGoogleCallback, MaxRowsLabel, ModularForm, MultiSelect, type MultipleSelectorOption, type MultipleSelectorProps, type MultipleSelectorRef, NumberUI, type NumberUIProps, PhoneUI, ProgressComponent, Search, type SearchSelectOptions, type SearchSelectProps, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, type TableProps, TableProvider, type TableProviderType, TableRow, TextAreaContainer, TimesUI, type UseFilterProps, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };

package/dist/components/index.d.ts

@@ -630,6 +630,7 @@ declare const ElementsContainer: React$1.MemoExoticComponent<(props: ElementsCon
 
 declare const ConfirmForm: ({ onV, onX, headline, direction, containerClassName, buttonsContainerClassName, headlineClassName, cancelButtonClassName, confirmButtonClassName, cancelButtonProps, confirmButtonProps, cancelElement, confirmElement, }: ConfirmFormProps) => react_jsx_runtime.JSX.Element;
 declare const DatePicker: ({ submit, formClassName, labelsClassName, inputsClassName, buttonClassName, buttonStyle, defaultFrom, defaultTo, direction, fromText, toText, buttonText, }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare function DatePicker2({ submit, formClassName, labelsClassName, inputsClassName, buttonClassName, buttonStyle, defaultFrom, defaultTo, direction, fromText, toText, buttonText, }: DatePickerProps): react_jsx_runtime.JSX.Element;
 
 interface CodeInputProps {
     codeValue: string;
@@ -640,4 +641,4 @@ interface CodeInputProps {
 }
 declare function CodeInput({ codeValue, setCodeValue, className, slotContainerClassName, direction }: CodeInputProps): react_jsx_runtime.JSX.Element;
 
-export { Badge, type BadgeProps, BooleanUi, Button, type ButtonProps, type CheckBoxProps, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DatePicker, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, type ElementsContainerProps, ErrorBoundary, ExportToExcel, Filter, type FilterProps, FormElementContainer, FormSeparator, GeoUi, type GeoUiProps, Input, InputContainer, InternationalPhonePicker, LeftToRightDiv, Loader, type LoaderProps, LoginWithGoogleButton, type LoginWithGoogleCallback, MaxRowsLabel, ModularForm, MultiSelect, type MultipleSelectorOption, type MultipleSelectorProps, type MultipleSelectorRef, NumberUI, type NumberUIProps, PhoneUI, ProgressComponent, Search, type SearchSelectOptions, type SearchSelectProps, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, type TableProps, TableProvider, type TableProviderType, TableRow, TextAreaContainer, TimesUI, type UseFilterProps, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };
+export { Badge, type BadgeProps, BooleanUi, Button, type ButtonProps, type CheckBoxProps, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DatePicker, DatePicker2, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, type ElementsContainerProps, ErrorBoundary, ExportToExcel, Filter, type FilterProps, FormElementContainer, FormSeparator, GeoUi, type GeoUiProps, Input, InputContainer, InternationalPhonePicker, LeftToRightDiv, Loader, type LoaderProps, LoginWithGoogleButton, type LoginWithGoogleCallback, MaxRowsLabel, ModularForm, MultiSelect, type MultipleSelectorOption, type MultipleSelectorProps, type MultipleSelectorRef, NumberUI, type NumberUIProps, PhoneUI, ProgressComponent, Search, type SearchSelectOptions, type SearchSelectProps, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, type TableProps, TableProvider, type TableProviderType, TableRow, TextAreaContainer, TimesUI, type UseFilterProps, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };

package/dist/components/index.js

@@ -443,6 +443,9 @@ __export(index_exports, {
     DatePicker: function() {
         return DatePicker;
     },
+    DatePicker2: function() {
+        return DatePicker2;
+    },
     DisplayAllRowsButton: function() {
         return DisplayAllRowsButton;
     },
@@ -6947,17 +6950,112 @@ var import_react18 = require("react");
 var import_moment2 = __toESM(require("moment"));
 var import_lucide_react7 = require("lucide-react");
 var import_react_aria_components3 = require("react-aria-components");
+var import_date2 = require("@internationalized/date");
 // src/components/ui/calendar-rac.tsx
 var import_date = require("@internationalized/date");
 var import_lucide_react6 = require("lucide-react");
 var import_react_aria_components = require("react-aria-components");
 var import_jsx_runtime22 = require("react/jsx-runtime");
+function CalendarHeader() {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("header", {
+        className: "flex w-full items-center gap-1 pb-1",
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.Button, {
+                className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
+                slot: "previous",
+                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react6.ChevronLeftIcon, {
+                    size: 16
+                })
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.Heading, {
+                className: "grow text-center font-medium text-sm"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.Button, {
+                className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
+                slot: "next",
+                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react6.ChevronRightIcon, {
+                    size: 16
+                })
+            })
+        ]
+    });
+}
+function CalendarGridComponent(param) {
+    var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange;
+    var now = (0, import_date.today)((0, import_date.getLocalTimeZone)());
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_aria_components.CalendarGrid, {
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.CalendarGridHeader, {
+                children: function(day) {
+                    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.CalendarHeaderCell, {
+                        className: "size-9 rounded-md p-0 font-medium text-muted-foreground/80 text-xs",
+                        children: day
+                    });
+                }
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.CalendarGridBody, {
+                className: "[&_td]:px-0 [&_td]:py-px",
+                children: function(date) {
+                    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components.CalendarCell, {
+                        className: cn("relative flex size-9 items-center justify-center whitespace-nowrap rounded-md p-0 font-normal text-foreground text-sm outline-none duration-150 [transition-property:color,background-color,border-radius,box-shadow] data-disabled:pointer-events-none data-unavailable:pointer-events-none data-focus-visible:z-10 data-hovered:bg-accent data-selected:bg-primary data-hovered:text-foreground data-selected:text-primary-foreground data-unavailable:line-through data-disabled:opacity-30 data-unavailable:opacity-30 data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50", // Range-specific styles
+                        isRange && "data-invalid:data-selection-end:bg-destructive data-invalid:data-selection-start:bg-destructive data-invalid:data-selection-end:text-white data-invalid:data-selection-start:text-white data-selected:rounded-none data-selection-start:rounded-s-md data-selection-end:rounded-e-md data-invalid:bg-red-100 data-selected:bg-accent data-selection-end:bg-primary data-selection-start:bg-primary data-selected:text-foreground data-selection-end:text-primary-foreground data-selection-start:text-primary-foreground", // Today indicator styles
+                        date.compare(now) === 0 && cn("after:-translate-x-1/2 after:pointer-events-none after:absolute after:start-1/2 after:bottom-1 after:z-10 after:size-[3px] after:rounded-full after:bg-primary", isRange ? "data-selection-end:after:bg-background data-selection-start:after:bg-background" : "data-selected:after:bg-background")),
+                        date: date
+                    });
+                }
+            })
+        ]
+    });
+}
+function Calendar(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_aria_components.Calendar, _object_spread_props(_object_spread({}, props), {
+        className: (0, import_react_aria_components.composeRenderProps)(className, function(className2) {
+            return cn("w-fit", className2);
+        }),
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CalendarHeader, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CalendarGridComponent, {})
+        ]
+    }));
+}
 // src/components/ui/datefield-rac.tsx
 var import_react_aria_components2 = require("react-aria-components");
 var import_jsx_runtime23 = require("react/jsx-runtime");
+function DateSegment(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components2.DateSegment, _object_spread_props(_object_spread({
+        className: (0, import_react_aria_components2.composeRenderProps)(className, function(className2) {
+            return cn("inline rounded p-0.5 text-foreground caret-transparent outline-hidden data-invalid:data-focused:bg-destructive data-focused:data-placeholder:text-foreground data-invalid:data-focused:text-white data-invalid:data-placeholder:text-destructive data-disabled:cursor-not-allowed data-focused:bg-accent data-[type=literal]:px-0 data-[type=literal]:text-muted-foreground/70 data-focused:text-foreground data-invalid:data-focused:data-placeholder:text-white data-invalid:text-destructive data-placeholder:text-muted-foreground/70 data-disabled:opacity-50", className2);
+        })
+    }, props), {
+        "data-invalid": true
+    }));
+}
+var dateInputStyle = "relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none data-focus-within:border-ring data-focus-within:ring-ring/50 data-focus-within:ring-[3px] data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40 data-focus-within:has-aria-invalid:border-destructive";
+function DateInput(_param) {
+    var className = _param.className, _param_unstyled = _param.unstyled, unstyled = _param_unstyled === void 0 ? false : _param_unstyled, props = _object_without_properties(_param, [
+        "className",
+        "unstyled"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components2.DateInput, _object_spread_props(_object_spread({
+        className: (0, import_react_aria_components2.composeRenderProps)(className, function(className2) {
+            return cn(!unstyled && dateInputStyle, className2);
+        })
+    }, props), {
+        children: function(segment) {
+            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DateSegment, {
+                segment: segment
+            });
+        }
+    }));
+}
 // src/components/forms/index.tsx
 var import_react_aria_components4 = require("react-aria-components");
-var import_date2 = require("@internationalized/date");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var ConfirmForm = function(param) {
     var onV = param.onV, onX = param.onX, _param_headline = param.headline, headline = _param_headline === void 0 ? "" : _param_headline, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_buttonsContainerClassName = param.buttonsContainerClassName, buttonsContainerClassName = _param_buttonsContainerClassName === void 0 ? "" : _param_buttonsContainerClassName, _param_headlineClassName = param.headlineClassName, headlineClassName = _param_headlineClassName === void 0 ? "" : _param_headlineClassName, _param_cancelButtonClassName = param.cancelButtonClassName, cancelButtonClassName = _param_cancelButtonClassName === void 0 ? "" : _param_cancelButtonClassName, _param_confirmButtonClassName = param.confirmButtonClassName, confirmButtonClassName = _param_confirmButtonClassName === void 0 ? "" : _param_confirmButtonClassName, _param_cancelButtonProps = param.cancelButtonProps, cancelButtonProps = _param_cancelButtonProps === void 0 ? {} : _param_cancelButtonProps, _param_confirmButtonProps = param.confirmButtonProps, confirmButtonProps = _param_confirmButtonProps === void 0 ? {} : _param_confirmButtonProps, cancelElement = param.cancelElement, confirmElement = param.confirmElement;
@@ -7076,6 +7174,150 @@ var DatePicker = function(param) {
         ]
     });
 };
+function DatePicker2(param) {
+    var _param_submit = param.submit, submit = _param_submit === void 0 ? /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(form) {
+            return _ts_generator(this, function(_state) {
+                return [
+                    2
+                ];
+            });
+        });
+        return function(form) {
+            return _ref.apply(this, arguments);
+        };
+    }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
+    var _ref = _sliced_to_array((0, import_react18.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
+    var onSubmit = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(e) {
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        e.preventDefault();
+                        setIsLoading(true);
+                        return [
+                            4,
+                            submit(e)
+                        ];
+                    case 1:
+                        _state.sent();
+                        setIsLoading(false);
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function onSubmit(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var getDefaultValue = function(dateStr) {
+        if (dateStr) {
+            try {
+                return (0, import_date2.parseDate)(dateStr);
+            } catch (e) {
+                return (0, import_date2.today)((0, import_date2.getLocalTimeZone)());
+            }
+        }
+        return (0, import_date2.today)((0, import_date2.getLocalTimeZone)());
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components4.I18nProvider, {
+        locale: direction === "rtl" ? "he-IL" : "en-US",
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("form", {
+            style: {
+                direction: direction
+            },
+            onSubmit: onSubmit,
+            className: cn("w-full h-10 flex justify-start gap-3 items-center", formClassName),
+            children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_aria_components3.DatePicker, {
+                    className: cn("flex items-center gap-2", labelsClassName),
+                    name: "from",
+                    defaultValue: getDefaultValue(defaultFrom),
+                    children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Label, {
+                            className: "font-medium text-foreground text-sm whitespace-nowrap",
+                            children: fromText
+                        }),
+                        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", {
+                            className: "flex",
+                            children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Group, {
+                                    className: cn("w-full border rounded-md bg-background", inputsClassName),
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DateInput, {
+                                        className: "px-2 py-1"
+                                    })
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Button, {
+                                    className: "-ms-9 -me-px z-10 flex w-9 items-center justify-center rounded-e-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:text-foreground data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50",
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.CalendarIcon, {
+                                        size: 16
+                                    })
+                                })
+                            ]
+                        }),
+                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Popover, {
+                            className: "data-[entering]:fade-in-0 data-[entering]:zoom-in-95 data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 z-50 rounded-lg border bg-background text-popover-foreground shadow-lg outline-hidden data-entering:animate-in data-exiting:animate-out",
+                            offset: 4,
+                            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Dialog, {
+                                className: "max-h-[inherit] overflow-auto p-2",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar, {})
+                            })
+                        })
+                    ]
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_aria_components3.DatePicker, {
+                    className: cn("flex items-center gap-2", labelsClassName),
+                    name: "to",
+                    defaultValue: getDefaultValue(defaultTo),
+                    children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Label, {
+                            className: "font-medium text-foreground text-sm whitespace-nowrap",
+                            children: toText
+                        }),
+                        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", {
+                            className: "flex",
+                            children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Group, {
+                                    className: cn("w-full border rounded-md bg-background", inputsClassName),
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DateInput, {
+                                        className: "px-2 py-1"
+                                    })
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Button, {
+                                    className: "-ms-9 -me-px z-10 flex w-9 items-center justify-center rounded-e-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:text-foreground data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50",
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.CalendarIcon, {
+                                        size: 16
+                                    })
+                                })
+                            ]
+                        }),
+                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Popover, {
+                            className: "data-[entering]:fade-in-0 data-[entering]:zoom-in-95 data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 z-50 rounded-lg border bg-background text-popover-foreground shadow-lg outline-hidden data-entering:animate-in data-exiting:animate-out",
+                            offset: 4,
+                            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components3.Dialog, {
+                                className: "max-h-[inherit] overflow-auto p-2",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar, {})
+                            })
+                        })
+                    ]
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", {
+                    disabled: isLoading,
+                    style: buttonStyle,
+                    className: cn("bg-[#699a2c] text-[#fff] font-[500] w-[75px] h-[27px]", buttonClassName),
+                    type: "submit",
+                    children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Loader, {
+                        className: "pt-[2px]",
+                        size: 20,
+                        color: "#fff"
+                    }) : buttonText
+                })
+            ]
+        })
+    });
+}
 // src/components/CodeInput.tsx
 var import_input_otp = require("input-otp");
 var import_react19 = require("react");
@@ -7133,6 +7375,7 @@ function Slot2(props) {
     CodeInput: CodeInput,
     ConfirmForm: ConfirmForm,
     DatePicker: DatePicker,
+    DatePicker2: DatePicker2,
     DisplayAllRowsButton: DisplayAllRowsButton,
     DurationPicker: DurationPicker,
     DurationUI: DurationUI,

package/dist/components/index.mjs

@@ -6724,18 +6724,113 @@ var ModularForm_default = ModularForm;
 import { useState as useState11 } from "react";
 import moment3 from "moment";
 import { CalendarIcon } from "lucide-react";
-import { Button as Button3, DatePicker as RACDatePicker, Dialog as Dialog2, Group, Popover as Popover2 } from "react-aria-components";
+import { Button as Button3, DatePicker as RACDatePicker, Dialog as Dialog2, Group, Label, Popover as Popover2 } from "react-aria-components";
+import { parseDate, today as today2, getLocalTimeZone as getLocalTimeZone2 } from "@internationalized/date";
 // src/components/ui/calendar-rac.tsx
 import { getLocalTimeZone, today } from "@internationalized/date";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { Button as Button2, CalendarCell as CalendarCellRac, CalendarGridBody as CalendarGridBodyRac, CalendarGridHeader as CalendarGridHeaderRac, CalendarGrid as CalendarGridRac, CalendarHeaderCell as CalendarHeaderCellRac, Calendar as CalendarRac, composeRenderProps, Heading as HeadingRac, RangeCalendar as RangeCalendarRac } from "react-aria-components";
 import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+function CalendarHeader() {
+    return /* @__PURE__ */ jsxs16("header", {
+        className: "flex w-full items-center gap-1 pb-1",
+        children: [
+            /* @__PURE__ */ jsx22(Button2, {
+                className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
+                slot: "previous",
+                children: /* @__PURE__ */ jsx22(ChevronLeftIcon, {
+                    size: 16
+                })
+            }),
+            /* @__PURE__ */ jsx22(HeadingRac, {
+                className: "grow text-center font-medium text-sm"
+            }),
+            /* @__PURE__ */ jsx22(Button2, {
+                className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
+                slot: "next",
+                children: /* @__PURE__ */ jsx22(ChevronRightIcon, {
+                    size: 16
+                })
+            })
+        ]
+    });
+}
+function CalendarGridComponent(param) {
+    var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange;
+    var now = today(getLocalTimeZone());
+    return /* @__PURE__ */ jsxs16(CalendarGridRac, {
+        children: [
+            /* @__PURE__ */ jsx22(CalendarGridHeaderRac, {
+                children: function(day) {
+                    return /* @__PURE__ */ jsx22(CalendarHeaderCellRac, {
+                        className: "size-9 rounded-md p-0 font-medium text-muted-foreground/80 text-xs",
+                        children: day
+                    });
+                }
+            }),
+            /* @__PURE__ */ jsx22(CalendarGridBodyRac, {
+                className: "[&_td]:px-0 [&_td]:py-px",
+                children: function(date) {
+                    return /* @__PURE__ */ jsx22(CalendarCellRac, {
+                        className: cn("relative flex size-9 items-center justify-center whitespace-nowrap rounded-md p-0 font-normal text-foreground text-sm outline-none duration-150 [transition-property:color,background-color,border-radius,box-shadow] data-disabled:pointer-events-none data-unavailable:pointer-events-none data-focus-visible:z-10 data-hovered:bg-accent data-selected:bg-primary data-hovered:text-foreground data-selected:text-primary-foreground data-unavailable:line-through data-disabled:opacity-30 data-unavailable:opacity-30 data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50", // Range-specific styles
+                        isRange && "data-invalid:data-selection-end:bg-destructive data-invalid:data-selection-start:bg-destructive data-invalid:data-selection-end:text-white data-invalid:data-selection-start:text-white data-selected:rounded-none data-selection-start:rounded-s-md data-selection-end:rounded-e-md data-invalid:bg-red-100 data-selected:bg-accent data-selection-end:bg-primary data-selection-start:bg-primary data-selected:text-foreground data-selection-end:text-primary-foreground data-selection-start:text-primary-foreground", // Today indicator styles
+                        date.compare(now) === 0 && cn("after:-translate-x-1/2 after:pointer-events-none after:absolute after:start-1/2 after:bottom-1 after:z-10 after:size-[3px] after:rounded-full after:bg-primary", isRange ? "data-selection-end:after:bg-background data-selection-start:after:bg-background" : "data-selected:after:bg-background")),
+                        date: date
+                    });
+                }
+            })
+        ]
+    });
+}
+function Calendar(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsxs16(CalendarRac, _object_spread_props(_object_spread({}, props), {
+        className: composeRenderProps(className, function(className2) {
+            return cn("w-fit", className2);
+        }),
+        children: [
+            /* @__PURE__ */ jsx22(CalendarHeader, {}),
+            /* @__PURE__ */ jsx22(CalendarGridComponent, {})
+        ]
+    }));
+}
 // src/components/ui/datefield-rac.tsx
 import { composeRenderProps as composeRenderProps2, DateField as DateFieldRac, DateInput as DateInputRac, DateSegment as DateSegmentRac, TimeField as TimeFieldRac } from "react-aria-components";
 import { jsx as jsx23 } from "react/jsx-runtime";
+function DateSegment(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23(DateSegmentRac, _object_spread_props(_object_spread({
+        className: composeRenderProps2(className, function(className2) {
+            return cn("inline rounded p-0.5 text-foreground caret-transparent outline-hidden data-invalid:data-focused:bg-destructive data-focused:data-placeholder:text-foreground data-invalid:data-focused:text-white data-invalid:data-placeholder:text-destructive data-disabled:cursor-not-allowed data-focused:bg-accent data-[type=literal]:px-0 data-[type=literal]:text-muted-foreground/70 data-focused:text-foreground data-invalid:data-focused:data-placeholder:text-white data-invalid:text-destructive data-placeholder:text-muted-foreground/70 data-disabled:opacity-50", className2);
+        })
+    }, props), {
+        "data-invalid": true
+    }));
+}
+var dateInputStyle = "relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none data-focus-within:border-ring data-focus-within:ring-ring/50 data-focus-within:ring-[3px] data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40 data-focus-within:has-aria-invalid:border-destructive";
+function DateInput(_param) {
+    var className = _param.className, _param_unstyled = _param.unstyled, unstyled = _param_unstyled === void 0 ? false : _param_unstyled, props = _object_without_properties(_param, [
+        "className",
+        "unstyled"
+    ]);
+    return /* @__PURE__ */ jsx23(DateInputRac, _object_spread_props(_object_spread({
+        className: composeRenderProps2(className, function(className2) {
+            return cn(!unstyled && dateInputStyle, className2);
+        })
+    }, props), {
+        children: function(segment) {
+            return /* @__PURE__ */ jsx23(DateSegment, {
+                segment: segment
+            });
+        }
+    }));
+}
 // src/components/forms/index.tsx
 import { I18nProvider } from "react-aria-components";
-import { parseDate } from "@internationalized/date";
 import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var ConfirmForm = function(param) {
     var onV = param.onV, onX = param.onX, _param_headline = param.headline, headline = _param_headline === void 0 ? "" : _param_headline, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_buttonsContainerClassName = param.buttonsContainerClassName, buttonsContainerClassName = _param_buttonsContainerClassName === void 0 ? "" : _param_buttonsContainerClassName, _param_headlineClassName = param.headlineClassName, headlineClassName = _param_headlineClassName === void 0 ? "" : _param_headlineClassName, _param_cancelButtonClassName = param.cancelButtonClassName, cancelButtonClassName = _param_cancelButtonClassName === void 0 ? "" : _param_cancelButtonClassName, _param_confirmButtonClassName = param.confirmButtonClassName, confirmButtonClassName = _param_confirmButtonClassName === void 0 ? "" : _param_confirmButtonClassName, _param_cancelButtonProps = param.cancelButtonProps, cancelButtonProps = _param_cancelButtonProps === void 0 ? {} : _param_cancelButtonProps, _param_confirmButtonProps = param.confirmButtonProps, confirmButtonProps = _param_confirmButtonProps === void 0 ? {} : _param_confirmButtonProps, cancelElement = param.cancelElement, confirmElement = param.confirmElement;
@@ -6854,6 +6949,150 @@ var DatePicker = function(param) {
         ]
     });
 };
+function DatePicker2(param) {
+    var _param_submit = param.submit, submit = _param_submit === void 0 ? /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(form) {
+            return _ts_generator(this, function(_state) {
+                return [
+                    2
+                ];
+            });
+        });
+        return function(form) {
+            return _ref.apply(this, arguments);
+        };
+    }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
+    var _useState11 = _sliced_to_array(useState11(false), 2), isLoading = _useState11[0], setIsLoading = _useState11[1];
+    var onSubmit = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(e) {
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        e.preventDefault();
+                        setIsLoading(true);
+                        return [
+                            4,
+                            submit(e)
+                        ];
+                    case 1:
+                        _state.sent();
+                        setIsLoading(false);
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function onSubmit(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var getDefaultValue = function(dateStr) {
+        if (dateStr) {
+            try {
+                return parseDate(dateStr);
+            } catch (e) {
+                return today2(getLocalTimeZone2());
+            }
+        }
+        return today2(getLocalTimeZone2());
+    };
+    return /* @__PURE__ */ jsx24(I18nProvider, {
+        locale: direction === "rtl" ? "he-IL" : "en-US",
+        children: /* @__PURE__ */ jsxs17("form", {
+            style: {
+                direction: direction
+            },
+            onSubmit: onSubmit,
+            className: cn("w-full h-10 flex justify-start gap-3 items-center", formClassName),
+            children: [
+                /* @__PURE__ */ jsxs17(RACDatePicker, {
+                    className: cn("flex items-center gap-2", labelsClassName),
+                    name: "from",
+                    defaultValue: getDefaultValue(defaultFrom),
+                    children: [
+                        /* @__PURE__ */ jsx24(Label, {
+                            className: "font-medium text-foreground text-sm whitespace-nowrap",
+                            children: fromText
+                        }),
+                        /* @__PURE__ */ jsxs17("div", {
+                            className: "flex",
+                            children: [
+                                /* @__PURE__ */ jsx24(Group, {
+                                    className: cn("w-full border rounded-md bg-background", inputsClassName),
+                                    children: /* @__PURE__ */ jsx24(DateInput, {
+                                        className: "px-2 py-1"
+                                    })
+                                }),
+                                /* @__PURE__ */ jsx24(Button3, {
+                                    className: "-ms-9 -me-px z-10 flex w-9 items-center justify-center rounded-e-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:text-foreground data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50",
+                                    children: /* @__PURE__ */ jsx24(CalendarIcon, {
+                                        size: 16
+                                    })
+                                })
+                            ]
+                        }),
+                        /* @__PURE__ */ jsx24(Popover2, {
+                            className: "data-[entering]:fade-in-0 data-[entering]:zoom-in-95 data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 z-50 rounded-lg border bg-background text-popover-foreground shadow-lg outline-hidden data-entering:animate-in data-exiting:animate-out",
+                            offset: 4,
+                            children: /* @__PURE__ */ jsx24(Dialog2, {
+                                className: "max-h-[inherit] overflow-auto p-2",
+                                children: /* @__PURE__ */ jsx24(Calendar, {})
+                            })
+                        })
+                    ]
+                }),
+                /* @__PURE__ */ jsxs17(RACDatePicker, {
+                    className: cn("flex items-center gap-2", labelsClassName),
+                    name: "to",
+                    defaultValue: getDefaultValue(defaultTo),
+                    children: [
+                        /* @__PURE__ */ jsx24(Label, {
+                            className: "font-medium text-foreground text-sm whitespace-nowrap",
+                            children: toText
+                        }),
+                        /* @__PURE__ */ jsxs17("div", {
+                            className: "flex",
+                            children: [
+                                /* @__PURE__ */ jsx24(Group, {
+                                    className: cn("w-full border rounded-md bg-background", inputsClassName),
+                                    children: /* @__PURE__ */ jsx24(DateInput, {
+                                        className: "px-2 py-1"
+                                    })
+                                }),
+                                /* @__PURE__ */ jsx24(Button3, {
+                                    className: "-ms-9 -me-px z-10 flex w-9 items-center justify-center rounded-e-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:text-foreground data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50",
+                                    children: /* @__PURE__ */ jsx24(CalendarIcon, {
+                                        size: 16
+                                    })
+                                })
+                            ]
+                        }),
+                        /* @__PURE__ */ jsx24(Popover2, {
+                            className: "data-[entering]:fade-in-0 data-[entering]:zoom-in-95 data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 z-50 rounded-lg border bg-background text-popover-foreground shadow-lg outline-hidden data-entering:animate-in data-exiting:animate-out",
+                            offset: 4,
+                            children: /* @__PURE__ */ jsx24(Dialog2, {
+                                className: "max-h-[inherit] overflow-auto p-2",
+                                children: /* @__PURE__ */ jsx24(Calendar, {})
+                            })
+                        })
+                    ]
+                }),
+                /* @__PURE__ */ jsx24("button", {
+                    disabled: isLoading,
+                    style: buttonStyle,
+                    className: cn("bg-[#699a2c] text-[#fff] font-[500] w-[75px] h-[27px]", buttonClassName),
+                    type: "submit",
+                    children: isLoading ? /* @__PURE__ */ jsx24(Loader, {
+                        className: "pt-[2px]",
+                        size: 20,
+                        color: "#fff"
+                    }) : buttonText
+                })
+            ]
+        })
+    });
+}
 // src/components/CodeInput.tsx
 import { OTPInput } from "input-otp";
 import { useEffect as useEffect11, useRef as useRef9 } from "react";
@@ -6901,5 +7140,5 @@ function Slot2(props) {
         })
     });
 }
-export { Badge, BooleanUi, Button, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DatePicker, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, ErrorBoundary, ExportToExcel, Filter, FormElementContainer, FormSeparator, GeoUi, Input, InputContainer, InternationalPhonePicker, LeftToRightDiv, Loader, LoginWithGoogleButton, MaxRowsLabel, ModularForm_default as ModularForm, MultiSelect, NumberUI, PhoneUI, ProgressComponent, Search, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, TableProvider, TableRow2 as TableRow, TextAreaContainer, TimesUI, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };
+export { Badge, BooleanUi, Button, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DatePicker, DatePicker2, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, ErrorBoundary, ExportToExcel, Filter, FormElementContainer, FormSeparator, GeoUi, Input, InputContainer, InternationalPhonePicker, LeftToRightDiv, Loader, LoginWithGoogleButton, MaxRowsLabel, ModularForm_default as ModularForm, MultiSelect, NumberUI, PhoneUI, ProgressComponent, Search, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, TableProvider, TableRow2 as TableRow, TextAreaContainer, TimesUI, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "akeyless-client-commons",
-    "version": "1.1.83",
+    "version": "1.1.85",
     "scripts": {
         "build": "tsup",
         "deploy": "npm run build && npm version patch --no-git-tag-version && npm publish",