akeyless-client-commons 1.0.124 → 1.0.126

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 (5) hide show
  1. package/dist/components/index.d.mts +3 -1
  2. package/dist/components/index.d.ts +3 -1
  3. package/dist/components/index.js +23 -12
  4. package/dist/components/index.mjs +16 -13
  5. package/package.json +1 -1
package/dist/components/index.d.mts CHANGED
@@ -538,6 +538,8 @@ declare const ModularForm: ({ submitFunction, elements, headerContent, buttonCon
538
538
 
539
539
  declare function InternationalPhonePicker({ setPhoneValue, phoneValue, placeholder, className, containerClassName, defaultCountry, flagContainerClassName, inputClassName, defaultValue, name, style, onEnter, labelContent, labelClassName, required, direction, defaultFocus, labelsCommonClassName, }: InternationalInputProps): react_jsx_runtime.JSX.Element;
540
540
 
541
+ declare const defaultFormElementContainerClassName = "flex justify-start items-center gap-3 w-full";
542
+ declare const defaultFormElementBorderClassName = "border-[1px] border-gray-300 hover:border-black rounded-sm";
541
543
  declare const useSortValues: (options: any[], sortDirection: "abc" | "cba", sortAsNumber?: boolean) => any[];
542
544
  declare const InputContainer: ({ validationError, name, inputType, labelContent, defaultValue, validationName, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, value, labelWithDots, labelsCommonClassName, }: InputContainerProps) => react_jsx_runtime.JSX.Element;
543
545
  declare const SelectContainer: ({ name, labelContent, containerClassName, labelClassName, defaultValue, elementClassName, optionClassName, required, options, selectClassName, optionsContainerClassName, sortDirection, sortAsNumber, direction, onChange, labelWithDots, iconClassName, labelsCommonClassName, }: SelectContainerProps) => react_jsx_runtime.JSX.Element;
@@ -561,4 +563,4 @@ interface CodeInputProps {
561
563
  }
562
564
  declare function CodeInput({ codeValue, setCodeValue, className, slotContainerClassName, direction }: CodeInputProps): react_jsx_runtime.JSX.Element;
563
565
 
564
- export { Badge, type BadgeProps, BooleanUi, Button, Checkbox, CodeInput, ConfirmForm, DatePicker, DisplayAllRowsButton, DurationUI, ElementLabel, ErrorBoundary, ExportToExcel, Filter, type FilterProps, FormSeparator, GeoUi, type GeoUiProps, Input, InputContainer, InternationalPhonePicker, 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, useDebounce, useSortValues };
566
+ export { Badge, type BadgeProps, BooleanUi, Button, Checkbox, CodeInput, ConfirmForm, DatePicker, DisplayAllRowsButton, DurationUI, ElementLabel, ErrorBoundary, ExportToExcel, Filter, type FilterProps, FormSeparator, GeoUi, type GeoUiProps, Input, InputContainer, InternationalPhonePicker, 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 CHANGED
@@ -538,6 +538,8 @@ declare const ModularForm: ({ submitFunction, elements, headerContent, buttonCon
538
538
 
539
539
  declare function InternationalPhonePicker({ setPhoneValue, phoneValue, placeholder, className, containerClassName, defaultCountry, flagContainerClassName, inputClassName, defaultValue, name, style, onEnter, labelContent, labelClassName, required, direction, defaultFocus, labelsCommonClassName, }: InternationalInputProps): react_jsx_runtime.JSX.Element;
540
540
 
541
+ declare const defaultFormElementContainerClassName = "flex justify-start items-center gap-3 w-full";
542
+ declare const defaultFormElementBorderClassName = "border-[1px] border-gray-300 hover:border-black rounded-sm";
541
543
  declare const useSortValues: (options: any[], sortDirection: "abc" | "cba", sortAsNumber?: boolean) => any[];
542
544
  declare const InputContainer: ({ validationError, name, inputType, labelContent, defaultValue, validationName, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, value, labelWithDots, labelsCommonClassName, }: InputContainerProps) => react_jsx_runtime.JSX.Element;
543
545
  declare const SelectContainer: ({ name, labelContent, containerClassName, labelClassName, defaultValue, elementClassName, optionClassName, required, options, selectClassName, optionsContainerClassName, sortDirection, sortAsNumber, direction, onChange, labelWithDots, iconClassName, labelsCommonClassName, }: SelectContainerProps) => react_jsx_runtime.JSX.Element;
@@ -561,4 +563,4 @@ interface CodeInputProps {
561
563
  }
562
564
  declare function CodeInput({ codeValue, setCodeValue, className, slotContainerClassName, direction }: CodeInputProps): react_jsx_runtime.JSX.Element;
563
565
 
564
- export { Badge, type BadgeProps, BooleanUi, Button, Checkbox, CodeInput, ConfirmForm, DatePicker, DisplayAllRowsButton, DurationUI, ElementLabel, ErrorBoundary, ExportToExcel, Filter, type FilterProps, FormSeparator, GeoUi, type GeoUiProps, Input, InputContainer, InternationalPhonePicker, 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, useDebounce, useSortValues };
566
+ export { Badge, type BadgeProps, BooleanUi, Button, Checkbox, CodeInput, ConfirmForm, DatePicker, DisplayAllRowsButton, DurationUI, ElementLabel, ErrorBoundary, ExportToExcel, Filter, type FilterProps, FormSeparator, GeoUi, type GeoUiProps, Input, InputContainer, InternationalPhonePicker, 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 CHANGED
@@ -548,6 +548,12 @@ __export(index_exports, {
548
548
  buttonVariants: function() {
549
549
  return buttonVariants;
550
550
  },
551
+ defaultFormElementBorderClassName: function() {
552
+ return defaultFormElementBorderClassName;
553
+ },
554
+ defaultFormElementContainerClassName: function() {
555
+ return defaultFormElementContainerClassName;
556
+ },
551
557
  useDebounce: function() {
552
558
  return useDebounce;
553
559
  },
@@ -4845,6 +4851,9 @@ function SearchSelect(param) {
4845
4851
  className: cn("max-h-52 overflow-y-auto", dropdownClassName),
4846
4852
  children: filteredOptions.map(function(option) {
4847
4853
  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(CommandItem, {
4854
+ style: {
4855
+ direction: direction
4856
+ },
4848
4857
  className: cn("hover:bg-[#cccbcb] cursor-pointer", dropdownOptionClassName, selectedValue === option.value && "bg-[#cccbcb]"),
4849
4858
  value: JSON.stringify(option),
4850
4859
  onSelect: function(currentValue) {
@@ -5561,8 +5570,8 @@ var FlagComponent = function(param) {
5561
5570
  };
5562
5571
  // src/components/forms/ModularForm/formElements.tsx
5563
5572
  var import_jsx_runtime20 = require("react/jsx-runtime");
5564
- var defaultContainerClassName = "flex justify-start items-center gap-3 w-full";
5565
- var defaultBorderClassName = "border-[1px] border-gray-300 hover:border-black rounded-sm";
5573
+ var defaultFormElementContainerClassName = "flex justify-start items-center gap-3 w-full";
5574
+ var defaultFormElementBorderClassName = "border-[1px] border-gray-300 hover:border-black rounded-sm";
5566
5575
  var useSortValues = function(options, sortDirection, sortAsNumber) {
5567
5576
  var sortOptions = (0, import_react12.useMemo)(function() {
5568
5577
  var sorted = sortAsNumber ? options.sort(function(a, b) {
@@ -5594,7 +5603,7 @@ var InputContainer = function(param) {
5594
5603
  handleChangeFunction
5595
5604
  ]);
5596
5605
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
5597
- className: cn(defaultContainerClassName, containerClassName),
5606
+ className: cn(defaultFormElementContainerClassName, containerClassName),
5598
5607
  children: [
5599
5608
  labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
5600
5609
  labelsCommonClassName: labelsCommonClassName,
@@ -5608,7 +5617,7 @@ var InputContainer = function(param) {
5608
5617
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
5609
5618
  minLength: minLength,
5610
5619
  placeholder: placeholder,
5611
- className: cn("flex-1 bg-inherit h-9 py-2 px-3", defaultBorderClassName, elementClassName),
5620
+ className: cn("flex-1 bg-inherit h-9 py-2 px-3", defaultFormElementBorderClassName, elementClassName),
5612
5621
  defaultValue: defaultValue
5613
5622
  }), validationProps), {
5614
5623
  value: value,
@@ -5635,7 +5644,7 @@ var SelectContainer = function(param) {
5635
5644
  setIsOpen(false);
5636
5645
  };
5637
5646
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
5638
- className: cn(defaultContainerClassName, containerClassName),
5647
+ className: cn(defaultFormElementContainerClassName, containerClassName),
5639
5648
  children: [
5640
5649
  labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
5641
5650
  labelsCommonClassName: labelsCommonClassName,
@@ -5656,7 +5665,7 @@ var SelectContainer = function(param) {
5656
5665
  },
5657
5666
  children: [
5658
5667
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
5659
- className: cn("h-9 max-h-9 py-2 px-3 flex items-center justify-center cursor-pointer", defaultBorderClassName, selectClassName),
5668
+ className: cn("h-9 max-h-9 py-2 px-3 flex items-center justify-center cursor-pointer", defaultFormElementBorderClassName, selectClassName),
5660
5669
  children: ((_options_find = options.find(function(opt) {
5661
5670
  return opt.value === selectedValue;
5662
5671
  })) === null || _options_find === void 0 ? void 0 : _options_find.label) || selectedValue
@@ -5693,7 +5702,7 @@ function MultiSelect(param) {
5693
5702
  var onChange = param.onChange, selectedOptions = param.selectedOptions, emptyOptionsElement = param.emptyOptionsElement, unremovableOptions = param.unremovableOptions, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_styles = param.styles, styles = _param_styles === void 0 ? {} : _param_styles, _param_name = param.name, name = _param_name === void 0 ? "multipleSelect" : _param_name, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "Select items" : _param_placeholder, labelContent = param.labelContent, required = param.required, labelClassName = param.labelClassName, groupBy = param.groupBy, onSearch = param.onSearch, onSearchSync = param.onSearchSync, triggerSearchOnFocus = param.triggerSearchOnFocus, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, searchInputProps = param.searchInputProps, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName;
5694
5703
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
5695
5704
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
5696
- className: cn("".concat(labelContent ? defaultContainerClassName : ""), styles.containerClassName),
5705
+ className: cn("".concat(labelContent ? defaultFormElementContainerClassName : ""), styles.containerClassName),
5697
5706
  children: [
5698
5707
  labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
5699
5708
  labelsCommonClassName: labelsCommonClassName,
@@ -5722,7 +5731,7 @@ function MultiSelect(param) {
5722
5731
  hideClearAllButton: true,
5723
5732
  hidePlaceholderWhenSelected: true,
5724
5733
  badgeClassName: styles.badgeClassName,
5725
- className: styles.className,
5734
+ className: cn(defaultFormElementBorderClassName, styles.className),
5726
5735
  dropdownClassName: styles.dropdownClassName,
5727
5736
  dropdownOptionClassName: styles.dropdownOptionClassName,
5728
5737
  emptyIndicator: emptyOptionsElement || /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", {
@@ -5740,7 +5749,7 @@ var SelectWithSearch = function(param) {
5740
5749
  var options = param.options, labelClassName = param.labelClassName, labelContent = param.labelContent, name = param.name, onChange = param.onChange, value = param.value, placeholder = param.placeholder, required = param.required, defaultValue = param.defaultValue, notFoundLabel = param.notFoundLabel, searchPlaceholder = param.searchPlaceholder, containerClassName = param.containerClassName, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, elementClassName = param.elementClassName, notFoundLabelClassName = param.notFoundLabelClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, disabled = param.disabled, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName;
5741
5750
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
5742
5751
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
5743
- className: cn(defaultContainerClassName, containerClassName),
5752
+ className: cn(defaultFormElementContainerClassName, containerClassName),
5744
5753
  children: [
5745
5754
  labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
5746
5755
  labelsCommonClassName: labelsCommonClassName,
@@ -5762,7 +5771,7 @@ var SelectWithSearch = function(param) {
5762
5771
  name: name,
5763
5772
  elementClassName: elementClassName,
5764
5773
  selectPlaceholder: placeholder,
5765
- buttonClassName: buttonClassName,
5774
+ buttonClassName: cn(defaultFormElementBorderClassName, buttonClassName),
5766
5775
  buttonFocusClassName: buttonFocusClassName,
5767
5776
  disabled: disabled,
5768
5777
  searchClassName: searchClassName,
@@ -5778,7 +5787,7 @@ var SelectWithSearch = function(param) {
5778
5787
  var TextAreaContainer = function(param) {
5779
5788
  var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, minLength = param.minLength, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName;
5780
5789
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
5781
- className: cn(defaultContainerClassName, containerClassName),
5790
+ className: cn(defaultFormElementContainerClassName, containerClassName),
5782
5791
  children: [
5783
5792
  labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
5784
5793
  labelsCommonClassName: labelsCommonClassName,
@@ -5793,7 +5802,7 @@ var TextAreaContainer = function(param) {
5793
5802
  onChange: onChange,
5794
5803
  minLength: minLength,
5795
5804
  placeholder: placeholder,
5796
- className: cn("flex-1 bg-inherit min-h-16 max-h-52 overflow-auto px-2 py-1", defaultBorderClassName, elementClassName),
5805
+ className: cn("flex-1 bg-inherit min-h-16 max-h-52 overflow-auto px-2 py-1", defaultFormElementBorderClassName, elementClassName),
5797
5806
  defaultValue: defaultValue,
5798
5807
  required: required,
5799
5808
  name: name,
@@ -6231,6 +6240,8 @@ function Slot2(props) {
6231
6240
  Version: Version,
6232
6241
  badgeVariants: badgeVariants,
6233
6242
  buttonVariants: buttonVariants,
6243
+ defaultFormElementBorderClassName: defaultFormElementBorderClassName,
6244
+ defaultFormElementContainerClassName: defaultFormElementContainerClassName,
6234
6245
  useDebounce: useDebounce,
6235
6246
  useSortValues: useSortValues
6236
6247
  });
package/dist/components/index.mjs CHANGED
@@ -4644,6 +4644,9 @@ function SearchSelect(param) {
4644
4644
  className: cn("max-h-52 overflow-y-auto", dropdownClassName),
4645
4645
  children: filteredOptions.map(function(option) {
4646
4646
  return /* @__PURE__ */ jsxs11(CommandItem, {
4647
+ style: {
4648
+ direction: direction
4649
+ },
4647
4650
  className: cn("hover:bg-[#cccbcb] cursor-pointer", dropdownOptionClassName, selectedValue === option.value && "bg-[#cccbcb]"),
4648
4651
  value: JSON.stringify(option),
4649
4652
  onSelect: function(currentValue) {
@@ -5360,8 +5363,8 @@ var FlagComponent = function(param) {
5360
5363
  };
5361
5364
  // src/components/forms/ModularForm/formElements.tsx
5362
5365
  import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
5363
- var defaultContainerClassName = "flex justify-start items-center gap-3 w-full";
5364
- var defaultBorderClassName = "border-[1px] border-gray-300 hover:border-black rounded-sm";
5366
+ var defaultFormElementContainerClassName = "flex justify-start items-center gap-3 w-full";
5367
+ var defaultFormElementBorderClassName = "border-[1px] border-gray-300 hover:border-black rounded-sm";
5365
5368
  var useSortValues = function(options, sortDirection, sortAsNumber) {
5366
5369
  var sortOptions = useMemo8(function() {
5367
5370
  var sorted = sortAsNumber ? options.sort(function(a, b) {
@@ -5393,7 +5396,7 @@ var InputContainer = function(param) {
5393
5396
  handleChangeFunction
5394
5397
  ]);
5395
5398
  return /* @__PURE__ */ jsxs14("div", {
5396
- className: cn(defaultContainerClassName, containerClassName),
5399
+ className: cn(defaultFormElementContainerClassName, containerClassName),
5397
5400
  children: [
5398
5401
  labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
5399
5402
  labelsCommonClassName: labelsCommonClassName,
@@ -5407,7 +5410,7 @@ var InputContainer = function(param) {
5407
5410
  /* @__PURE__ */ jsx19("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
5408
5411
  minLength: minLength,
5409
5412
  placeholder: placeholder,
5410
- className: cn("flex-1 bg-inherit h-9 py-2 px-3", defaultBorderClassName, elementClassName),
5413
+ className: cn("flex-1 bg-inherit h-9 py-2 px-3", defaultFormElementBorderClassName, elementClassName),
5411
5414
  defaultValue: defaultValue
5412
5415
  }), validationProps), {
5413
5416
  value: value,
@@ -5434,7 +5437,7 @@ var SelectContainer = function(param) {
5434
5437
  setIsOpen(false);
5435
5438
  };
5436
5439
  return /* @__PURE__ */ jsxs14("div", {
5437
- className: cn(defaultContainerClassName, containerClassName),
5440
+ className: cn(defaultFormElementContainerClassName, containerClassName),
5438
5441
  children: [
5439
5442
  labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
5440
5443
  labelsCommonClassName: labelsCommonClassName,
@@ -5455,7 +5458,7 @@ var SelectContainer = function(param) {
5455
5458
  },
5456
5459
  children: [
5457
5460
  /* @__PURE__ */ jsx19("div", {
5458
- className: cn("h-9 max-h-9 py-2 px-3 flex items-center justify-center cursor-pointer", defaultBorderClassName, selectClassName),
5461
+ className: cn("h-9 max-h-9 py-2 px-3 flex items-center justify-center cursor-pointer", defaultFormElementBorderClassName, selectClassName),
5459
5462
  children: ((_options_find = options.find(function(opt) {
5460
5463
  return opt.value === selectedValue;
5461
5464
  })) === null || _options_find === void 0 ? void 0 : _options_find.label) || selectedValue
@@ -5492,7 +5495,7 @@ function MultiSelect(param) {
5492
5495
  var onChange = param.onChange, selectedOptions = param.selectedOptions, emptyOptionsElement = param.emptyOptionsElement, unremovableOptions = param.unremovableOptions, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_styles = param.styles, styles = _param_styles === void 0 ? {} : _param_styles, _param_name = param.name, name = _param_name === void 0 ? "multipleSelect" : _param_name, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "Select items" : _param_placeholder, labelContent = param.labelContent, required = param.required, labelClassName = param.labelClassName, groupBy = param.groupBy, onSearch = param.onSearch, onSearchSync = param.onSearchSync, triggerSearchOnFocus = param.triggerSearchOnFocus, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, searchInputProps = param.searchInputProps, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName;
5493
5496
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
5494
5497
  return /* @__PURE__ */ jsxs14("div", {
5495
- className: cn("".concat(labelContent ? defaultContainerClassName : ""), styles.containerClassName),
5498
+ className: cn("".concat(labelContent ? defaultFormElementContainerClassName : ""), styles.containerClassName),
5496
5499
  children: [
5497
5500
  labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
5498
5501
  labelsCommonClassName: labelsCommonClassName,
@@ -5521,7 +5524,7 @@ function MultiSelect(param) {
5521
5524
  hideClearAllButton: true,
5522
5525
  hidePlaceholderWhenSelected: true,
5523
5526
  badgeClassName: styles.badgeClassName,
5524
- className: styles.className,
5527
+ className: cn(defaultFormElementBorderClassName, styles.className),
5525
5528
  dropdownClassName: styles.dropdownClassName,
5526
5529
  dropdownOptionClassName: styles.dropdownOptionClassName,
5527
5530
  emptyIndicator: emptyOptionsElement || /* @__PURE__ */ jsx19("p", {
@@ -5539,7 +5542,7 @@ var SelectWithSearch = function(param) {
5539
5542
  var options = param.options, labelClassName = param.labelClassName, labelContent = param.labelContent, name = param.name, onChange = param.onChange, value = param.value, placeholder = param.placeholder, required = param.required, defaultValue = param.defaultValue, notFoundLabel = param.notFoundLabel, searchPlaceholder = param.searchPlaceholder, containerClassName = param.containerClassName, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, elementClassName = param.elementClassName, notFoundLabelClassName = param.notFoundLabelClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, disabled = param.disabled, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName;
5540
5543
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
5541
5544
  return /* @__PURE__ */ jsxs14("div", {
5542
- className: cn(defaultContainerClassName, containerClassName),
5545
+ className: cn(defaultFormElementContainerClassName, containerClassName),
5543
5546
  children: [
5544
5547
  labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
5545
5548
  labelsCommonClassName: labelsCommonClassName,
@@ -5561,7 +5564,7 @@ var SelectWithSearch = function(param) {
5561
5564
  name: name,
5562
5565
  elementClassName: elementClassName,
5563
5566
  selectPlaceholder: placeholder,
5564
- buttonClassName: buttonClassName,
5567
+ buttonClassName: cn(defaultFormElementBorderClassName, buttonClassName),
5565
5568
  buttonFocusClassName: buttonFocusClassName,
5566
5569
  disabled: disabled,
5567
5570
  searchClassName: searchClassName,
@@ -5577,7 +5580,7 @@ var SelectWithSearch = function(param) {
5577
5580
  var TextAreaContainer = function(param) {
5578
5581
  var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, minLength = param.minLength, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName;
5579
5582
  return /* @__PURE__ */ jsxs14("div", {
5580
- className: cn(defaultContainerClassName, containerClassName),
5583
+ className: cn(defaultFormElementContainerClassName, containerClassName),
5581
5584
  children: [
5582
5585
  labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
5583
5586
  labelsCommonClassName: labelsCommonClassName,
@@ -5592,7 +5595,7 @@ var TextAreaContainer = function(param) {
5592
5595
  onChange: onChange,
5593
5596
  minLength: minLength,
5594
5597
  placeholder: placeholder,
5595
- className: cn("flex-1 bg-inherit min-h-16 max-h-52 overflow-auto px-2 py-1", defaultBorderClassName, elementClassName),
5598
+ className: cn("flex-1 bg-inherit min-h-16 max-h-52 overflow-auto px-2 py-1", defaultFormElementBorderClassName, elementClassName),
5596
5599
  defaultValue: defaultValue,
5597
5600
  required: required,
5598
5601
  name: name,
@@ -5985,5 +5988,5 @@ function Slot2(props) {
5985
5988
  })
5986
5989
  });
5987
5990
  }
5988
- export { Badge, BooleanUi, Button, Checkbox, CodeInput, ConfirmForm, DatePicker, DisplayAllRowsButton, DurationUI, ElementLabel, ErrorBoundary, ExportToExcel, Filter, FormSeparator, GeoUi, Input, InputContainer, InternationalPhonePicker, 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, useDebounce, useSortValues };
5991
+ export { Badge, BooleanUi, Button, Checkbox, CodeInput, ConfirmForm, DatePicker, DisplayAllRowsButton, DurationUI, ElementLabel, ErrorBoundary, ExportToExcel, Filter, FormSeparator, GeoUi, Input, InputContainer, InternationalPhonePicker, 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 };
5989
5992
  //# sourceMappingURL=index.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "akeyless-client-commons",
3
- "version": "1.0.124",
3
+ "version": "1.0.126",
4
4
  "scripts": {
5
5
  "build": "tsup",
6
6
  "deploy": "npm run build && npm version patch --no-git-tag-version && npm publish",