akeyless-client-commons 1.0.100 → 1.0.101

package/dist/components/index.js

@@ -5847,6 +5847,7 @@ var ModularForm = function(param) {
     }() : _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;
     var _ref = _sliced_to_array((0, import_react13.useState)(""), 2), errorMsg = _ref[0], setErrorMsg = _ref[1];
     var _ref1 = _sliced_to_array((0, import_react13.useState)(false), 2), isLoading = _ref1[0], setIsLoading = _ref1[1];
+    var formRef = (0, import_react13.useRef)(null);
     var onSubmit = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
             var form, err;
@@ -5914,12 +5915,10 @@ var ModularForm = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", {
-        onLoad: function(e) {
-            var form = e.currentTarget;
-            console.log("form loaded");
-            var labels = form.getElementsByClassName("form-label");
-            console.log("labels length", labels.length);
+    (0, import_react13.useEffect)(function() {
+        if (formRef.current) {
+            var labels = formRef.current.getElementsByClassName("form-label");
+            console.log("labels:", labels.length);
             var max_width = 0;
             Array.from(labels).forEach(function(label) {
                 var label_width = label.scrollWidth;
@@ -5928,7 +5927,10 @@ var ModularForm = function(param) {
                 }
             });
             console.log("max label width:", max_width);
-        },
+        }
+    }, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", {
+        ref: formRef,
         onSubmit: onSubmit,
         style: {
             direction: direction

package/dist/components/index.mjs

@@ -5175,7 +5175,7 @@ var NumberUI = function(param) {
     });
 };
 // src/components/forms/ModularForm/ModularForm.tsx
-import { cloneElement, useState as useState8 } from "react";
+import { cloneElement, useEffect as useEffect7, useRef as useRef5, useState as useState8 } from "react";
 // src/components/forms/ModularForm/formElements.tsx
 import { useCallback as useCallback5, useMemo as useMemo8, useState as useState7 } from "react";
 // src/components/forms/ModularForm/InternationalPhonePicker.tsx
@@ -5643,6 +5643,7 @@ var ModularForm = function(param) {
     }() : _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;
     var _useState8 = _sliced_to_array(useState8(""), 2), errorMsg = _useState8[0], setErrorMsg = _useState8[1];
     var _useState81 = _sliced_to_array(useState8(false), 2), isLoading = _useState81[0], setIsLoading = _useState81[1];
+    var formRef = useRef5(null);
     var onSubmit = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
             var form, err;
@@ -5710,12 +5711,10 @@ var ModularForm = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ jsxs15("form", {
-        onLoad: function(e) {
-            var form = e.currentTarget;
-            console.log("form loaded");
-            var labels = form.getElementsByClassName("form-label");
-            console.log("labels length", labels.length);
+    useEffect7(function() {
+        if (formRef.current) {
+            var labels = formRef.current.getElementsByClassName("form-label");
+            console.log("labels:", labels.length);
             var max_width = 0;
             Array.from(labels).forEach(function(label) {
                 var label_width = label.scrollWidth;
@@ -5724,7 +5723,10 @@ var ModularForm = function(param) {
                 }
             });
             console.log("max label width:", max_width);
-        },
+        }
+    }, []);
+    return /* @__PURE__ */ jsxs15("form", {
+        ref: formRef,
         onSubmit: onSubmit,
         style: {
             direction: direction
@@ -5925,12 +5927,12 @@ var DatePicker = function(param) {
 };
 // src/components/CodeInput.tsx
 import { OTPInput } from "input-otp";
-import { useEffect as useEffect7, useRef as useRef5 } from "react";
+import { useEffect as useEffect8, useRef as useRef6 } from "react";
 import { jsx as jsx22 } from "react/jsx-runtime";
 function CodeInput(param) {
     var codeValue = param.codeValue, setCodeValue = param.setCodeValue, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_slotContainerClassName = param.slotContainerClassName, slotContainerClassName = _param_slotContainerClassName === void 0 ? "" : _param_slotContainerClassName, _param_direction = param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction;
-    var firstInputRef = useRef5(null);
-    useEffect7(function() {
+    var firstInputRef = useRef6(null);
+    useEffect8(function() {
         if (firstInputRef.current) {
             firstInputRef.current.focus();
         }

package/package.json

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