@codezee/sixtify-brahma 0.2.52 → 0.2.54

package/package.json

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

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnArranger.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArranger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAI3D,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,mBAAmB,CAAC;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC9E,OAAO,EAAE,OAAO,CAAC;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,CAAC,CAAC;CAC/C,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,aAAa,EACb,MAAM,EACN,OAAO,GACR,EAAE,QAAQ,CAAC,mBAAmB,CAAC,2CAqB/B"}
+{"version":3,"file":"ColumnArranger.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArranger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAI3D,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,mBAAmB,CAAC;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC9E,OAAO,EAAE,OAAO,CAAC;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,CAAC,CAAC;CAC/C,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,aAAa,EACb,MAAM,EACN,OAAO,GACR,EAAE,QAAQ,CAAC,mBAAmB,CAAC,2CAqB/B"}

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

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColumnArranger = ColumnArranger;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable import/no-unresolved */
 const material_1 = require("@mui/material");
 const LockedColumnItem_1 = require("./LockedColumnItem");
 const SortableColumnItem_1 = require("./SortableColumnItem");

package/packages/shared-components/dist/ColumnArranger/ColumnArrangerDialog.d.ts

@@ -3,10 +3,11 @@ export type SimpleColDef = Pick<ColDef, "field" | "headerName" | "hide" | "minWi
 export type ColumnArrangerDialogProps = {
     open: boolean;
     columns: SimpleColDef[];
-    onClose: (args: {
+    onClose: () => void;
+    title?: string;
+    onSave: (args: {
         columns: SimpleColDef[];
     }) => void;
-    title?: string;
 };
 export type ColumnArrangerFormProps = {
     columns: SimpleColDef[];
@@ -19,5 +20,5 @@ export type ColumnArrangerFormProps = {
         };
     }) => JSX.Element;
 };
-export declare function ColumnArrangerDialog({ columns, open, onClose, title, }: Readonly<ColumnArrangerDialogProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ColumnArrangerDialog({ columns, open, onClose, onSave, title, }: Readonly<ColumnArrangerDialogProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ColumnArrangerDialog.d.ts.map

package/packages/shared-components/dist/ColumnArranger/ColumnArrangerDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnArrangerDialog.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArrangerDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAKhD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,MAAM,EACJ,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,UAAU,GACV,cAAc,GACd,QAAQ,CACX,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,aAAa,EAAE,YAAY,EAAE,CAAC;QAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;QACjE,SAAS,EAAE,MAAM;YAAE,OAAO,EAAE,YAAY,EAAE,CAAA;SAAE,CAAC;KAC9C,KAAK,GAAG,CAAC,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,IAAI,EACJ,OAAO,EACP,KAAyB,GAC1B,EAAE,QAAQ,CAAC,yBAAyB,CAAC,2CAuCrC"}
+{"version":3,"file":"ColumnArrangerDialog.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArrangerDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAKhD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,MAAM,EACJ,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,UAAU,GACV,cAAc,GACd,QAAQ,CACX,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,aAAa,EAAE,YAAY,EAAE,CAAC;QAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;QACjE,SAAS,EAAE,MAAM;YAAE,OAAO,EAAE,YAAY,EAAE,CAAA;SAAE,CAAC;KAC9C,KAAK,GAAG,CAAC,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAyB,GAC1B,EAAE,QAAQ,CAAC,yBAAyB,CAAC,2CA8CrC"}

package/packages/shared-components/dist/ColumnArranger/ColumnArrangerDialog.js

@@ -6,11 +6,16 @@ const material_1 = require("@mui/material");
 const Button_1 = require("../Button");
 const Dialog_1 = require("../Dialog");
 const ColumnArrangerForm_1 = require("./ColumnArrangerForm");
-function ColumnArrangerDialog({ columns, open, onClose, title = "Arrange Columns", }) {
-    return ((0, jsx_runtime_1.jsx)(ColumnArrangerForm_1.ColumnArrangerForm, { columns: columns, children: ({ arranger, reset, getValues, lockedColumns }) => ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { title: title, open: open, onClose: () => onClose({ columns }), maxWidth: "xs", actions: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", sx: { width: "100%" }, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", onClick: () => reset(), children: "Reset" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { "data-ptag": "submit", "data-cy": "submit", onClick: () => {
+function ColumnArrangerDialog({ columns, open, onClose, onSave, title = "Arrange Columns", }) {
+    return ((0, jsx_runtime_1.jsx)(ColumnArrangerForm_1.ColumnArrangerForm, { columns: columns, children: ({ arranger, reset, getValues, lockedColumns }) => ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { title: title, open: open, onClose: () => onClose(), maxWidth: "xs", actions: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", sx: { width: "100%" }, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", onClick: () => reset(), children: "Reset" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { "data-ptag": "submit", "data-cy": "submit", onClick: () => {
                             const values = getValues();
-                            onClose({
-                                columns: [...lockedColumns, ...values.columns],
+                            const modifyValue = values.columns.map((col) => ({
+                                ...col,
+                                hide: !col.hide,
+                            }));
+                            onSave({
+                                columns: [...lockedColumns, ...modifyValue],
                             });
+                            onClose();
                         }, children: "Save" })] }), children: arranger })) }));
 }

package/packages/shared-components/dist/ColumnArranger/ColumnArrangerForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnArrangerForm.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArrangerForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,uBAAuB,EAExB,MAAM,wBAAwB,CAAC;AAMhC,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,eAiDzB"}
+{"version":3,"file":"ColumnArrangerForm.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArrangerForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,uBAAuB,EAExB,MAAM,wBAAwB,CAAC;AAMhC,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,eA2DzB"}

package/packages/shared-components/dist/ColumnArranger/ColumnArrangerForm.js

@@ -7,9 +7,14 @@ const react_hook_form_1 = require("react-hook-form");
 const ColumnArranger_1 = require("./ColumnArranger");
 function ColumnArrangerForm({ columns, children, }) {
     const lockedColumns = (0, react_1.useMemo)(() => columns.filter((col) => "lockPosition" in col), [columns]);
-    const unlockedColumns = (0, react_1.useMemo)(() => columns.filter((col) => "hide" in col), [columns]);
+    const unlockedColumns = (0, react_1.useMemo)(() => columns
+        .filter((col) => "hide" in col)
+        .map((col) => ({
+        ...col,
+        hide: !col.hide,
+    })), [columns]);
     const initialUnlockedColumnsRef = (0, react_1.useRef)(unlockedColumns);
-    const { control, reset, getValues } = (0, react_hook_form_1.useForm)({
+    const { control, reset, getValues, setValue } = (0, react_hook_form_1.useForm)({
         defaultValues: {
             columns: initialUnlockedColumnsRef.current,
         },
@@ -28,6 +33,9 @@ function ColumnArrangerForm({ columns, children, }) {
         name: "columns",
         control,
     });
+    (0, react_1.useMemo)(() => {
+        setValue("columns", unlockedColumns);
+    }, [columns]);
     return children({
         lockedColumns,
         reset: wrappedReset,

package/packages/shared-components/dist/ColumnArranger/ColumnItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnItem.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,OAAO,EACZ,KAAK,gBAAgB,EACtB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,gBAAgB,CAAC;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,EAAE,SAAS,CAAC,CAAC;IAChE,OAAO,EAAE,OAAO,CAAC;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,CAAC,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,KAAK,GACN,EAAE,QAAQ,CAAC,eAAe,CAAC,2CAoE3B"}
+{"version":3,"file":"ColumnItem.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,gBAAgB,CAAC;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,EAAE,SAAS,CAAC,CAAC;IAChE,OAAO,EAAE,OAAO,CAAC;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,CAAC,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,KAAK,GACN,EAAE,QAAQ,CAAC,eAAe,CAAC,2CAyB3B"}

package/packages/shared-components/dist/ColumnArranger/ColumnItem.js

@@ -4,46 +4,10 @@ exports.ColumnItem = ColumnItem;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const styles_1 = require("@mui/material/styles");
-const react_hook_form_1 = require("react-hook-form");
+const FormFields_1 = require("../FormFields");
 const PadBox_1 = require("../PadBox");
 function ColumnItem({ field, control, index, }) {
     const theme = (0, styles_1.useTheme)();
-    const { iron, butterflyBlue } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", component: "li", children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", border: "1px solid", flexGrow: 1, borderColor: iron[700], children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: "24px" }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { flexGrow: 1 }, children: field.headerName }) }), (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: `columns.${index}.hide`, render: ({ field }) => ((0, jsx_runtime_1.jsx)(material_1.Switch, { checked: !field.value, onChange: (e) => field.onChange(!e.target.checked), sx: {
-                            padding: 1,
-                            "& .MuiSwitch-track": {
-                                borderRadius: 11,
-                                backgroundColor: iron[900],
-                                position: "relative",
-                                "&::before": {
-                                    content: "unset",
-                                    position: "absolute",
-                                    top: "50%",
-                                    transform: "translateY(-50%)",
-                                    width: 16,
-                                    height: 16,
-                                    left: 12,
-                                },
-                                "&::after": {
-                                    content: "unset",
-                                    position: "absolute",
-                                    top: "50%",
-                                    transform: "translateY(-50%)",
-                                    width: 16,
-                                    height: 16,
-                                    right: 12,
-                                },
-                            },
-                            "& .MuiSwitch-thumb": {
-                                boxShadow: "none",
-                                width: 16,
-                                height: 16,
-                                margin: 0.15,
-                                color: "white",
-                            },
-                            "& .Mui-checked + .MuiSwitch-track": {
-                                backgroundColor: `${butterflyBlue[900]} !important`,
-                                opacity: `${1} !important`,
-                            },
-                        } })) })] }) }));
+    const { iron } = theme.palette.app.color;
+    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", component: "li", children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", border: "1px solid", flexGrow: 1, borderColor: iron[700], children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: "24px" }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { flexGrow: 1 }, children: field.headerName }) }), (0, jsx_runtime_1.jsx)(FormFields_1.SwitchField, { control: control, name: `columns.${index}.hide` })] }) }));
 }

package/packages/shared-components/dist/Dialog/SaveDialog.d.ts

@@ -0,0 +1,9 @@
+export type SaveDialogProps = {
+    title: string;
+    open: boolean;
+    isSaveLoading?: boolean;
+    onSave: () => void;
+    onClose: () => void;
+};
+export declare const SaveDialog: ({ title, open, isSaveLoading, onSave, onClose, }: SaveDialogProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SaveDialog.d.ts.map

package/packages/shared-components/dist/Dialog/SaveDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveDialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/SaveDialog.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,kDAMxB,eAAe,4CA8BjB,CAAC"}

package/packages/shared-components/dist/Dialog/SaveDialog.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SaveDialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const InfoTwoTone_1 = __importDefault(require("@mui/icons-material/InfoTwoTone"));
+const material_1 = require("@mui/material");
+const Button_1 = require("../Button");
+const Dialog_1 = require("./Dialog");
+const SaveDialog = ({ title, open, isSaveLoading = false, onSave, onClose, }) => {
+    const theme = (0, material_1.useTheme)();
+    const { butterflyBlue } = theme.palette.app.color;
+    return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { maxWidth: "xs", isHideCloseIcon: true, isHideDividers: true, open: open, actions: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "5px", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onClose, variant: "outlined", children: "Cancel" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onSave, loading: isSaveLoading, children: "Save" })] }), children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", children: [(0, jsx_runtime_1.jsx)(InfoTwoTone_1.default, { htmlColor: butterflyBlue[900], sx: { mt: "1px" } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle1", children: title })] }) }));
+};
+exports.SaveDialog = SaveDialog;

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

@@ -1,4 +1,5 @@
 export * from "./BottomDialog";
 export * from "./DeleteDialog";
 export * from "./Dialog";
+export * from "./SaveDialog";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}

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

@@ -17,3 +17,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./BottomDialog"), exports);
 __exportStar(require("./DeleteDialog"), exports);
 __exportStar(require("./Dialog"), exports);
+__exportStar(require("./SaveDialog"), exports);