@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.
Files changed (108) hide show
  1. package/package.json +1 -55
  2. package/packages/shared-components/dist/AgGrid/AgGrid.js +6 -6
  3. package/packages/shared-components/dist/AgGrid/hooks/useAgGridSelection.d.ts.map +1 -1
  4. package/packages/shared-components/dist/AgGrid/hooks/useAgGridSelection.js +108 -24
  5. package/packages/shared-components/dist/FormFields/RadioGroupField/RadioGroupField.d.ts +1 -1
  6. package/packages/shared-components/dist/FormFields/RadioGroupField/RadioGroupField.d.ts.map +1 -1
  7. package/packages/shared-components/dist/FormFields/RadioGroupField/RadioGroupField.js +32 -14
  8. package/packages/shared-components/dist/FormFields/Select/Select.js +1 -1
  9. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArranger.d.ts +20 -0
  10. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArranger.d.ts.map +1 -0
  11. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArranger.js +49 -0
  12. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerDialog.d.ts +17 -0
  13. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerDialog.d.ts.map +1 -0
  14. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerDialog.js +117 -0
  15. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerForm.d.ts +17 -0
  16. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerForm.d.ts.map +1 -0
  17. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnArrangerForm.js +47 -0
  18. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnItem.d.ts +16 -0
  19. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnItem.d.ts.map +1 -0
  20. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/ColumnItem.js +122 -0
  21. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/LockedColumnItem.d.ts +6 -0
  22. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/LockedColumnItem.d.ts.map +1 -0
  23. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/LockedColumnItem.js +17 -0
  24. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/hooks/useRefinedColumns.d.ts +13 -0
  25. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/hooks/useRefinedColumns.d.ts.map +1 -0
  26. package/packages/shared-components/dist/SmartGrid/Components/ColumnChooser/hooks/useRefinedColumns.js +24 -0
  27. package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/FacetedFilter.d.ts.map +1 -1
  28. package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/FacetedFilter.js +11 -5
  29. package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupAreaOverlay.d.ts +3 -1
  30. package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupAreaOverlay.d.ts.map +1 -1
  31. package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupAreaOverlay.js +25 -6
  32. package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupedPanel.d.ts.map +1 -1
  33. package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupedPanel.js +14 -5
  34. package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/HeaderCell.js +2 -2
  35. package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/SearchFilterRow.js +2 -2
  36. package/packages/shared-components/dist/SmartGrid/Components/SmartAlignments.d.ts +9 -0
  37. package/packages/shared-components/dist/SmartGrid/Components/SmartAlignments.d.ts.map +1 -0
  38. package/packages/shared-components/dist/SmartGrid/Components/SmartAlignments.js +63 -0
  39. package/packages/shared-components/dist/SmartGrid/Components/SmartButton.d.ts +7 -0
  40. package/packages/shared-components/dist/SmartGrid/Components/SmartButton.d.ts.map +1 -0
  41. package/packages/shared-components/dist/SmartGrid/Components/SmartButton.js +21 -0
  42. package/packages/shared-components/dist/SmartGrid/Components/SmartDialog.d.ts +12 -0
  43. package/packages/shared-components/dist/SmartGrid/Components/SmartDialog.d.ts.map +1 -0
  44. package/packages/shared-components/dist/SmartGrid/Components/SmartDialog.js +42 -0
  45. package/packages/shared-components/dist/SmartGrid/Components/SmartSwitch.d.ts +7 -0
  46. package/packages/shared-components/dist/SmartGrid/Components/SmartSwitch.d.ts.map +1 -0
  47. package/packages/shared-components/dist/SmartGrid/Components/SmartSwitch.js +53 -0
  48. package/packages/shared-components/dist/SmartGrid/Components/Svgs/HideIcon.d.ts +3 -0
  49. package/packages/shared-components/dist/SmartGrid/Components/Svgs/HideIcon.d.ts.map +1 -0
  50. package/packages/shared-components/dist/SmartGrid/Components/Svgs/HideIcon.js +6 -0
  51. package/packages/shared-components/dist/SmartGrid/Components/TableRowComponent.d.ts.map +1 -1
  52. package/packages/shared-components/dist/SmartGrid/Components/TableRowComponent.js +48 -3
  53. package/packages/shared-components/dist/SmartGrid/SmartGrid.d.ts.map +1 -1
  54. package/packages/shared-components/dist/SmartGrid/SmartGrid.js +221 -70
  55. package/packages/shared-components/dist/SmartGrid/hooks/useGetColumnWidth.d.ts +2 -1
  56. package/packages/shared-components/dist/SmartGrid/hooks/useGetColumnWidth.d.ts.map +1 -1
  57. package/packages/shared-components/dist/SmartGrid/hooks/useGetGroupedColumn.d.ts.map +1 -1
  58. package/packages/shared-components/dist/SmartGrid/hooks/useGetGroupedColumn.js +4 -0
  59. package/packages/shared-components/dist/SmartGrid/hooks/useTableState.d.ts.map +1 -1
  60. package/packages/shared-components/dist/SmartGrid/hooks/useTableState.js +1 -7
  61. package/packages/shared-components/dist/SmartGrid/index.d.ts +0 -1
  62. package/packages/shared-components/dist/SmartGrid/index.d.ts.map +1 -1
  63. package/packages/shared-components/dist/SmartGrid/index.js +0 -1
  64. package/packages/shared-components/dist/SmartGrid/types/index.d.ts +9 -0
  65. package/packages/shared-components/dist/SmartGrid/types/index.d.ts.map +1 -1
  66. package/packages/shared-components/dist/SmartGrid/utils/summaryCalculations.d.ts.map +1 -1
  67. package/packages/shared-components/dist/Svgs/BookMarkSvg.d.ts +3 -0
  68. package/packages/shared-components/dist/Svgs/BookMarkSvg.d.ts.map +1 -0
  69. package/packages/shared-components/dist/Svgs/BookMarkSvg.js +6 -0
  70. package/packages/shared-components/dist/Svgs/index.d.ts +1 -0
  71. package/packages/shared-components/dist/Svgs/index.d.ts.map +1 -1
  72. package/packages/shared-components/dist/Svgs/index.js +1 -0
  73. package/packages/shared-components/dist/index.d.ts +0 -1
  74. package/packages/shared-components/dist/index.d.ts.map +1 -1
  75. package/packages/shared-components/dist/index.js +0 -1
  76. package/packages/shared-components/dist/RichTextEditor/EditorMenuControls.d.ts +0 -2
  77. package/packages/shared-components/dist/RichTextEditor/EditorMenuControls.d.ts.map +0 -1
  78. package/packages/shared-components/dist/RichTextEditor/EditorMenuControls.js +0 -12
  79. package/packages/shared-components/dist/RichTextEditor/RichTextEditor.d.ts +0 -19
  80. package/packages/shared-components/dist/RichTextEditor/RichTextEditor.d.ts.map +0 -1
  81. package/packages/shared-components/dist/RichTextEditor/RichTextEditor.js +0 -88
  82. package/packages/shared-components/dist/RichTextEditor/index.d.ts +0 -2
  83. package/packages/shared-components/dist/RichTextEditor/index.d.ts.map +0 -1
  84. package/packages/shared-components/dist/RichTextEditor/index.js +0 -17
  85. package/packages/shared-components/dist/RichTextEditor/useExtensions.d.ts +0 -13
  86. package/packages/shared-components/dist/RichTextEditor/useExtensions.d.ts.map +0 -1
  87. package/packages/shared-components/dist/RichTextEditor/useExtensions.js +0 -169
  88. package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartSelectField.d.ts +0 -7
  89. package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartSelectField.d.ts.map +0 -1
  90. package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartSelectField.js +0 -58
  91. package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTextField.d.ts +0 -5
  92. package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTextField.d.ts.map +0 -1
  93. package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTextField.js +0 -59
  94. package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTooltip.d.ts +0 -9
  95. package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTooltip.d.ts.map +0 -1
  96. package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTooltip.js +0 -113
  97. package/packages/shared-components/dist/SmartGrid/Components/EditableFields/index.d.ts +0 -4
  98. package/packages/shared-components/dist/SmartGrid/Components/EditableFields/index.d.ts.map +0 -1
  99. package/packages/shared-components/dist/SmartGrid/Components/EditableFields/index.js +0 -19
  100. package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/GroupingIcons.d.ts +0 -8
  101. package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/GroupingIcons.d.ts.map +0 -1
  102. package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/GroupingIcons.js +0 -41
  103. package/packages/shared-components/dist/SmartGrid/Components/index.d.ts +0 -2
  104. package/packages/shared-components/dist/SmartGrid/Components/index.d.ts.map +0 -1
  105. package/packages/shared-components/dist/SmartGrid/Components/index.js +0 -17
  106. package/packages/shared-components/dist/SmartGrid/hooks/useProcessColumnsForGroupDisplay.d.ts +0 -11
  107. package/packages/shared-components/dist/SmartGrid/hooks/useProcessColumnsForGroupDisplay.d.ts.map +0 -1
  108. package/packages/shared-components/dist/SmartGrid/hooks/useProcessColumnsForGroupDisplay.js +0 -30
@@ -1,19 +0,0 @@
1
- import type { EditorOptions } from "@tiptap/core";
2
- import { type RichTextEditorRef } from "mui-tiptap";
3
- export declare const RichTextEditor: import("react").ForwardRefExoticComponent<{
4
- isEditable?: boolean;
5
- showMenuBar?: boolean;
6
- htmlContent?: string;
7
- } & Omit<Partial<Partial<EditorOptions> & {
8
- immediatelyRender?: boolean;
9
- shouldRerenderOnTransaction?: boolean;
10
- }> & {
11
- extensions: NonNullable<import("@tiptap/core").Extensions | undefined>;
12
- renderControls?: (editor: import("@tiptap/core").Editor | null) => React.ReactNode;
13
- RichTextFieldProps?: Omit<import("mui-tiptap").RichTextFieldProps, "controls">;
14
- sx?: import("mui-tiptap").RichTextFieldProps["sx"];
15
- children?: (editor: import("@tiptap/core").Editor | null) => React.ReactNode;
16
- editorDependencies?: import("react").DependencyList;
17
- className?: string;
18
- } & import("react").RefAttributes<RichTextEditorRef>, "ref" | "content" | "editable" | "extensions"> & import("react").RefAttributes<RichTextEditorRef>>;
19
- //# sourceMappingURL=RichTextEditor.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAML,KAAK,iBAAiB,EACvB,MAAM,YAAY,CAAC;AAsBpB,eAAO,MAAM,cAAc;iBALZ,OAAO;kBACN,OAAO;kBACP,MAAM;;;;;;;;;;;;wJAoIrB,CAAC"}
@@ -1,88 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.RichTextEditor = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const mui_tiptap_1 = require("mui-tiptap");
6
- const react_1 = require("react");
7
- const EditorMenuControls_1 = require("./EditorMenuControls");
8
- const useExtensions_1 = require("./useExtensions");
9
- const fileListToImageFiles = (fileList) => {
10
- return Array.from(fileList).filter((file) => {
11
- const mimeType = (file.type || "").toLowerCase();
12
- return mimeType.startsWith("image/");
13
- });
14
- };
15
- exports.RichTextEditor = (0, react_1.forwardRef)(({ isEditable = false, showMenuBar = false, htmlContent = "", ...rest }, ref) => {
16
- const extensions = (0, useExtensions_1.useExtensions)({
17
- placeholder: "Add your own content here...",
18
- });
19
- const rteRef = (0, react_1.useRef)(null);
20
- (0, react_1.useImperativeHandle)(ref, () => rteRef.current, []);
21
- const handleNewImageFiles = (0, react_1.useCallback)((files, insertPosition) => {
22
- if (!rteRef.current?.editor) {
23
- return;
24
- }
25
- const attributesForImageFiles = files.map((file) => ({
26
- src: URL.createObjectURL(file),
27
- alt: file.name,
28
- }));
29
- (0, mui_tiptap_1.insertImages)({
30
- images: attributesForImageFiles,
31
- editor: rteRef.current.editor,
32
- position: insertPosition,
33
- });
34
- }, []);
35
- const handleDrop = (0, react_1.useCallback)(
36
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
37
- (view, event, _slice, _moved) => {
38
- if (!(event instanceof DragEvent) || !event.dataTransfer) {
39
- return false;
40
- }
41
- const imageFiles = fileListToImageFiles(event.dataTransfer.files);
42
- if (imageFiles.length > 0) {
43
- const insertPosition = view.posAtCoords({
44
- left: event.clientX,
45
- top: event.clientY,
46
- })?.pos;
47
- handleNewImageFiles(imageFiles, insertPosition);
48
- event.preventDefault();
49
- return true;
50
- }
51
- return false;
52
- }, [handleNewImageFiles]);
53
- const handlePaste = (0, react_1.useCallback)(
54
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
55
- (_view, event, _slice) => {
56
- if (!event.clipboardData) {
57
- return false;
58
- }
59
- const pastedImageFiles = fileListToImageFiles(event.clipboardData.files);
60
- if (pastedImageFiles.length > 0) {
61
- handleNewImageFiles(pastedImageFiles);
62
- return true;
63
- }
64
- return false;
65
- }, [handleNewImageFiles]);
66
- return ((0, jsx_runtime_1.jsx)(mui_tiptap_1.RichTextEditor, { ref: rteRef, extensions: extensions, content: htmlContent, editable: isEditable, editorProps: {
67
- handleDrop,
68
- handlePaste,
69
- attributes: {
70
- class: "a4-page",
71
- },
72
- }, renderControls: () => (0, jsx_runtime_1.jsx)(EditorMenuControls_1.EditorMenuControls, {}), RichTextFieldProps: {
73
- variant: "outlined",
74
- MenuBarProps: {
75
- hide: !showMenuBar,
76
- },
77
- }, sx: {
78
- "& .a4-page": {
79
- width: "210mm",
80
- minHeight: "297mm",
81
- backgroundColor: "#fff",
82
- margin: "0 auto",
83
- padding: "10mm 10mm",
84
- boxShadow: "0 0 10px rgba(0,0,0,0.15)",
85
- },
86
- }, ...rest, children: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(mui_tiptap_1.LinkBubbleMenu, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.TableBubbleMenu, {})] })) }));
87
- });
88
- exports.RichTextEditor.displayName = "RichTextEditor";
@@ -1,2 +0,0 @@
1
- export * from "./RichTextEditor";
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RichTextEditor/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./RichTextEditor"), exports);
@@ -1,13 +0,0 @@
1
- import type { EditorOptions } from "@tiptap/core";
2
- declare module "@tiptap/core" {
3
- interface Commands<ReturnType> {
4
- insertDynamicValue: {
5
- insertDynamicValue: (label: string) => ReturnType;
6
- };
7
- }
8
- }
9
- export type UseExtensionsOptions = {
10
- placeholder?: string;
11
- };
12
- export declare const useExtensions: ({ placeholder, }?: UseExtensionsOptions) => EditorOptions["extensions"];
13
- //# sourceMappingURL=useExtensions.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useExtensions.d.ts","sourceRoot":"","sources":["../../src/RichTextEditor/useExtensions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA2ClD,OAAO,QAAQ,cAAc,CAAC;IAE5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,kBAAkB,EAAE;YAClB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,UAAU,CAAC;SACnD,CAAC;KACH;CACF;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAiGF,eAAO,MAAM,aAAa,GAAI,mBAE3B,oBAAyB,KAAG,aAAa,CAAC,YAAY,CA+DxD,CAAC"}
@@ -1,169 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useExtensions = void 0;
4
- const core_1 = require("@tiptap/core");
5
- const extension_blockquote_1 = require("@tiptap/extension-blockquote");
6
- const extension_bold_1 = require("@tiptap/extension-bold");
7
- const extension_bullet_list_1 = require("@tiptap/extension-bullet-list");
8
- const extension_code_1 = require("@tiptap/extension-code");
9
- const extension_code_block_1 = require("@tiptap/extension-code-block");
10
- const extension_color_1 = require("@tiptap/extension-color");
11
- const extension_document_1 = require("@tiptap/extension-document");
12
- const extension_dropcursor_1 = require("@tiptap/extension-dropcursor");
13
- const extension_font_family_1 = require("@tiptap/extension-font-family");
14
- const extension_gapcursor_1 = require("@tiptap/extension-gapcursor");
15
- const extension_hard_break_1 = require("@tiptap/extension-hard-break");
16
- const extension_highlight_1 = require("@tiptap/extension-highlight");
17
- const extension_history_1 = require("@tiptap/extension-history");
18
- const extension_horizontal_rule_1 = require("@tiptap/extension-horizontal-rule");
19
- const extension_italic_1 = require("@tiptap/extension-italic");
20
- const extension_link_1 = require("@tiptap/extension-link");
21
- const extension_list_item_1 = require("@tiptap/extension-list-item");
22
- const extension_ordered_list_1 = require("@tiptap/extension-ordered-list");
23
- const extension_paragraph_1 = require("@tiptap/extension-paragraph");
24
- const extension_placeholder_1 = require("@tiptap/extension-placeholder");
25
- const extension_strike_1 = require("@tiptap/extension-strike");
26
- const extension_subscript_1 = require("@tiptap/extension-subscript");
27
- const extension_superscript_1 = require("@tiptap/extension-superscript");
28
- const extension_table_cell_1 = require("@tiptap/extension-table-cell");
29
- const extension_table_header_1 = require("@tiptap/extension-table-header");
30
- const extension_table_row_1 = require("@tiptap/extension-table-row");
31
- const extension_task_item_1 = require("@tiptap/extension-task-item");
32
- const extension_task_list_1 = require("@tiptap/extension-task-list");
33
- const extension_text_1 = require("@tiptap/extension-text");
34
- const extension_text_align_1 = require("@tiptap/extension-text-align");
35
- const extension_text_style_1 = require("@tiptap/extension-text-style");
36
- const extension_underline_1 = require("@tiptap/extension-underline");
37
- const mui_tiptap_1 = require("mui-tiptap");
38
- const react_1 = require("react");
39
- const CustomLinkExtension = extension_link_1.Link.extend({
40
- inclusive: false,
41
- });
42
- const CustomSubscript = extension_subscript_1.Subscript.extend({
43
- excludes: "superscript",
44
- });
45
- const CustomSuperscript = extension_superscript_1.Superscript.extend({
46
- excludes: "subscript",
47
- });
48
- const DynamicValue = core_1.Node.create({
49
- name: "insertDynamicValue",
50
- inline: true,
51
- group: "inline",
52
- atom: true,
53
- addAttributes() {
54
- return {
55
- label: {
56
- default: null,
57
- },
58
- };
59
- },
60
- parseHTML() {
61
- return [
62
- {
63
- tag: "span[data-label]",
64
- },
65
- ];
66
- },
67
- renderHTML({ HTMLAttributes }) {
68
- const label = HTMLAttributes.label ?? "";
69
- const token = `{{${label}}}`;
70
- return [
71
- "span",
72
- (0, core_1.mergeAttributes)(HTMLAttributes, {
73
- class: "field-insert", // only keep class
74
- "data-label": label,
75
- }),
76
- token,
77
- ];
78
- },
79
- addNodeView() {
80
- return ({ node }) => {
81
- const dom = document.createElement("span");
82
- const label = node.attrs.label ?? "";
83
- dom.textContent = `${label}`;
84
- dom.classList.add("field-insert", "mceNonEditable", "other-attribute");
85
- // Add only for editor view
86
- dom.style.backgroundColor = "#e3f2fd";
87
- dom.style.borderRadius = "4px";
88
- dom.style.border = "1px solid #2196f3";
89
- dom.style.color = "#1976d2";
90
- dom.style.marginTop = "10px";
91
- dom.style.marginBottom = "10px";
92
- dom.style.marginLeft = "2px";
93
- dom.style.marginRight = "2px";
94
- return {
95
- dom,
96
- };
97
- };
98
- },
99
- renderText({ node }) {
100
- return `{{${node.attrs.label}}}`;
101
- },
102
- addCommands() {
103
- return {
104
- insertDynamicValue: (label) => ({ commands }) => {
105
- return commands.insertContent({
106
- type: this.name,
107
- attrs: { label },
108
- });
109
- },
110
- };
111
- },
112
- });
113
- const useExtensions = ({ placeholder, } = {}) => {
114
- return (0, react_1.useMemo)(() => {
115
- return [
116
- mui_tiptap_1.TableImproved.configure({
117
- resizable: true,
118
- }),
119
- extension_table_row_1.TableRow,
120
- extension_table_header_1.TableHeader,
121
- extension_table_cell_1.TableCell,
122
- extension_bullet_list_1.BulletList,
123
- extension_code_block_1.CodeBlock,
124
- extension_document_1.Document,
125
- extension_hard_break_1.HardBreak,
126
- extension_list_item_1.ListItem,
127
- extension_ordered_list_1.OrderedList,
128
- extension_paragraph_1.Paragraph,
129
- CustomSubscript,
130
- CustomSuperscript,
131
- extension_text_1.Text,
132
- extension_bold_1.Bold,
133
- extension_blockquote_1.Blockquote,
134
- extension_code_1.Code,
135
- extension_italic_1.Italic,
136
- extension_underline_1.Underline,
137
- extension_strike_1.Strike,
138
- CustomLinkExtension.configure({
139
- autolink: true,
140
- linkOnPaste: true,
141
- openOnClick: false,
142
- }),
143
- mui_tiptap_1.LinkBubbleMenuHandler,
144
- extension_gapcursor_1.Gapcursor,
145
- mui_tiptap_1.HeadingWithAnchor,
146
- extension_text_align_1.TextAlign.configure({
147
- types: ["heading", "paragraph", "image"],
148
- }),
149
- extension_text_style_1.TextStyle,
150
- extension_color_1.Color,
151
- extension_font_family_1.FontFamily,
152
- mui_tiptap_1.FontSize,
153
- extension_highlight_1.Highlight.configure({ multicolor: true }),
154
- extension_horizontal_rule_1.HorizontalRule,
155
- mui_tiptap_1.ResizableImage,
156
- extension_dropcursor_1.Dropcursor,
157
- extension_task_list_1.TaskList,
158
- extension_task_item_1.TaskItem.configure({
159
- nested: true,
160
- }),
161
- extension_placeholder_1.Placeholder.configure({
162
- placeholder,
163
- }),
164
- extension_history_1.History,
165
- DynamicValue,
166
- ];
167
- }, [placeholder]);
168
- };
169
- exports.useExtensions = useExtensions;
@@ -1,7 +0,0 @@
1
- import type { SelectHTMLAttributes } from "react";
2
- import type { Option } from "../../../FormFields";
3
- export declare const SmartSelectField: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
4
- errorMessage?: string;
5
- options: Option[];
6
- } & SelectHTMLAttributes<HTMLSelectElement> & import("react").RefAttributes<HTMLSelectElement>>>;
7
- //# sourceMappingURL=SmartSelectField.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SmartSelectField.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/EditableFields/SmartSelectField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAgGlD,eAAO,MAAM,gBAAgB;mBA5FZ,MAAM;aACZ,MAAM,EAAE;gGAsGlB,CAAC"}
@@ -1,58 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SmartSelectField = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const material_1 = require("@mui/material");
6
- const react_1 = require("react");
7
- const SmartTooltip_1 = require("./SmartTooltip");
8
- const SmartSelectFieldComponent = (0, react_1.forwardRef)(({ errorMessage, options, ...rest }, ref) => {
9
- const theme = (0, material_1.useTheme)();
10
- const { butterflyBlue, lipstickRed, iron } = theme.palette.app.color;
11
- const [isFocused, setIsFocused] = (0, react_1.useState)(false);
12
- const getBorderColor = () => {
13
- if (errorMessage && !isFocused) {
14
- return lipstickRed[900];
15
- }
16
- if (isFocused) {
17
- return butterflyBlue[900];
18
- }
19
- return iron[800];
20
- };
21
- return ((0, jsx_runtime_1.jsx)(SmartTooltip_1.SmartTooltip, { title: errorMessage ?? "", position: "top", delay: 50, children: (0, jsx_runtime_1.jsx)("div", { style: {
22
- display: "flex",
23
- flexDirection: "column",
24
- gap: "4px",
25
- width: "100%",
26
- }, children: (0, jsx_runtime_1.jsx)("div", { style: {
27
- display: "flex",
28
- alignItems: "center",
29
- border: `2px solid ${getBorderColor()}`,
30
- borderRadius: "4px",
31
- padding: "4px 8px",
32
- background: "white",
33
- minHeight: "20px",
34
- }, children: (0, jsx_runtime_1.jsx)("select", { ref: ref, ...rest, style: {
35
- width: "100%",
36
- border: "none",
37
- background: "transparent",
38
- padding: "0",
39
- fontSize: "13px",
40
- outline: "none",
41
- cursor: "pointer",
42
- }, onClick: (e) => e.stopPropagation(), onFocus: (e) => {
43
- e.stopPropagation();
44
- setIsFocused(true);
45
- }, onBlur: (e) => {
46
- e.stopPropagation();
47
- setIsFocused(false);
48
- }, children: options.length === 0 ? ((0, jsx_runtime_1.jsx)("option", { value: "", disabled: true, children: "No Options" })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: "Select Option" }), options.map((option) => ((0, jsx_runtime_1.jsx)("option", { value: String(option.value), children: option.label }, option.value)))] })) }) }) }) }));
49
- });
50
- SmartSelectFieldComponent.displayName = "SmartSelectFieldComponent";
51
- exports.SmartSelectField = (0, react_1.memo)(SmartSelectFieldComponent, (prevProps, nextProps) => {
52
- return (prevProps.name === nextProps.name &&
53
- prevProps.value === nextProps.value &&
54
- prevProps.disabled === nextProps.disabled &&
55
- prevProps.options === nextProps.options &&
56
- prevProps.errorMessage === nextProps.errorMessage);
57
- });
58
- exports.SmartSelectField.displayName = "SmartSelectField";
@@ -1,5 +0,0 @@
1
- import type { InputHTMLAttributes } from "react";
2
- export declare const SmartTextField: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
3
- errorMessage?: string;
4
- } & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>>;
5
- //# sourceMappingURL=SmartTextField.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SmartTextField.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/EditableFields/SmartTextField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAiFjD,eAAO,MAAM,cAAc;mBA5EV,MAAM;6FAwFtB,CAAC"}
@@ -1,59 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SmartTextField = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const material_1 = require("@mui/material");
6
- const react_1 = require("react");
7
- const SmartTooltip_1 = require("./SmartTooltip");
8
- const SmartTextFieldComponent = (0, react_1.forwardRef)(({ errorMessage, ...rest }, ref) => {
9
- const theme = (0, material_1.useTheme)();
10
- const { butterflyBlue, lipstickRed, iron } = theme.palette.app.color;
11
- const [isFocused, setIsFocused] = (0, react_1.useState)(false);
12
- const getBorderColor = () => {
13
- if (errorMessage && !isFocused) {
14
- return lipstickRed[900];
15
- }
16
- if (isFocused) {
17
- return butterflyBlue[900];
18
- }
19
- return iron[800];
20
- };
21
- return ((0, jsx_runtime_1.jsx)(SmartTooltip_1.SmartTooltip, { title: errorMessage ?? "", position: "top", delay: 50, children: (0, jsx_runtime_1.jsx)("div", { style: {
22
- display: "flex",
23
- flexDirection: "column",
24
- gap: "4px",
25
- width: "100%",
26
- }, children: (0, jsx_runtime_1.jsx)("div", { style: {
27
- display: "flex",
28
- alignItems: "center",
29
- border: `2px solid ${getBorderColor()}`,
30
- borderRadius: "4px",
31
- padding: "4px 8px",
32
- background: "white",
33
- minHeight: "20px",
34
- }, children: (0, jsx_runtime_1.jsx)("input", { ref: ref, ...rest, style: {
35
- width: "100%",
36
- border: "none",
37
- background: "transparent",
38
- padding: "0",
39
- fontSize: "13px",
40
- outline: "none",
41
- }, onClick: (e) => e.stopPropagation(), onFocus: (e) => {
42
- e.stopPropagation();
43
- setIsFocused(true);
44
- }, onBlur: (e) => {
45
- e.stopPropagation();
46
- setIsFocused(false);
47
- } }) }) }) }));
48
- });
49
- SmartTextFieldComponent.displayName = "SmartTextFieldComponent";
50
- // Memoize with custom comparison to prevent unnecessary re-renders
51
- exports.SmartTextField = (0, react_1.memo)(SmartTextFieldComponent, (prevProps, nextProps) => {
52
- // Only re-render if these specific props change
53
- return (prevProps.name === nextProps.name &&
54
- prevProps.value === nextProps.value &&
55
- prevProps.disabled === nextProps.disabled &&
56
- prevProps.type === nextProps.type &&
57
- prevProps.errorMessage === nextProps.errorMessage);
58
- });
59
- exports.SmartTextField.displayName = "SmartTextField";
@@ -1,9 +0,0 @@
1
- type SmartTooltipProps = {
2
- children: React.ReactNode;
3
- title: string;
4
- position?: "top" | "bottom" | "left" | "right";
5
- delay?: number;
6
- };
7
- export declare const SmartTooltip: ({ children, title, position, delay, }: SmartTooltipProps) => import("react/jsx-runtime").JSX.Element;
8
- export {};
9
- //# sourceMappingURL=SmartTooltip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SmartTooltip.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/EditableFields/SmartTooltip.tsx"],"names":[],"mappings":"AAKA,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAsGF,eAAO,MAAM,YAAY,GAAI,uCAK1B,iBAAiB,4CAsDnB,CAAC"}
@@ -1,113 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SmartTooltip = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const material_1 = require("@mui/material");
6
- const react_1 = require("react");
7
- const react_dom_1 = require("react-dom");
8
- // Renders tooltip floating OUTSIDE AG GRID cell
9
- const TooltipBox = ({ wrapper, title, position }) => {
10
- const theme = (0, material_1.useTheme)();
11
- const { iron } = theme.palette.app.color;
12
- const rect = wrapper.getBoundingClientRect();
13
- const baseStyles = {
14
- position: "absolute",
15
- zIndex: 999999,
16
- background: iron[200],
17
- color: iron[600],
18
- padding: "4px 8px",
19
- borderRadius: 4,
20
- fontSize: 12,
21
- pointerEvents: "none",
22
- whiteSpace: "nowrap",
23
- transition: "opacity 0.2s ease, transform 0.2s ease",
24
- opacity: 1,
25
- };
26
- const arrowSize = 6;
27
- const arrowStyles = {
28
- position: "absolute",
29
- width: 0,
30
- height: 0,
31
- borderStyle: "solid",
32
- };
33
- switch (position) {
34
- case "top":
35
- baseStyles.top = rect.top - 28;
36
- baseStyles.left = rect.left + rect.width / 2;
37
- baseStyles.transform = "translateX(-50%)";
38
- Object.assign(arrowStyles, {
39
- borderWidth: `${arrowSize}px ${arrowSize}px 0 ${arrowSize}px`,
40
- borderColor: `${iron[200]} transparent transparent transparent`,
41
- bottom: -arrowSize,
42
- left: "50%",
43
- transform: "translateX(-50%)",
44
- });
45
- break;
46
- case "bottom":
47
- baseStyles.top = rect.bottom + 4;
48
- baseStyles.left = rect.left + rect.width / 2;
49
- baseStyles.transform = "translateX(-50%)";
50
- Object.assign(arrowStyles, {
51
- borderWidth: `0 ${arrowSize}px ${arrowSize}px ${arrowSize}px`,
52
- borderColor: `transparent transparent ${iron[200]} transparent`,
53
- top: -arrowSize,
54
- left: "50%",
55
- transform: "translateX(-50%)",
56
- });
57
- break;
58
- case "left":
59
- baseStyles.top = rect.top + rect.height / 2;
60
- baseStyles.left = rect.left - 8;
61
- baseStyles.transform = "translateY(-50%)";
62
- Object.assign(arrowStyles, {
63
- borderWidth: `${arrowSize}px 0 ${arrowSize}px ${arrowSize}px`,
64
- borderColor: `transparent transparent transparent ${iron[200]}`,
65
- right: -arrowSize,
66
- top: "50%",
67
- transform: "translateY(-50%)",
68
- });
69
- break;
70
- case "right":
71
- baseStyles.top = rect.top + rect.height / 2;
72
- baseStyles.left = rect.right + 8;
73
- baseStyles.transform = "translateY(-50%)";
74
- Object.assign(arrowStyles, {
75
- borderWidth: `${arrowSize}px ${arrowSize}px ${arrowSize}px 0`,
76
- borderColor: `transparent ${iron[200]} transparent transparent`,
77
- left: -arrowSize,
78
- top: "50%",
79
- transform: "translateY(-50%)",
80
- });
81
- break;
82
- }
83
- return ((0, jsx_runtime_1.jsxs)("div", { style: baseStyles, children: [title, (0, jsx_runtime_1.jsx)("div", { style: arrowStyles })] }));
84
- };
85
- const SmartTooltip = ({ children, title, position = "top", delay = 50, }) => {
86
- const [visible, setVisible] = (0, react_1.useState)(false);
87
- const wrapperRef = (0, react_1.useRef)(null);
88
- const timeoutRef = (0, react_1.useRef)(null);
89
- const handleMouseEnter = () => {
90
- if (timeoutRef.current) {
91
- clearTimeout(timeoutRef.current);
92
- }
93
- timeoutRef.current = setTimeout(() => setVisible(true), delay);
94
- };
95
- const handleMouseLeave = () => {
96
- if (timeoutRef.current) {
97
- clearTimeout(timeoutRef.current);
98
- }
99
- setVisible(false);
100
- };
101
- (0, react_1.useEffect)(() => {
102
- return () => {
103
- if (timeoutRef.current) {
104
- clearTimeout(timeoutRef.current);
105
- }
106
- };
107
- }, []);
108
- const tooltipContent = visible && title && wrapperRef.current
109
- ? (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(TooltipBox, { wrapper: wrapperRef.current, title: title, position: position }), document.body)
110
- : null;
111
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: wrapperRef, style: { display: "inline-block", width: "100%" }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: children }), tooltipContent] }));
112
- };
113
- exports.SmartTooltip = SmartTooltip;
@@ -1,4 +0,0 @@
1
- export * from "./SmartTextField";
2
- export * from "./SmartSelectField";
3
- export * from "./SmartTooltip";
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/EditableFields/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./SmartTextField"), exports);
18
- __exportStar(require("./SmartSelectField"), exports);
19
- __exportStar(require("./SmartTooltip"), exports);
@@ -1,8 +0,0 @@
1
- type GroupingIconsProps = {
2
- groupedIndex: number;
3
- isGrouped: boolean;
4
- loading: boolean;
5
- };
6
- export declare const GroupingIcons: ({ groupedIndex, isGrouped, loading, }: GroupingIconsProps) => import("react/jsx-runtime").JSX.Element;
7
- export {};
8
- //# sourceMappingURL=GroupingIcons.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"GroupingIcons.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/HeaderCells/GroupingIcons.tsx"],"names":[],"mappings":"AAKA,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,uCAI3B,kBAAkB,4CA6EpB,CAAC"}