@codezee/sixtify-brahma 0.2.194 → 0.2.195

package/package.json

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

package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartSelectField.d.ts

@@ -0,0 +1,7 @@
+import type { SelectHTMLAttributes } from "react";
+import type { Option } from "../../../FormFields";
+export declare const SmartSelectField: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+    errorMessage?: string;
+    options: Option[];
+} & SelectHTMLAttributes<HTMLSelectElement> & import("react").RefAttributes<HTMLSelectElement>>>;
+//# sourceMappingURL=SmartSelectField.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartSelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartSelectField.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/EditableFields/SmartSelectField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAgGlD,eAAO,MAAM,gBAAgB;mBA5FZ,MAAM;aACZ,MAAM,EAAE;gGAsGlB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartSelectField.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartSelectField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const SmartTooltip_1 = require("./SmartTooltip");
+const SmartSelectFieldComponent = (0, react_1.forwardRef)(({ errorMessage, options, ...rest }, ref) => {
+    const theme = (0, material_1.useTheme)();
+    const { butterflyBlue, lipstickRed, iron } = theme.palette.app.color;
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const getBorderColor = () => {
+        if (errorMessage && !isFocused) {
+            return lipstickRed[900];
+        }
+        if (isFocused) {
+            return butterflyBlue[900];
+        }
+        return iron[800];
+    };
+    return ((0, jsx_runtime_1.jsx)(SmartTooltip_1.SmartTooltip, { title: errorMessage ?? "", position: "top", delay: 50, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                display: "flex",
+                flexDirection: "column",
+                gap: "4px",
+                width: "100%",
+            }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    border: `2px solid ${getBorderColor()}`,
+                    borderRadius: "4px",
+                    padding: "4px 8px",
+                    background: "white",
+                    minHeight: "20px",
+                }, children: (0, jsx_runtime_1.jsx)("select", { ref: ref, ...rest, style: {
+                        width: "100%",
+                        border: "none",
+                        background: "transparent",
+                        padding: "0",
+                        fontSize: "13px",
+                        outline: "none",
+                        cursor: "pointer",
+                    }, onClick: (e) => e.stopPropagation(), onFocus: (e) => {
+                        e.stopPropagation();
+                        setIsFocused(true);
+                    }, onBlur: (e) => {
+                        e.stopPropagation();
+                        setIsFocused(false);
+                    }, children: options.length === 0 ? ((0, jsx_runtime_1.jsx)("option", { value: "", disabled: true, children: "No Options" })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: "Select Option" }), options.map((option) => ((0, jsx_runtime_1.jsx)("option", { value: String(option.value), children: option.label }, option.value)))] })) }) }) }) }));
+});
+SmartSelectFieldComponent.displayName = "SmartSelectFieldComponent";
+exports.SmartSelectField = (0, react_1.memo)(SmartSelectFieldComponent, (prevProps, nextProps) => {
+    return (prevProps.name === nextProps.name &&
+        prevProps.value === nextProps.value &&
+        prevProps.disabled === nextProps.disabled &&
+        prevProps.options === nextProps.options &&
+        prevProps.errorMessage === nextProps.errorMessage);
+});
+exports.SmartSelectField.displayName = "SmartSelectField";

package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTooltip.d.ts

@@ -0,0 +1,9 @@
+type SmartTooltipProps = {
+    children: React.ReactNode;
+    title: string;
+    position?: "top" | "bottom" | "left" | "right";
+    delay?: number;
+};
+export declare const SmartTooltip: ({ children, title, position, delay, }: SmartTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SmartTooltip.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartTooltip.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/EditableFields/SmartTooltip.tsx"],"names":[],"mappings":"AAKA,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAsGF,eAAO,MAAM,YAAY,GAAI,uCAK1B,iBAAiB,4CAsDnB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTooltip.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartTooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+// Renders tooltip floating OUTSIDE AG GRID cell
+const TooltipBox = ({ wrapper, title, position }) => {
+    const theme = (0, material_1.useTheme)();
+    const { iron } = theme.palette.app.color;
+    const rect = wrapper.getBoundingClientRect();
+    const baseStyles = {
+        position: "absolute",
+        zIndex: 999999,
+        background: iron[200],
+        color: iron[600],
+        padding: "4px 8px",
+        borderRadius: 4,
+        fontSize: 12,
+        pointerEvents: "none",
+        whiteSpace: "nowrap",
+        transition: "opacity 0.2s ease, transform 0.2s ease",
+        opacity: 1,
+    };
+    const arrowSize = 6;
+    const arrowStyles = {
+        position: "absolute",
+        width: 0,
+        height: 0,
+        borderStyle: "solid",
+    };
+    switch (position) {
+        case "top":
+            baseStyles.top = rect.top - 28;
+            baseStyles.left = rect.left + rect.width / 2;
+            baseStyles.transform = "translateX(-50%)";
+            Object.assign(arrowStyles, {
+                borderWidth: `${arrowSize}px ${arrowSize}px 0 ${arrowSize}px`,
+                borderColor: `${iron[200]} transparent transparent transparent`,
+                bottom: -arrowSize,
+                left: "50%",
+                transform: "translateX(-50%)",
+            });
+            break;
+        case "bottom":
+            baseStyles.top = rect.bottom + 4;
+            baseStyles.left = rect.left + rect.width / 2;
+            baseStyles.transform = "translateX(-50%)";
+            Object.assign(arrowStyles, {
+                borderWidth: `0 ${arrowSize}px ${arrowSize}px ${arrowSize}px`,
+                borderColor: `transparent transparent ${iron[200]} transparent`,
+                top: -arrowSize,
+                left: "50%",
+                transform: "translateX(-50%)",
+            });
+            break;
+        case "left":
+            baseStyles.top = rect.top + rect.height / 2;
+            baseStyles.left = rect.left - 8;
+            baseStyles.transform = "translateY(-50%)";
+            Object.assign(arrowStyles, {
+                borderWidth: `${arrowSize}px 0 ${arrowSize}px ${arrowSize}px`,
+                borderColor: `transparent transparent transparent ${iron[200]}`,
+                right: -arrowSize,
+                top: "50%",
+                transform: "translateY(-50%)",
+            });
+            break;
+        case "right":
+            baseStyles.top = rect.top + rect.height / 2;
+            baseStyles.left = rect.right + 8;
+            baseStyles.transform = "translateY(-50%)";
+            Object.assign(arrowStyles, {
+                borderWidth: `${arrowSize}px ${arrowSize}px ${arrowSize}px 0`,
+                borderColor: `transparent ${iron[200]} transparent transparent`,
+                left: -arrowSize,
+                top: "50%",
+                transform: "translateY(-50%)",
+            });
+            break;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { style: baseStyles, children: [title, (0, jsx_runtime_1.jsx)("div", { style: arrowStyles })] }));
+};
+const SmartTooltip = ({ children, title, position = "top", delay = 50, }) => {
+    const [visible, setVisible] = (0, react_1.useState)(false);
+    const wrapperRef = (0, react_1.useRef)(null);
+    const timeoutRef = (0, react_1.useRef)(null);
+    const handleMouseEnter = () => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = setTimeout(() => setVisible(true), delay);
+    };
+    const handleMouseLeave = () => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        setVisible(false);
+    };
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    const tooltipContent = visible && title && wrapperRef.current
+        ? (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(TooltipBox, { wrapper: wrapperRef.current, title: title, position: position }), document.body)
+        : null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: wrapperRef, style: { display: "inline-block", width: "100%" }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: children }), tooltipContent] }));
+};
+exports.SmartTooltip = SmartTooltip;

package/packages/shared-components/dist/SmartGrid/Components/EditableFields/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SmartSelectField";
+export * from "./SmartTooltip";
+//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/EditableFields/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/EditableFields/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/EditableFields/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SmartSelectField"), exports);
+__exportStar(require("./SmartTooltip"), exports);

package/packages/shared-components/dist/SmartGrid/Components/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./EditableFields";
+//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./EditableFields"), exports);

package/packages/shared-components/dist/SmartGrid/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./SmartGrid";
 export * from "./types/index";
 export * from "./hooks/useExportToExcel";
+export * from "./Components";
 //# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/SmartGrid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SmartGrid/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SmartGrid/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC"}

package/packages/shared-components/dist/SmartGrid/index.js

@@ -17,3 +17,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./SmartGrid"), exports);
 __exportStar(require("./types/index"), exports);
 __exportStar(require("./hooks/useExportToExcel"), exports);
+__exportStar(require("./Components"), exports);