@codezee/sixtify-brahma 0.2.159 → 0.2.161

package/package.json

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

package/packages/shared-components/dist/AgGrid/RedirectionCell/RedirectionCell.d.ts

@@ -1,4 +1,4 @@
-import type { MouseEvent } from "react";
+import type { MouseEvent, ReactNode } from "react";
 type RedirectionCellProps = {
     mainLabel: string;
     onClick: (event: MouseEvent<HTMLElement>) => void;
@@ -7,7 +7,9 @@ type RedirectionCellProps = {
     avatar?: string;
     includeAvatar?: boolean;
     disabled?: boolean;
+    includeIcon?: boolean;
+    icon?: ReactNode;
 };
-export declare const RedirectionCell: ({ mainLabel, onClick, includeSubLabel, subLabel, avatar, includeAvatar, disabled, }: RedirectionCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RedirectionCell: ({ mainLabel, onClick, includeSubLabel, subLabel, avatar, includeAvatar, disabled, includeIcon, icon, }: RedirectionCellProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=RedirectionCell.d.ts.map

package/packages/shared-components/dist/AgGrid/RedirectionCell/RedirectionCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RedirectionCell.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/RedirectionCell/RedirectionCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKxC,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,qFAQ7B,oBAAoB,4CAkEtB,CAAC"}
+{"version":3,"file":"RedirectionCell.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/RedirectionCell/RedirectionCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKnD,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,wGAU7B,oBAAoB,4CAsEtB,CAAC"}

package/packages/shared-components/dist/AgGrid/RedirectionCell/RedirectionCell.js

@@ -6,7 +6,7 @@ const material_1 = require("@mui/material");
 const react_1 = require("react");
 const useCellEnterClick_1 = require("../hooks/useCellEnterClick");
 const ClickableCell_1 = require("./ClickableCell");
-const RedirectionCell = ({ mainLabel, onClick, includeSubLabel = false, subLabel, avatar, includeAvatar = false, disabled = false, }) => {
+const RedirectionCell = ({ mainLabel, onClick, includeSubLabel = false, subLabel, avatar, includeAvatar = false, disabled = false, includeIcon = false, icon, }) => {
     const theme = (0, material_1.useTheme)();
     const { butterflyBlue, black } = theme.palette.app.color;
     const cellRef = (0, react_1.useRef)(null);
@@ -19,13 +19,13 @@ const RedirectionCell = ({ mainLabel, onClick, includeSubLabel = false, subLabel
             onClick(event);
         }
     };
-    return ((0, jsx_runtime_1.jsx)(ClickableCell_1.ClickableCell, { onClick: onClick, disabled: disabled, children: (0, jsx_runtime_1.jsx)(material_1.Box, { ref: cellRef, component: "div", onClick: handleClick, sx: { width: "100%" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "5px", alignItems: "center", sx: { width: "100%" }, children: [includeAvatar && ((0, jsx_runtime_1.jsx)(material_1.Avatar, { src: avatar ?? "", alt: "Photo", sx: { width: 28, height: 28 } })), (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", sx: {
-                                    width: "100%",
-                                    color: disabled ? black[900] : butterflyBlue[900],
-                                }, onMouseDown: (e) => {
-                                    if (!disabled) {
-                                        onClick(e);
-                                    }
-                                }, children: mainLabel }), includeSubLabel && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: butterflyBlue[400], children: subLabel ?? "-" }))] })] }) }) }));
+    return ((0, jsx_runtime_1.jsx)(ClickableCell_1.ClickableCell, { onClick: onClick, disabled: disabled, children: (0, jsx_runtime_1.jsx)(material_1.Box, { ref: cellRef, component: "div", onClick: handleClick, sx: { width: "100%" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", sx: { width: "100%" }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "5px", alignItems: "center", children: [includeAvatar && ((0, jsx_runtime_1.jsx)(material_1.Avatar, { src: avatar ?? "", alt: "Photo", sx: { width: 28, height: 28 } })), (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", sx: {
+                                            width: "100%",
+                                            color: disabled ? black[900] : butterflyBlue[900],
+                                        }, onMouseDown: (e) => {
+                                            if (!disabled) {
+                                                onClick(e);
+                                            }
+                                        }, children: mainLabel }), includeSubLabel && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: butterflyBlue[400], children: subLabel ?? "-" }))] })] }), includeIcon && icon && (0, jsx_runtime_1.jsx)(material_1.Box, { children: icon })] }) }) }));
 };
 exports.RedirectionCell = RedirectionCell;

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();
                     }
                 });