@codezee/sixtify-brahma 0.2.195 → 0.2.197

package/package.json

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

package/packages/shared-components/dist/FormFields/DateRangePicker/DateRangePicker.d.ts

@@ -10,5 +10,5 @@ export type DateRangePickerProps<P extends FieldValues> = UseControllerProps<P>
     maxDate?: Date;
     months?: number;
 };
-export declare function DateRangePicker<P extends FieldValues>({ control, defaultValue, disabled, label, name, error, helperText, loading, required, months, rules, }: DateRangePickerProps<P>): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangePicker<P extends FieldValues>({ control, defaultValue, disabled, label, name, error, helperText, loading, required, months, rules, minDate, maxDate, }: DateRangePickerProps<P>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DateRangePicker.d.ts.map

package/packages/shared-components/dist/FormFields/DateRangePicker/DateRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAIvE,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEJ,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,MAAU,EACV,KAAK,GACN,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAkEzB"}
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAIvE,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEJ,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,MAAU,EACV,KAAK,EACL,OAAO,EACP,OAAO,GACR,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAoEzB"}

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

@@ -8,7 +8,7 @@ const react_1 = require("react");
 const react_date_range_1 = require("react-date-range");
 const react_hook_form_1 = require("react-hook-form");
 const Skeleton_1 = require("./Skeleton");
-function DateRangePicker({ control, defaultValue, disabled = false, label, name, error = false, helperText, loading = false, required = false, months = 1, rules, }) {
+function DateRangePicker({ control, defaultValue, disabled = false, label, name, error = false, helperText, loading = false, required = false, months = 1, rules, minDate, maxDate, }) {
     const { field: { onChange }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
     const [range, setRange] = (0, react_1.useState)([
         {
@@ -36,5 +36,5 @@ function DateRangePicker({ control, defaultValue, disabled = false, label, name,
                         const endDate = luxon_1.DateTime.fromJSDate(selectedRange.endDate).toISODate();
                         onChange([startDate, endDate]);
                     }
-                }, months: months, direction: "horizontal", calendarFocus: "backwards", staticRanges: [], inputRanges: [], moveRangeOnFirstSelection: false, preventSnapRefocus: true }), error && (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "red", children: helperText })] }));
+                }, months: months, direction: "horizontal", calendarFocus: "backwards", staticRanges: [], inputRanges: [], moveRangeOnFirstSelection: false, preventSnapRefocus: true, minDate: minDate, maxDate: maxDate }), error && (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "red", children: helperText })] }));
 }

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

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.d.ts

@@ -15,6 +15,7 @@ export type UserProfileMenuProps = Omit<MenuProps, "open" | "closeMenu"> & {
         sx?: CSSProperties;
         onClick?: OnAction;
     }[];
+    shouldCloseOnClick?: boolean;
 };
-export declare function UserProfileMenu({ userDetails, menuItems, }: UserProfileMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function UserProfileMenu({ userDetails, menuItems, shouldCloseOnClick, }: UserProfileMenuProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UserProfileMenu.d.ts.map

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfileMenu.d.ts","sourceRoot":"","sources":["../../src/UserProfileMenu/UserProfileMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAa/C,OAAO,EAGL,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG;IACzE,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,EAAE,CAAC,EAAE,aAAa,CAAC;QACnB,OAAO,CAAC,EAAE,QAAQ,CAAC;KACpB,EAAE,CAAC;CACL,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,GACV,EAAE,oBAAoB,2CA0ItB"}
+{"version":3,"file":"UserProfileMenu.d.ts","sourceRoot":"","sources":["../../src/UserProfileMenu/UserProfileMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAa/C,OAAO,EAGL,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG;IACzE,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,EAAE,CAAC,EAAE,aAAa,CAAC;QACnB,OAAO,CAAC,EAAE,QAAQ,CAAC;KACpB,EAAE,CAAC;IACJ,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,EACT,kBAAyB,GAC1B,EAAE,oBAAoB,2CA8ItB"}

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.js

@@ -11,7 +11,7 @@ const isFunction_1 = __importDefault(require("lodash/isFunction"));
 const react_1 = require("react");
 const utils_1 = require("../utils");
 const UserProfileMenu_styled_1 = require("./UserProfileMenu.styled");
-function UserProfileMenu({ userDetails, menuItems, }) {
+function UserProfileMenu({ userDetails, menuItems, shouldCloseOnClick = true, }) {
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
     const buttonRef = (0, react_1.useRef)(null);
     const { layout } = (0, utils_1.useGetDeviceType)();
@@ -58,6 +58,9 @@ function UserProfileMenu({ userDetails, menuItems, }) {
                 }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { padding: "4px 0" }, children: menuItems.map(({ key, divider, label, icon, sx, onClick }) => ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [divider && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(material_1.ListItemButton, { onClick: () => {
                                     if ((0, isFunction_1.default)(onClick)) {
                                         onClick();
+                                        if (shouldCloseOnClick) {
+                                            handleClose();
+                                        }
                                     }
                                 }, children: (icon || label) && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "16px", alignItems: "center", width: "100%", flexDirection: "row", sx: { ...sx }, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { sx: {
                                                 minWidth: "20px",