@codezee/sixtify-brahma 0.2.53 → 0.2.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codezee/sixtify-brahma",
3
- "version": "0.2.53",
3
+ "version": "0.2.54",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"
@@ -1 +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"}
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"}
@@ -2,7 +2,6 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.ColumnArranger = ColumnArranger;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
- /* eslint-disable import/no-unresolved */
6
5
  const material_1 = require("@mui/material");
7
6
  const LockedColumnItem_1 = require("./LockedColumnItem");
8
7
  const SortableColumnItem_1 = require("./SortableColumnItem");
@@ -3,10 +3,11 @@ export type SimpleColDef = Pick<ColDef, "field" | "headerName" | "hide" | "minWi
3
3
  export type ColumnArrangerDialogProps = {
4
4
  open: boolean;
5
5
  columns: SimpleColDef[];
6
- onClose: (args: {
6
+ onClose: () => void;
7
+ title?: string;
8
+ onSave: (args: {
7
9
  columns: SimpleColDef[];
8
10
  }) => void;
9
- title?: string;
10
11
  };
11
12
  export type ColumnArrangerFormProps = {
12
13
  columns: SimpleColDef[];
@@ -19,5 +20,5 @@ export type ColumnArrangerFormProps = {
19
20
  };
20
21
  }) => JSX.Element;
21
22
  };
22
- export declare function ColumnArrangerDialog({ columns, open, onClose, title, }: Readonly<ColumnArrangerDialogProps>): import("react/jsx-runtime").JSX.Element;
23
+ export declare function ColumnArrangerDialog({ columns, open, onClose, onSave, title, }: Readonly<ColumnArrangerDialogProps>): import("react/jsx-runtime").JSX.Element;
23
24
  //# sourceMappingURL=ColumnArrangerDialog.d.ts.map
@@ -1 +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,2CA4CrC"}
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"}
@@ -6,15 +6,16 @@ const material_1 = require("@mui/material");
6
6
  const Button_1 = require("../Button");
7
7
  const Dialog_1 = require("../Dialog");
8
8
  const ColumnArrangerForm_1 = require("./ColumnArrangerForm");
9
- function ColumnArrangerDialog({ columns, open, onClose, title = "Arrange Columns", }) {
10
- 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: () => {
9
+ function ColumnArrangerDialog({ columns, open, onClose, onSave, title = "Arrange Columns", }) {
10
+ 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: () => {
11
11
  const values = getValues();
12
12
  const modifyValue = values.columns.map((col) => ({
13
13
  ...col,
14
14
  hide: !col.hide,
15
15
  }));
16
- onClose({
16
+ onSave({
17
17
  columns: [...lockedColumns, ...modifyValue],
18
18
  });
19
+ onClose();
19
20
  }, children: "Save" })] }), children: arranger })) }));
20
21
  }
@@ -1 +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,eAuDzB"}
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"}
@@ -14,7 +14,7 @@ function ColumnArrangerForm({ columns, children, }) {
14
14
  hide: !col.hide,
15
15
  })), [columns]);
16
16
  const initialUnlockedColumnsRef = (0, react_1.useRef)(unlockedColumns);
17
- const { control, reset, getValues } = (0, react_hook_form_1.useForm)({
17
+ const { control, reset, getValues, setValue } = (0, react_hook_form_1.useForm)({
18
18
  defaultValues: {
19
19
  columns: initialUnlockedColumnsRef.current,
20
20
  },
@@ -33,6 +33,9 @@ function ColumnArrangerForm({ columns, children, }) {
33
33
  name: "columns",
34
34
  control,
35
35
  });
36
+ (0, react_1.useMemo)(() => {
37
+ setValue("columns", unlockedColumns);
38
+ }, [columns]);
36
39
  return children({
37
40
  lockedColumns,
38
41
  reset: wrappedReset,
@@ -0,0 +1,9 @@
1
+ export type SaveDialogProps = {
2
+ title: string;
3
+ open: boolean;
4
+ isSaveLoading?: boolean;
5
+ onSave: () => void;
6
+ onClose: () => void;
7
+ };
8
+ export declare const SaveDialog: ({ title, open, isSaveLoading, onSave, onClose, }: SaveDialogProps) => import("react/jsx-runtime").JSX.Element;
9
+ //# sourceMappingURL=SaveDialog.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.SaveDialog = void 0;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const InfoTwoTone_1 = __importDefault(require("@mui/icons-material/InfoTwoTone"));
9
+ const material_1 = require("@mui/material");
10
+ const Button_1 = require("../Button");
11
+ const Dialog_1 = require("./Dialog");
12
+ const SaveDialog = ({ title, open, isSaveLoading = false, onSave, onClose, }) => {
13
+ const theme = (0, material_1.useTheme)();
14
+ const { butterflyBlue } = theme.palette.app.color;
15
+ 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 })] }) }));
16
+ };
17
+ exports.SaveDialog = SaveDialog;
@@ -1,4 +1,5 @@
1
1
  export * from "./BottomDialog";
2
2
  export * from "./DeleteDialog";
3
3
  export * from "./Dialog";
4
+ export * from "./SaveDialog";
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
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;AACzB,cAAc,cAAc,CAAC"}
@@ -17,3 +17,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  __exportStar(require("./BottomDialog"), exports);
18
18
  __exportStar(require("./DeleteDialog"), exports);
19
19
  __exportStar(require("./Dialog"), exports);
20
+ __exportStar(require("./SaveDialog"), exports);