akeyless-client-commons 1.0.150 → 1.0.152

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.
@@ -323,6 +323,8 @@ interface ModularFormProps {
323
323
  onLoad?: (e: EventTarget & HTMLFormElement) => void;
324
324
  autoFixLabelsWidth?: boolean;
325
325
  loaderProps?: LoaderProps;
326
+ elementsContainerClassName?: string;
327
+ className?: string;
326
328
  }
327
329
  interface ConfirmFormProps {
328
330
  onV: () => Promise<void> | void;
@@ -547,7 +549,7 @@ declare const TableProvider: (props: TableProps & {
547
549
  }) => react_jsx_runtime.JSX.Element;
548
550
  declare const Table: React__default.MemoExoticComponent<(props: TableProps) => react_jsx_runtime.JSX.Element>;
549
551
 
550
- declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, labelsCommonClassName, autoFixLabelsWidth, loaderProps, onLoad, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
552
+ declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, className, elementsContainerClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, labelsCommonClassName, autoFixLabelsWidth, loaderProps, onLoad, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
551
553
 
552
554
  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;
553
555
 
@@ -323,6 +323,8 @@ interface ModularFormProps {
323
323
  onLoad?: (e: EventTarget & HTMLFormElement) => void;
324
324
  autoFixLabelsWidth?: boolean;
325
325
  loaderProps?: LoaderProps;
326
+ elementsContainerClassName?: string;
327
+ className?: string;
326
328
  }
327
329
  interface ConfirmFormProps {
328
330
  onV: () => Promise<void> | void;
@@ -547,7 +549,7 @@ declare const TableProvider: (props: TableProps & {
547
549
  }) => react_jsx_runtime.JSX.Element;
548
550
  declare const Table: React__default.MemoExoticComponent<(props: TableProps) => react_jsx_runtime.JSX.Element>;
549
551
 
550
- declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, labelsCommonClassName, autoFixLabelsWidth, loaderProps, onLoad, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
552
+ declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, className, elementsContainerClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, labelsCommonClassName, autoFixLabelsWidth, loaderProps, onLoad, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
551
553
 
552
554
  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;
553
555
 
@@ -6061,7 +6061,7 @@ var ModularForm = function(param) {
6061
6061
  return function(form) {
6062
6062
  return _ref.apply(this, arguments);
6063
6063
  };
6064
- }() : _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, _param_autoFixLabelsWidth = param.autoFixLabelsWidth, autoFixLabelsWidth = _param_autoFixLabelsWidth === void 0 ? true : _param_autoFixLabelsWidth, loaderProps = param.loaderProps, onLoad = param.onLoad;
6064
+ }() : _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_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_elementsContainerClassName = param.elementsContainerClassName, elementsContainerClassName = _param_elementsContainerClassName === void 0 ? "" : _param_elementsContainerClassName, _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, _param_autoFixLabelsWidth = param.autoFixLabelsWidth, autoFixLabelsWidth = _param_autoFixLabelsWidth === void 0 ? true : _param_autoFixLabelsWidth, loaderProps = param.loaderProps, onLoad = param.onLoad;
6065
6065
  var _ref = _sliced_to_array((0, import_react14.useState)(""), 2), errorMsg = _ref[0], setErrorMsg = _ref[1];
6066
6066
  var _ref1 = _sliced_to_array((0, import_react14.useState)(false), 2), isLoading = _ref1[0], setIsLoading = _ref1[1];
6067
6067
  var formRef = (0, import_react14.useRef)(null);
@@ -6159,62 +6159,65 @@ var ModularForm = function(param) {
6159
6159
  style: {
6160
6160
  direction: direction
6161
6161
  },
6162
- className: cn("w-[350px] px-5 py-5 flex flex-col gap-5", formClassName),
6162
+ className: cn("w-[350px] px-5 py-5 flex flex-col gap-4", formClassName, className),
6163
6163
  children: [
6164
6164
  headerContent && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
6165
6165
  className: cn("border-b-2 border-[#547f22] pb-2 text-start font-bold text-[20px]", headerClassName),
6166
6166
  children: headerContent
6167
6167
  }),
6168
- elements.map(function(element, index2) {
6169
- switch(element.type){
6170
- case "input":
6171
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InputContainer, _object_spread_props(_object_spread({}, element), {
6172
- direction: direction,
6173
- labelsCommonClassName: labelsCommonClassName
6174
- }), index2);
6175
- case "textarea":
6176
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextAreaContainer, _object_spread_props(_object_spread({}, element), {
6177
- direction: direction,
6178
- labelsCommonClassName: labelsCommonClassName
6179
- }), index2);
6180
- case "select":
6181
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectContainer, _object_spread_props(_object_spread({}, element), {
6182
- direction: direction,
6183
- labelsCommonClassName: labelsCommonClassName
6184
- }), index2);
6185
- case "checkbox":
6186
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckboxContainer, _object_spread_props(_object_spread({}, element), {
6187
- direction: direction,
6188
- labelsCommonClassName: labelsCommonClassName
6189
- }), index2);
6190
- case "multiSelect":
6191
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MultiSelect, _object_spread_props(_object_spread({}, element), {
6192
- direction: direction,
6193
- labelsCommonClassName: labelsCommonClassName
6194
- }), index2);
6195
- case "selectWithSearch":
6196
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectWithSearch, _object_spread_props(_object_spread({}, element), {
6197
- direction: direction,
6198
- labelsCommonClassName: labelsCommonClassName
6199
- }), index2);
6200
- case "internationalPhoneInput":
6201
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InternationalPhonePicker, _object_spread_props(_object_spread({}, element), {
6202
- direction: direction,
6203
- labelsCommonClassName: labelsCommonClassName
6204
- }), index2);
6205
- case "separator":
6206
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormSeparator, _object_spread_props(_object_spread({}, element), {
6207
- direction: direction,
6208
- children: element.children
6209
- }), index2);
6210
- case "custom":
6211
- var _element_element;
6212
- return typeof ((_element_element = element.element) === null || _element_element === void 0 ? void 0 : _element_element.type) !== "string" && (0, import_react14.cloneElement)(element.element, {
6213
- key: index2
6214
- });
6215
- default:
6216
- return null;
6217
- }
6168
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
6169
+ className: cn("w-full flex flex-col gap-5", elementsContainerClassName),
6170
+ children: elements.map(function(element, index2) {
6171
+ switch(element.type){
6172
+ case "input":
6173
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InputContainer, _object_spread_props(_object_spread({}, element), {
6174
+ direction: direction,
6175
+ labelsCommonClassName: labelsCommonClassName
6176
+ }), index2);
6177
+ case "textarea":
6178
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextAreaContainer, _object_spread_props(_object_spread({}, element), {
6179
+ direction: direction,
6180
+ labelsCommonClassName: labelsCommonClassName
6181
+ }), index2);
6182
+ case "select":
6183
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectContainer, _object_spread_props(_object_spread({}, element), {
6184
+ direction: direction,
6185
+ labelsCommonClassName: labelsCommonClassName
6186
+ }), index2);
6187
+ case "checkbox":
6188
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckboxContainer, _object_spread_props(_object_spread({}, element), {
6189
+ direction: direction,
6190
+ labelsCommonClassName: labelsCommonClassName
6191
+ }), index2);
6192
+ case "multiSelect":
6193
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MultiSelect, _object_spread_props(_object_spread({}, element), {
6194
+ direction: direction,
6195
+ labelsCommonClassName: labelsCommonClassName
6196
+ }), index2);
6197
+ case "selectWithSearch":
6198
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectWithSearch, _object_spread_props(_object_spread({}, element), {
6199
+ direction: direction,
6200
+ labelsCommonClassName: labelsCommonClassName
6201
+ }), index2);
6202
+ case "internationalPhoneInput":
6203
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InternationalPhonePicker, _object_spread_props(_object_spread({}, element), {
6204
+ direction: direction,
6205
+ labelsCommonClassName: labelsCommonClassName
6206
+ }), index2);
6207
+ case "separator":
6208
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormSeparator, _object_spread_props(_object_spread({}, element), {
6209
+ direction: direction,
6210
+ children: element.children
6211
+ }), index2);
6212
+ case "custom":
6213
+ var _element_element;
6214
+ return typeof ((_element_element = element.element) === null || _element_element === void 0 ? void 0 : _element_element.type) !== "string" && (0, import_react14.cloneElement)(element.element, {
6215
+ key: index2
6216
+ });
6217
+ default:
6218
+ return null;
6219
+ }
6220
+ })
6218
6221
  }),
6219
6222
  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
6220
6223
  className: cn("flex justify-between w-full", footerClassName),
@@ -5848,7 +5848,7 @@ var ModularForm = function(param) {
5848
5848
  return function(form) {
5849
5849
  return _ref.apply(this, arguments);
5850
5850
  };
5851
- }() : _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, _param_autoFixLabelsWidth = param.autoFixLabelsWidth, autoFixLabelsWidth = _param_autoFixLabelsWidth === void 0 ? true : _param_autoFixLabelsWidth, loaderProps = param.loaderProps, onLoad = param.onLoad;
5851
+ }() : _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_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_elementsContainerClassName = param.elementsContainerClassName, elementsContainerClassName = _param_elementsContainerClassName === void 0 ? "" : _param_elementsContainerClassName, _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, _param_autoFixLabelsWidth = param.autoFixLabelsWidth, autoFixLabelsWidth = _param_autoFixLabelsWidth === void 0 ? true : _param_autoFixLabelsWidth, loaderProps = param.loaderProps, onLoad = param.onLoad;
5852
5852
  var _useState9 = _sliced_to_array(useState9(""), 2), errorMsg = _useState9[0], setErrorMsg = _useState9[1];
5853
5853
  var _useState91 = _sliced_to_array(useState9(false), 2), isLoading = _useState91[0], setIsLoading = _useState91[1];
5854
5854
  var formRef = useRef5(null);
@@ -5946,62 +5946,65 @@ var ModularForm = function(param) {
5946
5946
  style: {
5947
5947
  direction: direction
5948
5948
  },
5949
- className: cn("w-[350px] px-5 py-5 flex flex-col gap-5", formClassName),
5949
+ className: cn("w-[350px] px-5 py-5 flex flex-col gap-4", formClassName, className),
5950
5950
  children: [
5951
5951
  headerContent && /* @__PURE__ */ jsx20("div", {
5952
5952
  className: cn("border-b-2 border-[#547f22] pb-2 text-start font-bold text-[20px]", headerClassName),
5953
5953
  children: headerContent
5954
5954
  }),
5955
- elements.map(function(element, index2) {
5956
- switch(element.type){
5957
- case "input":
5958
- return /* @__PURE__ */ jsx20(InputContainer, _object_spread_props(_object_spread({}, element), {
5959
- direction: direction,
5960
- labelsCommonClassName: labelsCommonClassName
5961
- }), index2);
5962
- case "textarea":
5963
- return /* @__PURE__ */ jsx20(TextAreaContainer, _object_spread_props(_object_spread({}, element), {
5964
- direction: direction,
5965
- labelsCommonClassName: labelsCommonClassName
5966
- }), index2);
5967
- case "select":
5968
- return /* @__PURE__ */ jsx20(SelectContainer, _object_spread_props(_object_spread({}, element), {
5969
- direction: direction,
5970
- labelsCommonClassName: labelsCommonClassName
5971
- }), index2);
5972
- case "checkbox":
5973
- return /* @__PURE__ */ jsx20(CheckboxContainer, _object_spread_props(_object_spread({}, element), {
5974
- direction: direction,
5975
- labelsCommonClassName: labelsCommonClassName
5976
- }), index2);
5977
- case "multiSelect":
5978
- return /* @__PURE__ */ jsx20(MultiSelect, _object_spread_props(_object_spread({}, element), {
5979
- direction: direction,
5980
- labelsCommonClassName: labelsCommonClassName
5981
- }), index2);
5982
- case "selectWithSearch":
5983
- return /* @__PURE__ */ jsx20(SelectWithSearch, _object_spread_props(_object_spread({}, element), {
5984
- direction: direction,
5985
- labelsCommonClassName: labelsCommonClassName
5986
- }), index2);
5987
- case "internationalPhoneInput":
5988
- return /* @__PURE__ */ jsx20(InternationalPhonePicker, _object_spread_props(_object_spread({}, element), {
5989
- direction: direction,
5990
- labelsCommonClassName: labelsCommonClassName
5991
- }), index2);
5992
- case "separator":
5993
- return /* @__PURE__ */ jsx20(FormSeparator, _object_spread_props(_object_spread({}, element), {
5994
- direction: direction,
5995
- children: element.children
5996
- }), index2);
5997
- case "custom":
5998
- var _element_element;
5999
- return typeof ((_element_element = element.element) === null || _element_element === void 0 ? void 0 : _element_element.type) !== "string" && cloneElement(element.element, {
6000
- key: index2
6001
- });
6002
- default:
6003
- return null;
6004
- }
5955
+ /* @__PURE__ */ jsx20("div", {
5956
+ className: cn("w-full flex flex-col gap-5", elementsContainerClassName),
5957
+ children: elements.map(function(element, index2) {
5958
+ switch(element.type){
5959
+ case "input":
5960
+ return /* @__PURE__ */ jsx20(InputContainer, _object_spread_props(_object_spread({}, element), {
5961
+ direction: direction,
5962
+ labelsCommonClassName: labelsCommonClassName
5963
+ }), index2);
5964
+ case "textarea":
5965
+ return /* @__PURE__ */ jsx20(TextAreaContainer, _object_spread_props(_object_spread({}, element), {
5966
+ direction: direction,
5967
+ labelsCommonClassName: labelsCommonClassName
5968
+ }), index2);
5969
+ case "select":
5970
+ return /* @__PURE__ */ jsx20(SelectContainer, _object_spread_props(_object_spread({}, element), {
5971
+ direction: direction,
5972
+ labelsCommonClassName: labelsCommonClassName
5973
+ }), index2);
5974
+ case "checkbox":
5975
+ return /* @__PURE__ */ jsx20(CheckboxContainer, _object_spread_props(_object_spread({}, element), {
5976
+ direction: direction,
5977
+ labelsCommonClassName: labelsCommonClassName
5978
+ }), index2);
5979
+ case "multiSelect":
5980
+ return /* @__PURE__ */ jsx20(MultiSelect, _object_spread_props(_object_spread({}, element), {
5981
+ direction: direction,
5982
+ labelsCommonClassName: labelsCommonClassName
5983
+ }), index2);
5984
+ case "selectWithSearch":
5985
+ return /* @__PURE__ */ jsx20(SelectWithSearch, _object_spread_props(_object_spread({}, element), {
5986
+ direction: direction,
5987
+ labelsCommonClassName: labelsCommonClassName
5988
+ }), index2);
5989
+ case "internationalPhoneInput":
5990
+ return /* @__PURE__ */ jsx20(InternationalPhonePicker, _object_spread_props(_object_spread({}, element), {
5991
+ direction: direction,
5992
+ labelsCommonClassName: labelsCommonClassName
5993
+ }), index2);
5994
+ case "separator":
5995
+ return /* @__PURE__ */ jsx20(FormSeparator, _object_spread_props(_object_spread({}, element), {
5996
+ direction: direction,
5997
+ children: element.children
5998
+ }), index2);
5999
+ case "custom":
6000
+ var _element_element;
6001
+ return typeof ((_element_element = element.element) === null || _element_element === void 0 ? void 0 : _element_element.type) !== "string" && cloneElement(element.element, {
6002
+ key: index2
6003
+ });
6004
+ default:
6005
+ return null;
6006
+ }
6007
+ })
6005
6008
  }),
6006
6009
  /* @__PURE__ */ jsxs15("div", {
6007
6010
  className: cn("flex justify-between w-full", footerClassName),
@@ -593,6 +593,7 @@ var international_israel_phone_format = function(phone) {
593
593
  return "+972".concat(validNumber);
594
594
  };
595
595
  var get_international_phone_number = function(phone) {
596
+ if (!phone) return "+972";
596
597
  return isInternational(phone) ? phone : international_israel_phone_format(phone);
597
598
  };
598
599
  var displayFormatPhoneNumber = function(phoneNumber) {
@@ -261,6 +261,7 @@ var international_israel_phone_format = function(phone) {
261
261
  return "+972".concat(validNumber);
262
262
  };
263
263
  var get_international_phone_number = function(phone) {
264
+ if (!phone) return "+972";
264
265
  return isInternational(phone) ? phone : international_israel_phone_format(phone);
265
266
  };
266
267
  var displayFormatPhoneNumber = function(phoneNumber) {
@@ -286,6 +286,8 @@ interface ModularFormProps {
286
286
  onLoad?: (e: EventTarget & HTMLFormElement) => void;
287
287
  autoFixLabelsWidth?: boolean;
288
288
  loaderProps?: LoaderProps;
289
+ elementsContainerClassName?: string;
290
+ className?: string;
289
291
  }
290
292
  interface ConfirmFormProps {
291
293
  onV: () => Promise<void> | void;
@@ -286,6 +286,8 @@ interface ModularFormProps {
286
286
  onLoad?: (e: EventTarget & HTMLFormElement) => void;
287
287
  autoFixLabelsWidth?: boolean;
288
288
  loaderProps?: LoaderProps;
289
+ elementsContainerClassName?: string;
290
+ className?: string;
289
291
  }
290
292
  interface ConfirmFormProps {
291
293
  onV: () => Promise<void> | void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "akeyless-client-commons",
3
- "version": "1.0.150",
3
+ "version": "1.0.152",
4
4
  "scripts": {
5
5
  "build": "tsup",
6
6
  "deploy": "npm run build && npm version patch --no-git-tag-version && npm publish",