@codezee/sixtify-brahma 0.2.195 → 0.2.196

package/package.json

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

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

@@ -0,0 +1,5 @@
+import type { InputHTMLAttributes } from "react";
+export declare const SmartTextField: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+    errorMessage?: string;
+} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>>;
+//# sourceMappingURL=SmartTextField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SmartTextField.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/EditableFields/SmartTextField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAiFjD,eAAO,MAAM,cAAc;mBA5EV,MAAM;6FAwFtB,CAAC"}

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

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartTextField = 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 SmartTextFieldComponent = (0, react_1.forwardRef)(({ errorMessage, ...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)("input", { ref: ref, ...rest, style: {
+                        width: "100%",
+                        border: "none",
+                        background: "transparent",
+                        padding: "0",
+                        fontSize: "14px",
+                        outline: "none",
+                    }, onClick: (e) => e.stopPropagation(), onFocus: (e) => {
+                        e.stopPropagation();
+                        setIsFocused(true);
+                    }, onBlur: (e) => {
+                        e.stopPropagation();
+                        setIsFocused(false);
+                    } }) }) }) }));
+});
+SmartTextFieldComponent.displayName = "SmartTextFieldComponent";
+// Memoize with custom comparison to prevent unnecessary re-renders
+exports.SmartTextField = (0, react_1.memo)(SmartTextFieldComponent, (prevProps, nextProps) => {
+    // Only re-render if these specific props change
+    return (prevProps.name === nextProps.name &&
+        prevProps.value === nextProps.value &&
+        prevProps.disabled === nextProps.disabled &&
+        prevProps.type === nextProps.type &&
+        prevProps.errorMessage === nextProps.errorMessage);
+});
+exports.SmartTextField.displayName = "SmartTextField";

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

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/EditableFields/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}

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

@@ -16,3 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./SmartSelectField"), exports);
 __exportStar(require("./SmartTooltip"), exports);
+__exportStar(require("./SmartTextField"), exports);