@form-engine-ts/mui 2.9.3 → 2.9.4
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/README.md +22 -2
- package/dist/index.cjs +286 -168
- package/dist/index.d.cts +43 -3
- package/dist/index.d.ts +43 -3
- package/dist/index.js +287 -170
- package/package.json +5 -5
package/dist/index.d.cts
CHANGED
|
@@ -1,21 +1,58 @@
|
|
|
1
|
-
import { BuilderButtonProps, BuilderCheckboxProps, BuilderErrorMessageProps, BuilderFieldsetProps, BuilderIconButtonProps, BuilderSectionProps, BuilderSelectProps, BuilderTextAreaProps, BuilderTextInputProps, FormBuilderComponents, FormBuilderSlots, FormBuilderProps,
|
|
1
|
+
import { BuilderActionIconType, BuilderButtonProps, BuilderCheckboxProps, BuilderErrorMessageProps, BuilderFieldsetProps, BuilderIconButtonProps, BuilderSectionProps, BuilderSelectProps, BuilderTextAreaProps, BuilderTextInputProps, FormBuilderComponents, FormBuilderSlots, FormBuilderProps, BuilderFieldEditorSlotProps, BuilderLocalizationSlotProps, BuilderOptionEditorSlotProps, BuilderToolbarSlotProps } from '@form-engine-ts/react';
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import { ComponentType, ReactNode } from 'react';
|
|
4
|
+
import { CardProps, PaperProps, StackProps, AccordionProps } from '@mui/material';
|
|
4
5
|
|
|
6
|
+
type BuilderSectionName = "basicSettings" | "completionMessage" | "questions" | "addQuestion" | "localization";
|
|
7
|
+
type MuiButtonVariant = "contained" | "outlined" | "text";
|
|
8
|
+
interface MuiLayoutOptions {
|
|
9
|
+
readonly sectionOrder?: readonly BuilderSectionName[];
|
|
10
|
+
}
|
|
11
|
+
interface MuiLocalizationOptions {
|
|
12
|
+
readonly collapsible?: boolean;
|
|
13
|
+
readonly defaultExpanded?: boolean | "when-configured";
|
|
14
|
+
}
|
|
15
|
+
interface MuiBuilderSlotProps {
|
|
16
|
+
readonly card?: Partial<CardProps>;
|
|
17
|
+
readonly paper?: Partial<PaperProps>;
|
|
18
|
+
readonly stack?: Partial<StackProps>;
|
|
19
|
+
readonly accordion?: Partial<AccordionProps>;
|
|
20
|
+
}
|
|
5
21
|
interface MuiAdapterOptions {
|
|
6
22
|
readonly size?: "small" | "medium";
|
|
7
23
|
readonly variant?: "outlined" | "filled" | "standard";
|
|
8
24
|
readonly buttonVariant?: "contained" | "outlined" | "text";
|
|
25
|
+
readonly buttonVariants?: {
|
|
26
|
+
readonly primary?: MuiButtonVariant;
|
|
27
|
+
readonly secondary?: MuiButtonVariant;
|
|
28
|
+
readonly danger?: MuiButtonVariant;
|
|
29
|
+
};
|
|
9
30
|
readonly fullWidth?: boolean;
|
|
10
31
|
readonly dense?: boolean;
|
|
32
|
+
readonly getLocaleLabel?: (locale: string) => string;
|
|
33
|
+
readonly getActionLabel?: (actionType: BuilderActionIconType) => string;
|
|
34
|
+
readonly layoutOptions?: MuiLayoutOptions;
|
|
35
|
+
readonly localizationOptions?: MuiLocalizationOptions;
|
|
36
|
+
readonly muiSlotProps?: MuiBuilderSlotProps;
|
|
11
37
|
}
|
|
12
38
|
interface ResolvedMuiAdapterOptions {
|
|
13
39
|
readonly size: "small" | "medium";
|
|
14
40
|
readonly variant: "outlined" | "filled" | "standard";
|
|
15
41
|
readonly buttonVariant: "contained" | "outlined" | "text";
|
|
42
|
+
readonly buttonVariants?: {
|
|
43
|
+
readonly primary: MuiButtonVariant;
|
|
44
|
+
readonly secondary: MuiButtonVariant;
|
|
45
|
+
readonly danger: MuiButtonVariant;
|
|
46
|
+
};
|
|
16
47
|
readonly fullWidth: boolean;
|
|
17
48
|
readonly dense: boolean;
|
|
49
|
+
readonly getLocaleLabel?: (locale: string) => string;
|
|
50
|
+
readonly getActionLabel?: (actionType: BuilderActionIconType) => string;
|
|
51
|
+
readonly layoutOptions?: MuiLayoutOptions;
|
|
52
|
+
readonly localizationOptions?: MuiLocalizationOptions;
|
|
53
|
+
readonly muiSlotProps?: MuiBuilderSlotProps;
|
|
18
54
|
}
|
|
55
|
+
declare const DEFAULT_MUI_SECTION_ORDER: readonly BuilderSectionName[];
|
|
19
56
|
declare function resolveMuiAdapterOptions(options?: MuiAdapterOptions): ResolvedMuiAdapterOptions;
|
|
20
57
|
|
|
21
58
|
declare function createMuiButtonAdapter(options?: MuiAdapterOptions): ComponentType<BuilderButtonProps>;
|
|
@@ -59,10 +96,13 @@ declare function muiDefaultIconResolver(actionType: BuilderActionIconType): Reac
|
|
|
59
96
|
|
|
60
97
|
interface MuiFormBuilderProps extends Omit<FormBuilderProps, "components" | "disableDefaultStyles" | "slots" | "unstyled"> {
|
|
61
98
|
readonly muiOptions?: MuiAdapterOptions;
|
|
99
|
+
readonly layoutOptions?: MuiLayoutOptions;
|
|
100
|
+
readonly localizationOptions?: MuiLocalizationOptions;
|
|
101
|
+
readonly muiSlotProps?: MuiBuilderSlotProps;
|
|
62
102
|
readonly components?: Partial<FormBuilderComponents>;
|
|
63
103
|
readonly slots?: Partial<FormBuilderSlots>;
|
|
64
104
|
}
|
|
65
|
-
declare function MuiFormBuilder({ muiOptions, components: customComponents, slots: customSlots, ...props }: MuiFormBuilderProps): react.JSX.Element;
|
|
105
|
+
declare function MuiFormBuilder({ muiOptions, layoutOptions, localizationOptions, muiSlotProps, components: customComponents, slots: customSlots, ...props }: MuiFormBuilderProps): react.JSX.Element;
|
|
66
106
|
|
|
67
107
|
declare function createMuiFieldEditorSlot(options?: MuiAdapterOptions): ComponentType<BuilderFieldEditorSlotProps>;
|
|
68
108
|
declare const MuiFieldEditorSlot: NonNullable<FormBuilderSlots["fieldEditor"]>;
|
|
@@ -79,4 +119,4 @@ declare const MuiToolbarSlot: NonNullable<FormBuilderSlots["toolbar"]>;
|
|
|
79
119
|
declare const muiBuilderSlots: FormBuilderSlots;
|
|
80
120
|
declare function createMuiBuilderSlots(options?: MuiAdapterOptions, customOverrides?: Partial<FormBuilderSlots>): FormBuilderSlots;
|
|
81
121
|
|
|
82
|
-
export { type MuiAdapterOptions, type MuiBuilderOverrides, MuiButtonAdapter, MuiCheckboxAdapter, MuiErrorMessageAdapter, MuiFieldEditorSlot, MuiFieldsetAdapter, MuiFormBuilder, type MuiFormBuilderProps, MuiIconButtonAdapter, MuiLocalizationSlot, MuiOptionEditorSlot, MuiSectionAdapter, MuiSelectAdapter, MuiTextAreaAdapter, MuiTextInputAdapter, MuiToolbarSlot, type ResolvedMuiAdapterOptions, createMuiBuilderComponents, createMuiBuilderProps, createMuiBuilderSlots, createMuiButtonAdapter, createMuiCheckboxAdapter, createMuiErrorMessageAdapter, createMuiFieldEditorSlot, createMuiFieldsetAdapter, createMuiIconButtonAdapter, createMuiLocalizationSlot, createMuiOptionEditorSlot, createMuiSectionAdapter, createMuiSelectAdapter, createMuiTextAreaAdapter, createMuiTextInputAdapter, createMuiToolbarSlot, muiBuilderComponents, muiBuilderSlots, muiDefaultIconResolver, resolveMuiAdapterOptions };
|
|
122
|
+
export { type BuilderSectionName, DEFAULT_MUI_SECTION_ORDER, type MuiAdapterOptions, type MuiBuilderOverrides, type MuiBuilderSlotProps, MuiButtonAdapter, type MuiButtonVariant, MuiCheckboxAdapter, MuiErrorMessageAdapter, MuiFieldEditorSlot, MuiFieldsetAdapter, MuiFormBuilder, type MuiFormBuilderProps, MuiIconButtonAdapter, type MuiLayoutOptions, type MuiLocalizationOptions, MuiLocalizationSlot, MuiOptionEditorSlot, MuiSectionAdapter, MuiSelectAdapter, MuiTextAreaAdapter, MuiTextInputAdapter, MuiToolbarSlot, type ResolvedMuiAdapterOptions, createMuiBuilderComponents, createMuiBuilderProps, createMuiBuilderSlots, createMuiButtonAdapter, createMuiCheckboxAdapter, createMuiErrorMessageAdapter, createMuiFieldEditorSlot, createMuiFieldsetAdapter, createMuiIconButtonAdapter, createMuiLocalizationSlot, createMuiOptionEditorSlot, createMuiSectionAdapter, createMuiSelectAdapter, createMuiTextAreaAdapter, createMuiTextInputAdapter, createMuiToolbarSlot, muiBuilderComponents, muiBuilderSlots, muiDefaultIconResolver, resolveMuiAdapterOptions };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,21 +1,58 @@
|
|
|
1
|
-
import { BuilderButtonProps, BuilderCheckboxProps, BuilderErrorMessageProps, BuilderFieldsetProps, BuilderIconButtonProps, BuilderSectionProps, BuilderSelectProps, BuilderTextAreaProps, BuilderTextInputProps, FormBuilderComponents, FormBuilderSlots, FormBuilderProps,
|
|
1
|
+
import { BuilderActionIconType, BuilderButtonProps, BuilderCheckboxProps, BuilderErrorMessageProps, BuilderFieldsetProps, BuilderIconButtonProps, BuilderSectionProps, BuilderSelectProps, BuilderTextAreaProps, BuilderTextInputProps, FormBuilderComponents, FormBuilderSlots, FormBuilderProps, BuilderFieldEditorSlotProps, BuilderLocalizationSlotProps, BuilderOptionEditorSlotProps, BuilderToolbarSlotProps } from '@form-engine-ts/react';
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import { ComponentType, ReactNode } from 'react';
|
|
4
|
+
import { CardProps, PaperProps, StackProps, AccordionProps } from '@mui/material';
|
|
4
5
|
|
|
6
|
+
type BuilderSectionName = "basicSettings" | "completionMessage" | "questions" | "addQuestion" | "localization";
|
|
7
|
+
type MuiButtonVariant = "contained" | "outlined" | "text";
|
|
8
|
+
interface MuiLayoutOptions {
|
|
9
|
+
readonly sectionOrder?: readonly BuilderSectionName[];
|
|
10
|
+
}
|
|
11
|
+
interface MuiLocalizationOptions {
|
|
12
|
+
readonly collapsible?: boolean;
|
|
13
|
+
readonly defaultExpanded?: boolean | "when-configured";
|
|
14
|
+
}
|
|
15
|
+
interface MuiBuilderSlotProps {
|
|
16
|
+
readonly card?: Partial<CardProps>;
|
|
17
|
+
readonly paper?: Partial<PaperProps>;
|
|
18
|
+
readonly stack?: Partial<StackProps>;
|
|
19
|
+
readonly accordion?: Partial<AccordionProps>;
|
|
20
|
+
}
|
|
5
21
|
interface MuiAdapterOptions {
|
|
6
22
|
readonly size?: "small" | "medium";
|
|
7
23
|
readonly variant?: "outlined" | "filled" | "standard";
|
|
8
24
|
readonly buttonVariant?: "contained" | "outlined" | "text";
|
|
25
|
+
readonly buttonVariants?: {
|
|
26
|
+
readonly primary?: MuiButtonVariant;
|
|
27
|
+
readonly secondary?: MuiButtonVariant;
|
|
28
|
+
readonly danger?: MuiButtonVariant;
|
|
29
|
+
};
|
|
9
30
|
readonly fullWidth?: boolean;
|
|
10
31
|
readonly dense?: boolean;
|
|
32
|
+
readonly getLocaleLabel?: (locale: string) => string;
|
|
33
|
+
readonly getActionLabel?: (actionType: BuilderActionIconType) => string;
|
|
34
|
+
readonly layoutOptions?: MuiLayoutOptions;
|
|
35
|
+
readonly localizationOptions?: MuiLocalizationOptions;
|
|
36
|
+
readonly muiSlotProps?: MuiBuilderSlotProps;
|
|
11
37
|
}
|
|
12
38
|
interface ResolvedMuiAdapterOptions {
|
|
13
39
|
readonly size: "small" | "medium";
|
|
14
40
|
readonly variant: "outlined" | "filled" | "standard";
|
|
15
41
|
readonly buttonVariant: "contained" | "outlined" | "text";
|
|
42
|
+
readonly buttonVariants?: {
|
|
43
|
+
readonly primary: MuiButtonVariant;
|
|
44
|
+
readonly secondary: MuiButtonVariant;
|
|
45
|
+
readonly danger: MuiButtonVariant;
|
|
46
|
+
};
|
|
16
47
|
readonly fullWidth: boolean;
|
|
17
48
|
readonly dense: boolean;
|
|
49
|
+
readonly getLocaleLabel?: (locale: string) => string;
|
|
50
|
+
readonly getActionLabel?: (actionType: BuilderActionIconType) => string;
|
|
51
|
+
readonly layoutOptions?: MuiLayoutOptions;
|
|
52
|
+
readonly localizationOptions?: MuiLocalizationOptions;
|
|
53
|
+
readonly muiSlotProps?: MuiBuilderSlotProps;
|
|
18
54
|
}
|
|
55
|
+
declare const DEFAULT_MUI_SECTION_ORDER: readonly BuilderSectionName[];
|
|
19
56
|
declare function resolveMuiAdapterOptions(options?: MuiAdapterOptions): ResolvedMuiAdapterOptions;
|
|
20
57
|
|
|
21
58
|
declare function createMuiButtonAdapter(options?: MuiAdapterOptions): ComponentType<BuilderButtonProps>;
|
|
@@ -59,10 +96,13 @@ declare function muiDefaultIconResolver(actionType: BuilderActionIconType): Reac
|
|
|
59
96
|
|
|
60
97
|
interface MuiFormBuilderProps extends Omit<FormBuilderProps, "components" | "disableDefaultStyles" | "slots" | "unstyled"> {
|
|
61
98
|
readonly muiOptions?: MuiAdapterOptions;
|
|
99
|
+
readonly layoutOptions?: MuiLayoutOptions;
|
|
100
|
+
readonly localizationOptions?: MuiLocalizationOptions;
|
|
101
|
+
readonly muiSlotProps?: MuiBuilderSlotProps;
|
|
62
102
|
readonly components?: Partial<FormBuilderComponents>;
|
|
63
103
|
readonly slots?: Partial<FormBuilderSlots>;
|
|
64
104
|
}
|
|
65
|
-
declare function MuiFormBuilder({ muiOptions, components: customComponents, slots: customSlots, ...props }: MuiFormBuilderProps): react.JSX.Element;
|
|
105
|
+
declare function MuiFormBuilder({ muiOptions, layoutOptions, localizationOptions, muiSlotProps, components: customComponents, slots: customSlots, ...props }: MuiFormBuilderProps): react.JSX.Element;
|
|
66
106
|
|
|
67
107
|
declare function createMuiFieldEditorSlot(options?: MuiAdapterOptions): ComponentType<BuilderFieldEditorSlotProps>;
|
|
68
108
|
declare const MuiFieldEditorSlot: NonNullable<FormBuilderSlots["fieldEditor"]>;
|
|
@@ -79,4 +119,4 @@ declare const MuiToolbarSlot: NonNullable<FormBuilderSlots["toolbar"]>;
|
|
|
79
119
|
declare const muiBuilderSlots: FormBuilderSlots;
|
|
80
120
|
declare function createMuiBuilderSlots(options?: MuiAdapterOptions, customOverrides?: Partial<FormBuilderSlots>): FormBuilderSlots;
|
|
81
121
|
|
|
82
|
-
export { type MuiAdapterOptions, type MuiBuilderOverrides, MuiButtonAdapter, MuiCheckboxAdapter, MuiErrorMessageAdapter, MuiFieldEditorSlot, MuiFieldsetAdapter, MuiFormBuilder, type MuiFormBuilderProps, MuiIconButtonAdapter, MuiLocalizationSlot, MuiOptionEditorSlot, MuiSectionAdapter, MuiSelectAdapter, MuiTextAreaAdapter, MuiTextInputAdapter, MuiToolbarSlot, type ResolvedMuiAdapterOptions, createMuiBuilderComponents, createMuiBuilderProps, createMuiBuilderSlots, createMuiButtonAdapter, createMuiCheckboxAdapter, createMuiErrorMessageAdapter, createMuiFieldEditorSlot, createMuiFieldsetAdapter, createMuiIconButtonAdapter, createMuiLocalizationSlot, createMuiOptionEditorSlot, createMuiSectionAdapter, createMuiSelectAdapter, createMuiTextAreaAdapter, createMuiTextInputAdapter, createMuiToolbarSlot, muiBuilderComponents, muiBuilderSlots, muiDefaultIconResolver, resolveMuiAdapterOptions };
|
|
122
|
+
export { type BuilderSectionName, DEFAULT_MUI_SECTION_ORDER, type MuiAdapterOptions, type MuiBuilderOverrides, type MuiBuilderSlotProps, MuiButtonAdapter, type MuiButtonVariant, MuiCheckboxAdapter, MuiErrorMessageAdapter, MuiFieldEditorSlot, MuiFieldsetAdapter, MuiFormBuilder, type MuiFormBuilderProps, MuiIconButtonAdapter, type MuiLayoutOptions, type MuiLocalizationOptions, MuiLocalizationSlot, MuiOptionEditorSlot, MuiSectionAdapter, MuiSelectAdapter, MuiTextAreaAdapter, MuiTextInputAdapter, MuiToolbarSlot, type ResolvedMuiAdapterOptions, createMuiBuilderComponents, createMuiBuilderProps, createMuiBuilderSlots, createMuiButtonAdapter, createMuiCheckboxAdapter, createMuiErrorMessageAdapter, createMuiFieldEditorSlot, createMuiFieldsetAdapter, createMuiIconButtonAdapter, createMuiLocalizationSlot, createMuiOptionEditorSlot, createMuiSectionAdapter, createMuiSelectAdapter, createMuiTextAreaAdapter, createMuiTextInputAdapter, createMuiToolbarSlot, muiBuilderComponents, muiBuilderSlots, muiDefaultIconResolver, resolveMuiAdapterOptions };
|