@myunisoft/design-system 1.3.4 → 1.4.0-I18n-QM
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/dist/assets/I18n/locales/en.d.ts +58 -2
- package/dist/assets/I18n/locales/fr.d.ts +59 -2
- package/dist/assets/theme/styles.d.ts +1 -1
- package/dist/components/Autocomplete/Autocomplete/AutocompleteTag/index.d.ts +1 -1
- package/dist/components/Autocomplete/Autocomplete/types.d.ts +3 -0
- package/dist/components/Autocomplete/AutocompleteMultiple/Results/styles.d.ts +1 -1
- package/dist/components/Autocomplete/AutocompleteMultiple/styles.d.ts +1 -1
- package/dist/components/BackgroundLoader/styles.d.ts +1 -1
- package/dist/components/DocumentComposer/Treeview/SkeletonTreeItem.d.ts +3 -0
- package/dist/components/DocumentComposer/Treeview/TreeviewSkeleton.d.ts +2 -0
- package/dist/components/DocumentComposer/Treeview/slots/LabelInputSlot.d.ts +1 -0
- package/dist/components/DocumentComposer/Treeview/types.d.ts +5 -0
- package/dist/components/DocumentComposer/hooks/useTemporarySection.d.ts +2 -2
- package/dist/components/DocumentComposer/index.d.ts +7 -8
- package/dist/components/FileDropper/styles.d.ts +1 -1
- package/dist/components/RichTextEditor/components/AlignmentSplitButton.d.ts +10 -0
- package/dist/components/RichTextEditor/components/EditorToolbarButton.d.ts +7 -0
- package/dist/components/RichTextEditor/components/FontColorButton.d.ts +5 -0
- package/dist/components/RichTextEditor/components/ImageButton.d.ts +7 -0
- package/dist/components/RichTextEditor/components/ImageResizeObserver.d.ts +2 -0
- package/dist/components/RichTextEditor/components/LinkButton.d.ts +8 -0
- package/dist/components/RichTextEditor/components/SplitButton.d.ts +16 -0
- package/dist/components/RichTextEditor/components/TableBubbleMenu.d.ts +2 -0
- package/dist/components/RichTextEditor/components/Toolbar.d.ts +22 -0
- package/dist/components/RichTextEditor/extensions/TableWithAlignment.d.ts +1 -0
- package/dist/components/RichTextEditor/index.d.ts +18 -0
- package/dist/components/RichTextEditor/styles.d.ts +1 -0
- package/dist/components/VirtualTable/components/Body/Cell/styles.d.ts +1 -1
- package/dist/components/VirtualTable/components/ColumnsSetting/Table/index.d.ts +2 -1
- package/dist/components/VirtualTable/components/ColumnsSetting/useColumnsConfig.d.ts +102 -0
- package/dist/components/VirtualTable/components/ExportDialog/styles.d.ts +1 -1
- package/dist/components/VirtualTable/components/Footer/Cell/styles.d.ts +1 -1
- package/dist/components/VirtualTable/components/Header/Cell/styles.d.ts +1 -1
- package/dist/components/VirtualTable/components/Image/styles.d.ts +1 -1
- package/dist/components/VirtualTable/components/SearchBar/component/FilterChip/styles.d.ts +1 -1
- package/dist/components/VirtualTable/helpers/group.d.ts +1 -1
- package/dist/components/VirtualTable/hooks/useGroupHelpers.d.ts +3 -0
- package/dist/components/VirtualTable/styles.d.ts +1 -1
- package/dist/components/VirtualTable/utils.d.ts +1 -1
- package/dist/constants/i18n.d.ts +1 -0
- package/dist/helpers/validation/index.d.ts +3 -1
- package/dist/helpers/validation/useValidators.d.ts +8 -0
- package/dist/helpers/validation/validatorFactories.d.ts +10 -0
- package/dist/helpers/validation/validators.d.ts +2 -7
- package/dist/hooks/useDSTranslation.d.ts +4 -0
- package/dist/i18n/instance.d.ts +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +5 -5
- package/dist/locale/index.d.ts +15 -2
- package/dist/providers/DSProvider/index.d.ts +7 -0
- package/package.json +159 -115
- package/dist/components/AnchoredPopper/index.d.ts +0 -14
- package/dist/components/Autocomplete/Autocomplete/example-usage.d.ts +0 -4
- package/dist/components/DataGrid/components/toolbar/buttons/AddButton.d.ts +0 -6
- package/dist/components/DataGrid/components/toolbar/buttons/ExportButton.d.ts +0 -9
- package/dist/components/DataGrid/types/index.d.ts +0 -428
- package/dist/components/DocumentComposer/hooks/useDragVisualFeedback.d.ts +0 -15
- package/dist/components/DocumentComposer/types/props.d.ts +0 -67
- package/dist/components/DocumentComposer/types/section.d.ts +0 -33
- package/dist/components/DocumentComposer/types.d.ts +0 -56
- package/dist/components/Export/index.d.ts +0 -3
- package/dist/components/Export/style/index.d.ts +0 -9
- package/dist/components/Export/types/index.d.ts +0 -30
- package/dist/components/VirtualTable/components/ColumnsSetting/config.d.ts +0 -9
|
@@ -1,10 +1,66 @@
|
|
|
1
|
-
declare const
|
|
1
|
+
declare const en: {
|
|
2
2
|
attachments: {
|
|
3
3
|
error: string;
|
|
4
4
|
};
|
|
5
5
|
autocomplete: {
|
|
6
6
|
createOption: string;
|
|
7
7
|
};
|
|
8
|
+
richTextEditor: {
|
|
9
|
+
toolbar: {
|
|
10
|
+
bold: string;
|
|
11
|
+
italic: string;
|
|
12
|
+
strikethrough: string;
|
|
13
|
+
underline: string;
|
|
14
|
+
alignleft: string;
|
|
15
|
+
aligncenter: string;
|
|
16
|
+
alignright: string;
|
|
17
|
+
alignjustify: string;
|
|
18
|
+
blockquote: string;
|
|
19
|
+
numberedlist: string;
|
|
20
|
+
bulletlist: string;
|
|
21
|
+
indent: string;
|
|
22
|
+
outdent: string;
|
|
23
|
+
subscript: string;
|
|
24
|
+
superscript: string;
|
|
25
|
+
table: string;
|
|
26
|
+
image: string;
|
|
27
|
+
link: string;
|
|
28
|
+
fontcolor: string;
|
|
29
|
+
undo: string;
|
|
30
|
+
redo: string;
|
|
31
|
+
more: string;
|
|
32
|
+
alignment: string;
|
|
33
|
+
clearformatting: string;
|
|
34
|
+
};
|
|
35
|
+
image: {
|
|
36
|
+
fromComputer: string;
|
|
37
|
+
fromUrl: string;
|
|
38
|
+
browse: string;
|
|
39
|
+
insert: string;
|
|
40
|
+
};
|
|
41
|
+
table: {
|
|
42
|
+
addRowBefore: string;
|
|
43
|
+
addRowAfter: string;
|
|
44
|
+
deleteRow: string;
|
|
45
|
+
addColumnBefore: string;
|
|
46
|
+
addColumnAfter: string;
|
|
47
|
+
deleteColumn: string;
|
|
48
|
+
deleteTable: string;
|
|
49
|
+
mergeCells: string;
|
|
50
|
+
splitCell: string;
|
|
51
|
+
toggleHeaderRow: string;
|
|
52
|
+
toggleHeaderColumn: string;
|
|
53
|
+
toggleHeaderCell: string;
|
|
54
|
+
alignLeft: string;
|
|
55
|
+
alignCenter: string;
|
|
56
|
+
alignRight: string;
|
|
57
|
+
};
|
|
58
|
+
link: {
|
|
59
|
+
update: string;
|
|
60
|
+
add: string;
|
|
61
|
+
remove: string;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
8
64
|
common: {
|
|
9
65
|
addRow: string;
|
|
10
66
|
cancel: string;
|
|
@@ -106,4 +162,4 @@ declare const _default: {
|
|
|
106
162
|
};
|
|
107
163
|
};
|
|
108
164
|
};
|
|
109
|
-
export default
|
|
165
|
+
export default en;
|
|
@@ -1,10 +1,66 @@
|
|
|
1
|
-
declare const
|
|
1
|
+
declare const fr: {
|
|
2
2
|
attachments: {
|
|
3
3
|
error: string;
|
|
4
4
|
};
|
|
5
5
|
autocomplete: {
|
|
6
6
|
createOption: string;
|
|
7
7
|
};
|
|
8
|
+
richTextEditor: {
|
|
9
|
+
toolbar: {
|
|
10
|
+
bold: string;
|
|
11
|
+
italic: string;
|
|
12
|
+
strikethrough: string;
|
|
13
|
+
underline: string;
|
|
14
|
+
alignleft: string;
|
|
15
|
+
aligncenter: string;
|
|
16
|
+
alignright: string;
|
|
17
|
+
alignjustify: string;
|
|
18
|
+
blockquote: string;
|
|
19
|
+
numberedlist: string;
|
|
20
|
+
bulletlist: string;
|
|
21
|
+
indent: string;
|
|
22
|
+
outdent: string;
|
|
23
|
+
subscript: string;
|
|
24
|
+
superscript: string;
|
|
25
|
+
table: string;
|
|
26
|
+
image: string;
|
|
27
|
+
link: string;
|
|
28
|
+
fontcolor: string;
|
|
29
|
+
undo: string;
|
|
30
|
+
redo: string;
|
|
31
|
+
more: string;
|
|
32
|
+
alignment: string;
|
|
33
|
+
clearformatting: string;
|
|
34
|
+
};
|
|
35
|
+
image: {
|
|
36
|
+
fromComputer: string;
|
|
37
|
+
fromUrl: string;
|
|
38
|
+
browse: string;
|
|
39
|
+
insert: string;
|
|
40
|
+
};
|
|
41
|
+
table: {
|
|
42
|
+
addRowBefore: string;
|
|
43
|
+
addRowAfter: string;
|
|
44
|
+
deleteRow: string;
|
|
45
|
+
addColumnBefore: string;
|
|
46
|
+
addColumnAfter: string;
|
|
47
|
+
deleteColumn: string;
|
|
48
|
+
deleteTable: string;
|
|
49
|
+
mergeCells: string;
|
|
50
|
+
splitCell: string;
|
|
51
|
+
toggleHeaderRow: string;
|
|
52
|
+
toggleHeaderColumn: string;
|
|
53
|
+
toggleHeaderCell: string;
|
|
54
|
+
alignLeft: string;
|
|
55
|
+
alignCenter: string;
|
|
56
|
+
alignRight: string;
|
|
57
|
+
};
|
|
58
|
+
link: {
|
|
59
|
+
update: string;
|
|
60
|
+
add: string;
|
|
61
|
+
remove: string;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
8
64
|
common: {
|
|
9
65
|
addRow: string;
|
|
10
66
|
cancel: string;
|
|
@@ -106,4 +162,5 @@ declare const _default: {
|
|
|
106
162
|
};
|
|
107
163
|
};
|
|
108
164
|
};
|
|
109
|
-
export default
|
|
165
|
+
export default fr;
|
|
166
|
+
export type TranslationStructure = typeof fr;
|
|
@@ -31,7 +31,7 @@ export declare const changeDialogStyle: (params: void, muiStyleOverridesParams?:
|
|
|
31
31
|
props: Record<string, unknown>;
|
|
32
32
|
ownerState?: Record<string, unknown> | undefined;
|
|
33
33
|
} | undefined) => {
|
|
34
|
-
classes: Record<"
|
|
34
|
+
classes: Record<"content" | "button" | "footer" | "buttonValidate", string>;
|
|
35
35
|
theme: import("@mui/material/styles").Theme;
|
|
36
36
|
css: import("tss-react/types").Css;
|
|
37
37
|
cx: import("tss-react/types").Cx;
|
|
@@ -5,7 +5,7 @@ export type AutocompleteTagProps = ChipProps & {
|
|
|
5
5
|
option?: OptionType;
|
|
6
6
|
maxChipWidth?: number;
|
|
7
7
|
reserveForCounter?: number;
|
|
8
|
-
|
|
8
|
+
disabled?: boolean;
|
|
9
9
|
};
|
|
10
10
|
declare const AutocompleteTag: React.FC<AutocompleteTagProps>;
|
|
11
11
|
export default AutocompleteTag;
|
|
@@ -24,6 +24,9 @@ export type AutocompleteBaseProps<T = OptionType> = {
|
|
|
24
24
|
selectAllHidden?: boolean;
|
|
25
25
|
selectAllLabel?: string;
|
|
26
26
|
allSelectedLabel?: string;
|
|
27
|
+
/**
|
|
28
|
+
* @deprecated Use disabled instead
|
|
29
|
+
*/
|
|
27
30
|
isDisabled?: boolean;
|
|
28
31
|
expandSelectedTagsOnEdition?: false;
|
|
29
32
|
InputProps?: StandardInputProps;
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"
|
|
5
|
+
classes: Record<"noResult" | "resultsContainer", string>;
|
|
6
6
|
theme: import("@mui/material/styles").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"
|
|
5
|
+
classes: Record<"search" | "label" | "border" | "clear" | "open" | "isError" | "selector" | "autoCompleteContainer" | "icons" | "dropDownIcon" | "rotated" | "isErrorBorder", string>;
|
|
6
6
|
theme: import("@mui/material/styles").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"
|
|
5
|
+
classes: Record<"content" | "text" | "loaderContainer", string>;
|
|
6
6
|
theme: import("@mui/material/styles").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -6,6 +6,7 @@ declare const LabelInputSlot: import("react").ForwardRefExoticComponent<InputHTM
|
|
|
6
6
|
isEditing?: boolean;
|
|
7
7
|
onTemporarySectionValidation?: (label: string) => void;
|
|
8
8
|
onTemporarySectionCancel?: () => void;
|
|
9
|
+
onItemLabelChange?: (itemId: string, newLabel: string) => void;
|
|
9
10
|
apiRef?: RichTreeViewProApiRef;
|
|
10
11
|
onEditingEnd?: () => void;
|
|
11
12
|
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -9,7 +9,7 @@ type UseTemporarySectionParams = {
|
|
|
9
9
|
apiRef: RichTreeViewProApiRef;
|
|
10
10
|
getSectionById: (sectionId: string) => DocumentSection | null;
|
|
11
11
|
onSectionCreate?: (parentId: string | null, title: string) => string | Promise<string>;
|
|
12
|
-
|
|
12
|
+
treeviewWrapperRef?: React.RefObject<HTMLDivElement | null>;
|
|
13
13
|
};
|
|
14
14
|
/**
|
|
15
15
|
* Flow:
|
|
@@ -21,7 +21,7 @@ type UseTemporarySectionParams = {
|
|
|
21
21
|
* 4. User presses Escape or leaves empty → `cancel()` is called
|
|
22
22
|
* 5. Server responds → temporary section is cleared, real section replaces it
|
|
23
23
|
*/
|
|
24
|
-
export declare const useTemporarySection: ({ apiRef, getSectionById, onSectionCreate,
|
|
24
|
+
export declare const useTemporarySection: ({ apiRef, getSectionById, onSectionCreate, treeviewWrapperRef }: UseTemporarySectionParams) => {
|
|
25
25
|
temporarySection: TemporarySection | null;
|
|
26
26
|
create: (parentId?: string | null) => void;
|
|
27
27
|
validate: (title: string) => void;
|
|
@@ -41,6 +41,12 @@ export type DocumentComposerCustomProps = {
|
|
|
41
41
|
getSectionDeletePermission?: (section: DocumentSection) => boolean;
|
|
42
42
|
/** Defaults to `() => true` */
|
|
43
43
|
getSectionOrderChangePermission?: (section: DocumentSection) => boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Called during drag to validate if the move to a new position is allowed.
|
|
46
|
+
* Use this for custom drop target restrictions (e.g., prevent dropping into archive sections).
|
|
47
|
+
* Defaults to `() => true`.
|
|
48
|
+
*/
|
|
49
|
+
canMoveSectionToNewPosition?: (params: ItemPositionParams) => boolean;
|
|
44
50
|
/** Defaults to `() => true` */
|
|
45
51
|
getSectionCreatePermission?: (section: DocumentSection) => boolean;
|
|
46
52
|
/** Defaults to `() => true` */
|
|
@@ -50,13 +56,6 @@ export type DocumentComposerCustomProps = {
|
|
|
50
56
|
hiddenIconTooltip?: string;
|
|
51
57
|
/** Return null for no icon */
|
|
52
58
|
renderSectionIcon?: (section: DocumentSection) => ReactNode;
|
|
53
|
-
/**
|
|
54
|
-
* Determines valid drop targets during drag. Invalid targets are greyed out.
|
|
55
|
-
* `targetSection` is `null` when dropping at root level.
|
|
56
|
-
* `newIndex` is the position where the item would be inserted in the target's children.
|
|
57
|
-
* Defaults to `() => true`.
|
|
58
|
-
*/
|
|
59
|
-
isValidDropTarget?: (draggedSection: DocumentSection, targetSection: DocumentSection | null, newIndex: number) => boolean;
|
|
60
59
|
sectionContent?: SectionContent;
|
|
61
60
|
isLoadingSectionContent?: boolean;
|
|
62
61
|
selectedSectionId?: string | null;
|
|
@@ -68,5 +67,5 @@ export type DocumentComposerCustomProps = {
|
|
|
68
67
|
type DocumentComposerProps = {
|
|
69
68
|
sections?: DocumentSection[];
|
|
70
69
|
} & DocumentComposerCallbacks & DocumentComposerCustomProps;
|
|
71
|
-
declare const DocumentComposer: ({ sections, isLoadingSections, onSectionOrderChange, onSectionTitleChange, onSectionDelete, onSectionVisibilityChange, onSectionCreate, onSectionSelect, onSectionContentSave, noSectionsPlaceholder, getSectionTitleChangePermission, getSectionDeletePermission, getSectionOrderChangePermission, getSectionCreatePermission, getSectionVisibilityChangePermission, hiddenSectionTooltip, visibleIconTooltip, hiddenIconTooltip, renderSectionIcon,
|
|
70
|
+
declare const DocumentComposer: ({ sections, isLoadingSections, onSectionOrderChange, onSectionTitleChange, onSectionDelete, onSectionVisibilityChange, onSectionCreate, onSectionSelect, onSectionContentSave, noSectionsPlaceholder, getSectionTitleChangePermission, getSectionDeletePermission, getSectionOrderChangePermission, canMoveSectionToNewPosition, getSectionCreatePermission, getSectionVisibilityChangePermission, hiddenSectionTooltip, visibleIconTooltip, hiddenIconTooltip, renderSectionIcon, sectionContent, isLoadingSectionContent, selectedSectionId, renderDeleteConfirmation, renderUnsavedChangesConfirmation }: DocumentComposerProps) => import("react/jsx-runtime").JSX.Element;
|
|
72
71
|
export default DocumentComposer;
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"
|
|
5
|
+
classes: Record<"or" | "title" | "button" | "container" | "icon" | "active" | "scanButton" | "files" | "listItem" | "removeBtn" | "imageLink", string>;
|
|
6
6
|
theme: import("@mui/material/styles").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
type Alignment = 'left' | 'center' | 'right' | 'justify';
|
|
2
|
+
type AlignmentSplitButtonProps = {
|
|
3
|
+
activeAlignment?: Alignment;
|
|
4
|
+
onSelect?: (alignment: Alignment) => void;
|
|
5
|
+
options?: Alignment[];
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const AlignmentSplitButton: ({ activeAlignment, onSelect, options, disabled }: AlignmentSplitButtonProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
9
|
+
export default AlignmentSplitButton;
|
|
10
|
+
export type { Alignment };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type IconButtonProps } from '@mui/material';
|
|
2
|
+
type Props = IconButtonProps & {
|
|
3
|
+
active?: boolean;
|
|
4
|
+
tooltipText?: string | null;
|
|
5
|
+
};
|
|
6
|
+
declare const EditorToolbarButton: ({ active, tooltipText, children, sx, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element | undefined;
|
|
7
|
+
export default EditorToolbarButton;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
externalAnchorEl?: HTMLElement | null;
|
|
3
|
+
onExternalClose?: () => void;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
};
|
|
6
|
+
declare const ImageButton: ({ externalAnchorEl, onExternalClose, disabled }?: Props) => import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
+
export default ImageButton;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
active?: boolean;
|
|
3
|
+
externalAnchorEl?: HTMLElement | null;
|
|
4
|
+
onExternalClose?: () => void;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare const LinkButton: ({ active, externalAnchorEl, onExternalClose, disabled }: Props) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export default LinkButton;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
type SplitButtonOption = {
|
|
2
|
+
value: string;
|
|
3
|
+
icon: React.ReactNode;
|
|
4
|
+
label: string;
|
|
5
|
+
};
|
|
6
|
+
type SplitButtonProps = {
|
|
7
|
+
options: SplitButtonOption[];
|
|
8
|
+
onSelect: (value: string) => void;
|
|
9
|
+
defaultValue?: string;
|
|
10
|
+
value?: string;
|
|
11
|
+
ariaLabel?: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
};
|
|
14
|
+
declare const SplitButton: ({ options, onSelect, defaultValue, value, ariaLabel, disabled }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
15
|
+
export default SplitButton;
|
|
16
|
+
export type { SplitButtonOption };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { Editor } from '@tiptap/react';
|
|
2
|
+
import { type ReactNode } from 'react';
|
|
3
|
+
export type BuiltInButtonId = '-' | 'bold' | 'italic' | 'strikethrough' | 'underline' | 'fontColor' | 'subscript' | 'superscript' | 'alignment' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'orderedList' | 'bulletList' | 'indent' | 'outdent' | 'blockquote' | 'link' | 'image' | 'table' | 'undo' | 'redo' | 'clearFormatting';
|
|
4
|
+
export type CustomToolbarButton = {
|
|
5
|
+
id: string;
|
|
6
|
+
icon: ReactNode;
|
|
7
|
+
onClick: (editor: Editor) => void;
|
|
8
|
+
isActive?: (editor: Editor) => boolean;
|
|
9
|
+
isDisabled?: (editor: Editor) => boolean;
|
|
10
|
+
ariaLabel?: string;
|
|
11
|
+
tooltipText?: string;
|
|
12
|
+
};
|
|
13
|
+
export type ToolbarButton = BuiltInButtonId | CustomToolbarButton | ReactNode;
|
|
14
|
+
export type ToolbarProps = {
|
|
15
|
+
buttons?: ToolbarButton[];
|
|
16
|
+
extraButtons?: ToolbarButton[];
|
|
17
|
+
overflowMenu?: boolean;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
};
|
|
20
|
+
export declare const defaultButtonsCompleteSet: BuiltInButtonId[];
|
|
21
|
+
declare const Toolbar: ({ buttons, extraButtons, overflowMenu, disabled }: ToolbarProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
22
|
+
export default Toolbar;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const TableWithAlignment: import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type Editor } from '@tiptap/react';
|
|
2
|
+
import { type ToolbarButton, type BuiltInButtonId, type CustomToolbarButton, type ToolbarProps } from './components/Toolbar';
|
|
3
|
+
export type RichTextEditorRef = {
|
|
4
|
+
editor: Editor | null;
|
|
5
|
+
};
|
|
6
|
+
declare const RichTextEditor: import("react").ForwardRefExoticComponent<Partial<import("@tiptap/core").EditorOptions> & {
|
|
7
|
+
immediatelyRender?: boolean;
|
|
8
|
+
shouldRerenderOnTransaction?: boolean;
|
|
9
|
+
} & {
|
|
10
|
+
toolbarSet?: "all" | "minimal";
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
readOnly?: boolean;
|
|
13
|
+
slotProps?: {
|
|
14
|
+
toolbar?: ToolbarProps;
|
|
15
|
+
};
|
|
16
|
+
} & import("react").RefAttributes<RichTextEditorRef>>;
|
|
17
|
+
export default RichTextEditor;
|
|
18
|
+
export type { ToolbarButton, BuiltInButtonId, CustomToolbarButton };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const EditorContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"
|
|
5
|
+
classes: Record<"alignLeft" | "alignCenter" | "alignRight" | "onError" | "expandIcon" | "align" | "cell" | "pointer" | "focused" | "odd" | "thumbnail" | "groupRow" | "cbCell" | "BodyGrid" | "defaultStyle" | "even" | "expandCell" | "lockRow" | "withGrid" | "alignVerticalCenter" | "alignVerticalBottom" | "alignVerticalTop" | "iconButton", string>;
|
|
6
6
|
theme: import("@mui/material/styles").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
|
-
declare const
|
|
2
|
+
declare const ColumnsSettingTable: {
|
|
3
3
|
({ classes, columns, rows, onChange, setOrder, addRow, modeAdd, draggable, order }: {
|
|
4
4
|
classes: any;
|
|
5
5
|
columns?: never[] | undefined;
|
|
@@ -18,4 +18,5 @@ declare const _default: {
|
|
|
18
18
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
|
+
declare const _default: React.ComponentType<Omit<Parameters<typeof ColumnsSettingTable>[0], "classes">>;
|
|
21
22
|
export default _default;
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import type { Theme } from '@mui/material';
|
|
2
|
+
type ColumnsConfigParams = {
|
|
3
|
+
config?: Array<{
|
|
4
|
+
key: string;
|
|
5
|
+
[key: string]: unknown;
|
|
6
|
+
}>;
|
|
7
|
+
theme: Theme;
|
|
8
|
+
handleEdit: (data: unknown) => void;
|
|
9
|
+
handleDelete: (data: unknown) => void;
|
|
10
|
+
isColSelectionmode: boolean;
|
|
11
|
+
columnsOptions: Array<{
|
|
12
|
+
label: string;
|
|
13
|
+
value: string;
|
|
14
|
+
}>;
|
|
15
|
+
};
|
|
16
|
+
export declare const useColumnsConfig: () => {
|
|
17
|
+
getColumnsConfig: ({ config, theme, handleEdit, handleDelete, isColSelectionmode, columnsOptions }: ColumnsConfigParams) => ({
|
|
18
|
+
_isCreatable: boolean;
|
|
19
|
+
key: string;
|
|
20
|
+
} | {
|
|
21
|
+
key: string;
|
|
22
|
+
header: string;
|
|
23
|
+
size: number;
|
|
24
|
+
editable: boolean;
|
|
25
|
+
typeCell?: undefined;
|
|
26
|
+
cellProps?: undefined;
|
|
27
|
+
options?: undefined;
|
|
28
|
+
width?: undefined;
|
|
29
|
+
alignText?: undefined;
|
|
30
|
+
renderComponent?: undefined;
|
|
31
|
+
isDisabled?: undefined;
|
|
32
|
+
} | {
|
|
33
|
+
key: string;
|
|
34
|
+
header: string;
|
|
35
|
+
size: number;
|
|
36
|
+
editable: boolean;
|
|
37
|
+
typeCell: (data: {
|
|
38
|
+
_isNew?: boolean;
|
|
39
|
+
header?: string;
|
|
40
|
+
}) => string;
|
|
41
|
+
cellProps: {
|
|
42
|
+
style: {
|
|
43
|
+
width: number;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
options: {
|
|
47
|
+
label: string;
|
|
48
|
+
value: string;
|
|
49
|
+
}[];
|
|
50
|
+
width?: undefined;
|
|
51
|
+
alignText?: undefined;
|
|
52
|
+
renderComponent?: undefined;
|
|
53
|
+
isDisabled?: undefined;
|
|
54
|
+
} | {
|
|
55
|
+
key: string;
|
|
56
|
+
header: string;
|
|
57
|
+
editable: boolean;
|
|
58
|
+
width: number;
|
|
59
|
+
alignText: string;
|
|
60
|
+
typeCell: string;
|
|
61
|
+
renderComponent: ({ data }: {
|
|
62
|
+
data: unknown;
|
|
63
|
+
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
64
|
+
size?: undefined;
|
|
65
|
+
cellProps?: undefined;
|
|
66
|
+
options?: undefined;
|
|
67
|
+
isDisabled?: undefined;
|
|
68
|
+
} | {
|
|
69
|
+
key: string;
|
|
70
|
+
header: string;
|
|
71
|
+
width: number;
|
|
72
|
+
typeCell: string;
|
|
73
|
+
editable: boolean;
|
|
74
|
+
isDisabled: (data: {
|
|
75
|
+
canHide?: boolean;
|
|
76
|
+
}) => boolean;
|
|
77
|
+
size?: undefined;
|
|
78
|
+
cellProps?: undefined;
|
|
79
|
+
options?: undefined;
|
|
80
|
+
alignText?: undefined;
|
|
81
|
+
renderComponent?: undefined;
|
|
82
|
+
} | {
|
|
83
|
+
header: string;
|
|
84
|
+
width: number;
|
|
85
|
+
editable: boolean;
|
|
86
|
+
alignText: string;
|
|
87
|
+
typeCell: string;
|
|
88
|
+
renderComponent: ({ data }: {
|
|
89
|
+
data: {
|
|
90
|
+
_isCreatable?: boolean;
|
|
91
|
+
selectable?: boolean;
|
|
92
|
+
selected?: boolean;
|
|
93
|
+
};
|
|
94
|
+
}) => false | import("react/jsx-runtime").JSX.Element | undefined;
|
|
95
|
+
key?: undefined;
|
|
96
|
+
size?: undefined;
|
|
97
|
+
cellProps?: undefined;
|
|
98
|
+
options?: undefined;
|
|
99
|
+
isDisabled?: undefined;
|
|
100
|
+
})[];
|
|
101
|
+
};
|
|
102
|
+
export {};
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"
|
|
5
|
+
classes: Record<"title" | "fieldset" | "root" | "checkbox" | "actions" | "exportAllPage" | "checkboxLabel" | "switchButton", string>;
|
|
6
6
|
theme: import("@mui/material/styles").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"
|
|
5
|
+
classes: Record<"alignLeft" | "alignCenter" | "alignRight" | "footer" | "align" | "cell" | "footerCell" | "alignVerticalCenter" | "alignVerticalBottom" | "alignVerticalTop", string>;
|
|
6
6
|
theme: import("@mui/material/styles").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"
|
|
5
|
+
classes: Record<"alignLeft" | "alignCenter" | "alignRight" | "align" | "cell" | "thumbnail" | "cbCell" | "withGrid" | "alignVerticalCenter" | "alignVerticalBottom" | "alignVerticalTop" | "hasSelectAll" | "headerCell" | "headerCellContent" | "headerCell_wrap", string>;
|
|
6
6
|
theme: import("@mui/material/styles").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"
|
|
5
|
+
classes: Record<"error" | "errorMessage" | "img" | "container" | "loader", string>;
|
|
6
6
|
theme: import("@mui/material/styles").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"
|
|
5
|
+
classes: Record<"select" | "input" | "root" | "closeIcon", string>;
|
|
6
6
|
theme: import("@mui/material/styles").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const processGroups: (data: any, groupKey: any, order: any, orderDirection: any) => any;
|
|
2
|
-
export declare const processCollapsedGroups: (data: any,
|
|
2
|
+
export declare const processCollapsedGroups: (data: any, defaultAddRowLabel: string, insertPosition?: any) => never[];
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"
|
|
5
|
+
classes: Record<"alignLeft" | "alignCenter" | "alignRight" | "center" | "container" | "disabled" | "onError" | "align" | "cell" | "checkbox" | "pointer" | "thumbnail" | "groupRow" | "cbCell" | "checkmark" | "BodyGrid" | "defaultStyle" | "lockRow" | "alignVerticalCenter" | "alignVerticalBottom" | "alignVerticalTop" | "selectedRow" | "hasSelectAll" | "HeaderGrid" | "GridRow" | "GridColumn" | "LeftSideGridContainer" | "LeftSideGrid" | "mb32" | "hoverRow" | "displayNone", string>;
|
|
6
6
|
theme: import("@mui/material/styles").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -27,7 +27,7 @@ declare const createTitleRow: (group: any) => {
|
|
|
27
27
|
rowType: string;
|
|
28
28
|
groupId: any;
|
|
29
29
|
};
|
|
30
|
-
declare const createAddRowGroup: (group: any) => {
|
|
30
|
+
declare const createAddRowGroup: (group: any, defaultAddRowLabel: string) => {
|
|
31
31
|
name: any;
|
|
32
32
|
rowType: string;
|
|
33
33
|
groupId: any;
|