@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 +1 -1
- package/packages/shared-components/dist/ColumnArranger/ColumnArranger.d.ts.map +1 -1
- package/packages/shared-components/dist/ColumnArranger/ColumnArranger.js +0 -1
- package/packages/shared-components/dist/ColumnArranger/ColumnArrangerDialog.d.ts +4 -3
- package/packages/shared-components/dist/ColumnArranger/ColumnArrangerDialog.d.ts.map +1 -1
- package/packages/shared-components/dist/ColumnArranger/ColumnArrangerDialog.js +4 -3
- package/packages/shared-components/dist/ColumnArranger/ColumnArrangerForm.d.ts.map +1 -1
- package/packages/shared-components/dist/ColumnArranger/ColumnArrangerForm.js +4 -1
- package/packages/shared-components/dist/Dialog/SaveDialog.d.ts +9 -0
- package/packages/shared-components/dist/Dialog/SaveDialog.d.ts.map +1 -0
- package/packages/shared-components/dist/Dialog/SaveDialog.js +17 -0
- package/packages/shared-components/dist/Dialog/index.d.ts +1 -0
- package/packages/shared-components/dist/Dialog/index.d.ts.map +1 -1
- package/packages/shared-components/dist/Dialog/index.js +1 -0
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnArranger.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArranger.tsx"],"names":[],"mappings":"
|
|
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: (
|
|
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;
|
|
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(
|
|
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
|
-
|
|
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,
|
|
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 +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"}
|