@cfinnestad/react-form-builder 1.0.42 → 1.0.45
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/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Old/Button.d.ts +28 -28
- package/dist/cjs/types/Old/Header.d.ts +12 -12
- package/dist/cjs/types/Old/Page.d.ts +3 -3
- package/dist/cjs/types/Old/Page.stories.d.ts +13 -13
- package/dist/cjs/types/components/Items/Items.d.ts +5 -0
- package/dist/cjs/types/components/Items/SetItem.d.ts +3 -3
- package/dist/cjs/types/components/Items/ShowItems.d.ts +10 -10
- package/dist/cjs/types/components/Items/Subtypes/Boolean/BooleanField.d.ts +4 -4
- package/dist/cjs/types/components/Items/Subtypes/Checkbox/CheckboxField.d.ts +4 -4
- package/dist/cjs/types/components/Items/Subtypes/Email/Email.d.ts +4 -4
- package/dist/cjs/types/components/Items/Subtypes/Radio/RadioField.d.ts +4 -4
- package/dist/cjs/types/components/Items/Subtypes/Select/Select.d.ts +4 -4
- package/dist/cjs/types/components/Items/Subtypes/Text/Text.d.ts +4 -4
- package/dist/cjs/types/components/Render/Render.d.ts +2 -1
- package/dist/cjs/types/components/Template/Template.d.ts +9 -9
- package/dist/cjs/types/components/Template/index.d.ts +1 -1
- package/dist/cjs/types/components/UpdateItem/UpdateItem.d.ts +9 -9
- package/dist/cjs/types/components/UpdateItem/index.d.ts +1 -1
- package/dist/cjs/types/src/components/Actions/Actions.d.ts +10 -10
- package/dist/cjs/types/src/components/Actions/Clear/Clear.d.ts +3 -3
- package/dist/cjs/types/src/components/Actions/Save/Save.d.ts +3 -3
- package/dist/cjs/types/src/components/Actions/Transfer/Transfer.d.ts +3 -3
- package/dist/cjs/types/src/components/Builder/Builder.d.ts +22 -22
- package/dist/cjs/types/src/components/Builder/Builder.stories.d.ts +22 -22
- package/dist/cjs/types/src/components/Builder/index.d.ts +1 -1
- package/dist/cjs/types/src/components/Items/DefaultItems.d.ts +7 -7
- package/dist/cjs/types/src/components/Items/Field/Field.d.ts +4 -4
- package/dist/cjs/types/src/components/Items/Group/Group.d.ts +3 -3
- package/dist/cjs/types/src/components/Items/Hidden/Hidden.d.ts +3 -3
- package/dist/cjs/types/src/components/Items/Html/Html.d.ts +3 -3
- package/dist/cjs/types/src/components/Items/Items.d.ts +141 -141
- package/dist/cjs/types/src/components/Items/SetItem.d.ts +3 -3
- package/dist/cjs/types/src/components/Items/ShowItems.d.ts +6 -6
- package/dist/cjs/types/src/components/Items/ShowTypes.d.ts +6 -6
- package/dist/cjs/types/src/components/Items/Subtypes/DefaultSubTypes.d.ts +6 -6
- package/dist/cjs/types/src/components/Items/Subtypes/Text/Text.d.ts +4 -4
- package/dist/cjs/types/src/components/UpdateItem/UpdateItem.d.ts +9 -9
- package/dist/cjs/types/src/components/index.d.ts +1 -1
- package/dist/cjs/types/src/index.d.ts +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Old/Button.d.ts +28 -28
- package/dist/esm/types/Old/Header.d.ts +12 -12
- package/dist/esm/types/Old/Page.d.ts +3 -3
- package/dist/esm/types/Old/Page.stories.d.ts +13 -13
- package/dist/esm/types/components/Items/Items.d.ts +5 -0
- package/dist/esm/types/components/Items/SetItem.d.ts +3 -3
- package/dist/esm/types/components/Items/ShowItems.d.ts +10 -10
- package/dist/esm/types/components/Items/Subtypes/Boolean/BooleanField.d.ts +4 -4
- package/dist/esm/types/components/Items/Subtypes/Checkbox/CheckboxField.d.ts +4 -4
- package/dist/esm/types/components/Items/Subtypes/Email/Email.d.ts +4 -4
- package/dist/esm/types/components/Items/Subtypes/Radio/RadioField.d.ts +4 -4
- package/dist/esm/types/components/Items/Subtypes/Select/Select.d.ts +4 -4
- package/dist/esm/types/components/Items/Subtypes/Text/Text.d.ts +4 -4
- package/dist/esm/types/components/Render/Render.d.ts +2 -1
- package/dist/esm/types/components/Template/Template.d.ts +9 -9
- package/dist/esm/types/components/Template/index.d.ts +1 -1
- package/dist/esm/types/components/UpdateItem/UpdateItem.d.ts +9 -9
- package/dist/esm/types/components/UpdateItem/index.d.ts +1 -1
- package/dist/esm/types/src/components/Actions/Actions.d.ts +10 -10
- package/dist/esm/types/src/components/Actions/Clear/Clear.d.ts +3 -3
- package/dist/esm/types/src/components/Actions/Save/Save.d.ts +3 -3
- package/dist/esm/types/src/components/Actions/Transfer/Transfer.d.ts +3 -3
- package/dist/esm/types/src/components/Builder/Builder.d.ts +22 -22
- package/dist/esm/types/src/components/Builder/Builder.stories.d.ts +22 -22
- package/dist/esm/types/src/components/Builder/index.d.ts +1 -1
- package/dist/esm/types/src/components/Items/DefaultItems.d.ts +7 -7
- package/dist/esm/types/src/components/Items/Field/Field.d.ts +4 -4
- package/dist/esm/types/src/components/Items/Group/Group.d.ts +3 -3
- package/dist/esm/types/src/components/Items/Hidden/Hidden.d.ts +3 -3
- package/dist/esm/types/src/components/Items/Html/Html.d.ts +3 -3
- package/dist/esm/types/src/components/Items/Items.d.ts +141 -141
- package/dist/esm/types/src/components/Items/SetItem.d.ts +3 -3
- package/dist/esm/types/src/components/Items/ShowItems.d.ts +6 -6
- package/dist/esm/types/src/components/Items/ShowTypes.d.ts +6 -6
- package/dist/esm/types/src/components/Items/Subtypes/DefaultSubTypes.d.ts +6 -6
- package/dist/esm/types/src/components/Items/Subtypes/Text/Text.d.ts +4 -4
- package/dist/esm/types/src/components/UpdateItem/UpdateItem.d.ts +9 -9
- package/dist/esm/types/src/components/index.d.ts +1 -1
- package/dist/esm/types/src/index.d.ts +1 -1
- package/dist/index.d.ts +7 -1
- package/package.json +106 -106
|
@@ -1,141 +1,141 @@
|
|
|
1
|
-
import { Dispatch, SetStateAction } from "react";
|
|
2
|
-
import { Options } from "../Builder/Builder";
|
|
3
|
-
import { AllowedSubtypes } from "./Subtypes/DefaultSubTypes";
|
|
4
|
-
export declare const validateItem: (Item: object, index: number) => string[];
|
|
5
|
-
export type BaseItem = {
|
|
6
|
-
id: string;
|
|
7
|
-
type: string;
|
|
8
|
-
filter?: GroupFilter;
|
|
9
|
-
ClassName?: string;
|
|
10
|
-
custom?: {
|
|
11
|
-
[key: string]: any;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
export type Filter = {
|
|
15
|
-
fieldName: string;
|
|
16
|
-
comparison: '=' | '!=' | '>' | '>=' | '<' | '<=' | 'in' | 'not in';
|
|
17
|
-
value: string | number | boolean | string[];
|
|
18
|
-
};
|
|
19
|
-
export type GroupFilter = {
|
|
20
|
-
type: 'and' | 'or' | 'not' | 'xor';
|
|
21
|
-
filters: (GroupFilter | Filter)[];
|
|
22
|
-
};
|
|
23
|
-
export type NamedItem = BaseItem & {
|
|
24
|
-
name: string;
|
|
25
|
-
};
|
|
26
|
-
export type Option = {
|
|
27
|
-
checked: boolean;
|
|
28
|
-
startChecked: boolean;
|
|
29
|
-
fieldName: string;
|
|
30
|
-
value: string;
|
|
31
|
-
};
|
|
32
|
-
export type HiddenItem = NamedItem & {
|
|
33
|
-
type: 'Hidden';
|
|
34
|
-
value: string;
|
|
35
|
-
};
|
|
36
|
-
export type HTMLItem = BaseItem & {
|
|
37
|
-
type: 'HTML';
|
|
38
|
-
content: string;
|
|
39
|
-
};
|
|
40
|
-
export type GroupItem = NamedItem & {
|
|
41
|
-
type: 'Group';
|
|
42
|
-
label: string;
|
|
43
|
-
columns: number;
|
|
44
|
-
Items: AnyItem[];
|
|
45
|
-
};
|
|
46
|
-
export type FieldItem = NamedItem & {
|
|
47
|
-
required: boolean;
|
|
48
|
-
label: string;
|
|
49
|
-
deprecated: boolean;
|
|
50
|
-
placeholder?: string;
|
|
51
|
-
subtype: AnySubtype;
|
|
52
|
-
};
|
|
53
|
-
export type FieldSubType = {
|
|
54
|
-
subtype: string;
|
|
55
|
-
value?: string | number | boolean | string[];
|
|
56
|
-
custom?: {
|
|
57
|
-
[key: string]: any;
|
|
58
|
-
};
|
|
59
|
-
};
|
|
60
|
-
export type OptionSubtype = FieldSubType & {
|
|
61
|
-
value?: string | string[];
|
|
62
|
-
options: Option[];
|
|
63
|
-
};
|
|
64
|
-
export type SelectSubtype = OptionSubtype & {
|
|
65
|
-
subtype: 'Select';
|
|
66
|
-
value?: string | string[];
|
|
67
|
-
multiples: boolean;
|
|
68
|
-
};
|
|
69
|
-
export type RadioSubtype = OptionSubtype & {
|
|
70
|
-
subtype: 'Radio';
|
|
71
|
-
value?: string;
|
|
72
|
-
inLine?: boolean;
|
|
73
|
-
};
|
|
74
|
-
export type CheckboxSubtype = OptionSubtype & {
|
|
75
|
-
subtype: 'Checkbox';
|
|
76
|
-
inLine?: boolean;
|
|
77
|
-
};
|
|
78
|
-
export type TextSubtype = FieldSubType & {
|
|
79
|
-
subtype: 'Text';
|
|
80
|
-
value?: string;
|
|
81
|
-
multiline?: boolean;
|
|
82
|
-
minLength?: number;
|
|
83
|
-
maxLength?: number;
|
|
84
|
-
};
|
|
85
|
-
export type EmailSubtype = FieldSubType & {
|
|
86
|
-
subtype: 'Email';
|
|
87
|
-
value?: string;
|
|
88
|
-
maxLength?: number;
|
|
89
|
-
};
|
|
90
|
-
export type NumberSubtype = FieldSubType & {
|
|
91
|
-
subtype: 'Number';
|
|
92
|
-
value?: number;
|
|
93
|
-
min?: number;
|
|
94
|
-
max?: number;
|
|
95
|
-
};
|
|
96
|
-
export type DateSubtype = FieldSubType & {
|
|
97
|
-
subtype: 'Date';
|
|
98
|
-
value?: string;
|
|
99
|
-
minDate?: string;
|
|
100
|
-
minDateOffsetDays?: number;
|
|
101
|
-
maxDate?: string;
|
|
102
|
-
maxDateOffsetDays?: number;
|
|
103
|
-
};
|
|
104
|
-
export type BooleanSubtype = FieldSubType & {
|
|
105
|
-
subtype: 'Boolean';
|
|
106
|
-
value: boolean;
|
|
107
|
-
};
|
|
108
|
-
export type AnyItem = BaseItem | FieldItem | GroupItem | HTMLItem | HiddenItem;
|
|
109
|
-
export type AnySubtype = FieldSubType | SelectSubtype | RadioSubtype | CheckboxSubtype | TextSubtype | EmailSubtype | NumberSubtype | DateSubtype;
|
|
110
|
-
export type ItemType = {
|
|
111
|
-
Item: AnyItem;
|
|
112
|
-
ItemFC: (props: any) => JSX.Element;
|
|
113
|
-
EditFC: (props: any) => JSX.Element;
|
|
114
|
-
};
|
|
115
|
-
export type FieldType = {
|
|
116
|
-
Subtype: AnySubtype;
|
|
117
|
-
SubtypeFC: (props: any) => JSX.Element;
|
|
118
|
-
EditFC: (props: any) => JSX.Element;
|
|
119
|
-
};
|
|
120
|
-
export type BaseItemProps = {
|
|
121
|
-
Item: AnyItem;
|
|
122
|
-
Items: AnyItem[];
|
|
123
|
-
ItemFC: (props: any) => JSX.Element;
|
|
124
|
-
IsBuild?: boolean;
|
|
125
|
-
SetItems: Dispatch<SetStateAction<AnyItem[]>>;
|
|
126
|
-
Options: Options;
|
|
127
|
-
AllowedSubtypes: AllowedSubtypes;
|
|
128
|
-
};
|
|
129
|
-
export type FieldProps = BaseItemProps & {
|
|
130
|
-
Item: FieldItem;
|
|
131
|
-
};
|
|
132
|
-
export type GroupProps = BaseItemProps & {
|
|
133
|
-
Item: GroupItem;
|
|
134
|
-
};
|
|
135
|
-
export type HTMLProps = BaseItemProps & {
|
|
136
|
-
Item: HTMLItem;
|
|
137
|
-
};
|
|
138
|
-
export type HiddenProps = BaseItemProps & {
|
|
139
|
-
Item: HiddenItem;
|
|
140
|
-
};
|
|
141
|
-
export type ItemProps = BaseItemProps | FieldProps | GroupProps | HiddenProps | HTMLProps;
|
|
1
|
+
import { Dispatch, SetStateAction } from "react";
|
|
2
|
+
import { Options } from "../Builder/Builder";
|
|
3
|
+
import { AllowedSubtypes } from "./Subtypes/DefaultSubTypes";
|
|
4
|
+
export declare const validateItem: (Item: object, index: number) => string[];
|
|
5
|
+
export type BaseItem = {
|
|
6
|
+
id: string;
|
|
7
|
+
type: string;
|
|
8
|
+
filter?: GroupFilter;
|
|
9
|
+
ClassName?: string;
|
|
10
|
+
custom?: {
|
|
11
|
+
[key: string]: any;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export type Filter = {
|
|
15
|
+
fieldName: string;
|
|
16
|
+
comparison: '=' | '!=' | '>' | '>=' | '<' | '<=' | 'in' | 'not in';
|
|
17
|
+
value: string | number | boolean | string[];
|
|
18
|
+
};
|
|
19
|
+
export type GroupFilter = {
|
|
20
|
+
type: 'and' | 'or' | 'not' | 'xor';
|
|
21
|
+
filters: (GroupFilter | Filter)[];
|
|
22
|
+
};
|
|
23
|
+
export type NamedItem = BaseItem & {
|
|
24
|
+
name: string;
|
|
25
|
+
};
|
|
26
|
+
export type Option = {
|
|
27
|
+
checked: boolean;
|
|
28
|
+
startChecked: boolean;
|
|
29
|
+
fieldName: string;
|
|
30
|
+
value: string;
|
|
31
|
+
};
|
|
32
|
+
export type HiddenItem = NamedItem & {
|
|
33
|
+
type: 'Hidden';
|
|
34
|
+
value: string;
|
|
35
|
+
};
|
|
36
|
+
export type HTMLItem = BaseItem & {
|
|
37
|
+
type: 'HTML';
|
|
38
|
+
content: string;
|
|
39
|
+
};
|
|
40
|
+
export type GroupItem = NamedItem & {
|
|
41
|
+
type: 'Group';
|
|
42
|
+
label: string;
|
|
43
|
+
columns: number;
|
|
44
|
+
Items: AnyItem[];
|
|
45
|
+
};
|
|
46
|
+
export type FieldItem = NamedItem & {
|
|
47
|
+
required: boolean;
|
|
48
|
+
label: string;
|
|
49
|
+
deprecated: boolean;
|
|
50
|
+
placeholder?: string;
|
|
51
|
+
subtype: AnySubtype;
|
|
52
|
+
};
|
|
53
|
+
export type FieldSubType = {
|
|
54
|
+
subtype: string;
|
|
55
|
+
value?: string | number | boolean | string[];
|
|
56
|
+
custom?: {
|
|
57
|
+
[key: string]: any;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
export type OptionSubtype = FieldSubType & {
|
|
61
|
+
value?: string | string[];
|
|
62
|
+
options: Option[];
|
|
63
|
+
};
|
|
64
|
+
export type SelectSubtype = OptionSubtype & {
|
|
65
|
+
subtype: 'Select';
|
|
66
|
+
value?: string | string[];
|
|
67
|
+
multiples: boolean;
|
|
68
|
+
};
|
|
69
|
+
export type RadioSubtype = OptionSubtype & {
|
|
70
|
+
subtype: 'Radio';
|
|
71
|
+
value?: string;
|
|
72
|
+
inLine?: boolean;
|
|
73
|
+
};
|
|
74
|
+
export type CheckboxSubtype = OptionSubtype & {
|
|
75
|
+
subtype: 'Checkbox';
|
|
76
|
+
inLine?: boolean;
|
|
77
|
+
};
|
|
78
|
+
export type TextSubtype = FieldSubType & {
|
|
79
|
+
subtype: 'Text';
|
|
80
|
+
value?: string;
|
|
81
|
+
multiline?: boolean;
|
|
82
|
+
minLength?: number;
|
|
83
|
+
maxLength?: number;
|
|
84
|
+
};
|
|
85
|
+
export type EmailSubtype = FieldSubType & {
|
|
86
|
+
subtype: 'Email';
|
|
87
|
+
value?: string;
|
|
88
|
+
maxLength?: number;
|
|
89
|
+
};
|
|
90
|
+
export type NumberSubtype = FieldSubType & {
|
|
91
|
+
subtype: 'Number';
|
|
92
|
+
value?: number;
|
|
93
|
+
min?: number;
|
|
94
|
+
max?: number;
|
|
95
|
+
};
|
|
96
|
+
export type DateSubtype = FieldSubType & {
|
|
97
|
+
subtype: 'Date';
|
|
98
|
+
value?: string;
|
|
99
|
+
minDate?: string;
|
|
100
|
+
minDateOffsetDays?: number;
|
|
101
|
+
maxDate?: string;
|
|
102
|
+
maxDateOffsetDays?: number;
|
|
103
|
+
};
|
|
104
|
+
export type BooleanSubtype = FieldSubType & {
|
|
105
|
+
subtype: 'Boolean';
|
|
106
|
+
value: boolean;
|
|
107
|
+
};
|
|
108
|
+
export type AnyItem = BaseItem | FieldItem | GroupItem | HTMLItem | HiddenItem;
|
|
109
|
+
export type AnySubtype = FieldSubType | SelectSubtype | RadioSubtype | CheckboxSubtype | TextSubtype | EmailSubtype | NumberSubtype | DateSubtype;
|
|
110
|
+
export type ItemType = {
|
|
111
|
+
Item: AnyItem;
|
|
112
|
+
ItemFC: (props: any) => JSX.Element;
|
|
113
|
+
EditFC: (props: any) => JSX.Element;
|
|
114
|
+
};
|
|
115
|
+
export type FieldType = {
|
|
116
|
+
Subtype: AnySubtype;
|
|
117
|
+
SubtypeFC: (props: any) => JSX.Element;
|
|
118
|
+
EditFC: (props: any) => JSX.Element;
|
|
119
|
+
};
|
|
120
|
+
export type BaseItemProps = {
|
|
121
|
+
Item: AnyItem;
|
|
122
|
+
Items: AnyItem[];
|
|
123
|
+
ItemFC: (props: any) => JSX.Element;
|
|
124
|
+
IsBuild?: boolean;
|
|
125
|
+
SetItems: Dispatch<SetStateAction<AnyItem[]>>;
|
|
126
|
+
Options: Options;
|
|
127
|
+
AllowedSubtypes: AllowedSubtypes;
|
|
128
|
+
};
|
|
129
|
+
export type FieldProps = BaseItemProps & {
|
|
130
|
+
Item: FieldItem;
|
|
131
|
+
};
|
|
132
|
+
export type GroupProps = BaseItemProps & {
|
|
133
|
+
Item: GroupItem;
|
|
134
|
+
};
|
|
135
|
+
export type HTMLProps = BaseItemProps & {
|
|
136
|
+
Item: HTMLItem;
|
|
137
|
+
};
|
|
138
|
+
export type HiddenProps = BaseItemProps & {
|
|
139
|
+
Item: HiddenItem;
|
|
140
|
+
};
|
|
141
|
+
export type ItemProps = BaseItemProps | FieldProps | GroupProps | HiddenProps | HTMLProps;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { AnyItem } from "./Items";
|
|
2
|
-
declare const SetItem: (Item: AnyItem, Items: AnyItem[]) => AnyItem[];
|
|
3
|
-
export default SetItem;
|
|
1
|
+
import { AnyItem } from "./Items";
|
|
2
|
+
declare const SetItem: (Item: AnyItem, Items: AnyItem[]) => AnyItem[];
|
|
3
|
+
export default SetItem;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ItemProps } from "./Items";
|
|
2
|
-
type ShowItemsProps = {
|
|
3
|
-
ItemPropsArray: ItemProps[];
|
|
4
|
-
};
|
|
5
|
-
declare const ShowItems: ({ ItemPropsArray }: ShowItemsProps) => JSX.Element;
|
|
6
|
-
export default ShowItems;
|
|
1
|
+
import { ItemProps } from "./Items";
|
|
2
|
+
type ShowItemsProps = {
|
|
3
|
+
ItemPropsArray: ItemProps[];
|
|
4
|
+
};
|
|
5
|
+
declare const ShowItems: ({ ItemPropsArray }: ShowItemsProps) => JSX.Element;
|
|
6
|
+
export default ShowItems;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { AllowedItems } from "./DefaultItems";
|
|
2
|
-
interface ShowTypesProps {
|
|
3
|
-
AllowedItems: AllowedItems;
|
|
4
|
-
}
|
|
5
|
-
declare const ShowTypes: ({ AllowedItems }: ShowTypesProps) => JSX.Element;
|
|
6
|
-
export default ShowTypes;
|
|
1
|
+
import { AllowedItems } from "./DefaultItems";
|
|
2
|
+
interface ShowTypesProps {
|
|
3
|
+
AllowedItems: AllowedItems;
|
|
4
|
+
}
|
|
5
|
+
declare const ShowTypes: ({ AllowedItems }: ShowTypesProps) => JSX.Element;
|
|
6
|
+
export default ShowTypes;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { FieldType } from "../Items";
|
|
2
|
-
export type AllowedSubtypes = {
|
|
3
|
-
[key: string]: FieldType;
|
|
4
|
-
};
|
|
5
|
-
declare const DefaultSubtypes: () => AllowedSubtypes;
|
|
6
|
-
export default DefaultSubtypes;
|
|
1
|
+
import { FieldType } from "../Items";
|
|
2
|
+
export type AllowedSubtypes = {
|
|
3
|
+
[key: string]: FieldType;
|
|
4
|
+
};
|
|
5
|
+
declare const DefaultSubtypes: () => AllowedSubtypes;
|
|
6
|
+
export default DefaultSubtypes;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FieldProps } from "../../Items";
|
|
2
|
-
export declare const edit: ({ Item, Items, SetItems }: FieldProps) => JSX.Element;
|
|
3
|
-
declare const Text: ({ Item, Items, SetItems, Options }: FieldProps) => JSX.Element;
|
|
4
|
-
export default Text;
|
|
1
|
+
import { FieldProps } from "../../Items";
|
|
2
|
+
export declare const edit: ({ Item, Items, SetItems }: FieldProps) => JSX.Element;
|
|
3
|
+
declare const Text: ({ Item, Items, SetItems, Options }: FieldProps) => JSX.Element;
|
|
4
|
+
export default Text;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Dispatch, SetStateAction } from "react";
|
|
2
|
-
import { AnyItem } from "../Items/Items";
|
|
3
|
-
type UpdateItemProps = {
|
|
4
|
-
Item: AnyItem;
|
|
5
|
-
Items: AnyItem[];
|
|
6
|
-
SetItems: Dispatch<SetStateAction<AnyItem[]>>;
|
|
7
|
-
};
|
|
8
|
-
declare const UpdateItem: ({ Item, Items, SetItems }: UpdateItemProps) => void;
|
|
9
|
-
export default UpdateItem;
|
|
1
|
+
import { Dispatch, SetStateAction } from "react";
|
|
2
|
+
import { AnyItem } from "../Items/Items";
|
|
3
|
+
type UpdateItemProps = {
|
|
4
|
+
Item: AnyItem;
|
|
5
|
+
Items: AnyItem[];
|
|
6
|
+
SetItems: Dispatch<SetStateAction<AnyItem[]>>;
|
|
7
|
+
};
|
|
8
|
+
declare const UpdateItem: ({ Item, Items, SetItems }: UpdateItemProps) => void;
|
|
9
|
+
export default UpdateItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as Builder } from './Builder';
|
|
1
|
+
export { default as Builder } from './Builder';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './components';
|
|
1
|
+
export * from './components';
|
package/dist/index.d.ts
CHANGED
|
@@ -18,6 +18,10 @@ type SubmitButtonProps = {
|
|
|
18
18
|
};
|
|
19
19
|
type SubmitButtonElement = (props: SubmitButtonProps) => JSX.Element;
|
|
20
20
|
|
|
21
|
+
type EventItem = {
|
|
22
|
+
eventName: string;
|
|
23
|
+
callback: (eventName: string, fieldName: string) => void;
|
|
24
|
+
};
|
|
21
25
|
type AllowedSubtypes = {
|
|
22
26
|
[key: string]: AnyFieldType;
|
|
23
27
|
};
|
|
@@ -49,6 +53,7 @@ type Options = {
|
|
|
49
53
|
};
|
|
50
54
|
submitColors: string[];
|
|
51
55
|
fileTypes: Accept;
|
|
56
|
+
eventList: EventItem[];
|
|
52
57
|
};
|
|
53
58
|
type BaseItem = {
|
|
54
59
|
id: string;
|
|
@@ -556,6 +561,7 @@ type RenderOptions = {
|
|
|
556
561
|
mode?: "build" | "edit" | "render";
|
|
557
562
|
submitColors?: string[];
|
|
558
563
|
fileTypes?: Accept;
|
|
564
|
+
eventList?: EventItem[];
|
|
559
565
|
};
|
|
560
566
|
declare const Render: ({ Items, SetItems, Options }: RenderProps) => JSX.Element;
|
|
561
567
|
declare const RenderedObject: (items: AnyItem[], files?: Files, allItems?: AnyItem[]) => {};
|
|
@@ -563,4 +569,4 @@ declare const RenderedFlatObject: (items: AnyItem[], files?: Files, allItems?: A
|
|
|
563
569
|
declare const RenderedArray: (items: AnyItem[], files?: Files, allItems?: AnyItem[]) => {} | [];
|
|
564
570
|
declare const RenderedFlatArray: (items: AnyItem[], files?: Files, allItems?: AnyItem[]) => object[];
|
|
565
571
|
|
|
566
|
-
export { AllowedItems, AllowedSubtypes, AndFilter, AnyFieldType, AnyItem, AutocompleteProps, AutocompleteSubtype, AutocompleteType, BaseItem, BaseItemProps, BooleanProps, BooleanSubtype, BooleanType, BuildErrors, Builder, BuilderProps, BuilderUseOptions, CheckboxProps, CheckboxSubtype, CheckboxType, Clear, ComparisonFilter, DateProps, DateSubtype, DateType, EmailProps, EmailSubtype, EmailType, EqFilter, ErrorType, Errors, FieldFilter, FieldItem, FieldProps, FieldType, FileProps, FileSubtype, FileType, Files, FilterType, GetNamedItem as GetItem, GroupItem, GroupProps, GroupType, GtFilter, GteFilter, HTMLItem, HTMLProps, HTMLType, HiddenItem, HiddenProps, HiddenType, InFilter, InListItem, ItemProps, ItemType, ListItem, ListItemProps, ListProps, ListType, LtFilter, LteFilter, MultiplesSubtype, NamedItem, NotFilter, NumberProps, NumberSubtype, NumberType, Option, OptionSubtype, Options, OrFilter, PhoneProps, PhoneSubtype, PhoneType, Preview, RadioProps, RadioSubtype, RadioType, Render, RenderOptions, RenderProps, RenderedArray, RenderedFlatArray, RenderedFlatObject, RenderedObject, Save, SelectProps, SelectSubtype, SelectType, UpdateItemInItems as SetItem, SubmitButtonElement, SubmitButtonProps, SubmitItem, SubmitProps, SubmitType, TextProps, TextSubtype, TextType, Transfer, ValidateFields, getSiblingItems, hasFiles, isAndFilter, isAutocomplete, isBoolean, isCheckbox, isComparisonFilter, isDate, isEmail, isEqFilter, isField, isFieldFilter, isFile, isGroup, isGtFilter, isGteFilter, isHidden, isHtml, isInFilter, isList, isListItem, isLtFilter, isLteFilter, isNamed, isNotFilter, isNumber, isOption, isOrFilter, isPhone, isRadio, isSelect, isSubmit, isText, itemCloneDeep, itemsCloneDeep, validateNameChange };
|
|
572
|
+
export { AllowedItems, AllowedSubtypes, AndFilter, AnyFieldType, AnyItem, AutocompleteProps, AutocompleteSubtype, AutocompleteType, BaseItem, BaseItemProps, BooleanProps, BooleanSubtype, BooleanType, BuildErrors, Builder, BuilderProps, BuilderUseOptions, CheckboxProps, CheckboxSubtype, CheckboxType, Clear, ComparisonFilter, DateProps, DateSubtype, DateType, EmailProps, EmailSubtype, EmailType, EqFilter, ErrorType, Errors, EventItem, FieldFilter, FieldItem, FieldProps, FieldType, FileProps, FileSubtype, FileType, Files, FilterType, GetNamedItem as GetItem, GroupItem, GroupProps, GroupType, GtFilter, GteFilter, HTMLItem, HTMLProps, HTMLType, HiddenItem, HiddenProps, HiddenType, InFilter, InListItem, ItemProps, ItemType, ListItem, ListItemProps, ListProps, ListType, LtFilter, LteFilter, MultiplesSubtype, NamedItem, NotFilter, NumberProps, NumberSubtype, NumberType, Option, OptionSubtype, Options, OrFilter, PhoneProps, PhoneSubtype, PhoneType, Preview, RadioProps, RadioSubtype, RadioType, Render, RenderOptions, RenderProps, RenderedArray, RenderedFlatArray, RenderedFlatObject, RenderedObject, Save, SelectProps, SelectSubtype, SelectType, UpdateItemInItems as SetItem, SubmitButtonElement, SubmitButtonProps, SubmitItem, SubmitProps, SubmitType, TextProps, TextSubtype, TextType, Transfer, ValidateFields, getSiblingItems, hasFiles, isAndFilter, isAutocomplete, isBoolean, isCheckbox, isComparisonFilter, isDate, isEmail, isEqFilter, isField, isFieldFilter, isFile, isGroup, isGtFilter, isGteFilter, isHidden, isHtml, isInFilter, isList, isListItem, isLtFilter, isLteFilter, isNamed, isNotFilter, isNumber, isOption, isOrFilter, isPhone, isRadio, isSelect, isSubmit, isText, itemCloneDeep, itemsCloneDeep, validateNameChange };
|
package/package.json
CHANGED
|
@@ -1,106 +1,106 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@cfinnestad/react-form-builder",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"description": "FormBuilder and FormRender Component library for building and gathering custom form data",
|
|
5
|
-
"scripts": {
|
|
6
|
-
"rollup": "rollup -c",
|
|
7
|
-
"test": "jest",
|
|
8
|
-
"storybook": "storybook dev -p 6006",
|
|
9
|
-
"build-storybook": "storybook build",
|
|
10
|
-
"tinymceinstall": "node ./tinymceinstall.js"
|
|
11
|
-
},
|
|
12
|
-
"repository": {
|
|
13
|
-
"type": "git",
|
|
14
|
-
"url": "git+ssh://git@github.com/cfinnestad/react-form-builder.git"
|
|
15
|
-
},
|
|
16
|
-
"keywords": [
|
|
17
|
-
"forms",
|
|
18
|
-
"builder",
|
|
19
|
-
"renderer",
|
|
20
|
-
"react"
|
|
21
|
-
],
|
|
22
|
-
"author": "Charles Finnestad",
|
|
23
|
-
"license": "ISC",
|
|
24
|
-
"bugs": {
|
|
25
|
-
"url": "https://github.com/cfinnestad/react-form-builder/issues"
|
|
26
|
-
},
|
|
27
|
-
"homepage": "https://github.com/cfinnestad/react-form-builder#readme",
|
|
28
|
-
"peerDependencies": {
|
|
29
|
-
"react": ">=18.2.0",
|
|
30
|
-
"react-dom": ">=18.2.0"
|
|
31
|
-
},
|
|
32
|
-
"devDependencies": {
|
|
33
|
-
"@babel/core": "^7.21.5",
|
|
34
|
-
"@babel/preset-env": "^7.21.5",
|
|
35
|
-
"@babel/preset-react": "^7.18.6",
|
|
36
|
-
"@babel/preset-typescript": "^7.21.5",
|
|
37
|
-
"@emotion/react": "^11.10.8",
|
|
38
|
-
"@emotion/styled": "^11.10.8",
|
|
39
|
-
"@faker-js/faker": "^8.0.2",
|
|
40
|
-
"@rollup/plugin-babel": "^6.0.3",
|
|
41
|
-
"@rollup/plugin-commonjs": "^24.1.0",
|
|
42
|
-
"@rollup/plugin-node-resolve": "^15.0.2",
|
|
43
|
-
"@rollup/plugin-terser": "^0.4.1",
|
|
44
|
-
"@rollup/plugin-typescript": "^11.1.0",
|
|
45
|
-
"@storybook/addon-essentials": "^7.0.7",
|
|
46
|
-
"@storybook/addon-interactions": "^7.0.7",
|
|
47
|
-
"@storybook/addon-links": "^7.0.7",
|
|
48
|
-
"@storybook/addon-styling": "^1.0.6",
|
|
49
|
-
"@storybook/blocks": "^7.0.7",
|
|
50
|
-
"@storybook/react": "^7.0.7",
|
|
51
|
-
"@storybook/react-webpack5": "^7.0.7",
|
|
52
|
-
"@storybook/testing-library": "^0.0.14-next.2",
|
|
53
|
-
"@testing-library/jest-dom": "^5.17.0",
|
|
54
|
-
"@testing-library/react": "^14.0.0",
|
|
55
|
-
"@types/jest": "^29.5.1",
|
|
56
|
-
"@types/react": "^18.2.0",
|
|
57
|
-
"@types/react-beautiful-dnd": "^13.1.4",
|
|
58
|
-
"@types/react-dom": "^18.2.1",
|
|
59
|
-
"@types/styled-components": "^5.1.26",
|
|
60
|
-
"@types/testing-library__jest-dom": "^5.14.9",
|
|
61
|
-
"autoprefixer": "^10.4.14",
|
|
62
|
-
"identity-obj-proxy": "^3.0.0",
|
|
63
|
-
"jest": "^29.5.0",
|
|
64
|
-
"jest-environment-jsdom": "^29.6.1",
|
|
65
|
-
"postcss": "^8.4.23",
|
|
66
|
-
"prop-types": "^15.8.1",
|
|
67
|
-
"react": "^18.2.0",
|
|
68
|
-
"react-dom": "^18.2.0",
|
|
69
|
-
"rollup": "^3.21.1",
|
|
70
|
-
"rollup-plugin-dts": "^5.3.0",
|
|
71
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
72
|
-
"sass": "^1.62.1",
|
|
73
|
-
"storybook": "^7.0.7",
|
|
74
|
-
"tailwindcss": "^3.3.2",
|
|
75
|
-
"tslib": "^2.5.0",
|
|
76
|
-
"typescript": "^5.0.4"
|
|
77
|
-
},
|
|
78
|
-
"dependencies": {
|
|
79
|
-
"@dnd-kit/core": "^6.0.8",
|
|
80
|
-
"@dnd-kit/sortable": "^7.0.2",
|
|
81
|
-
"@dnd-kit/utilities": "^3.2.1",
|
|
82
|
-
"@mui/icons-material": "^5.11.16",
|
|
83
|
-
"@mui/material": "^5.17.1",
|
|
84
|
-
"@mui/x-date-pickers": "^5.0.20",
|
|
85
|
-
"@react-buddy/ide-toolbox": "^2.4.0",
|
|
86
|
-
"@react-buddy/palette-mui": "^5.0.1",
|
|
87
|
-
"@tinymce/tinymce-react": "^4.3.0",
|
|
88
|
-
"country-flag-icons": "^1.5.7",
|
|
89
|
-
"dayjs": "^1.11.8",
|
|
90
|
-
"fs-extra": "^11.1.1",
|
|
91
|
-
"lodash": "^4.17.21",
|
|
92
|
-
"mini-css-extract-plugin": "^2.7.6",
|
|
93
|
-
"mui-phone-number": "^3.0.3",
|
|
94
|
-
"react-copy-to-clipboard": "^5.1.0",
|
|
95
|
-
"react-dropzone": "^14.2.3",
|
|
96
|
-
"styled-components": "^5.3.10",
|
|
97
|
-
"tinymce": "^6.6.0",
|
|
98
|
-
"uuidv4": "^6.2.13"
|
|
99
|
-
},
|
|
100
|
-
"main": "dist/cjs/index.js",
|
|
101
|
-
"module": "dist/esm/index.js",
|
|
102
|
-
"files": [
|
|
103
|
-
"dist"
|
|
104
|
-
],
|
|
105
|
-
"types": "dist/index.d.ts"
|
|
106
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@cfinnestad/react-form-builder",
|
|
3
|
+
"version": "1.0.45",
|
|
4
|
+
"description": "FormBuilder and FormRender Component library for building and gathering custom form data",
|
|
5
|
+
"scripts": {
|
|
6
|
+
"rollup": "rollup -c",
|
|
7
|
+
"test": "jest",
|
|
8
|
+
"storybook": "storybook dev -p 6006",
|
|
9
|
+
"build-storybook": "storybook build",
|
|
10
|
+
"tinymceinstall": "node ./tinymceinstall.js"
|
|
11
|
+
},
|
|
12
|
+
"repository": {
|
|
13
|
+
"type": "git",
|
|
14
|
+
"url": "git+ssh://git@github.com/cfinnestad/react-form-builder.git"
|
|
15
|
+
},
|
|
16
|
+
"keywords": [
|
|
17
|
+
"forms",
|
|
18
|
+
"builder",
|
|
19
|
+
"renderer",
|
|
20
|
+
"react"
|
|
21
|
+
],
|
|
22
|
+
"author": "Charles Finnestad",
|
|
23
|
+
"license": "ISC",
|
|
24
|
+
"bugs": {
|
|
25
|
+
"url": "https://github.com/cfinnestad/react-form-builder/issues"
|
|
26
|
+
},
|
|
27
|
+
"homepage": "https://github.com/cfinnestad/react-form-builder#readme",
|
|
28
|
+
"peerDependencies": {
|
|
29
|
+
"react": ">=18.2.0",
|
|
30
|
+
"react-dom": ">=18.2.0"
|
|
31
|
+
},
|
|
32
|
+
"devDependencies": {
|
|
33
|
+
"@babel/core": "^7.21.5",
|
|
34
|
+
"@babel/preset-env": "^7.21.5",
|
|
35
|
+
"@babel/preset-react": "^7.18.6",
|
|
36
|
+
"@babel/preset-typescript": "^7.21.5",
|
|
37
|
+
"@emotion/react": "^11.10.8",
|
|
38
|
+
"@emotion/styled": "^11.10.8",
|
|
39
|
+
"@faker-js/faker": "^8.0.2",
|
|
40
|
+
"@rollup/plugin-babel": "^6.0.3",
|
|
41
|
+
"@rollup/plugin-commonjs": "^24.1.0",
|
|
42
|
+
"@rollup/plugin-node-resolve": "^15.0.2",
|
|
43
|
+
"@rollup/plugin-terser": "^0.4.1",
|
|
44
|
+
"@rollup/plugin-typescript": "^11.1.0",
|
|
45
|
+
"@storybook/addon-essentials": "^7.0.7",
|
|
46
|
+
"@storybook/addon-interactions": "^7.0.7",
|
|
47
|
+
"@storybook/addon-links": "^7.0.7",
|
|
48
|
+
"@storybook/addon-styling": "^1.0.6",
|
|
49
|
+
"@storybook/blocks": "^7.0.7",
|
|
50
|
+
"@storybook/react": "^7.0.7",
|
|
51
|
+
"@storybook/react-webpack5": "^7.0.7",
|
|
52
|
+
"@storybook/testing-library": "^0.0.14-next.2",
|
|
53
|
+
"@testing-library/jest-dom": "^5.17.0",
|
|
54
|
+
"@testing-library/react": "^14.0.0",
|
|
55
|
+
"@types/jest": "^29.5.1",
|
|
56
|
+
"@types/react": "^18.2.0",
|
|
57
|
+
"@types/react-beautiful-dnd": "^13.1.4",
|
|
58
|
+
"@types/react-dom": "^18.2.1",
|
|
59
|
+
"@types/styled-components": "^5.1.26",
|
|
60
|
+
"@types/testing-library__jest-dom": "^5.14.9",
|
|
61
|
+
"autoprefixer": "^10.4.14",
|
|
62
|
+
"identity-obj-proxy": "^3.0.0",
|
|
63
|
+
"jest": "^29.5.0",
|
|
64
|
+
"jest-environment-jsdom": "^29.6.1",
|
|
65
|
+
"postcss": "^8.4.23",
|
|
66
|
+
"prop-types": "^15.8.1",
|
|
67
|
+
"react": "^18.2.0",
|
|
68
|
+
"react-dom": "^18.2.0",
|
|
69
|
+
"rollup": "^3.21.1",
|
|
70
|
+
"rollup-plugin-dts": "^5.3.0",
|
|
71
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
72
|
+
"sass": "^1.62.1",
|
|
73
|
+
"storybook": "^7.0.7",
|
|
74
|
+
"tailwindcss": "^3.3.2",
|
|
75
|
+
"tslib": "^2.5.0",
|
|
76
|
+
"typescript": "^5.0.4"
|
|
77
|
+
},
|
|
78
|
+
"dependencies": {
|
|
79
|
+
"@dnd-kit/core": "^6.0.8",
|
|
80
|
+
"@dnd-kit/sortable": "^7.0.2",
|
|
81
|
+
"@dnd-kit/utilities": "^3.2.1",
|
|
82
|
+
"@mui/icons-material": "^5.11.16",
|
|
83
|
+
"@mui/material": "^5.17.1",
|
|
84
|
+
"@mui/x-date-pickers": "^5.0.20",
|
|
85
|
+
"@react-buddy/ide-toolbox": "^2.4.0",
|
|
86
|
+
"@react-buddy/palette-mui": "^5.0.1",
|
|
87
|
+
"@tinymce/tinymce-react": "^4.3.0",
|
|
88
|
+
"country-flag-icons": "^1.5.7",
|
|
89
|
+
"dayjs": "^1.11.8",
|
|
90
|
+
"fs-extra": "^11.1.1",
|
|
91
|
+
"lodash": "^4.17.21",
|
|
92
|
+
"mini-css-extract-plugin": "^2.7.6",
|
|
93
|
+
"mui-phone-number": "^3.0.3",
|
|
94
|
+
"react-copy-to-clipboard": "^5.1.0",
|
|
95
|
+
"react-dropzone": "^14.2.3",
|
|
96
|
+
"styled-components": "^5.3.10",
|
|
97
|
+
"tinymce": "^6.6.0",
|
|
98
|
+
"uuidv4": "^6.2.13"
|
|
99
|
+
},
|
|
100
|
+
"main": "dist/cjs/index.js",
|
|
101
|
+
"module": "dist/esm/index.js",
|
|
102
|
+
"files": [
|
|
103
|
+
"dist"
|
|
104
|
+
],
|
|
105
|
+
"types": "dist/index.d.ts"
|
|
106
|
+
}
|