akeyless-client-commons 1.0.136 → 1.0.138

package/dist/components/index.d.mts

@@ -322,6 +322,7 @@ interface ModularFormProps {
     errorClassName?: string;
     onLoad?: (e: EventTarget & HTMLFormElement) => void;
     autoFixLabelsWidth?: boolean;
+    loaderProps?: LoaderProps;
 }
 interface ConfirmFormProps {
     onV: () => Promise<void> | void;
@@ -544,7 +545,7 @@ declare const TableProvider: (props: TableProps & {
 }) => react_jsx_runtime.JSX.Element;
 declare const Table: React__default.MemoExoticComponent<(props: TableProps) => react_jsx_runtime.JSX.Element>;
 
-declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, labelsCommonClassName, autoFixLabelsWidth, onLoad, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
+declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, labelsCommonClassName, autoFixLabelsWidth, loaderProps, onLoad, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
 
 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;
 

package/dist/components/index.d.ts

@@ -322,6 +322,7 @@ interface ModularFormProps {
     errorClassName?: string;
     onLoad?: (e: EventTarget & HTMLFormElement) => void;
     autoFixLabelsWidth?: boolean;
+    loaderProps?: LoaderProps;
 }
 interface ConfirmFormProps {
     onV: () => Promise<void> | void;
@@ -544,7 +545,7 @@ declare const TableProvider: (props: TableProps & {
 }) => react_jsx_runtime.JSX.Element;
 declare const Table: React__default.MemoExoticComponent<(props: TableProps) => react_jsx_runtime.JSX.Element>;
 
-declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, labelsCommonClassName, autoFixLabelsWidth, onLoad, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
+declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, labelsCommonClassName, autoFixLabelsWidth, loaderProps, onLoad, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
 
 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;
 

package/dist/components/index.js

@@ -5973,7 +5973,7 @@ var ModularForm = function(param) {
         return function(form) {
             return _ref.apply(this, arguments);
         };
-    }() : _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, onLoad = param.onLoad;
+    }() : _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;
     var _ref = _sliced_to_array((0, import_react14.useState)(""), 2), errorMsg = _ref[0], setErrorMsg = _ref[1];
     var _ref1 = _sliced_to_array((0, import_react14.useState)(false), 2), isLoading = _ref1[0], setIsLoading = _ref1[1];
     var formRef = (0, import_react14.useRef)(null);
@@ -5991,6 +5991,9 @@ var ModularForm = function(param) {
                 label.style.minWidth = "".concat(max_width, "px");
             });
         }
+    }, []);
+    (0, import_react14.useEffect)(function() {
+        console.log("formRef.current", formRef.current);
     }, [
         formRef.current,
         autoFixLabelsWidth
@@ -6142,12 +6145,12 @@ var ModularForm = function(param) {
                     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", {
                         ref: submitRef,
                         disabled: isLoading,
-                        className: cn("bg-[#547f22] px-3 py-1 rounded-lg text-white min-w-20", buttonClassName),
+                        className: cn("bg-[#547f22] px-3 py-1.5 rounded-lg text-white min-w-20", buttonClassName),
                         type: "submit",
-                        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Loader, {
-                            size: 25,
+                        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Loader, _object_spread({
+                            size: 18,
                             color: "#fff"
-                        }) : buttonContent
+                        }, loaderProps)) : buttonContent
                     })
                 ]
             })

package/dist/components/index.mjs

@@ -5760,7 +5760,7 @@ var ModularForm = function(param) {
         return function(form) {
             return _ref.apply(this, arguments);
         };
-    }() : _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, onLoad = param.onLoad;
+    }() : _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;
     var _useState9 = _sliced_to_array(useState9(""), 2), errorMsg = _useState9[0], setErrorMsg = _useState9[1];
     var _useState91 = _sliced_to_array(useState9(false), 2), isLoading = _useState91[0], setIsLoading = _useState91[1];
     var formRef = useRef5(null);
@@ -5778,6 +5778,9 @@ var ModularForm = function(param) {
                 label.style.minWidth = "".concat(max_width, "px");
             });
         }
+    }, []);
+    useEffect7(function() {
+        console.log("formRef.current", formRef.current);
     }, [
         formRef.current,
         autoFixLabelsWidth
@@ -5929,12 +5932,12 @@ var ModularForm = function(param) {
                     /* @__PURE__ */ jsx20("button", {
                         ref: submitRef,
                         disabled: isLoading,
-                        className: cn("bg-[#547f22] px-3 py-1 rounded-lg text-white min-w-20", buttonClassName),
+                        className: cn("bg-[#547f22] px-3 py-1.5 rounded-lg text-white min-w-20", buttonClassName),
                         type: "submit",
-                        children: isLoading ? /* @__PURE__ */ jsx20(Loader, {
-                            size: 25,
+                        children: isLoading ? /* @__PURE__ */ jsx20(Loader, _object_spread({
+                            size: 18,
                             color: "#fff"
-                        }) : buttonContent
+                        }, loaderProps)) : buttonContent
                     })
                 ]
             })

package/dist/types/index.d.mts

@@ -131,6 +131,13 @@ interface CheckBoxProps {
     title?: string;
 }
 
+interface LoaderProps {
+    color?: string;
+    size?: number;
+    style?: React__default.CSSProperties;
+    className?: string;
+}
+
 interface BaseElementProps {
     name?: string;
     labelContent?: string;
@@ -278,6 +285,7 @@ interface ModularFormProps {
     errorClassName?: string;
     onLoad?: (e: EventTarget & HTMLFormElement) => void;
     autoFixLabelsWidth?: boolean;
+    loaderProps?: LoaderProps;
 }
 interface ConfirmFormProps {
     onV: () => Promise<void> | void;

package/dist/types/index.d.ts

@@ -131,6 +131,13 @@ interface CheckBoxProps {
     title?: string;
 }
 
+interface LoaderProps {
+    color?: string;
+    size?: number;
+    style?: React__default.CSSProperties;
+    className?: string;
+}
+
 interface BaseElementProps {
     name?: string;
     labelContent?: string;
@@ -278,6 +285,7 @@ interface ModularFormProps {
     errorClassName?: string;
     onLoad?: (e: EventTarget & HTMLFormElement) => void;
     autoFixLabelsWidth?: boolean;
+    loaderProps?: LoaderProps;
 }
 interface ConfirmFormProps {
     onV: () => Promise<void> | void;

package/package.json

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