@codezee/sixtify-brahma 0.2.159 → 0.2.160

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.159",
+  "version": "0.2.160",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"

package/packages/shared-components/dist/FormFields/Select/Select.js

@@ -207,7 +207,7 @@ function Select({ control, defaultValue, name, required = false, label, multiple
                                         hasPendingChange.current = false;
                                         setPendingValue(null);
                                     }
-                                }, inputRef: setInputRef, onKeyDown: (event) => {
+                                }, inputRef: (el) => setInputRef(el), onKeyDown: (event) => {
                                     handleKeyDown(event, () => {
                                         setOpen(false);
                                     }, open);

package/packages/shared-components/dist/utils/hooks/useFormFieldFocus.d.ts

@@ -1,6 +1,6 @@
 export declare function useFormFieldFocus(isOpen?: boolean | undefined): {
     inputRef: import("react").MutableRefObject<HTMLInputElement | null>;
-    setInputRef: (ref: HTMLInputElement | null) => void;
+    setInputRef: (ref: HTMLDivElement | HTMLInputElement | null) => void;
     maintainFocus: () => void;
     maintainFocusAfterClose: () => void;
     handleKeyDown: <T extends HTMLElement = HTMLElement>(event: React.KeyboardEvent<T>, onClose?: () => void, isPopupOpen?: boolean) => void;

package/packages/shared-components/dist/utils/hooks/useFormFieldFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormFieldFocus.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useFormFieldFocus.ts"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS;;uBA8GtB,gBAAgB,GAAG,IAAI;;;oBAf1D,CAAC,SAAS,WAAW,uBACb,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,YACnB,MAAM,IAAI,gBACN,OAAO;EAgD1B"}
+{"version":3,"file":"useFormFieldFocus.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useFormFieldFocus.ts"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS;;uBAgHpD,cAAc,GAAG,gBAAgB,GAAG,IAAI;;;oBAhB7C,CAAC,SAAS,WAAW,uBACb,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,YACnB,MAAM,IAAI,gBACN,OAAO;EAsD1B"}

package/packages/shared-components/dist/utils/hooks/useFormFieldFocus.js

@@ -9,7 +9,7 @@ function useFormFieldFocus(isOpen) {
     const blurTimeoutRef = (0, react_1.useRef)(null);
     const [hasInputElement, setHasInputElement] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
-        const inputElement = inputRef.current;
+        const inputElement = inputRef.current instanceof HTMLInputElement ? inputRef.current : null;
         if (!inputElement) {
             return;
         }
@@ -97,7 +97,8 @@ function useFormFieldFocus(isOpen) {
             setHasInputElement(true);
             if (wasFocusedRef.current) {
                 requestAnimationFrame(() => {
-                    if (inputRef.current && document.activeElement !== inputRef.current) {
+                    if (inputRef.current &&
+                        document.activeElement !== inputRef.current) {
                         inputRef.current.focus();
                     }
                 });