@codezee/sixtify-brahma 0.2.192 → 0.2.194
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 -55
- package/packages/shared-components/dist/AgGrid/AgGrid.js +6 -6
- package/packages/shared-components/dist/AgGrid/hooks/useAgGridSelection.d.ts.map +1 -1
- package/packages/shared-components/dist/AgGrid/hooks/useAgGridSelection.js +108 -24
- package/packages/shared-components/dist/FormFields/RadioGroupField/RadioGroupField.d.ts +1 -1
- package/packages/shared-components/dist/FormFields/RadioGroupField/RadioGroupField.d.ts.map +1 -1
- package/packages/shared-components/dist/FormFields/RadioGroupField/RadioGroupField.js +32 -14
- package/packages/shared-components/dist/FormFields/Select/Select.js +1 -1
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArranger.d.ts +20 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArranger.d.ts.map +1 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArranger.js +49 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerDialog.d.ts +17 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerDialog.d.ts.map +1 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerDialog.js +117 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerForm.d.ts +17 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerForm.d.ts.map +1 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerForm.js +47 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnItem.d.ts +16 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnItem.d.ts.map +1 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnItem.js +122 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/LockedColumnItem.d.ts +6 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/LockedColumnItem.d.ts.map +1 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/LockedColumnItem.js +17 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/hooks/useRefinedColumns.d.ts +13 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/hooks/useRefinedColumns.d.ts.map +1 -0
- package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/hooks/useRefinedColumns.js +24 -0
- package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/FacetedFilter.d.ts.map +1 -1
- package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/FacetedFilter.js +11 -5
- package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupAreaOverlay.d.ts +3 -1
- package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupAreaOverlay.d.ts.map +1 -1
- package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupAreaOverlay.js +25 -6
- package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupedPanel.d.ts.map +1 -1
- package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupedPanel.js +14 -5
- package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/HeaderCell.js +2 -2
- package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/SearchFilterRow.js +2 -2
- package/packages/shared-components/dist/SmartGrid/Components/SmartAlignments.d.ts +9 -0
- package/packages/shared-components/dist/SmartGrid/Components/SmartAlignments.d.ts.map +1 -0
- package/packages/shared-components/dist/SmartGrid/Components/SmartAlignments.js +63 -0
- package/packages/shared-components/dist/SmartGrid/Components/SmartButton.d.ts +7 -0
- package/packages/shared-components/dist/SmartGrid/Components/SmartButton.d.ts.map +1 -0
- package/packages/shared-components/dist/SmartGrid/Components/SmartButton.js +21 -0
- package/packages/shared-components/dist/SmartGrid/Components/SmartDialog.d.ts +12 -0
- package/packages/shared-components/dist/SmartGrid/Components/SmartDialog.d.ts.map +1 -0
- package/packages/shared-components/dist/SmartGrid/Components/SmartDialog.js +42 -0
- package/packages/shared-components/dist/SmartGrid/Components/SmartSwitch.d.ts +7 -0
- package/packages/shared-components/dist/SmartGrid/Components/SmartSwitch.d.ts.map +1 -0
- package/packages/shared-components/dist/SmartGrid/Components/SmartSwitch.js +53 -0
- package/packages/shared-components/dist/SmartGrid/Components/Svgs/HideIcon.d.ts +3 -0
- package/packages/shared-components/dist/SmartGrid/Components/Svgs/HideIcon.d.ts.map +1 -0
- package/packages/shared-components/dist/SmartGrid/Components/Svgs/HideIcon.js +6 -0
- package/packages/shared-components/dist/SmartGrid/Components/TableRowComponent.d.ts.map +1 -1
- package/packages/shared-components/dist/SmartGrid/Components/TableRowComponent.js +48 -3
- package/packages/shared-components/dist/SmartGrid/SmartGrid.d.ts.map +1 -1
- package/packages/shared-components/dist/SmartGrid/SmartGrid.js +221 -70
- package/packages/shared-components/dist/SmartGrid/hooks/useGetColumnWidth.d.ts +2 -1
- package/packages/shared-components/dist/SmartGrid/hooks/useGetColumnWidth.d.ts.map +1 -1
- package/packages/shared-components/dist/SmartGrid/hooks/useGetGroupedColumn.d.ts.map +1 -1
- package/packages/shared-components/dist/SmartGrid/hooks/useGetGroupedColumn.js +4 -0
- package/packages/shared-components/dist/SmartGrid/hooks/useTableState.d.ts.map +1 -1
- package/packages/shared-components/dist/SmartGrid/hooks/useTableState.js +1 -7
- package/packages/shared-components/dist/SmartGrid/index.d.ts +0 -1
- package/packages/shared-components/dist/SmartGrid/index.d.ts.map +1 -1
- package/packages/shared-components/dist/SmartGrid/index.js +0 -1
- package/packages/shared-components/dist/SmartGrid/types/index.d.ts +9 -0
- package/packages/shared-components/dist/SmartGrid/types/index.d.ts.map +1 -1
- package/packages/shared-components/dist/SmartGrid/utils/summaryCalculations.d.ts.map +1 -1
- package/packages/shared-components/dist/Svgs/BookMarkSvg.d.ts +3 -0
- package/packages/shared-components/dist/Svgs/BookMarkSvg.d.ts.map +1 -0
- package/packages/shared-components/dist/Svgs/BookMarkSvg.js +6 -0
- package/packages/shared-components/dist/Svgs/index.d.ts +1 -0
- package/packages/shared-components/dist/Svgs/index.d.ts.map +1 -1
- package/packages/shared-components/dist/Svgs/index.js +1 -0
- package/packages/shared-components/dist/index.d.ts +0 -1
- package/packages/shared-components/dist/index.d.ts.map +1 -1
- package/packages/shared-components/dist/index.js +0 -1
- package/packages/shared-components/dist/RichTextEditor/EditorMenuControls.d.ts +0 -2
- package/packages/shared-components/dist/RichTextEditor/EditorMenuControls.d.ts.map +0 -1
- package/packages/shared-components/dist/RichTextEditor/EditorMenuControls.js +0 -12
- package/packages/shared-components/dist/RichTextEditor/RichTextEditor.d.ts +0 -19
- package/packages/shared-components/dist/RichTextEditor/RichTextEditor.d.ts.map +0 -1
- package/packages/shared-components/dist/RichTextEditor/RichTextEditor.js +0 -88
- package/packages/shared-components/dist/RichTextEditor/index.d.ts +0 -2
- package/packages/shared-components/dist/RichTextEditor/index.d.ts.map +0 -1
- package/packages/shared-components/dist/RichTextEditor/index.js +0 -17
- package/packages/shared-components/dist/RichTextEditor/useExtensions.d.ts +0 -13
- package/packages/shared-components/dist/RichTextEditor/useExtensions.d.ts.map +0 -1
- package/packages/shared-components/dist/RichTextEditor/useExtensions.js +0 -169
- package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartSelectField.d.ts +0 -7
- package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartSelectField.d.ts.map +0 -1
- package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartSelectField.js +0 -58
- package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTextField.d.ts +0 -5
- package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTextField.d.ts.map +0 -1
- package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTextField.js +0 -59
- package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTooltip.d.ts +0 -9
- package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTooltip.d.ts.map +0 -1
- package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTooltip.js +0 -113
- package/packages/shared-components/dist/SmartGrid/Components/EditableFields/index.d.ts +0 -4
- package/packages/shared-components/dist/SmartGrid/Components/EditableFields/index.d.ts.map +0 -1
- package/packages/shared-components/dist/SmartGrid/Components/EditableFields/index.js +0 -19
- package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/GroupingIcons.d.ts +0 -8
- package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/GroupingIcons.d.ts.map +0 -1
- package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/GroupingIcons.js +0 -41
- package/packages/shared-components/dist/SmartGrid/Components/index.d.ts +0 -2
- package/packages/shared-components/dist/SmartGrid/Components/index.d.ts.map +0 -1
- package/packages/shared-components/dist/SmartGrid/Components/index.js +0 -17
- package/packages/shared-components/dist/SmartGrid/hooks/useProcessColumnsForGroupDisplay.d.ts +0 -11
- package/packages/shared-components/dist/SmartGrid/hooks/useProcessColumnsForGroupDisplay.d.ts.map +0 -1
- package/packages/shared-components/dist/SmartGrid/hooks/useProcessColumnsForGroupDisplay.js +0 -30
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SmartAlignments = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const iconoir_react_1 = require("iconoir-react");
|
|
6
|
+
const react_hook_form_1 = require("react-hook-form");
|
|
7
|
+
const SmartAlignments = ({ name, control, defaultValue, rules, disabled = false, }) => {
|
|
8
|
+
const { field: { value = defaultValue ?? "left", onChange }, } = (0, react_hook_form_1.useController)({
|
|
9
|
+
name,
|
|
10
|
+
control,
|
|
11
|
+
rules,
|
|
12
|
+
});
|
|
13
|
+
const alignments = [
|
|
14
|
+
{
|
|
15
|
+
value: "left",
|
|
16
|
+
icon: (0, jsx_runtime_1.jsx)(iconoir_react_1.AlignLeft, { width: 18, height: 18 }),
|
|
17
|
+
label: "Left",
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
value: "center",
|
|
21
|
+
icon: (0, jsx_runtime_1.jsx)(iconoir_react_1.AlignCenter, { width: 18, height: 18 }),
|
|
22
|
+
label: "Center",
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
value: "right",
|
|
26
|
+
icon: (0, jsx_runtime_1.jsx)(iconoir_react_1.AlignRight, { width: 18, height: 18 }),
|
|
27
|
+
label: "Right",
|
|
28
|
+
},
|
|
29
|
+
];
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
31
|
+
display: "inline-flex",
|
|
32
|
+
backgroundColor: " #FFFFFF",
|
|
33
|
+
borderRadius: "6px",
|
|
34
|
+
border: "1px solid #E1E3E5",
|
|
35
|
+
}, children: alignments.map(({ value: alignmentValue, icon }) => {
|
|
36
|
+
const Icon = icon;
|
|
37
|
+
const isSelected = value === alignmentValue;
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)("button", { onClick: () => {
|
|
39
|
+
if (!disabled) {
|
|
40
|
+
onChange(alignmentValue);
|
|
41
|
+
}
|
|
42
|
+
}, disabled: disabled, style: {
|
|
43
|
+
padding: "4.5px 10px",
|
|
44
|
+
backgroundColor: "transparent",
|
|
45
|
+
border: "none",
|
|
46
|
+
borderRadius: "4px",
|
|
47
|
+
cursor: disabled ? "not-allowed" : "pointer",
|
|
48
|
+
transition: "background-color 0.15s",
|
|
49
|
+
color: disabled ? "rgb(0, 0, 0, 0.5)" : "rgb(0, 0, 0)",
|
|
50
|
+
display: "flex",
|
|
51
|
+
alignItems: "center",
|
|
52
|
+
justifyContent: "center",
|
|
53
|
+
margin: "0px",
|
|
54
|
+
opacity: disabled ? 0.5 : 1,
|
|
55
|
+
...(isSelected
|
|
56
|
+
? {
|
|
57
|
+
backgroundColor: "rgb(229, 231, 231)",
|
|
58
|
+
}
|
|
59
|
+
: {}),
|
|
60
|
+
}, "aria-label": `Align ${alignmentValue}`, type: "button", children: Icon }, alignmentValue));
|
|
61
|
+
}) }));
|
|
62
|
+
};
|
|
63
|
+
exports.SmartAlignments = SmartAlignments;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, ReactNode } from "react";
|
|
2
|
+
type SmartButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
};
|
|
5
|
+
export declare const SmartButton: ({ children, style, ...props }: SmartButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=SmartButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SmartButton.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/SmartButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAChE,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,+BAIzB,gBAAgB,4CAsBlB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SmartButton = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const SmartButton = ({ children, style, ...props }) => {
|
|
6
|
+
return ((0, jsx_runtime_1.jsx)("button", { ...props, style: {
|
|
7
|
+
flex: 1,
|
|
8
|
+
cursor: "pointer",
|
|
9
|
+
padding: "8px",
|
|
10
|
+
backgroundColor: "white",
|
|
11
|
+
color: "#333",
|
|
12
|
+
border: "1px solid #ddd",
|
|
13
|
+
borderRadius: "4px",
|
|
14
|
+
fontSize: "14px",
|
|
15
|
+
fontWeight: 500,
|
|
16
|
+
transition: "all 0.2s",
|
|
17
|
+
maxWidth: "80px",
|
|
18
|
+
...style,
|
|
19
|
+
}, children: children }));
|
|
20
|
+
};
|
|
21
|
+
exports.SmartButton = SmartButton;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
type SmartDialogProps = {
|
|
4
|
+
open: boolean;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
width?: number | string;
|
|
8
|
+
actions?: ReactNode;
|
|
9
|
+
};
|
|
10
|
+
export declare function SmartDialog({ open, onClose, children, width, actions, }: Readonly<SmartDialogProps>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=SmartDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SmartDialog.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/SmartDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAW,EACX,OAAO,GACR,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAuD5B"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SmartDialog = SmartDialog;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
function SmartDialog({ open, onClose, children, width = 420, actions, }) {
|
|
7
|
+
const dialogRef = (0, react_1.useRef)(null);
|
|
8
|
+
// Sync React state with native dialog
|
|
9
|
+
(0, react_1.useEffect)(() => {
|
|
10
|
+
const dialog = dialogRef.current;
|
|
11
|
+
if (!dialog) {
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
if (open && !dialog.open) {
|
|
15
|
+
dialog.showModal();
|
|
16
|
+
}
|
|
17
|
+
if (!open && dialog.open) {
|
|
18
|
+
dialog.close();
|
|
19
|
+
}
|
|
20
|
+
}, [open]);
|
|
21
|
+
return (
|
|
22
|
+
// eslint-disable-next-line sonarjs/mouse-events-a11y
|
|
23
|
+
(0, jsx_runtime_1.jsx)("dialog", { ref: dialogRef, onCancel: (e) => {
|
|
24
|
+
e.preventDefault(); // prevent native auto-close
|
|
25
|
+
onClose();
|
|
26
|
+
}, onClick: (e) => {
|
|
27
|
+
if (e.target == dialogRef.current) {
|
|
28
|
+
onClose();
|
|
29
|
+
}
|
|
30
|
+
}, style: {
|
|
31
|
+
border: "none",
|
|
32
|
+
background: "transparent",
|
|
33
|
+
outline: "none",
|
|
34
|
+
width,
|
|
35
|
+
padding: 0,
|
|
36
|
+
borderRadius: 2,
|
|
37
|
+
backgroundColor: "white",
|
|
38
|
+
boxShadow: "0 0 10px 0 rgba(0, 0, 0, 0.1)",
|
|
39
|
+
}, children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
40
|
+
padding: 0,
|
|
41
|
+
}, children: [children, actions] }) }));
|
|
42
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type FieldValues, type UseControllerProps } from "react-hook-form";
|
|
2
|
+
type SmartSwitchProps<P extends FieldValues> = UseControllerProps<P> & {
|
|
3
|
+
label?: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const SmartSwitch: <P extends FieldValues>({ name, control, defaultValue, rules, label, }: SmartSwitchProps<P>) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=SmartSwitch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SmartSwitch.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/SmartSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,KAAK,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,WAAW,EAAE,gDAMhD,gBAAgB,CAAC,CAAC,CAAC,4CAqErB,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SmartSwitch = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_hook_form_1 = require("react-hook-form");
|
|
6
|
+
const SmartSwitch = ({ name, control, defaultValue, rules, label, }) => {
|
|
7
|
+
const { field: { value = false, onChange }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
|
|
8
|
+
const handleToggle = () => {
|
|
9
|
+
onChange(!value);
|
|
10
|
+
};
|
|
11
|
+
const containerStyle = {
|
|
12
|
+
display: "flex",
|
|
13
|
+
alignItems: "center",
|
|
14
|
+
gap: "12px",
|
|
15
|
+
};
|
|
16
|
+
const labelStyle = {
|
|
17
|
+
color: "#374151",
|
|
18
|
+
fontWeight: "500",
|
|
19
|
+
};
|
|
20
|
+
const buttonStyle = {
|
|
21
|
+
position: "relative",
|
|
22
|
+
width: "42px",
|
|
23
|
+
height: "20px",
|
|
24
|
+
background: "transparent",
|
|
25
|
+
border: "none",
|
|
26
|
+
cursor: "pointer",
|
|
27
|
+
outline: "none",
|
|
28
|
+
padding: "0",
|
|
29
|
+
};
|
|
30
|
+
const trackStyle = {
|
|
31
|
+
position: "absolute",
|
|
32
|
+
top: "0",
|
|
33
|
+
left: "0",
|
|
34
|
+
width: "100%",
|
|
35
|
+
height: "100%",
|
|
36
|
+
borderRadius: "11px",
|
|
37
|
+
backgroundColor: value ? "#38bdf8" : "#e5e7eb",
|
|
38
|
+
transition: "background-color 0.25s ease",
|
|
39
|
+
};
|
|
40
|
+
const circleStyle = {
|
|
41
|
+
position: "absolute",
|
|
42
|
+
top: "2px",
|
|
43
|
+
left: value ? "23px" : "3px",
|
|
44
|
+
width: "18px",
|
|
45
|
+
height: "16px",
|
|
46
|
+
borderRadius: "50%",
|
|
47
|
+
backgroundColor: "#ffffff",
|
|
48
|
+
transition: "left 0.25s ease",
|
|
49
|
+
boxShadow: "0 1px 2px rgba(0, 0, 0, 0.2)",
|
|
50
|
+
};
|
|
51
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: containerStyle, children: [label && (0, jsx_runtime_1.jsx)("span", { style: labelStyle, children: label }), (0, jsx_runtime_1.jsxs)("button", { onClick: handleToggle, style: buttonStyle, role: "switch", "aria-checked": value, type: "button", children: [(0, jsx_runtime_1.jsx)("span", { style: trackStyle }), (0, jsx_runtime_1.jsx)("span", { style: circleStyle })] })] }));
|
|
52
|
+
};
|
|
53
|
+
exports.SmartSwitch = SmartSwitch;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HideIcon.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/Svgs/HideIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,QAAQ,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CA0BtD,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.HideIcon = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const HideIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { fill: "#000000", width: "800px", height: "800px", viewBox: "0 0 36 36", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props, children: [(0, jsx_runtime_1.jsx)("title", { children: "eye-hide-line" }), (0, jsx_runtime_1.jsx)("path", { d: "M25.19,20.4A6.78,6.78,0,0,0,25.62,18a6.86,6.86,0,0,0-6.86-6.86,6.79,6.79,0,0,0-2.37.43L18,13.23a4.78,4.78,0,0,1,.74-.06A4.87,4.87,0,0,1,23.62,18a4.79,4.79,0,0,1-.06.74Z", className: "clr-i-outline clr-i-outline-path-1" }), (0, jsx_runtime_1.jsx)("path", { d: "M34.29,17.53c-3.37-6.23-9.28-10-15.82-10a16.82,16.82,0,0,0-5.24.85L14.84,10a14.78,14.78,0,0,1,3.63-.47c5.63,0,10.75,3.14,13.8,8.43a17.75,17.75,0,0,1-4.37,5.1l1.42,1.42a19.93,19.93,0,0,0,5-6l.26-.48Z", className: "clr-i-outline clr-i-outline-path-2" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.87,5.78l4.46,4.46a19.52,19.52,0,0,0-6.69,7.29L2.38,18l.26.48c3.37,6.23,9.28,10,15.82,10a16.93,16.93,0,0,0,7.37-1.69l5,5,1.75-1.5-26-26Zm9.75,9.75,6.65,6.65a4.81,4.81,0,0,1-2.5.72A4.87,4.87,0,0,1,13.9,18,4.81,4.81,0,0,1,14.62,15.53Zm-1.45-1.45a6.85,6.85,0,0,0,9.55,9.55l1.6,1.6a14.91,14.91,0,0,1-5.86,1.2c-5.63,0-10.75-3.14-13.8-8.43a17.29,17.29,0,0,1,6.12-6.3Z", className: "clr-i-outline clr-i-outline-path-3" }), (0, jsx_runtime_1.jsx)("rect", { x: 0, y: 0, width: 36, height: 36, fillOpacity: 0 })] }));
|
|
6
|
+
exports.HideIcon = HideIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRowComponent.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/TableRowComponent.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableRowComponent.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/TableRowComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO3D,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,UAAU,CAAC;AAG5D,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/B,UAAU,EAAE,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,sHAWnC,sBAAsB,CAAC,CAAC,CAAC,4CAmV3B,CAAC"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.TableRowComponent = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/* eslint-disable sonarjs/function-return-type */
|
|
5
6
|
const material_1 = require("@mui/material");
|
|
6
7
|
const react_1 = require("react");
|
|
7
8
|
const Button_1 = require("../../Button");
|
|
@@ -91,14 +92,43 @@ const TableRowComponent = ({ columnWidths, exportActions, exportData, grouping =
|
|
|
91
92
|
if (cell.column.id === "grouped_by") {
|
|
92
93
|
return true;
|
|
93
94
|
}
|
|
95
|
+
// Keep the grouped cell for grouped rows (this shows the expand/collapse and group label)
|
|
96
|
+
if (cell.getIsGrouped()) {
|
|
97
|
+
return true;
|
|
98
|
+
}
|
|
94
99
|
// Filter out grouping columns - check both if cell is grouped AND if column ID is in grouping array
|
|
95
100
|
const columnId = cell.column.id;
|
|
96
101
|
const accessorKey = cell.column.columnDef?.accessorKey;
|
|
97
102
|
const isGroupingColumn = grouping.includes(columnId) ||
|
|
98
103
|
(accessorKey && grouping.includes(accessorKey));
|
|
99
|
-
return !isGroupingColumn
|
|
104
|
+
return !isGroupingColumn;
|
|
100
105
|
})
|
|
101
106
|
: visibleCells;
|
|
107
|
+
// Check if this is a grouped row (has grouping header)
|
|
108
|
+
const isGroupedRow = row.getIsGrouped();
|
|
109
|
+
// For grouped rows, render a single cell that spans all columns
|
|
110
|
+
if (isGroupedRow && cellsToRender.length > 0) {
|
|
111
|
+
const groupedCell = cellsToRender.find((c) => c.getIsGrouped());
|
|
112
|
+
if (groupedCell) {
|
|
113
|
+
return ((0, jsx_runtime_1.jsx)("td", { colSpan: cellsToRender.length, style: {
|
|
114
|
+
boxSizing: "border-box",
|
|
115
|
+
lineHeight: "21px",
|
|
116
|
+
overflow: "hidden",
|
|
117
|
+
padding: "0px 8px",
|
|
118
|
+
position: "relative",
|
|
119
|
+
textAlign: "left",
|
|
120
|
+
width: "100%",
|
|
121
|
+
}, children: (0, jsx_runtime_1.jsx)("div", { style: {
|
|
122
|
+
alignItems: "center",
|
|
123
|
+
color: iron[400],
|
|
124
|
+
display: "flex",
|
|
125
|
+
fontFamily: "Poppins",
|
|
126
|
+
fontSize: "13px",
|
|
127
|
+
height: rowHeight,
|
|
128
|
+
justifyContent: "flex-start",
|
|
129
|
+
}, children: (0, jsx_runtime_1.jsx)(CellRenderer_1.CellRenderer, { cell: groupedCell, row: row, isSummaryRow: isSummaryRow, summaryData: summaryData, isGroupColumn: false }) }) }, groupedCell.id));
|
|
130
|
+
}
|
|
131
|
+
}
|
|
102
132
|
return cellsToRender.map((cell, cellIndex, allCells) => {
|
|
103
133
|
const width = columnWidths[cellIndex] ?? cell.column.getSize();
|
|
104
134
|
const pinStyle = getPinStyle(cell, cellIndex, allCells);
|
|
@@ -127,6 +157,19 @@ const TableRowComponent = ({ columnWidths, exportActions, exportData, grouping =
|
|
|
127
157
|
? butterflyBlue[600]
|
|
128
158
|
: getRowBackgroundColor()
|
|
129
159
|
: cellBackgroundColor;
|
|
160
|
+
// Get alignment from column definition
|
|
161
|
+
const columnDef = cell.column.columnDef;
|
|
162
|
+
const textAlign = columnDef.align ?? "left";
|
|
163
|
+
let justifyContent;
|
|
164
|
+
if (textAlign === "right") {
|
|
165
|
+
justifyContent = "flex-end";
|
|
166
|
+
}
|
|
167
|
+
else if (textAlign === "center") {
|
|
168
|
+
justifyContent = "center";
|
|
169
|
+
}
|
|
170
|
+
else {
|
|
171
|
+
justifyContent = "flex-start";
|
|
172
|
+
}
|
|
130
173
|
return ((0, jsx_runtime_1.jsx)("td", { onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, style: {
|
|
131
174
|
animation: cellAnimation,
|
|
132
175
|
backgroundColor: finalBackgroundColor,
|
|
@@ -138,6 +181,7 @@ const TableRowComponent = ({ columnWidths, exportActions, exportData, grouping =
|
|
|
138
181
|
overflow: "hidden",
|
|
139
182
|
padding: "0px 8px",
|
|
140
183
|
position: "relative",
|
|
184
|
+
textAlign,
|
|
141
185
|
textOverflow: "ellipsis",
|
|
142
186
|
textWrap: "nowrap",
|
|
143
187
|
userSelect: cellSelectionEnabled ? "none" : "auto",
|
|
@@ -148,9 +192,10 @@ const TableRowComponent = ({ columnWidths, exportActions, exportData, grouping =
|
|
|
148
192
|
color: iron[400],
|
|
149
193
|
display: "flex",
|
|
150
194
|
fontFamily: "Poppins",
|
|
151
|
-
fontSize: "
|
|
195
|
+
fontSize: "13px",
|
|
152
196
|
fontWeight: isSummaryRow ? "500" : 400,
|
|
153
197
|
height: rowHeight,
|
|
198
|
+
justifyContent,
|
|
154
199
|
overflow: "hidden",
|
|
155
200
|
textOverflow: "ellipsis",
|
|
156
201
|
}, children: (0, jsx_runtime_1.jsx)(CellRenderer_1.CellRenderer, { cell: cell, row: row, isSummaryRow: isSummaryRow, summaryData: summaryData, isGroupColumn: cell.column.id === "grouped_by" }) }) }, cell.id));
|
|
@@ -171,7 +216,7 @@ const TableRowComponent = ({ columnWidths, exportActions, exportData, grouping =
|
|
|
171
216
|
}, children: exportActions?.map((item) => {
|
|
172
217
|
return ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: item.onClick, variant: "text", style: {
|
|
173
218
|
borderBottom: `1px solid ${iron[700]}`,
|
|
174
|
-
fontSize: "
|
|
219
|
+
fontSize: "13px",
|
|
175
220
|
padding: 0,
|
|
176
221
|
}, disableRipple: true, children: item.label }, item.label));
|
|
177
222
|
}) }))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SmartGrid.d.ts","sourceRoot":"","sources":["../../src/SmartGrid/SmartGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAQN,MAAM,OAAO,CAAC;AAiBf,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"SmartGrid.d.ts","sourceRoot":"","sources":["../../src/SmartGrid/SmartGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAQN,MAAM,OAAO,CAAC;AAiBf,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,SAAS,CAAC;AAoCjB,KAAK,aAAa,GAAG,KAAK,CAAC,yBAAyB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAC3E,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAErE,eAAO,MAAM,SAAS,EA6uBjB,aAAa,CAAC"}
|