@codezee/sixtify-brahma 0.2.52 → 0.2.53
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/ColumnArrangerDialog.d.ts.map +1 -1
- package/packages/shared-components/dist/ColumnArranger/ColumnArrangerDialog.js +5 -1
- package/packages/shared-components/dist/ColumnArranger/ColumnArrangerForm.d.ts.map +1 -1
- package/packages/shared-components/dist/ColumnArranger/ColumnArrangerForm.js +6 -1
- package/packages/shared-components/dist/ColumnArranger/ColumnItem.d.ts.map +1 -1
- package/packages/shared-components/dist/ColumnArranger/ColumnItem.js +3 -39
package/package.json
CHANGED
|
@@ -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,
|
|
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"}
|
|
@@ -9,8 +9,12 @@ const ColumnArrangerForm_1 = require("./ColumnArrangerForm");
|
|
|
9
9
|
function ColumnArrangerDialog({ columns, open, onClose, title = "Arrange Columns", }) {
|
|
10
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: () => {
|
|
11
11
|
const values = getValues();
|
|
12
|
+
const modifyValue = values.columns.map((col) => ({
|
|
13
|
+
...col,
|
|
14
|
+
hide: !col.hide,
|
|
15
|
+
}));
|
|
12
16
|
onClose({
|
|
13
|
-
columns: [...lockedColumns, ...
|
|
17
|
+
columns: [...lockedColumns, ...modifyValue],
|
|
14
18
|
});
|
|
15
19
|
}, children: "Save" })] }), children: arranger })) }));
|
|
16
20
|
}
|
|
@@ -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,eAuDzB"}
|
|
@@ -7,7 +7,12 @@ const react_hook_form_1 = require("react-hook-form");
|
|
|
7
7
|
const ColumnArranger_1 = require("./ColumnArranger");
|
|
8
8
|
function ColumnArrangerForm({ columns, children, }) {
|
|
9
9
|
const lockedColumns = (0, react_1.useMemo)(() => columns.filter((col) => "lockPosition" in col), [columns]);
|
|
10
|
-
const unlockedColumns = (0, react_1.useMemo)(() => columns
|
|
10
|
+
const unlockedColumns = (0, react_1.useMemo)(() => columns
|
|
11
|
+
.filter((col) => "hide" in col)
|
|
12
|
+
.map((col) => ({
|
|
13
|
+
...col,
|
|
14
|
+
hide: !col.hide,
|
|
15
|
+
})), [columns]);
|
|
11
16
|
const initialUnlockedColumnsRef = (0, react_1.useRef)(unlockedColumns);
|
|
12
17
|
const { control, reset, getValues } = (0, react_hook_form_1.useForm)({
|
|
13
18
|
defaultValues: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnItem.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnItem.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"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"}
|
|
@@ -4,46 +4,10 @@ exports.ColumnItem = ColumnItem;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
6
|
const styles_1 = require("@mui/material/styles");
|
|
7
|
-
const
|
|
7
|
+
const FormFields_1 = require("../FormFields");
|
|
8
8
|
const PadBox_1 = require("../PadBox");
|
|
9
9
|
function ColumnItem({ field, control, index, }) {
|
|
10
10
|
const theme = (0, styles_1.useTheme)();
|
|
11
|
-
const { iron
|
|
12
|
-
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)(
|
|
13
|
-
padding: 1,
|
|
14
|
-
"& .MuiSwitch-track": {
|
|
15
|
-
borderRadius: 11,
|
|
16
|
-
backgroundColor: iron[900],
|
|
17
|
-
position: "relative",
|
|
18
|
-
"&::before": {
|
|
19
|
-
content: "unset",
|
|
20
|
-
position: "absolute",
|
|
21
|
-
top: "50%",
|
|
22
|
-
transform: "translateY(-50%)",
|
|
23
|
-
width: 16,
|
|
24
|
-
height: 16,
|
|
25
|
-
left: 12,
|
|
26
|
-
},
|
|
27
|
-
"&::after": {
|
|
28
|
-
content: "unset",
|
|
29
|
-
position: "absolute",
|
|
30
|
-
top: "50%",
|
|
31
|
-
transform: "translateY(-50%)",
|
|
32
|
-
width: 16,
|
|
33
|
-
height: 16,
|
|
34
|
-
right: 12,
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
"& .MuiSwitch-thumb": {
|
|
38
|
-
boxShadow: "none",
|
|
39
|
-
width: 16,
|
|
40
|
-
height: 16,
|
|
41
|
-
margin: 0.15,
|
|
42
|
-
color: "white",
|
|
43
|
-
},
|
|
44
|
-
"& .Mui-checked + .MuiSwitch-track": {
|
|
45
|
-
backgroundColor: `${butterflyBlue[900]} !important`,
|
|
46
|
-
opacity: `${1} !important`,
|
|
47
|
-
},
|
|
48
|
-
} })) })] }) }));
|
|
11
|
+
const { iron } = theme.palette.app.color;
|
|
12
|
+
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` })] }) }));
|
|
49
13
|
}
|