akeyless-client-commons 1.0.97 → 1.0.99

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 +9 -7
  2. package/dist/components/index.d.ts +9 -7
  3. package/dist/components/index.js +37 -14
  4. package/dist/components/index.mjs +37 -14
  5. package/dist/types/index.d.mts +2 -0
  6. package/dist/types/index.d.ts +2 -0
  7. package/package.json +1 -1
package/dist/components/index.d.mts CHANGED
@@ -180,6 +180,7 @@ interface BaseElementProps {
180
180
  minLength?: number;
181
181
  validationError?: string;
182
182
  direction?: Direction;
183
+ labelsCommonClassName?: string;
183
184
  }
184
185
  interface InputElement extends BaseElementProps {
185
186
  type: "input";
@@ -307,6 +308,7 @@ interface ModularFormProps {
307
308
  direction?: Direction;
308
309
  submitRef?: React.MutableRefObject<HTMLButtonElement | null>;
309
310
  footerClassName?: string;
311
+ labelsCommonClassName?: string;
310
312
  errorClassName?: string;
311
313
  }
312
314
  interface ConfirmFormProps {
@@ -531,18 +533,18 @@ declare const TableProvider: (props: TableProps & {
531
533
  }) => react_jsx_runtime.JSX.Element;
532
534
  declare const Table: React__default.MemoExoticComponent<(props: TableProps) => react_jsx_runtime.JSX.Element>;
533
535
 
534
- declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
536
+ declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, labelsCommonClassName, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
535
537
 
536
538
  declare function InternationalPhonePicker({ setPhoneValue, phoneValue, placeholder, className, containerClassName, defaultCountry, flagContainerClassName, inputClassName, defaultValue, name, style, onEnter, labelContent, labelClassName, required, direction, defaultFocus, }: InternationalInputProps): react_jsx_runtime.JSX.Element;
537
539
 
538
540
  declare const useSortValues: (options: any[], sortDirection: "abc" | "cba", sortAsNumber?: boolean) => any[];
539
- declare const InputContainer: ({ validationError, name, inputType, labelContent, defaultValue, validationName, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, value, labelWithDots, }: InputContainerProps) => react_jsx_runtime.JSX.Element;
540
- declare const SelectContainer: ({ name, labelContent, containerClassName, labelClassName, defaultValue, elementClassName, optionClassName, required, options, selectClassName, optionsContainerClassName, sortDirection, sortAsNumber, direction, onChange, labelWithDots, iconClassName, }: SelectContainerProps) => react_jsx_runtime.JSX.Element;
541
- declare function MultiSelect({ onChange, selectedOptions, emptyOptionsElement, unremovableOptions, options, styles, name, placeholder, labelContent, required, labelClassName, groupBy, onSearch, onSearchSync, triggerSearchOnFocus, sortDirection, sortAsNumber, direction, createNewOptionLabel, searchInputProps, labelWithDots, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
542
- 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, labelWithDots, }: SelectWithSearchProps) => react_jsx_runtime.JSX.Element;
543
- declare const TextAreaContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, labelWithDots, }: TextAreaContainerProps) => react_jsx_runtime.JSX.Element;
541
+ 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;
542
+ 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;
543
+ declare function MultiSelect({ onChange, selectedOptions, emptyOptionsElement, unremovableOptions, options, styles, name, placeholder, labelContent, required, labelClassName, groupBy, onSearch, onSearchSync, triggerSearchOnFocus, sortDirection, sortAsNumber, direction, createNewOptionLabel, searchInputProps, labelWithDots, labelsCommonClassName, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
544
+ 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, labelWithDots, labelsCommonClassName, }: SelectWithSearchProps) => react_jsx_runtime.JSX.Element;
545
+ declare const TextAreaContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, labelWithDots, labelsCommonClassName, }: TextAreaContainerProps) => react_jsx_runtime.JSX.Element;
544
546
  declare const FormSeparator: ({ props, children }: FormSeparatorProps) => react_jsx_runtime.JSX.Element;
545
- declare const ElementLabel: ({ labelContent, labelClassName, name, required, withDots, direction, }: Omit<BaseElementProps, "containerClassName" | "elementClassName"> & {
547
+ declare const ElementLabel: ({ labelContent, labelClassName, name, required, withDots, direction, labelsCommonClassName, }: Omit<BaseElementProps, "containerClassName" | "elementClassName"> & {
546
548
  withDots?: boolean;
547
549
  }) => react_jsx_runtime.JSX.Element;
548
550
 
package/dist/components/index.d.ts CHANGED
@@ -180,6 +180,7 @@ interface BaseElementProps {
180
180
  minLength?: number;
181
181
  validationError?: string;
182
182
  direction?: Direction;
183
+ labelsCommonClassName?: string;
183
184
  }
184
185
  interface InputElement extends BaseElementProps {
185
186
  type: "input";
@@ -307,6 +308,7 @@ interface ModularFormProps {
307
308
  direction?: Direction;
308
309
  submitRef?: React.MutableRefObject<HTMLButtonElement | null>;
309
310
  footerClassName?: string;
311
+ labelsCommonClassName?: string;
310
312
  errorClassName?: string;
311
313
  }
312
314
  interface ConfirmFormProps {
@@ -531,18 +533,18 @@ declare const TableProvider: (props: TableProps & {
531
533
  }) => react_jsx_runtime.JSX.Element;
532
534
  declare const Table: React__default.MemoExoticComponent<(props: TableProps) => react_jsx_runtime.JSX.Element>;
533
535
 
534
- declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
536
+ declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, labelsCommonClassName, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
535
537
 
536
538
  declare function InternationalPhonePicker({ setPhoneValue, phoneValue, placeholder, className, containerClassName, defaultCountry, flagContainerClassName, inputClassName, defaultValue, name, style, onEnter, labelContent, labelClassName, required, direction, defaultFocus, }: InternationalInputProps): react_jsx_runtime.JSX.Element;
537
539
 
538
540
  declare const useSortValues: (options: any[], sortDirection: "abc" | "cba", sortAsNumber?: boolean) => any[];
539
- declare const InputContainer: ({ validationError, name, inputType, labelContent, defaultValue, validationName, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, value, labelWithDots, }: InputContainerProps) => react_jsx_runtime.JSX.Element;
540
- declare const SelectContainer: ({ name, labelContent, containerClassName, labelClassName, defaultValue, elementClassName, optionClassName, required, options, selectClassName, optionsContainerClassName, sortDirection, sortAsNumber, direction, onChange, labelWithDots, iconClassName, }: SelectContainerProps) => react_jsx_runtime.JSX.Element;
541
- declare function MultiSelect({ onChange, selectedOptions, emptyOptionsElement, unremovableOptions, options, styles, name, placeholder, labelContent, required, labelClassName, groupBy, onSearch, onSearchSync, triggerSearchOnFocus, sortDirection, sortAsNumber, direction, createNewOptionLabel, searchInputProps, labelWithDots, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
542
- 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, labelWithDots, }: SelectWithSearchProps) => react_jsx_runtime.JSX.Element;
543
- declare const TextAreaContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, labelWithDots, }: TextAreaContainerProps) => react_jsx_runtime.JSX.Element;
541
+ 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;
542
+ 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;
543
+ declare function MultiSelect({ onChange, selectedOptions, emptyOptionsElement, unremovableOptions, options, styles, name, placeholder, labelContent, required, labelClassName, groupBy, onSearch, onSearchSync, triggerSearchOnFocus, sortDirection, sortAsNumber, direction, createNewOptionLabel, searchInputProps, labelWithDots, labelsCommonClassName, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
544
+ 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, labelWithDots, labelsCommonClassName, }: SelectWithSearchProps) => react_jsx_runtime.JSX.Element;
545
+ declare const TextAreaContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, labelWithDots, labelsCommonClassName, }: TextAreaContainerProps) => react_jsx_runtime.JSX.Element;
544
546
  declare const FormSeparator: ({ props, children }: FormSeparatorProps) => react_jsx_runtime.JSX.Element;
545
- declare const ElementLabel: ({ labelContent, labelClassName, name, required, withDots, direction, }: Omit<BaseElementProps, "containerClassName" | "elementClassName"> & {
547
+ declare const ElementLabel: ({ labelContent, labelClassName, name, required, withDots, direction, labelsCommonClassName, }: Omit<BaseElementProps, "containerClassName" | "elementClassName"> & {
546
548
  withDots?: boolean;
547
549
  }) => react_jsx_runtime.JSX.Element;
548
550
 
package/dist/components/index.js CHANGED
@@ -5581,7 +5581,7 @@ var useSortValues = function(options, sortDirection, sortAsNumber) {
5581
5581
  return sortOptions;
5582
5582
  };
5583
5583
  var InputContainer = function(param) {
5584
- 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, labelWithDots = param.labelWithDots;
5584
+ 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, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName;
5585
5585
  var handleChangeFunction = (0, import_react12.useCallback)(function(e) {
5586
5586
  handleChange(e);
5587
5587
  onChange === null || onChange === void 0 ? void 0 : onChange(e);
@@ -5599,6 +5599,7 @@ var InputContainer = function(param) {
5599
5599
  className: cn(defaultContainerClassName, containerClassName),
5600
5600
  children: [
5601
5601
  labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
5602
+ labelsCommonClassName: labelsCommonClassName,
5602
5603
  withDots: labelWithDots,
5603
5604
  direction: direction,
5604
5605
  labelContent: labelContent,
@@ -5625,7 +5626,7 @@ var InputContainer = function(param) {
5625
5626
  });
5626
5627
  };
5627
5628
  var SelectContainer = function(param) {
5628
- 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_selectClassName = param.selectClassName, selectClassName = _param_selectClassName === void 0 ? "" : _param_selectClassName, _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, labelWithDots = param.labelWithDots, iconClassName = param.iconClassName;
5629
+ 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_selectClassName = param.selectClassName, selectClassName = _param_selectClassName === void 0 ? "" : _param_selectClassName, _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, labelWithDots = param.labelWithDots, iconClassName = param.iconClassName, labelsCommonClassName = param.labelsCommonClassName;
5629
5630
  var _sortOptions_, _options_find;
5630
5631
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
5631
5632
  var _ref = _sliced_to_array((0, import_react12.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
@@ -5639,6 +5640,7 @@ var SelectContainer = function(param) {
5639
5640
  className: cn(defaultContainerClassName, containerClassName),
5640
5641
  children: [
5641
5642
  labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
5643
+ labelsCommonClassName: labelsCommonClassName,
5642
5644
  withDots: labelWithDots,
5643
5645
  direction: direction,
5644
5646
  labelContent: labelContent,
@@ -5687,12 +5689,13 @@ var SelectContainer = function(param) {
5687
5689
  });
5688
5690
  };
5689
5691
  function MultiSelect(param) {
5690
- 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;
5692
+ 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;
5691
5693
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
5692
5694
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
5693
5695
  className: cn("".concat(labelContent ? defaultContainerClassName : ""), styles.containerClassName),
5694
5696
  children: [
5695
5697
  labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
5698
+ labelsCommonClassName: labelsCommonClassName,
5696
5699
  withDots: labelWithDots,
5697
5700
  direction: direction,
5698
5701
  labelContent: labelContent,
@@ -5733,12 +5736,13 @@ function MultiSelect(param) {
5733
5736
  });
5734
5737
  }
5735
5738
  var SelectWithSearch = function(param) {
5736
- 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;
5739
+ 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;
5737
5740
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
5738
5741
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
5739
5742
  className: cn(defaultContainerClassName, containerClassName),
5740
5743
  children: [
5741
5744
  labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
5745
+ labelsCommonClassName: labelsCommonClassName,
5742
5746
  withDots: labelWithDots,
5743
5747
  direction: direction,
5744
5748
  labelContent: labelContent,
@@ -5771,11 +5775,12 @@ var SelectWithSearch = function(param) {
5771
5775
  });
5772
5776
  };
5773
5777
  var TextAreaContainer = function(param) {
5774
- 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;
5778
+ 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;
5775
5779
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
5776
5780
  className: cn(defaultContainerClassName, containerClassName),
5777
5781
  children: [
5778
5782
  labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
5783
+ labelsCommonClassName: labelsCommonClassName,
5779
5784
  direction: direction,
5780
5785
  labelContent: labelContent,
5781
5786
  labelClassName: labelClassName,
@@ -5804,12 +5809,12 @@ var FormSeparator = function(param) {
5804
5809
  }));
5805
5810
  };
5806
5811
  var ElementLabel = function(param) {
5807
- var labelContent = param.labelContent, labelClassName = param.labelClassName, name = param.name, required = param.required, _param_withDots = param.withDots, withDots = _param_withDots === void 0 ? false : _param_withDots, direction = param.direction;
5812
+ var labelContent = param.labelContent, labelClassName = param.labelClassName, name = param.name, required = param.required, _param_withDots = param.withDots, withDots = _param_withDots === void 0 ? false : _param_withDots, direction = param.direction, labelsCommonClassName = param.labelsCommonClassName;
5808
5813
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", {
5809
5814
  style: {
5810
5815
  direction: direction
5811
5816
  },
5812
- className: cn("text-start w-fit flex gap-0.5 text-nowrap", labelClassName),
5817
+ className: cn("text-start w-fit flex gap-0.5 text-nowrap form-label", labelsCommonClassName, labelClassName),
5813
5818
  htmlFor: name,
5814
5819
  children: [
5815
5820
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
@@ -5839,7 +5844,7 @@ var ModularForm = function(param) {
5839
5844
  return function(form) {
5840
5845
  return _ref.apply(this, arguments);
5841
5846
  };
5842
- }() : _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, _param_footerClassName = param.footerClassName, footerClassName = _param_footerClassName === void 0 ? "" : _param_footerClassName, _param_errorClassName = param.errorClassName, errorClassName = _param_errorClassName === void 0 ? "" : _param_errorClassName;
5847
+ }() : _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, _param_footerClassName = param.footerClassName, footerClassName = _param_footerClassName === void 0 ? "" : _param_footerClassName, _param_errorClassName = param.errorClassName, errorClassName = _param_errorClassName === void 0 ? "" : _param_errorClassName, labelsCommonClassName = param.labelsCommonClassName;
5843
5848
  var _ref = _sliced_to_array((0, import_react13.useState)(""), 2), errorMsg = _ref[0], setErrorMsg = _ref[1];
5844
5849
  var _ref1 = _sliced_to_array((0, import_react13.useState)(false), 2), isLoading = _ref1[0], setIsLoading = _ref1[1];
5845
5850
  var onSubmit = /*#__PURE__*/ function() {
@@ -5910,6 +5915,18 @@ var ModularForm = function(param) {
5910
5915
  };
5911
5916
  }();
5912
5917
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", {
5918
+ onLoad: function(e) {
5919
+ var form = e.currentTarget;
5920
+ var labels = form.getElementsByClassName("form-label");
5921
+ var max_width = 0;
5922
+ Array.from(labels).forEach(function(label) {
5923
+ var label_width = label.scrollWidth;
5924
+ if (label_width > max_width) {
5925
+ max_width = label_width;
5926
+ }
5927
+ });
5928
+ console.log("\u05D4\u05E8\u05D5\u05D7\u05D1 \u05D4\u05DE\u05E7\u05E1\u05D9\u05DE\u05DC\u05D9 \u05D1\u05E4\u05D9\u05E7\u05E1\u05DC\u05D9\u05DD \u05D4\u05D5\u05D0:", max_width);
5929
+ },
5913
5930
  onSubmit: onSubmit,
5914
5931
  style: {
5915
5932
  direction: direction
@@ -5924,27 +5941,33 @@ var ModularForm = function(param) {
5924
5941
  switch(element.type){
5925
5942
  case "input":
5926
5943
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InputContainer, _object_spread_props(_object_spread({}, element), {
5927
- direction: direction
5944
+ direction: direction,
5945
+ labelsCommonClassName: labelsCommonClassName
5928
5946
  }), index2);
5929
5947
  case "textarea":
5930
5948
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextAreaContainer, _object_spread_props(_object_spread({}, element), {
5931
- direction: direction
5949
+ direction: direction,
5950
+ labelsCommonClassName: labelsCommonClassName
5932
5951
  }), index2);
5933
5952
  case "select":
5934
5953
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectContainer, _object_spread_props(_object_spread({}, element), {
5935
- direction: direction
5954
+ direction: direction,
5955
+ labelsCommonClassName: labelsCommonClassName
5936
5956
  }), index2);
5937
5957
  case "multiSelect":
5938
5958
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MultiSelect, _object_spread_props(_object_spread({}, element), {
5939
- direction: direction
5959
+ direction: direction,
5960
+ labelsCommonClassName: labelsCommonClassName
5940
5961
  }), index2);
5941
5962
  case "selectWithSearch":
5942
5963
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectWithSearch, _object_spread_props(_object_spread({}, element), {
5943
- direction: direction
5964
+ direction: direction,
5965
+ labelsCommonClassName: labelsCommonClassName
5944
5966
  }), index2);
5945
5967
  case "internationalPhoneInput":
5946
5968
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InternationalPhonePicker, _object_spread_props(_object_spread({}, element), {
5947
- direction: direction
5969
+ direction: direction,
5970
+ labelsCommonClassName: labelsCommonClassName
5948
5971
  }), index2);
5949
5972
  case "separator":
5950
5973
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormSeparator, _object_spread_props(_object_spread({}, element), {
package/dist/components/index.mjs CHANGED
@@ -5377,7 +5377,7 @@ var useSortValues = function(options, sortDirection, sortAsNumber) {
5377
5377
  return sortOptions;
5378
5378
  };
5379
5379
  var InputContainer = function(param) {
5380
- 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, labelWithDots = param.labelWithDots;
5380
+ 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, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName;
5381
5381
  var handleChangeFunction = useCallback5(function(e) {
5382
5382
  handleChange(e);
5383
5383
  onChange === null || onChange === void 0 ? void 0 : onChange(e);
@@ -5395,6 +5395,7 @@ var InputContainer = function(param) {
5395
5395
  className: cn(defaultContainerClassName, containerClassName),
5396
5396
  children: [
5397
5397
  labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
5398
+ labelsCommonClassName: labelsCommonClassName,
5398
5399
  withDots: labelWithDots,
5399
5400
  direction: direction,
5400
5401
  labelContent: labelContent,
@@ -5421,7 +5422,7 @@ var InputContainer = function(param) {
5421
5422
  });
5422
5423
  };
5423
5424
  var SelectContainer = function(param) {
5424
- 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_selectClassName = param.selectClassName, selectClassName = _param_selectClassName === void 0 ? "" : _param_selectClassName, _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, labelWithDots = param.labelWithDots, iconClassName = param.iconClassName;
5425
+ 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_selectClassName = param.selectClassName, selectClassName = _param_selectClassName === void 0 ? "" : _param_selectClassName, _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, labelWithDots = param.labelWithDots, iconClassName = param.iconClassName, labelsCommonClassName = param.labelsCommonClassName;
5425
5426
  var _sortOptions_, _options_find;
5426
5427
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
5427
5428
  var _useState7 = _sliced_to_array(useState7(false), 2), isOpen = _useState7[0], setIsOpen = _useState7[1];
@@ -5435,6 +5436,7 @@ var SelectContainer = function(param) {
5435
5436
  className: cn(defaultContainerClassName, containerClassName),
5436
5437
  children: [
5437
5438
  labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
5439
+ labelsCommonClassName: labelsCommonClassName,
5438
5440
  withDots: labelWithDots,
5439
5441
  direction: direction,
5440
5442
  labelContent: labelContent,
@@ -5483,12 +5485,13 @@ var SelectContainer = function(param) {
5483
5485
  });
5484
5486
  };
5485
5487
  function MultiSelect(param) {
5486
- 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;
5488
+ 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;
5487
5489
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
5488
5490
  return /* @__PURE__ */ jsxs14("div", {
5489
5491
  className: cn("".concat(labelContent ? defaultContainerClassName : ""), styles.containerClassName),
5490
5492
  children: [
5491
5493
  labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
5494
+ labelsCommonClassName: labelsCommonClassName,
5492
5495
  withDots: labelWithDots,
5493
5496
  direction: direction,
5494
5497
  labelContent: labelContent,
@@ -5529,12 +5532,13 @@ function MultiSelect(param) {
5529
5532
  });
5530
5533
  }
5531
5534
  var SelectWithSearch = function(param) {
5532
- 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;
5535
+ 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;
5533
5536
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
5534
5537
  return /* @__PURE__ */ jsxs14("div", {
5535
5538
  className: cn(defaultContainerClassName, containerClassName),
5536
5539
  children: [
5537
5540
  labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
5541
+ labelsCommonClassName: labelsCommonClassName,
5538
5542
  withDots: labelWithDots,
5539
5543
  direction: direction,
5540
5544
  labelContent: labelContent,
@@ -5567,11 +5571,12 @@ var SelectWithSearch = function(param) {
5567
5571
  });
5568
5572
  };
5569
5573
  var TextAreaContainer = function(param) {
5570
- 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;
5574
+ 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;
5571
5575
  return /* @__PURE__ */ jsxs14("div", {
5572
5576
  className: cn(defaultContainerClassName, containerClassName),
5573
5577
  children: [
5574
5578
  labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
5579
+ labelsCommonClassName: labelsCommonClassName,
5575
5580
  direction: direction,
5576
5581
  labelContent: labelContent,
5577
5582
  labelClassName: labelClassName,
@@ -5600,12 +5605,12 @@ var FormSeparator = function(param) {
5600
5605
  }));
5601
5606
  };
5602
5607
  var ElementLabel = function(param) {
5603
- var labelContent = param.labelContent, labelClassName = param.labelClassName, name = param.name, required = param.required, _param_withDots = param.withDots, withDots = _param_withDots === void 0 ? false : _param_withDots, direction = param.direction;
5608
+ var labelContent = param.labelContent, labelClassName = param.labelClassName, name = param.name, required = param.required, _param_withDots = param.withDots, withDots = _param_withDots === void 0 ? false : _param_withDots, direction = param.direction, labelsCommonClassName = param.labelsCommonClassName;
5604
5609
  return /* @__PURE__ */ jsxs14("label", {
5605
5610
  style: {
5606
5611
  direction: direction
5607
5612
  },
5608
- className: cn("text-start w-fit flex gap-0.5 text-nowrap", labelClassName),
5613
+ className: cn("text-start w-fit flex gap-0.5 text-nowrap form-label", labelsCommonClassName, labelClassName),
5609
5614
  htmlFor: name,
5610
5615
  children: [
5611
5616
  /* @__PURE__ */ jsx19("div", {
@@ -5635,7 +5640,7 @@ var ModularForm = function(param) {
5635
5640
  return function(form) {
5636
5641
  return _ref.apply(this, arguments);
5637
5642
  };
5638
- }() : _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, _param_footerClassName = param.footerClassName, footerClassName = _param_footerClassName === void 0 ? "" : _param_footerClassName, _param_errorClassName = param.errorClassName, errorClassName = _param_errorClassName === void 0 ? "" : _param_errorClassName;
5643
+ }() : _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, _param_footerClassName = param.footerClassName, footerClassName = _param_footerClassName === void 0 ? "" : _param_footerClassName, _param_errorClassName = param.errorClassName, errorClassName = _param_errorClassName === void 0 ? "" : _param_errorClassName, labelsCommonClassName = param.labelsCommonClassName;
5639
5644
  var _useState8 = _sliced_to_array(useState8(""), 2), errorMsg = _useState8[0], setErrorMsg = _useState8[1];
5640
5645
  var _useState81 = _sliced_to_array(useState8(false), 2), isLoading = _useState81[0], setIsLoading = _useState81[1];
5641
5646
  var onSubmit = /*#__PURE__*/ function() {
@@ -5706,6 +5711,18 @@ var ModularForm = function(param) {
5706
5711
  };
5707
5712
  }();
5708
5713
  return /* @__PURE__ */ jsxs15("form", {
5714
+ onLoad: function(e) {
5715
+ var form = e.currentTarget;
5716
+ var labels = form.getElementsByClassName("form-label");
5717
+ var max_width = 0;
5718
+ Array.from(labels).forEach(function(label) {
5719
+ var label_width = label.scrollWidth;
5720
+ if (label_width > max_width) {
5721
+ max_width = label_width;
5722
+ }
5723
+ });
5724
+ console.log("\u05D4\u05E8\u05D5\u05D7\u05D1 \u05D4\u05DE\u05E7\u05E1\u05D9\u05DE\u05DC\u05D9 \u05D1\u05E4\u05D9\u05E7\u05E1\u05DC\u05D9\u05DD \u05D4\u05D5\u05D0:", max_width);
5725
+ },
5709
5726
  onSubmit: onSubmit,
5710
5727
  style: {
5711
5728
  direction: direction
@@ -5720,27 +5737,33 @@ var ModularForm = function(param) {
5720
5737
  switch(element.type){
5721
5738
  case "input":
5722
5739
  return /* @__PURE__ */ jsx20(InputContainer, _object_spread_props(_object_spread({}, element), {
5723
- direction: direction
5740
+ direction: direction,
5741
+ labelsCommonClassName: labelsCommonClassName
5724
5742
  }), index2);
5725
5743
  case "textarea":
5726
5744
  return /* @__PURE__ */ jsx20(TextAreaContainer, _object_spread_props(_object_spread({}, element), {
5727
- direction: direction
5745
+ direction: direction,
5746
+ labelsCommonClassName: labelsCommonClassName
5728
5747
  }), index2);
5729
5748
  case "select":
5730
5749
  return /* @__PURE__ */ jsx20(SelectContainer, _object_spread_props(_object_spread({}, element), {
5731
- direction: direction
5750
+ direction: direction,
5751
+ labelsCommonClassName: labelsCommonClassName
5732
5752
  }), index2);
5733
5753
  case "multiSelect":
5734
5754
  return /* @__PURE__ */ jsx20(MultiSelect, _object_spread_props(_object_spread({}, element), {
5735
- direction: direction
5755
+ direction: direction,
5756
+ labelsCommonClassName: labelsCommonClassName
5736
5757
  }), index2);
5737
5758
  case "selectWithSearch":
5738
5759
  return /* @__PURE__ */ jsx20(SelectWithSearch, _object_spread_props(_object_spread({}, element), {
5739
- direction: direction
5760
+ direction: direction,
5761
+ labelsCommonClassName: labelsCommonClassName
5740
5762
  }), index2);
5741
5763
  case "internationalPhoneInput":
5742
5764
  return /* @__PURE__ */ jsx20(InternationalPhonePicker, _object_spread_props(_object_spread({}, element), {
5743
- direction: direction
5765
+ direction: direction,
5766
+ labelsCommonClassName: labelsCommonClassName
5744
5767
  }), index2);
5745
5768
  case "separator":
5746
5769
  return /* @__PURE__ */ jsx20(FormSeparator, _object_spread_props(_object_spread({}, element), {
package/dist/types/index.d.mts CHANGED
@@ -128,6 +128,7 @@ interface BaseElementProps {
128
128
  minLength?: number;
129
129
  validationError?: string;
130
130
  direction?: Direction;
131
+ labelsCommonClassName?: string;
131
132
  }
132
133
  interface InputElement extends BaseElementProps {
133
134
  type: "input";
@@ -255,6 +256,7 @@ interface ModularFormProps {
255
256
  direction?: Direction;
256
257
  submitRef?: React.MutableRefObject<HTMLButtonElement | null>;
257
258
  footerClassName?: string;
259
+ labelsCommonClassName?: string;
258
260
  errorClassName?: string;
259
261
  }
260
262
  interface ConfirmFormProps {
package/dist/types/index.d.ts CHANGED
@@ -128,6 +128,7 @@ interface BaseElementProps {
128
128
  minLength?: number;
129
129
  validationError?: string;
130
130
  direction?: Direction;
131
+ labelsCommonClassName?: string;
131
132
  }
132
133
  interface InputElement extends BaseElementProps {
133
134
  type: "input";
@@ -255,6 +256,7 @@ interface ModularFormProps {
255
256
  direction?: Direction;
256
257
  submitRef?: React.MutableRefObject<HTMLButtonElement | null>;
257
258
  footerClassName?: string;
259
+ labelsCommonClassName?: string;
258
260
  errorClassName?: string;
259
261
  }
260
262
  interface ConfirmFormProps {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "akeyless-client-commons",
3
- "version": "1.0.97",
3
+ "version": "1.0.99",
4
4
  "scripts": {
5
5
  "build": "tsup",
6
6
  "deploy": "npm run build && npm version patch --no-git-tag-version && npm publish",