@codezee/sixtify-brahma 0.2.63 → 0.2.64

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.63",
+  "version": "0.2.64",
   "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":"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"}
+{"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,2CAuB/B"}

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

@@ -3,9 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColumnArranger = ColumnArranger;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
+const ColumnItem_1 = require("./ColumnItem");
 const LockedColumnItem_1 = require("./LockedColumnItem");
-const SortableColumnItem_1 = require("./SortableColumnItem");
 function ColumnArranger({ lockedColumns, fields, control, }) {
     const ulStyleReset = { m: 0, p: 0 };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [lockedColumns.map((column) => ((0, jsx_runtime_1.jsx)(LockedColumnItem_1.LockedColumnItem, { column: column }, column.field))), (0, jsx_runtime_1.jsx)(material_1.Stack, { component: "ul", sx: ulStyleReset, children: fields.map((field, index) => ((0, jsx_runtime_1.jsx)(SortableColumnItem_1.SortableColumnItem, { field: field, control: control, index: index }, field.id))) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [lockedColumns.map((column) => {
+                return (0, jsx_runtime_1.jsx)(LockedColumnItem_1.LockedColumnItem, { column: column }, column.field);
+            }), (0, jsx_runtime_1.jsx)(material_1.Stack, { component: "ul", sx: ulStyleReset, children: fields.map((field, index) => {
+                    return ((0, jsx_runtime_1.jsx)(ColumnItem_1.ColumnItem, { field: field, control: control, index: index }, field.id));
+                }) })] }));
 }

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

@@ -1,24 +1,21 @@
 import type { ColDef } from "ag-grid-community";
-export type SimpleColDef = Pick<ColDef, "field" | "headerName" | "hide" | "minWidth" | "filter" | "sortable" | "lockPosition" | "pinned">;
-export type ColumnArrangerDialogProps = {
+export type SimpleColDef = Pick<ColDef, "field" | "headerName" | "hide" | "minWidth" | "filter" | "sortable" | "pinned">;
+export type ColumnArrangerDialogProps<T extends Record<string, boolean>> = {
     open: boolean;
     columns: SimpleColDef[];
     onClose: () => void;
     title?: string;
-    onSave: (args: {
-        columns: SimpleColDef[];
-    }) => void;
+    onSave: (args: T) => void;
 };
 export type ColumnArrangerFormProps = {
     columns: SimpleColDef[];
     children: (args: {
-        lockedColumns: SimpleColDef[];
-        arranger: React.ReactNode;
+        columnList: React.ReactNode;
         reset: (values?: SimpleColDef | Record<string, unknown>) => void;
         getValues: () => {
             columns: SimpleColDef[];
         };
     }) => JSX.Element;
 };
-export declare function ColumnArrangerDialog({ columns, open, onClose, onSave, title, }: Readonly<ColumnArrangerDialogProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ColumnArrangerDialog<T extends Record<string, boolean>>({ columns, open, onClose, onSave, title, }: Readonly<ColumnArrangerDialogProps<T>>): 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,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"}
+{"version":3,"file":"ColumnArrangerDialog.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArrangerDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAOhD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,MAAM,EACJ,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,UAAU,GACV,QAAQ,CACX,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACzE,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,CAAC,KAAK,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5B,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,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACtE,OAAO,EACP,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAwB,GACzB,EAAE,QAAQ,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,2CAiDxC"}

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

@@ -1,21 +1,25 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColumnArrangerDialog = ColumnArrangerDialog;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
+const fromPairs_1 = __importDefault(require("lodash/fromPairs"));
 const Button_1 = require("../Button");
 const Dialog_1 = require("../Dialog");
 const ColumnArrangerForm_1 = require("./ColumnArrangerForm");
-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 useRefinedColumns_1 = require("./hooks/useRefinedColumns");
+function ColumnArrangerDialog({ columns, open, onClose, onSave, title = "Column Chooser", }) {
+    const reFinedColumn = (0, useRefinedColumns_1.useRefinedColumns)(columns);
+    return ((0, jsx_runtime_1.jsx)(ColumnArrangerForm_1.ColumnArrangerForm, { columns: reFinedColumn, children: ({ columnList, reset, getValues }) => ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { title: title, open: open, onClose: () => {
+                onClose();
+                reset();
+            }, 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();
-                            const modifyValue = values.columns.map((col) => ({
-                                ...col,
-                                hide: !col.hide,
-                            }));
-                            onSave({
-                                columns: [...lockedColumns, ...modifyValue],
-                            });
+                            const result = (0, fromPairs_1.default)(values.columns.map((col) => [col.field, col.hide]));
+                            onSave(result);
                             onClose();
-                        }, children: "Save" })] }), children: arranger })) }));
+                        }, children: "Save" })] }), children: columnList })) }));
 }

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,eA2DzB"}
+{"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,eA0DzB"}

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

@@ -6,7 +6,7 @@ const react_1 = require("react");
 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 lockedColumns = (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) => ({
@@ -37,9 +37,8 @@ function ColumnArrangerForm({ columns, children, }) {
         setValue("columns", unlockedColumns);
     }, [columns]);
     return children({
-        lockedColumns,
         reset: wrappedReset,
         getValues,
-        arranger: ((0, jsx_runtime_1.jsx)(ColumnArranger_1.ColumnArranger, { fields: fields, lockedColumns: lockedColumns, control: control })),
+        columnList: ((0, jsx_runtime_1.jsx)(ColumnArranger_1.ColumnArranger, { fields: fields, lockedColumns: lockedColumns, control: control })),
     });
 }

package/packages/shared-components/dist/ColumnArranger/hooks/useRefinedColumns.d.ts

@@ -0,0 +1,9 @@
+import type { SimpleColDef } from "../ColumnArrangerDialog";
+type RefinedColumn = {
+    field: string;
+    hide?: boolean;
+    headerName: string;
+};
+export declare const useRefinedColumns: (columns: SimpleColDef[]) => RefinedColumn[];
+export {};
+//# sourceMappingURL=useRefinedColumns.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRefinedColumns.d.ts","sourceRoot":"","sources":["../../../src/ColumnArranger/hooks/useRefinedColumns.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,SAAS,YAAY,EAAE,KAAG,aAAa,EAiBxE,CAAC"}

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRefinedColumns = void 0;
+const react_1 = require("react");
+const useRefinedColumns = (columns) => {
+    return (0, react_1.useMemo)(() => {
+        return columns
+            .filter((col) => !!col.field)
+            .map(({ field, hide, headerName }) => {
+            const result = { field, headerName };
+            if (hide !== undefined) {
+                result.hide = hide;
+            }
+            return result;
+        });
+    }, [columns]);
+};
+exports.useRefinedColumns = useRefinedColumns;

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

@@ -1,4 +0,0 @@
-import type { ColumnItemProps } from "./ColumnItem";
-export type SortableColumnItemProps = Pick<ColumnItemProps, "field" | "control" | "index">;
-export declare function SortableColumnItem({ field, control, index, }: Readonly<SortableColumnItemProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SortableColumnItem.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SortableColumnItem.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/SortableColumnItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,OAAO,CAC9B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,KAAK,GACN,EAAE,QAAQ,CAAC,uBAAuB,CAAC,2CAEnC"}

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

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SortableColumnItem = SortableColumnItem;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ColumnItem_1 = require("./ColumnItem");
-function SortableColumnItem({ field, control, index, }) {
-    return (0, jsx_runtime_1.jsx)(ColumnItem_1.ColumnItem, { field: field, control: control, index: index });
-}