@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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codezee/sixtify-brahma",
3
- "version": "0.2.52",
3
+ "version": "0.2.53",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"
@@ -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,2CAuCrC"}
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, ...values.columns],
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,eAiDzB"}
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.filter((col) => "hide" in col), [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,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"}
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 react_hook_form_1 = require("react-hook-form");
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, butterflyBlue } = 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)(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: {
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
  }