@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
|
@@ -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 +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;
|
package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartSelectField.d.ts
DELETED
|
@@ -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"}
|
package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartSelectField.js
DELETED
|
@@ -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";
|
package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTextField.d.ts
DELETED
|
@@ -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
|
package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTextField.d.ts.map
DELETED
|
@@ -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"}
|
package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTextField.js
DELETED
|
@@ -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";
|
package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTooltip.d.ts
DELETED
|
@@ -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
|
package/packages/shared-components/dist/SmartGrid/Components/EditableFields/SmartTooltip.d.ts.map
DELETED
|
@@ -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 +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
|
package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/GroupingIcons.d.ts.map
DELETED
|
@@ -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"}
|