akeyless-client-commons 1.0.40 → 1.0.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/index.d.mts +8 -5
  2. package/dist/components/index.d.ts +8 -5
  3. package/dist/components/index.js +81 -80
  4. package/dist/components/index.mjs +25 -24
  5. package/dist/types/index.d.mts +7 -5
  6. package/dist/types/index.d.ts +7 -5
  7. package/package.json +1 -1
package/dist/components/index.d.mts CHANGED
@@ -77,8 +77,8 @@ interface MultipleSelectorProps {
77
77
  defaultOptions?: MultipleSelectorOption[];
78
78
  options?: MultipleSelectorOption[];
79
79
  placeholder?: string;
80
- loadingIndicator?: React$1.ReactNode;
81
- emptyIndicator?: React$1.ReactNode;
80
+ loadingIndicator?: React__default.ReactNode;
81
+ emptyIndicator?: React__default.ReactNode;
82
82
  delay?: number;
83
83
  triggerSearchOnFocus?: boolean;
84
84
  onSearch?: (value: string) => Promise<MultipleSelectorOption[]>;
@@ -93,8 +93,8 @@ interface MultipleSelectorProps {
93
93
  badgeClassName?: string;
94
94
  selectFirstItem?: boolean;
95
95
  createNewOptionLabel?: string;
96
- commandProps?: React$1.ComponentPropsWithoutRef<typeof Command>;
97
- inputProps?: Omit<React$1.ComponentPropsWithoutRef<typeof Command$1.Input>, "value" | "placeholder" | "disabled">;
96
+ commandProps?: React__default.ComponentPropsWithoutRef<typeof Command>;
97
+ inputProps?: Omit<React__default.ComponentPropsWithoutRef<typeof Command$1.Input>, "value" | "placeholder" | "disabled">;
98
98
  hideClearAllButton?: boolean;
99
99
  dropdownClassName?: string;
100
100
  dropdownOptionClassName?: string;
@@ -165,6 +165,7 @@ interface SearchSelectProps {
165
165
  disabled?: boolean;
166
166
  direction?: Direction;
167
167
  createNewOptionLabel?: string;
168
+ createNewOptionContainerClassName?: string;
168
169
  }
169
170
 
170
171
  interface BaseElementProps {
@@ -235,6 +236,7 @@ interface MultiSelectProps extends Omit<BaseElementProps, "containerClassName" |
235
236
  sortAsNumber?: boolean;
236
237
  searchInputProps?: MultipleSelectorProps["inputProps"];
237
238
  createNewOptionLabel?: string;
239
+ createNewOptionContainerClassName?: string;
238
240
  }
239
241
  interface SelectWithSearchProps extends BaseElementProps {
240
242
  type?: "selectWithSearch";
@@ -255,6 +257,7 @@ interface SelectWithSearchProps extends BaseElementProps {
255
257
  sortAsNumber?: boolean;
256
258
  disabled?: boolean;
257
259
  createNewOptionLabel?: string;
260
+ createNewOptionContainerClassName?: string;
258
261
  }
259
262
  interface InternationalInputProps extends Omit<BaseElementProps, "elementClassName"> {
260
263
  type?: "internationalPhoneInput";
@@ -496,7 +499,7 @@ declare const useSortValues: (options: any[], sortDirection: "abc" | "cba", sort
496
499
  declare const InputContainer: ({ validationError, name, inputType, labelContent, defaultValue, validationName, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, value, }: InputContainerProps) => react_jsx_runtime.JSX.Element;
497
500
  declare const SelectContainer: ({ name, labelContent, containerClassName, labelClassName, defaultValue, elementClassName, optionClassName, required, options, optionsContainerClassName, sortDirection, sortAsNumber, direction, onChange, }: SelectContainerProps) => react_jsx_runtime.JSX.Element;
498
501
  declare function MultiSelect({ onChange, selectedOptions, emptyOptionsElement, unremovableOptions, options, styles, name, placeholder, labelContent, required, labelClassName, groupBy, onSearch, onSearchSync, triggerSearchOnFocus, sortDirection, sortAsNumber, direction, createNewOptionLabel, searchInputProps, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
499
- declare const SelectWithSearch: ({ options, labelClassName, labelContent, name, onChange, value, placeholder, required, defaultValue, notFoundLabel, searchPlaceholder, containerClassName, dropdownClassName, dropdownOptionClassName, elementClassName, notFoundLabelClassName, searchClassName, buttonClassName, buttonFocusClassName, sortDirection, sortAsNumber, disabled, direction, createNewOptionLabel, }: SelectWithSearchProps) => react_jsx_runtime.JSX.Element;
502
+ declare const SelectWithSearch: ({ options, labelClassName, labelContent, name, onChange, value, placeholder, required, defaultValue, notFoundLabel, searchPlaceholder, containerClassName, dropdownClassName, dropdownOptionClassName, elementClassName, notFoundLabelClassName, searchClassName, buttonClassName, buttonFocusClassName, sortDirection, sortAsNumber, disabled, direction, createNewOptionLabel, createNewOptionContainerClassName, }: SelectWithSearchProps) => react_jsx_runtime.JSX.Element;
500
503
  declare const TextAreaContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, }: TextAreaContainerProps) => react_jsx_runtime.JSX.Element;
501
504
  declare const ElementLabel: ({ labelContent, labelClassName, name, required, withDots, direction, }: Omit<BaseElementProps, "containerClassName" | "elementClassName"> & {
502
505
  withDots?: boolean;
package/dist/components/index.d.ts CHANGED
@@ -77,8 +77,8 @@ interface MultipleSelectorProps {
77
77
  defaultOptions?: MultipleSelectorOption[];
78
78
  options?: MultipleSelectorOption[];
79
79
  placeholder?: string;
80
- loadingIndicator?: React$1.ReactNode;
81
- emptyIndicator?: React$1.ReactNode;
80
+ loadingIndicator?: React__default.ReactNode;
81
+ emptyIndicator?: React__default.ReactNode;
82
82
  delay?: number;
83
83
  triggerSearchOnFocus?: boolean;
84
84
  onSearch?: (value: string) => Promise<MultipleSelectorOption[]>;
@@ -93,8 +93,8 @@ interface MultipleSelectorProps {
93
93
  badgeClassName?: string;
94
94
  selectFirstItem?: boolean;
95
95
  createNewOptionLabel?: string;
96
- commandProps?: React$1.ComponentPropsWithoutRef<typeof Command>;
97
- inputProps?: Omit<React$1.ComponentPropsWithoutRef<typeof Command$1.Input>, "value" | "placeholder" | "disabled">;
96
+ commandProps?: React__default.ComponentPropsWithoutRef<typeof Command>;
97
+ inputProps?: Omit<React__default.ComponentPropsWithoutRef<typeof Command$1.Input>, "value" | "placeholder" | "disabled">;
98
98
  hideClearAllButton?: boolean;
99
99
  dropdownClassName?: string;
100
100
  dropdownOptionClassName?: string;
@@ -165,6 +165,7 @@ interface SearchSelectProps {
165
165
  disabled?: boolean;
166
166
  direction?: Direction;
167
167
  createNewOptionLabel?: string;
168
+ createNewOptionContainerClassName?: string;
168
169
  }
169
170
 
170
171
  interface BaseElementProps {
@@ -235,6 +236,7 @@ interface MultiSelectProps extends Omit<BaseElementProps, "containerClassName" |
235
236
  sortAsNumber?: boolean;
236
237
  searchInputProps?: MultipleSelectorProps["inputProps"];
237
238
  createNewOptionLabel?: string;
239
+ createNewOptionContainerClassName?: string;
238
240
  }
239
241
  interface SelectWithSearchProps extends BaseElementProps {
240
242
  type?: "selectWithSearch";
@@ -255,6 +257,7 @@ interface SelectWithSearchProps extends BaseElementProps {
255
257
  sortAsNumber?: boolean;
256
258
  disabled?: boolean;
257
259
  createNewOptionLabel?: string;
260
+ createNewOptionContainerClassName?: string;
258
261
  }
259
262
  interface InternationalInputProps extends Omit<BaseElementProps, "elementClassName"> {
260
263
  type?: "internationalPhoneInput";
@@ -496,7 +499,7 @@ declare const useSortValues: (options: any[], sortDirection: "abc" | "cba", sort
496
499
  declare const InputContainer: ({ validationError, name, inputType, labelContent, defaultValue, validationName, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, value, }: InputContainerProps) => react_jsx_runtime.JSX.Element;
497
500
  declare const SelectContainer: ({ name, labelContent, containerClassName, labelClassName, defaultValue, elementClassName, optionClassName, required, options, optionsContainerClassName, sortDirection, sortAsNumber, direction, onChange, }: SelectContainerProps) => react_jsx_runtime.JSX.Element;
498
501
  declare function MultiSelect({ onChange, selectedOptions, emptyOptionsElement, unremovableOptions, options, styles, name, placeholder, labelContent, required, labelClassName, groupBy, onSearch, onSearchSync, triggerSearchOnFocus, sortDirection, sortAsNumber, direction, createNewOptionLabel, searchInputProps, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
499
- declare const SelectWithSearch: ({ options, labelClassName, labelContent, name, onChange, value, placeholder, required, defaultValue, notFoundLabel, searchPlaceholder, containerClassName, dropdownClassName, dropdownOptionClassName, elementClassName, notFoundLabelClassName, searchClassName, buttonClassName, buttonFocusClassName, sortDirection, sortAsNumber, disabled, direction, createNewOptionLabel, }: SelectWithSearchProps) => react_jsx_runtime.JSX.Element;
502
+ declare const SelectWithSearch: ({ options, labelClassName, labelContent, name, onChange, value, placeholder, required, defaultValue, notFoundLabel, searchPlaceholder, containerClassName, dropdownClassName, dropdownOptionClassName, elementClassName, notFoundLabelClassName, searchClassName, buttonClassName, buttonFocusClassName, sortDirection, sortAsNumber, disabled, direction, createNewOptionLabel, createNewOptionContainerClassName, }: SelectWithSearchProps) => react_jsx_runtime.JSX.Element;
500
503
  declare const TextAreaContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, }: TextAreaContainerProps) => react_jsx_runtime.JSX.Element;
501
504
  declare const ElementLabel: ({ labelContent, labelClassName, name, required, withDots, direction, }: Omit<BaseElementProps, "containerClassName" | "elementClassName"> & {
502
505
  withDots?: boolean;
package/dist/components/index.js CHANGED
@@ -695,7 +695,7 @@ var Version = function(param) {
695
695
  // src/components/table/components.tsx
696
696
  var import_exceljs = __toESM(require("exceljs"));
697
697
  var import_file_saver = require("file-saver");
698
- var import_react7 = require("react");
698
+ var import_react8 = require("react");
699
699
  // src/assets/svg.tsx
700
700
  var import_jsx_runtime5 = require("react/jsx-runtime");
701
701
  var RedXSvg = function(param) {
@@ -1527,8 +1527,8 @@ ProgressComponent.displayName = ProgressPrimitive.Root.displayName;
1527
1527
  var import_react_dom = __toESM(require("react-dom"));
1528
1528
  var import_cmdk2 = require("cmdk");
1529
1529
  var import_lucide_react3 = require("lucide-react");
1530
- var React9 = __toESM(require("react"));
1531
- var import_react5 = require("react");
1530
+ var import_react5 = __toESM(require("react"));
1531
+ var import_react6 = require("react");
1532
1532
  // src/components/ui/command.tsx
1533
1533
  var import_cmdk = require("cmdk");
1534
1534
  var import_lucide_react2 = require("lucide-react");
@@ -3619,7 +3619,7 @@ function isOptionsExist(groupOption, targetOption) {
3619
3619
  }
3620
3620
  return false;
3621
3621
  }
3622
- var CommandEmpty2 = (0, import_react5.forwardRef)(function(_param, forwardedRef) {
3622
+ var CommandEmpty2 = (0, import_react6.forwardRef)(function(_param, forwardedRef) {
3623
3623
  var className = _param.className, props = _object_without_properties(_param, [
3624
3624
  "className"
3625
3625
  ]);
@@ -3636,8 +3636,8 @@ var CommandEmpty2 = (0, import_react5.forwardRef)(function(_param, forwardedRef)
3636
3636
  });
3637
3637
  CommandEmpty2.displayName = "CommandEmpty";
3638
3638
  function useDebounce(value, delay) {
3639
- var _React9_useState = _sliced_to_array(React9.useState(value), 2), debouncedValue = _React9_useState[0], setDebouncedValue = _React9_useState[1];
3640
- (0, import_react5.useEffect)(function() {
3639
+ var _import_react5_default_useState = _sliced_to_array(import_react5.default.useState(value), 2), debouncedValue = _import_react5_default_useState[0], setDebouncedValue = _import_react5_default_useState[1];
3640
+ (0, import_react6.useEffect)(function() {
3641
3641
  var timer = setTimeout(function() {
3642
3642
  return setDebouncedValue(value);
3643
3643
  }, delay || 500);
@@ -3650,10 +3650,10 @@ function useDebounce(value, delay) {
3650
3650
  ]);
3651
3651
  return debouncedValue;
3652
3652
  }
3653
- var MultipleSelector = (0, import_react5.forwardRef)(function(param, ref) {
3653
+ var MultipleSelector = (0, import_react6.forwardRef)(function(param, ref) {
3654
3654
  var value = param.value, onChange = param.onChange, placeholder = param.placeholder, tmp = param.defaultOptions, arrayDefaultOptions = tmp === void 0 ? [] : tmp, arrayOptions = param.options, delay = param.delay, onSearch = param.onSearch, onSearchSync = param.onSearchSync, loadingIndicator = param.loadingIndicator, emptyIndicator = param.emptyIndicator, _param_maxSelected = param.maxSelected, maxSelected = _param_maxSelected === void 0 ? Number.MAX_SAFE_INTEGER : _param_maxSelected, onMaxSelected = param.onMaxSelected, _param_hidePlaceholderWhenSelected = param.hidePlaceholderWhenSelected, hidePlaceholderWhenSelected = _param_hidePlaceholderWhenSelected === void 0 ? true : _param_hidePlaceholderWhenSelected, disabled = param.disabled, groupBy = param.groupBy, className = param.className, badgeClassName = param.badgeClassName, _param_selectFirstItem = param.selectFirstItem, selectFirstItem = _param_selectFirstItem === void 0 ? true : _param_selectFirstItem, createNewOptionLabel = param.createNewOptionLabel, _param_triggerSearchOnFocus = param.triggerSearchOnFocus, triggerSearchOnFocus = _param_triggerSearchOnFocus === void 0 ? true : _param_triggerSearchOnFocus, commandProps = param.commandProps, inputProps = param.inputProps, _param_hideClearAllButton = param.hideClearAllButton, hideClearAllButton = _param_hideClearAllButton === void 0 ? false : _param_hideClearAllButton, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, emptyIndicatorClassName = param.emptyIndicatorClassName, _param_unremovableOptions = param.unremovableOptions, unremovableOptions = _param_unremovableOptions === void 0 ? [] : _param_unremovableOptions, name = param.name, _param_dropdownContainerClassName = param.dropdownContainerClassName, dropdownContainerClassName = _param_dropdownContainerClassName === void 0 ? "" : _param_dropdownContainerClassName;
3655
3655
  var _containerRef_current;
3656
- var _React9_useState = _sliced_to_array(React9.useState(false), 2), isLoading = _React9_useState[0], setIsLoading = _React9_useState[1];
3656
+ var _import_react5_default_useState = _sliced_to_array(import_react5.default.useState(false), 2), isLoading = _import_react5_default_useState[0], setIsLoading = _import_react5_default_useState[1];
3657
3657
  var _useFloating = useFloating({
3658
3658
  placement: "bottom-start",
3659
3659
  middleware: [
@@ -3663,20 +3663,20 @@ var MultipleSelector = (0, import_react5.forwardRef)(function(param, ref) {
3663
3663
  ],
3664
3664
  whileElementsMounted: autoUpdate
3665
3665
  }), x = _useFloating.x, y = _useFloating.y, strategy = _useFloating.strategy, refs = _useFloating.refs, update = _useFloating.update;
3666
- var containerRef = (0, import_react5.useRef)(null);
3666
+ var containerRef = (0, import_react6.useRef)(null);
3667
3667
  var setContainerRef = function(node) {
3668
3668
  containerRef.current = node;
3669
3669
  refs.setReference(node);
3670
3670
  };
3671
- var inputRef = (0, import_react5.useRef)(null);
3672
- var _React9_useState1 = _sliced_to_array(React9.useState(false), 2), open = _React9_useState1[0], setOpen = _React9_useState1[1];
3673
- var _React9_useState2 = _sliced_to_array(React9.useState(false), 2), onScrollbar = _React9_useState2[0], setOnScrollbar = _React9_useState2[1];
3674
- var dropdownRef = (0, import_react5.useRef)(null);
3675
- var _React9_useState3 = _sliced_to_array(React9.useState(value || []), 2), selected = _React9_useState3[0], setSelected = _React9_useState3[1];
3676
- var _React9_useState4 = _sliced_to_array(React9.useState(transToGroupOption(arrayDefaultOptions, groupBy)), 2), options = _React9_useState4[0], setOptions = _React9_useState4[1];
3677
- var _React9_useState5 = _sliced_to_array(React9.useState(""), 2), inputValue = _React9_useState5[0], setInputValue = _React9_useState5[1];
3671
+ var inputRef = (0, import_react6.useRef)(null);
3672
+ var _import_react5_default_useState1 = _sliced_to_array(import_react5.default.useState(false), 2), open = _import_react5_default_useState1[0], setOpen = _import_react5_default_useState1[1];
3673
+ var _import_react5_default_useState2 = _sliced_to_array(import_react5.default.useState(false), 2), onScrollbar = _import_react5_default_useState2[0], setOnScrollbar = _import_react5_default_useState2[1];
3674
+ var dropdownRef = (0, import_react6.useRef)(null);
3675
+ var _import_react5_default_useState3 = _sliced_to_array(import_react5.default.useState(value || []), 2), selected = _import_react5_default_useState3[0], setSelected = _import_react5_default_useState3[1];
3676
+ var _import_react5_default_useState4 = _sliced_to_array(import_react5.default.useState(transToGroupOption(arrayDefaultOptions, groupBy)), 2), options = _import_react5_default_useState4[0], setOptions = _import_react5_default_useState4[1];
3677
+ var _import_react5_default_useState5 = _sliced_to_array(import_react5.default.useState(""), 2), inputValue = _import_react5_default_useState5[0], setInputValue = _import_react5_default_useState5[1];
3678
3678
  var debouncedSearchTerm = useDebounce(inputValue, delay || 500);
3679
- React9.useImperativeHandle(ref, function() {
3679
+ import_react5.default.useImperativeHandle(ref, function() {
3680
3680
  return {
3681
3681
  selectedValue: _to_consumable_array(selected),
3682
3682
  input: inputRef.current,
@@ -3691,7 +3691,7 @@ var MultipleSelector = (0, import_react5.forwardRef)(function(param, ref) {
3691
3691
  }, [
3692
3692
  selected
3693
3693
  ]);
3694
- (0, import_react5.useEffect)(function() {
3694
+ (0, import_react6.useEffect)(function() {
3695
3695
  if (open) {
3696
3696
  update();
3697
3697
  }
@@ -3699,14 +3699,14 @@ var MultipleSelector = (0, import_react5.forwardRef)(function(param, ref) {
3699
3699
  open,
3700
3700
  update
3701
3701
  ]);
3702
- var handleClickOutside = (0, import_react5.useCallback)(function(event) {
3702
+ var handleClickOutside = (0, import_react6.useCallback)(function(event) {
3703
3703
  if (dropdownRef.current && !dropdownRef.current.contains(event.target) && containerRef.current && !containerRef.current.contains(event.target)) {
3704
3704
  var _inputRef_current;
3705
3705
  setOpen(false);
3706
3706
  (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
3707
3707
  }
3708
3708
  }, []);
3709
- (0, import_react5.useEffect)(function() {
3709
+ (0, import_react6.useEffect)(function() {
3710
3710
  if (open) {
3711
3711
  document.addEventListener("mousedown", handleClickOutside);
3712
3712
  document.addEventListener("touchend", handleClickOutside);
@@ -3722,14 +3722,14 @@ var MultipleSelector = (0, import_react5.forwardRef)(function(param, ref) {
3722
3722
  open,
3723
3723
  handleClickOutside
3724
3724
  ]);
3725
- (0, import_react5.useEffect)(function() {
3725
+ (0, import_react6.useEffect)(function() {
3726
3726
  if (value) {
3727
3727
  setSelected(value);
3728
3728
  }
3729
3729
  }, [
3730
3730
  value
3731
3731
  ]);
3732
- (0, import_react5.useEffect)(function() {
3732
+ (0, import_react6.useEffect)(function() {
3733
3733
  if (!arrayOptions || onSearch) return;
3734
3734
  var newOption = transToGroupOption(arrayOptions || [], groupBy);
3735
3735
  if (JSON.stringify(newOption) !== JSON.stringify(options)) {
@@ -3742,7 +3742,7 @@ var MultipleSelector = (0, import_react5.forwardRef)(function(param, ref) {
3742
3742
  onSearch,
3743
3743
  options
3744
3744
  ]);
3745
- (0, import_react5.useEffect)(function() {
3745
+ (0, import_react6.useEffect)(function() {
3746
3746
  var doSearchSync = function() {
3747
3747
  var res = onSearchSync === null || onSearchSync === void 0 ? void 0 : onSearchSync(debouncedSearchTerm);
3748
3748
  setOptions(transToGroupOption(res || [], groupBy));
@@ -3776,7 +3776,7 @@ var MultipleSelector = (0, import_react5.forwardRef)(function(param, ref) {
3776
3776
  triggerSearchOnFocus,
3777
3777
  onSearchSync
3778
3778
  ]);
3779
- (0, import_react5.useEffect)(function() {
3779
+ (0, import_react6.useEffect)(function() {
3780
3780
  var doSearch = /*#__PURE__*/ function() {
3781
3781
  var _ref = _async_to_generator(function() {
3782
3782
  var res;
@@ -3852,7 +3852,7 @@ var MultipleSelector = (0, import_react5.forwardRef)(function(param, ref) {
3852
3852
  triggerSearchOnFocus,
3853
3853
  onSearch
3854
3854
  ]);
3855
- var handleUnselect = (0, import_react5.useCallback)(function(option) {
3855
+ var handleUnselect = (0, import_react6.useCallback)(function(option) {
3856
3856
  if (unremovableOptions.find(function(v) {
3857
3857
  return (0, import_lodash4.isEqual)(v.value, option.value);
3858
3858
  })) {
@@ -3868,7 +3868,7 @@ var MultipleSelector = (0, import_react5.forwardRef)(function(param, ref) {
3868
3868
  selected,
3869
3869
  unremovableOptions
3870
3870
  ]);
3871
- var handleKeyDown = (0, import_react5.useCallback)(function(e) {
3871
+ var handleKeyDown = (0, import_react6.useCallback)(function(e) {
3872
3872
  var input = inputRef.current;
3873
3873
  if (input) {
3874
3874
  if (e.key === "Delete" || e.key === "Backspace") {
@@ -3887,7 +3887,7 @@ var MultipleSelector = (0, import_react5.forwardRef)(function(param, ref) {
3887
3887
  handleUnselect,
3888
3888
  selected
3889
3889
  ]);
3890
- var combinedFloatingRef = (0, import_react5.useCallback)(function(node) {
3890
+ var combinedFloatingRef = (0, import_react6.useCallback)(function(node) {
3891
3891
  if (!node) return;
3892
3892
  refs.setFloating(node);
3893
3893
  dropdownRef.current = node;
@@ -3938,7 +3938,7 @@ var MultipleSelector = (0, import_react5.forwardRef)(function(param, ref) {
3938
3938
  }
3939
3939
  return void 0;
3940
3940
  };
3941
- var EmptyItem = (0, import_react5.useCallback)(function() {
3941
+ var EmptyItem = (0, import_react6.useCallback)(function() {
3942
3942
  if (!emptyIndicator) return void 0;
3943
3943
  if (onSearch && !createNewOptionLabel && Object.keys(options).length === 0) {
3944
3944
  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CommandItem, {
@@ -3959,13 +3959,13 @@ var MultipleSelector = (0, import_react5.forwardRef)(function(param, ref) {
3959
3959
  options,
3960
3960
  emptyIndicatorClassName
3961
3961
  ]);
3962
- var selectables = (0, import_react5.useMemo)(function() {
3962
+ var selectables = (0, import_react6.useMemo)(function() {
3963
3963
  return removePickedOption(options, selected);
3964
3964
  }, [
3965
3965
  options,
3966
3966
  selected
3967
3967
  ]);
3968
- var commandFilter = (0, import_react5.useCallback)(function() {
3968
+ var commandFilter = (0, import_react6.useCallback)(function() {
3969
3969
  if (commandProps === null || commandProps === void 0 ? void 0 : commandProps.filter) {
3970
3970
  return commandProps.filter;
3971
3971
  }
@@ -4210,27 +4210,27 @@ function PopoverContent(_param) {
4210
4210
  }
4211
4211
  // src/components/ui/SearchSelect.tsx
4212
4212
  var import_lucide_react4 = require("lucide-react");
4213
- var import_react6 = require("react");
4213
+ var import_react7 = require("react");
4214
4214
  var import_jsx_runtime16 = require("react/jsx-runtime");
4215
4215
  function SearchSelect(param) {
4216
- var options = param.options, name = param.name, _param_selectPlaceholder = param.selectPlaceholder, selectPlaceholder = _param_selectPlaceholder === void 0 ? "Select" : _param_selectPlaceholder, defaultValue = param.defaultValue, _param_searchPlaceholder = param.searchPlaceholder, searchPlaceholder = _param_searchPlaceholder === void 0 ? "Search" : _param_searchPlaceholder, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, notFoundLabel = param.notFoundLabel, notFoundLabelClassName = param.notFoundLabelClassName, elementClassName = param.elementClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, value = param.value, disabled = param.disabled, onChange = param.onChange, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel;
4217
- var id = (0, import_react6.useId)();
4218
- var _ref = _sliced_to_array((0, import_react6.useState)(false), 2), open = _ref[0], setOpen = _ref[1];
4219
- var _ref1 = _sliced_to_array((0, import_react6.useState)(value || defaultValue || ""), 2), selectedValue = _ref1[0], setSelectedValue = _ref1[1];
4220
- var _ref2 = _sliced_to_array((0, import_react6.useState)(""), 2), searchQuery = _ref2[0], setSearchQuery = _ref2[1];
4221
- var _ref3 = _sliced_to_array((0, import_react6.useState)([]), 2), newOptions = _ref3[0], setNewOptions = _ref3[1];
4222
- (0, import_react6.useEffect)(function() {
4216
+ var options = param.options, name = param.name, _param_selectPlaceholder = param.selectPlaceholder, selectPlaceholder = _param_selectPlaceholder === void 0 ? "Select" : _param_selectPlaceholder, defaultValue = param.defaultValue, _param_searchPlaceholder = param.searchPlaceholder, searchPlaceholder = _param_searchPlaceholder === void 0 ? "Search" : _param_searchPlaceholder, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, notFoundLabel = param.notFoundLabel, notFoundLabelClassName = param.notFoundLabelClassName, elementClassName = param.elementClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, value = param.value, disabled = param.disabled, onChange = param.onChange, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName;
4217
+ var id = (0, import_react7.useId)();
4218
+ var _ref = _sliced_to_array((0, import_react7.useState)(false), 2), open = _ref[0], setOpen = _ref[1];
4219
+ var _ref1 = _sliced_to_array((0, import_react7.useState)(value || defaultValue || ""), 2), selectedValue = _ref1[0], setSelectedValue = _ref1[1];
4220
+ var _ref2 = _sliced_to_array((0, import_react7.useState)(""), 2), searchQuery = _ref2[0], setSearchQuery = _ref2[1];
4221
+ var _ref3 = _sliced_to_array((0, import_react7.useState)([]), 2), newOptions = _ref3[0], setNewOptions = _ref3[1];
4222
+ (0, import_react7.useEffect)(function() {
4223
4223
  setSelectedValue(value);
4224
4224
  }, [
4225
4225
  value
4226
4226
  ]);
4227
- var allOptions = (0, import_react6.useMemo)(function() {
4227
+ var allOptions = (0, import_react7.useMemo)(function() {
4228
4228
  return _to_consumable_array(options).concat(_to_consumable_array(newOptions));
4229
4229
  }, [
4230
4230
  options,
4231
4231
  newOptions
4232
4232
  ]);
4233
- var filteredOptions = (0, import_react6.useMemo)(function() {
4233
+ var filteredOptions = (0, import_react7.useMemo)(function() {
4234
4234
  if (!searchQuery) return allOptions;
4235
4235
  var query2 = searchQuery.toLowerCase().trim();
4236
4236
  return allOptions.filter(function(option) {
@@ -4242,7 +4242,7 @@ function SearchSelect(param) {
4242
4242
  allOptions,
4243
4243
  searchQuery
4244
4244
  ]);
4245
- var selectLabel = (0, import_react6.useMemo)(function() {
4245
+ var selectLabel = (0, import_react7.useMemo)(function() {
4246
4246
  var _allOptions_find;
4247
4247
  return selectedValue ? ((_allOptions_find = allOptions.find(function(item) {
4248
4248
  return item.value === selectedValue;
@@ -4252,7 +4252,7 @@ function SearchSelect(param) {
4252
4252
  allOptions,
4253
4253
  selectPlaceholder
4254
4254
  ]);
4255
- var addNewOption = (0, import_react6.useCallback)(function() {
4255
+ var addNewOption = (0, import_react7.useCallback)(function() {
4256
4256
  var newOption = {
4257
4257
  value: searchQuery,
4258
4258
  label: searchQuery
@@ -4327,14 +4327,14 @@ function SearchSelect(param) {
4327
4327
  }),
4328
4328
  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandList, {
4329
4329
  children: filteredOptions.length === 0 && searchQuery !== "" ? createNewOptionLabel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandEmpty, {
4330
+ style: {
4331
+ direction: direction
4332
+ },
4330
4333
  onClick: addNewOption,
4331
- className: cn("hover:bg-[#cccbcb] cursor-pointer w-full", notFoundLabelClassName),
4334
+ className: cn("hover:bg-[#cccbcb] cursor-pointer w-full", createNewOptionContainerClassName),
4332
4335
  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", {
4333
- className: "w-full h-10 flex items-center px-2",
4334
- style: {
4335
- direction: direction
4336
- },
4337
- children: "".concat(createNewOptionLabel, ": ").concat(searchQuery)
4336
+ className: cn("w-full h-10 flex items-center px-2", notFoundLabelClassName),
4337
+ children: "".concat(createNewOptionLabel, " : ").concat(searchQuery)
4338
4338
  })
4339
4339
  }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandEmpty, {
4340
4340
  className: cn("w-full py-2 text-center", notFoundLabelClassName),
@@ -4414,7 +4414,7 @@ var TableCell = function(param) {
4414
4414
  children: value
4415
4415
  });
4416
4416
  };
4417
- var Filter = (0, import_react7.memo)(function(param) {
4417
+ var Filter = (0, import_react8.memo)(function(param) {
4418
4418
  var filterableColumn = param.filterableColumn, index2 = param.index;
4419
4419
  var _filters_filterableColumn_dataKey, _filters_filterableColumn_dataKey1, _filterOptions_filterableColumn_dataKey;
4420
4420
  var _useTableContext = useTableContext(), direction = _useTableContext.direction, headers = _useTableContext.headers, filters = _useTableContext.filters, filterOptions = _useTableContext.filterOptions, filterPopupsDisplay = _useTableContext.filterPopupsDisplay, handleFilterChange = _useTableContext.handleFilterChange, handleFilterClick = _useTableContext.handleFilterClick, closeFilterWindow = _useTableContext.closeFilterWindow, filterLabel = _useTableContext.filterLabel;
@@ -4492,9 +4492,9 @@ var Filter = (0, import_react7.memo)(function(param) {
4492
4492
  ]
4493
4493
  });
4494
4494
  });
4495
- var TableHead = (0, import_react7.memo)(function() {
4495
+ var TableHead = (0, import_react8.memo)(function() {
4496
4496
  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;
4497
- var sortDisplay = (0, import_react7.useMemo)(function() {
4497
+ var sortDisplay = (0, import_react8.useMemo)(function() {
4498
4498
  return Boolean(sortKeys === null || sortKeys === void 0 ? void 0 : sortKeys.length);
4499
4499
  }, [
4500
4500
  sortKeys
@@ -4534,7 +4534,7 @@ var TableHead = (0, import_react7.memo)(function() {
4534
4534
  })
4535
4535
  });
4536
4536
  }, renderOnce);
4537
- var TableBody = (0, import_react7.memo)(function() {
4537
+ var TableBody = (0, import_react8.memo)(function() {
4538
4538
  var dataToRender = useTableContext().dataToRender;
4539
4539
  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("tbody", {
4540
4540
  className: "divide-y divide-gray-600",
@@ -4546,7 +4546,7 @@ var TableBody = (0, import_react7.memo)(function() {
4546
4546
  })
4547
4547
  });
4548
4548
  }, renderOnce);
4549
- var MaxRowsLabel = (0, import_react7.memo)(function() {
4549
+ var MaxRowsLabel = (0, import_react8.memo)(function() {
4550
4550
  var _useTableContext = useTableContext(), data = _useTableContext.data, dataToRender = _useTableContext.dataToRender, maxRowsLabel1 = _useTableContext.maxRowsLabel1, maxRowsLabel2 = _useTableContext.maxRowsLabel2, maxRows = _useTableContext.maxRows, maxRowsContainerClassName = _useTableContext.maxRowsContainerClassName;
4551
4551
  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
4552
4552
  className: cn("flex justify-start items-center text-lg gap-1", maxRowsContainerClassName || ""),
@@ -4566,7 +4566,7 @@ var MaxRowsLabel = (0, import_react7.memo)(function() {
4566
4566
  ]
4567
4567
  });
4568
4568
  }, renderOnce);
4569
- var ExportToExcel = (0, import_react7.memo)(function() {
4569
+ var ExportToExcel = (0, import_react8.memo)(function() {
4570
4570
  var _useTableContext = useTableContext(), exportToExcelKeys = _useTableContext.exportToExcelKeys, dataToAddToExcelTable = _useTableContext.dataToAddToExcelTable, excelFileName = _useTableContext.excelFileName, dataToRender = _useTableContext.dataToRender, headers = _useTableContext.headers, sumColumns = _useTableContext.sumColumns, exportExcelTitle = _useTableContext.exportExcelTitle, exportExcelContent = _useTableContext.exportExcelContent, exportToExcelClassName = _useTableContext.exportToExcelClassName;
4571
4571
  var addPropertiesToExcel = function(properties) {
4572
4572
  var newData = _to_consumable_array(dataToRender.renderedData);
@@ -4646,7 +4646,7 @@ var ExportToExcel = (0, import_react7.memo)(function() {
4646
4646
  children: exportExcelContent || exportToExcelSvg()
4647
4647
  });
4648
4648
  }, renderOnce);
4649
- var Search = (0, import_react7.memo)(function() {
4649
+ var Search = (0, import_react8.memo)(function() {
4650
4650
  var _useTableContext = useTableContext(), searchQuery = _useTableContext.searchQuery, handleSearch = _useTableContext.handleSearch, searchPlaceHolder = _useTableContext.searchPlaceHolder, searchInputClassName = _useTableContext.searchInputClassName, searchInputStyle = _useTableContext.searchInputStyle;
4651
4651
  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", {
4652
4652
  className: cn("w-40 border-black border-[1px] text-lg px-2 ", searchInputClassName),
@@ -4657,7 +4657,7 @@ var Search = (0, import_react7.memo)(function() {
4657
4657
  style: searchInputStyle
4658
4658
  });
4659
4659
  }, renderOnce);
4660
- var Summary = (0, import_react7.memo)(function() {
4660
+ var Summary = (0, import_react8.memo)(function() {
4661
4661
  var _useTableContext = useTableContext(), summaryContainerStyle = _useTableContext.summaryContainerStyle, summaryLabelStyle = _useTableContext.summaryLabelStyle, summaryLabel = _useTableContext.summaryLabel, summaryRowStyle = _useTableContext.summaryRowStyle, sumColumns = _useTableContext.sumColumns, dataToRender = _useTableContext.dataToRender, direction = _useTableContext.direction;
4662
4662
  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
4663
4663
  style: _object_spread_props(_object_spread({}, summaryContainerStyle), {
@@ -4742,7 +4742,7 @@ var TableButton = function(param) {
4742
4742
  };
4743
4743
  var DurationUI = function(param) {
4744
4744
  var duration = param.duration, _param_daysLabel = param.daysLabel, daysLabel = _param_daysLabel === void 0 ? "d" : _param_daysLabel, _param_hoursLabel = param.hoursLabel, hoursLabel = _param_hoursLabel === void 0 ? "h" : _param_hoursLabel, _param_minutesLabel = param.minutesLabel, minutesLabel = _param_minutesLabel === void 0 ? "m" : _param_minutesLabel, _param_secondsLabel = param.secondsLabel, secondsLabel = _param_secondsLabel === void 0 ? "s" : _param_secondsLabel, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, direction = param.direction;
4745
- var _ref = (0, import_react7.useMemo)(function() {
4745
+ var _ref = (0, import_react8.useMemo)(function() {
4746
4746
  var secondsInDay = 86400;
4747
4747
  var days = Math.floor(duration / secondsInDay);
4748
4748
  var remainderAfterDays = duration % secondsInDay;
@@ -4858,12 +4858,12 @@ var NumberUI = function(param) {
4858
4858
  });
4859
4859
  };
4860
4860
  // src/components/forms/ModularForm/ModularForm.tsx
4861
- var import_react10 = require("react");
4861
+ var import_react11 = require("react");
4862
4862
  // src/components/forms/ModularForm/formElements.tsx
4863
- var import_react9 = require("react");
4863
+ var import_react10 = require("react");
4864
4864
  // src/components/forms/ModularForm/InternationalPhonePicker.tsx
4865
4865
  var import_lucide_react5 = require("lucide-react");
4866
- var import_react8 = require("react");
4866
+ var import_react9 = require("react");
4867
4867
  var RPNInput = __toESM(require("react-phone-number-input"));
4868
4868
  var import_flags = __toESM(require("react-phone-number-input/flags"));
4869
4869
  var import_jsx_runtime18 = require("react/jsx-runtime");
@@ -4876,8 +4876,8 @@ function InternationalPhonePicker(param) {
4876
4876
  }
4877
4877
  }
4878
4878
  };
4879
- var _ref = _sliced_to_array((0, import_react8.useState)(""), 2), tempPhoneValue = _ref[0], setTempPhoneValue = _ref[1];
4880
- (0, import_react8.useEffect)(function() {
4879
+ var _ref = _sliced_to_array((0, import_react9.useState)(""), 2), tempPhoneValue = _ref[0], setTempPhoneValue = _ref[1];
4880
+ (0, import_react9.useEffect)(function() {
4881
4881
  if (defaultValue) {
4882
4882
  if (setPhoneValue) {
4883
4883
  setPhoneValue(defaultValue);
@@ -4942,15 +4942,15 @@ function InternationalPhonePicker(param) {
4942
4942
  ]
4943
4943
  });
4944
4944
  }
4945
- var PhoneInput = (0, import_react8.forwardRef)(function(_param, ref) {
4945
+ var PhoneInput = (0, import_react9.forwardRef)(function(_param, ref) {
4946
4946
  var className = _param.className, onKeyDown = _param.onKeyDown, defaultValue = _param.defaultValue, style = _param.style, props = _object_without_properties(_param, [
4947
4947
  "className",
4948
4948
  "onKeyDown",
4949
4949
  "defaultValue",
4950
4950
  "style"
4951
4951
  ]);
4952
- var inputRef = (0, import_react8.useRef)(null);
4953
- (0, import_react8.useEffect)(function() {
4952
+ var inputRef = (0, import_react9.useRef)(null);
4953
+ (0, import_react9.useEffect)(function() {
4954
4954
  if (inputRef.current) {
4955
4955
  inputRef.current.focus();
4956
4956
  }
@@ -4976,7 +4976,7 @@ var CountrySelect = function(param) {
4976
4976
  var handleSelect = function(event) {
4977
4977
  onChange(event.target.value);
4978
4978
  };
4979
- var originalClassName = (0, import_react8.useMemo)(function() {
4979
+ var originalClassName = (0, import_react9.useMemo)(function() {
4980
4980
  return "relative inline-flex items-center self-stretch rounded-s-lg border border-input bg-background py-2 pe-2 ps-3 text-muted-foreground transition-shadow focus-within:z-10 focus-within:border-ring focus-within:outline-none focus-within:ring-[3px] focus-within:ring-ring/20 hover:bg-accent hover:text-foreground has-[:disabled]:pointer-events-none has-[:disabled]:opacity-50";
4981
4981
  }, []);
4982
4982
  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
@@ -5041,7 +5041,7 @@ var FlagComponent = function(param) {
5041
5041
  // src/components/forms/ModularForm/formElements.tsx
5042
5042
  var import_jsx_runtime19 = require("react/jsx-runtime");
5043
5043
  var useSortValues = function(options, sortDirection, sortAsNumber) {
5044
- var sortOptions = (0, import_react9.useMemo)(function() {
5044
+ var sortOptions = (0, import_react10.useMemo)(function() {
5045
5045
  var sorted = sortAsNumber ? options.sort(function(a, b) {
5046
5046
  return parseInt(b.label) - parseInt(a.label);
5047
5047
  }) : options.sort(function(a, b) {
@@ -5057,13 +5057,13 @@ var useSortValues = function(options, sortDirection, sortAsNumber) {
5057
5057
  };
5058
5058
  var InputContainer = function(param) {
5059
5059
  var validationError = param.validationError, _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_inputType = param.inputType, inputType = _param_inputType === void 0 ? "text" : _param_inputType, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_validationName = param.validationName, validationName = _param_validationName === void 0 ? "textNumbers" : _param_validationName, _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, value = param.value;
5060
- var handleChangeFunction = (0, import_react9.useCallback)(function(e) {
5060
+ var handleChangeFunction = (0, import_react10.useCallback)(function(e) {
5061
5061
  handleChange(e);
5062
5062
  onChange === null || onChange === void 0 ? void 0 : onChange(e);
5063
5063
  }, [
5064
5064
  onChange
5065
5065
  ]);
5066
- var validationProps = (0, import_react9.useMemo)(function() {
5066
+ var validationProps = (0, import_react10.useMemo)(function() {
5067
5067
  return _object_spread_props(_object_spread({}, useValidation(validationName, validationError)), {
5068
5068
  onChange: handleChangeFunction
5069
5069
  });
@@ -5102,8 +5102,8 @@ var SelectContainer = function(param) {
5102
5102
  var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_optionClassName = param.optionClassName, optionClassName = _param_optionClassName === void 0 ? "" : _param_optionClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_optionsContainerClassName = param.optionsContainerClassName, optionsContainerClassName = _param_optionsContainerClassName === void 0 ? "" : _param_optionsContainerClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, onChange = param.onChange;
5103
5103
  var _sortOptions_, _options_find;
5104
5104
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
5105
- var _ref = _sliced_to_array((0, import_react9.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
5106
- var _ref1 = _sliced_to_array((0, import_react9.useState)(defaultValue || ((_sortOptions_ = sortOptions[0]) === null || _sortOptions_ === void 0 ? void 0 : _sortOptions_.value) || ""), 2), selectedValue = _ref1[0], setSelectedValue = _ref1[1];
5105
+ var _ref = _sliced_to_array((0, import_react10.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
5106
+ var _ref1 = _sliced_to_array((0, import_react10.useState)(defaultValue || ((_sortOptions_ = sortOptions[0]) === null || _sortOptions_ === void 0 ? void 0 : _sortOptions_.value) || ""), 2), selectedValue = _ref1[0], setSelectedValue = _ref1[1];
5107
5107
  var handleOptionClick = function(value) {
5108
5108
  setSelectedValue(value);
5109
5109
  onChange === null || onChange === void 0 ? void 0 : onChange(value);
@@ -5205,7 +5205,7 @@ function MultiSelect(param) {
5205
5205
  });
5206
5206
  }
5207
5207
  var SelectWithSearch = function(param) {
5208
- 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;
5208
+ 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;
5209
5209
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
5210
5210
  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
5211
5211
  className: cn("flex justify-between items-center w-full", containerClassName),
@@ -5220,6 +5220,7 @@ var SelectWithSearch = function(param) {
5220
5220
  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SearchSelect, {
5221
5221
  direction: direction,
5222
5222
  createNewOptionLabel: createNewOptionLabel,
5223
+ createNewOptionContainerClassName: createNewOptionContainerClassName,
5223
5224
  options: sortOptions,
5224
5225
  value: value,
5225
5226
  onChange: onChange,
@@ -5303,8 +5304,8 @@ var ModularForm = function(param) {
5303
5304
  return _ref.apply(this, arguments);
5304
5305
  };
5305
5306
  }() : _param_submitFunction, _param_elements = param.elements, elements = _param_elements === void 0 ? [] : _param_elements, headerContent = param.headerContent, buttonContent = param.buttonContent, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_headerClassName = param.headerClassName, headerClassName = _param_headerClassName === void 0 ? "" : _param_headerClassName, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, submitRef = param.submitRef;
5306
- var _ref = _sliced_to_array((0, import_react10.useState)(""), 2), errorMsg = _ref[0], setErrorMsg = _ref[1];
5307
- var _ref1 = _sliced_to_array((0, import_react10.useState)(false), 2), isLoading = _ref1[0], setIsLoading = _ref1[1];
5307
+ var _ref = _sliced_to_array((0, import_react11.useState)(""), 2), errorMsg = _ref[0], setErrorMsg = _ref[1];
5308
+ var _ref1 = _sliced_to_array((0, import_react11.useState)(false), 2), isLoading = _ref1[0], setIsLoading = _ref1[1];
5308
5309
  var onSubmit = /*#__PURE__*/ function() {
5309
5310
  var _ref = _async_to_generator(function(e) {
5310
5311
  var form, err;
@@ -5405,7 +5406,7 @@ var ModularForm = function(param) {
5405
5406
  }), index2);
5406
5407
  case "custom":
5407
5408
  var _element_element;
5408
- return typeof ((_element_element = element.element) === null || _element_element === void 0 ? void 0 : _element_element.type) !== "string" && (0, import_react10.cloneElement)(element.element, {
5409
+ return typeof ((_element_element = element.element) === null || _element_element === void 0 ? void 0 : _element_element.type) !== "string" && (0, import_react11.cloneElement)(element.element, {
5409
5410
  key: index2
5410
5411
  });
5411
5412
  default:
@@ -5437,7 +5438,7 @@ var ModularForm = function(param) {
5437
5438
  };
5438
5439
  var ModularForm_default = ModularForm;
5439
5440
  // src/components/forms/index.tsx
5440
- var import_react11 = require("react");
5441
+ var import_react12 = require("react");
5441
5442
  var import_moment2 = __toESM(require("moment"));
5442
5443
  var import_jsx_runtime21 = require("react/jsx-runtime");
5443
5444
  var ConfirmForm = function(param) {
@@ -5562,7 +5563,7 @@ var DatePicker = function(param) {
5562
5563
  return _ref.apply(this, arguments);
5563
5564
  };
5564
5565
  }() : _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;
5565
- var _ref = _sliced_to_array((0, import_react11.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
5566
+ var _ref = _sliced_to_array((0, import_react12.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
5566
5567
  var onSubmit = /*#__PURE__*/ function() {
5567
5568
  var _ref = _async_to_generator(function(e) {
5568
5569
  return _ts_generator(this, function(_state) {
@@ -5636,12 +5637,12 @@ var DatePicker = function(param) {
5636
5637
  };
5637
5638
  // src/components/CodeInput.tsx
5638
5639
  var import_input_otp = require("input-otp");
5639
- var import_react12 = require("react");
5640
+ var import_react13 = require("react");
5640
5641
  var import_jsx_runtime22 = require("react/jsx-runtime");
5641
5642
  function CodeInput(param) {
5642
5643
  var codeValue = param.codeValue, setCodeValue = param.setCodeValue, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_slotContainerClassName = param.slotContainerClassName, slotContainerClassName = _param_slotContainerClassName === void 0 ? "" : _param_slotContainerClassName;
5643
- var firstInputRef = (0, import_react12.useRef)(null);
5644
- (0, import_react12.useEffect)(function() {
5644
+ var firstInputRef = (0, import_react13.useRef)(null);
5645
+ (0, import_react13.useEffect)(function() {
5645
5646
  if (firstInputRef.current) {
5646
5647
  firstInputRef.current.focus();
5647
5648
  }
package/dist/components/index.mjs CHANGED
@@ -1332,7 +1332,7 @@ ProgressComponent.displayName = ProgressPrimitive.Root.displayName;
1332
1332
  import ReactDOM2 from "react-dom";
1333
1333
  import { Command as CommandPrimitive2, useCommandState } from "cmdk";
1334
1334
  import { X as X2 } from "lucide-react";
1335
- import * as React9 from "react";
1335
+ import React9 from "react";
1336
1336
  import { forwardRef as forwardRef6, useEffect as useEffect4, useCallback as useCallback2, useMemo as useMemo4, useRef as useRef3 } from "react";
1337
1337
  // src/components/ui/command.tsx
1338
1338
  import { Command as CommandPrimitive } from "cmdk";
@@ -4015,15 +4015,15 @@ function PopoverContent(_param) {
4015
4015
  }
4016
4016
  // src/components/ui/SearchSelect.tsx
4017
4017
  import { CheckIcon, ChevronDownIcon } from "lucide-react";
4018
- import { useCallback as useCallback3, useEffect as useEffect5, useId, useMemo as useMemo5, useState as useState5 } from "react";
4018
+ import { useCallback as useCallback3, useEffect as useEffect5, useId, useMemo as useMemo5, useState as useState4 } from "react";
4019
4019
  import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
4020
4020
  function SearchSelect(param) {
4021
- var options = param.options, name = param.name, _param_selectPlaceholder = param.selectPlaceholder, selectPlaceholder = _param_selectPlaceholder === void 0 ? "Select" : _param_selectPlaceholder, defaultValue = param.defaultValue, _param_searchPlaceholder = param.searchPlaceholder, searchPlaceholder = _param_searchPlaceholder === void 0 ? "Search" : _param_searchPlaceholder, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, notFoundLabel = param.notFoundLabel, notFoundLabelClassName = param.notFoundLabelClassName, elementClassName = param.elementClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, value = param.value, disabled = param.disabled, onChange = param.onChange, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel;
4021
+ var options = param.options, name = param.name, _param_selectPlaceholder = param.selectPlaceholder, selectPlaceholder = _param_selectPlaceholder === void 0 ? "Select" : _param_selectPlaceholder, defaultValue = param.defaultValue, _param_searchPlaceholder = param.searchPlaceholder, searchPlaceholder = _param_searchPlaceholder === void 0 ? "Search" : _param_searchPlaceholder, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, notFoundLabel = param.notFoundLabel, notFoundLabelClassName = param.notFoundLabelClassName, elementClassName = param.elementClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, value = param.value, disabled = param.disabled, onChange = param.onChange, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName;
4022
4022
  var id = useId();
4023
- var _useState5 = _sliced_to_array(useState5(false), 2), open = _useState5[0], setOpen = _useState5[1];
4024
- var _useState51 = _sliced_to_array(useState5(value || defaultValue || ""), 2), selectedValue = _useState51[0], setSelectedValue = _useState51[1];
4025
- var _useState52 = _sliced_to_array(useState5(""), 2), searchQuery = _useState52[0], setSearchQuery = _useState52[1];
4026
- var _useState53 = _sliced_to_array(useState5([]), 2), newOptions = _useState53[0], setNewOptions = _useState53[1];
4023
+ var _useState4 = _sliced_to_array(useState4(false), 2), open = _useState4[0], setOpen = _useState4[1];
4024
+ var _useState41 = _sliced_to_array(useState4(value || defaultValue || ""), 2), selectedValue = _useState41[0], setSelectedValue = _useState41[1];
4025
+ var _useState42 = _sliced_to_array(useState4(""), 2), searchQuery = _useState42[0], setSearchQuery = _useState42[1];
4026
+ var _useState43 = _sliced_to_array(useState4([]), 2), newOptions = _useState43[0], setNewOptions = _useState43[1];
4027
4027
  useEffect5(function() {
4028
4028
  setSelectedValue(value);
4029
4029
  }, [
@@ -4132,14 +4132,14 @@ function SearchSelect(param) {
4132
4132
  }),
4133
4133
  /* @__PURE__ */ jsx15(CommandList, {
4134
4134
  children: filteredOptions.length === 0 && searchQuery !== "" ? createNewOptionLabel ? /* @__PURE__ */ jsx15(CommandEmpty, {
4135
+ style: {
4136
+ direction: direction
4137
+ },
4135
4138
  onClick: addNewOption,
4136
- className: cn("hover:bg-[#cccbcb] cursor-pointer w-full", notFoundLabelClassName),
4139
+ className: cn("hover:bg-[#cccbcb] cursor-pointer w-full", createNewOptionContainerClassName),
4137
4140
  children: /* @__PURE__ */ jsx15("div", {
4138
- className: "w-full h-10 flex items-center px-2",
4139
- style: {
4140
- direction: direction
4141
- },
4142
- children: "".concat(createNewOptionLabel, ": ").concat(searchQuery)
4141
+ className: cn("w-full h-10 flex items-center px-2", notFoundLabelClassName),
4142
+ children: "".concat(createNewOptionLabel, " : ").concat(searchQuery)
4143
4143
  })
4144
4144
  }) : /* @__PURE__ */ jsx15(CommandEmpty, {
4145
4145
  className: cn("w-full py-2 text-center", notFoundLabelClassName),
@@ -4663,12 +4663,12 @@ var NumberUI = function(param) {
4663
4663
  });
4664
4664
  };
4665
4665
  // src/components/forms/ModularForm/ModularForm.tsx
4666
- import { cloneElement, useState as useState8 } from "react";
4666
+ import { cloneElement, useState as useState7 } from "react";
4667
4667
  // src/components/forms/ModularForm/formElements.tsx
4668
- import { useCallback as useCallback4, useMemo as useMemo8, useState as useState7 } from "react";
4668
+ import { useCallback as useCallback4, useMemo as useMemo8, useState as useState6 } from "react";
4669
4669
  // src/components/forms/ModularForm/InternationalPhonePicker.tsx
4670
4670
  import { ChevronDown, Phone } from "lucide-react";
4671
- import { forwardRef as forwardRef7, useEffect as useEffect6, useMemo as useMemo7, useRef as useRef4, useState as useState6 } from "react";
4671
+ import { forwardRef as forwardRef7, useEffect as useEffect6, useMemo as useMemo7, useRef as useRef4, useState as useState5 } from "react";
4672
4672
  import * as RPNInput from "react-phone-number-input";
4673
4673
  import flags from "react-phone-number-input/flags";
4674
4674
  import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -4681,7 +4681,7 @@ function InternationalPhonePicker(param) {
4681
4681
  }
4682
4682
  }
4683
4683
  };
4684
- var _useState6 = _sliced_to_array(useState6(""), 2), tempPhoneValue = _useState6[0], setTempPhoneValue = _useState6[1];
4684
+ var _useState5 = _sliced_to_array(useState5(""), 2), tempPhoneValue = _useState5[0], setTempPhoneValue = _useState5[1];
4685
4685
  useEffect6(function() {
4686
4686
  if (defaultValue) {
4687
4687
  if (setPhoneValue) {
@@ -4907,8 +4907,8 @@ var SelectContainer = function(param) {
4907
4907
  var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_optionClassName = param.optionClassName, optionClassName = _param_optionClassName === void 0 ? "" : _param_optionClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_optionsContainerClassName = param.optionsContainerClassName, optionsContainerClassName = _param_optionsContainerClassName === void 0 ? "" : _param_optionsContainerClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, onChange = param.onChange;
4908
4908
  var _sortOptions_, _options_find;
4909
4909
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
4910
- var _useState7 = _sliced_to_array(useState7(false), 2), isOpen = _useState7[0], setIsOpen = _useState7[1];
4911
- var _useState71 = _sliced_to_array(useState7(defaultValue || ((_sortOptions_ = sortOptions[0]) === null || _sortOptions_ === void 0 ? void 0 : _sortOptions_.value) || ""), 2), selectedValue = _useState71[0], setSelectedValue = _useState71[1];
4910
+ var _useState6 = _sliced_to_array(useState6(false), 2), isOpen = _useState6[0], setIsOpen = _useState6[1];
4911
+ var _useState61 = _sliced_to_array(useState6(defaultValue || ((_sortOptions_ = sortOptions[0]) === null || _sortOptions_ === void 0 ? void 0 : _sortOptions_.value) || ""), 2), selectedValue = _useState61[0], setSelectedValue = _useState61[1];
4912
4912
  var handleOptionClick = function(value) {
4913
4913
  setSelectedValue(value);
4914
4914
  onChange === null || onChange === void 0 ? void 0 : onChange(value);
@@ -5010,7 +5010,7 @@ function MultiSelect(param) {
5010
5010
  });
5011
5011
  }
5012
5012
  var SelectWithSearch = function(param) {
5013
- 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;
5013
+ 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;
5014
5014
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
5015
5015
  return /* @__PURE__ */ jsxs13("div", {
5016
5016
  className: cn("flex justify-between items-center w-full", containerClassName),
@@ -5025,6 +5025,7 @@ var SelectWithSearch = function(param) {
5025
5025
  /* @__PURE__ */ jsx18(SearchSelect, {
5026
5026
  direction: direction,
5027
5027
  createNewOptionLabel: createNewOptionLabel,
5028
+ createNewOptionContainerClassName: createNewOptionContainerClassName,
5028
5029
  options: sortOptions,
5029
5030
  value: value,
5030
5031
  onChange: onChange,
@@ -5108,8 +5109,8 @@ var ModularForm = function(param) {
5108
5109
  return _ref.apply(this, arguments);
5109
5110
  };
5110
5111
  }() : _param_submitFunction, _param_elements = param.elements, elements = _param_elements === void 0 ? [] : _param_elements, headerContent = param.headerContent, buttonContent = param.buttonContent, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_headerClassName = param.headerClassName, headerClassName = _param_headerClassName === void 0 ? "" : _param_headerClassName, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, submitRef = param.submitRef;
5111
- var _useState8 = _sliced_to_array(useState8(""), 2), errorMsg = _useState8[0], setErrorMsg = _useState8[1];
5112
- var _useState81 = _sliced_to_array(useState8(false), 2), isLoading = _useState81[0], setIsLoading = _useState81[1];
5112
+ var _useState7 = _sliced_to_array(useState7(""), 2), errorMsg = _useState7[0], setErrorMsg = _useState7[1];
5113
+ var _useState71 = _sliced_to_array(useState7(false), 2), isLoading = _useState71[0], setIsLoading = _useState71[1];
5113
5114
  var onSubmit = /*#__PURE__*/ function() {
5114
5115
  var _ref = _async_to_generator(function(e) {
5115
5116
  var form, err;
@@ -5242,7 +5243,7 @@ var ModularForm = function(param) {
5242
5243
  };
5243
5244
  var ModularForm_default = ModularForm;
5244
5245
  // src/components/forms/index.tsx
5245
- import { useState as useState9 } from "react";
5246
+ import { useState as useState8 } from "react";
5246
5247
  import moment3 from "moment";
5247
5248
  import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
5248
5249
  var ConfirmForm = function(param) {
@@ -5367,7 +5368,7 @@ var DatePicker = function(param) {
5367
5368
  return _ref.apply(this, arguments);
5368
5369
  };
5369
5370
  }() : _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;
5370
- var _useState9 = _sliced_to_array(useState9(false), 2), isLoading = _useState9[0], setIsLoading = _useState9[1];
5371
+ var _useState8 = _sliced_to_array(useState8(false), 2), isLoading = _useState8[0], setIsLoading = _useState8[1];
5371
5372
  var onSubmit = /*#__PURE__*/ function() {
5372
5373
  var _ref = _async_to_generator(function(e) {
5373
5374
  return _ts_generator(this, function(_state) {
package/dist/types/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Command as Command$1 } from 'cmdk';
2
2
  import * as React$1 from 'react';
3
- import { ReactNode, Dispatch, SetStateAction } from 'react';
3
+ import React__default, { ReactNode, Dispatch, SetStateAction } from 'react';
4
4
  import * as RPNInput from 'react-phone-number-input';
5
5
  import { WhereFilterOp, Unsubscribe } from 'firebase/firestore';
6
6
 
@@ -34,8 +34,8 @@ interface MultipleSelectorProps {
34
34
  defaultOptions?: MultipleSelectorOption[];
35
35
  options?: MultipleSelectorOption[];
36
36
  placeholder?: string;
37
- loadingIndicator?: React$1.ReactNode;
38
- emptyIndicator?: React$1.ReactNode;
37
+ loadingIndicator?: React__default.ReactNode;
38
+ emptyIndicator?: React__default.ReactNode;
39
39
  delay?: number;
40
40
  triggerSearchOnFocus?: boolean;
41
41
  onSearch?: (value: string) => Promise<MultipleSelectorOption[]>;
@@ -50,8 +50,8 @@ interface MultipleSelectorProps {
50
50
  badgeClassName?: string;
51
51
  selectFirstItem?: boolean;
52
52
  createNewOptionLabel?: string;
53
- commandProps?: React$1.ComponentPropsWithoutRef<typeof Command>;
54
- inputProps?: Omit<React$1.ComponentPropsWithoutRef<typeof Command$1.Input>, "value" | "placeholder" | "disabled">;
53
+ commandProps?: React__default.ComponentPropsWithoutRef<typeof Command>;
54
+ inputProps?: Omit<React__default.ComponentPropsWithoutRef<typeof Command$1.Input>, "value" | "placeholder" | "disabled">;
55
55
  hideClearAllButton?: boolean;
56
56
  dropdownClassName?: string;
57
57
  dropdownOptionClassName?: string;
@@ -183,6 +183,7 @@ interface MultiSelectProps extends Omit<BaseElementProps, "containerClassName" |
183
183
  sortAsNumber?: boolean;
184
184
  searchInputProps?: MultipleSelectorProps["inputProps"];
185
185
  createNewOptionLabel?: string;
186
+ createNewOptionContainerClassName?: string;
186
187
  }
187
188
  interface SelectWithSearchProps extends BaseElementProps {
188
189
  type?: "selectWithSearch";
@@ -203,6 +204,7 @@ interface SelectWithSearchProps extends BaseElementProps {
203
204
  sortAsNumber?: boolean;
204
205
  disabled?: boolean;
205
206
  createNewOptionLabel?: string;
207
+ createNewOptionContainerClassName?: string;
206
208
  }
207
209
  interface InternationalInputProps extends Omit<BaseElementProps, "elementClassName"> {
208
210
  type?: "internationalPhoneInput";
package/dist/types/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Command as Command$1 } from 'cmdk';
2
2
  import * as React$1 from 'react';
3
- import { ReactNode, Dispatch, SetStateAction } from 'react';
3
+ import React__default, { ReactNode, Dispatch, SetStateAction } from 'react';
4
4
  import * as RPNInput from 'react-phone-number-input';
5
5
  import { WhereFilterOp, Unsubscribe } from 'firebase/firestore';
6
6
 
@@ -34,8 +34,8 @@ interface MultipleSelectorProps {
34
34
  defaultOptions?: MultipleSelectorOption[];
35
35
  options?: MultipleSelectorOption[];
36
36
  placeholder?: string;
37
- loadingIndicator?: React$1.ReactNode;
38
- emptyIndicator?: React$1.ReactNode;
37
+ loadingIndicator?: React__default.ReactNode;
38
+ emptyIndicator?: React__default.ReactNode;
39
39
  delay?: number;
40
40
  triggerSearchOnFocus?: boolean;
41
41
  onSearch?: (value: string) => Promise<MultipleSelectorOption[]>;
@@ -50,8 +50,8 @@ interface MultipleSelectorProps {
50
50
  badgeClassName?: string;
51
51
  selectFirstItem?: boolean;
52
52
  createNewOptionLabel?: string;
53
- commandProps?: React$1.ComponentPropsWithoutRef<typeof Command>;
54
- inputProps?: Omit<React$1.ComponentPropsWithoutRef<typeof Command$1.Input>, "value" | "placeholder" | "disabled">;
53
+ commandProps?: React__default.ComponentPropsWithoutRef<typeof Command>;
54
+ inputProps?: Omit<React__default.ComponentPropsWithoutRef<typeof Command$1.Input>, "value" | "placeholder" | "disabled">;
55
55
  hideClearAllButton?: boolean;
56
56
  dropdownClassName?: string;
57
57
  dropdownOptionClassName?: string;
@@ -183,6 +183,7 @@ interface MultiSelectProps extends Omit<BaseElementProps, "containerClassName" |
183
183
  sortAsNumber?: boolean;
184
184
  searchInputProps?: MultipleSelectorProps["inputProps"];
185
185
  createNewOptionLabel?: string;
186
+ createNewOptionContainerClassName?: string;
186
187
  }
187
188
  interface SelectWithSearchProps extends BaseElementProps {
188
189
  type?: "selectWithSearch";
@@ -203,6 +204,7 @@ interface SelectWithSearchProps extends BaseElementProps {
203
204
  sortAsNumber?: boolean;
204
205
  disabled?: boolean;
205
206
  createNewOptionLabel?: string;
207
+ createNewOptionContainerClassName?: string;
206
208
  }
207
209
  interface InternationalInputProps extends Omit<BaseElementProps, "elementClassName"> {
208
210
  type?: "internationalPhoneInput";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "akeyless-client-commons",
3
- "version": "1.0.40",
3
+ "version": "1.0.41",
4
4
  "scripts": {
5
5
  "build": "tsup",
6
6
  "deploy": "npm run build && npm version patch --no-git-tag-version && npm publish",