@react-fabric/form 1.0.0-beta.33 → 1.0.0-beta.35
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/builder/FormField.js +3 -3
- package/dist/cjs/builder/SchemaEditor.js +43 -404
- package/dist/cjs/builder/components/AddSchemaFields.js +62 -0
- package/dist/cjs/builder/components/SchemaArrayForm.js +144 -0
- package/dist/cjs/builder/components/SchemaField.js +411 -0
- package/dist/cjs/form/Form.js +11 -8
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/input/ColorInput.js +1 -1
- package/dist/cjs/input/DateInput.js +2 -2
- package/dist/cjs/input/File.js +1 -1
- package/dist/cjs/input/Hidden.js +1 -1
- package/dist/cjs/input/Input.js +1 -1
- package/dist/cjs/input/Number.js +1 -1
- package/dist/cjs/input/Password.js +1 -1
- package/dist/cjs/input/RangeSlider.js +1 -1
- package/dist/cjs/input/Search.js +1 -1
- package/dist/cjs/input/Slider.js +1 -1
- package/dist/cjs/input/Textarea.js +1 -1
- package/dist/cjs/types/schema.js +2 -0
- package/dist/esm/builder/FormField.js +3 -3
- package/dist/esm/builder/SchemaEditor.js +45 -406
- package/dist/esm/builder/components/AddSchemaFields.js +62 -0
- package/dist/esm/builder/components/SchemaArrayForm.js +144 -0
- package/dist/esm/builder/components/SchemaField.js +411 -0
- package/dist/esm/form/Form.js +11 -8
- package/dist/esm/index.js +1 -1
- package/dist/esm/input/ColorInput.js +1 -1
- package/dist/esm/input/DateInput.js +2 -2
- package/dist/esm/input/File.js +1 -1
- package/dist/esm/input/Hidden.js +1 -1
- package/dist/esm/input/Input.js +1 -1
- package/dist/esm/input/Number.js +1 -1
- package/dist/esm/input/Password.js +1 -1
- package/dist/esm/input/RangeSlider.js +1 -1
- package/dist/esm/input/Search.js +1 -1
- package/dist/esm/input/Slider.js +1 -1
- package/dist/esm/input/Textarea.js +1 -1
- package/dist/esm/types/schema.js +2 -1
- package/dist/types/builder/SchemaEditor.d.ts +2 -10
- package/dist/types/builder/components/AddSchemaFields.d.ts +2 -0
- package/dist/types/builder/components/SchemaArrayForm.d.ts +2 -0
- package/dist/types/builder/components/SchemaField.d.ts +10 -0
- package/dist/types/form/Form.d.ts +1 -5
- package/dist/types/index.d.ts +1 -1
- package/dist/types/input/ColorInput.d.ts +1 -1
- package/dist/types/types/index.d.ts +1 -1
- package/dist/types/types/schema.d.ts +26 -0
- package/package.json +5 -5
- package/src/builder/FormField.tsx +3 -3
- package/src/builder/SchemaEditor.tsx +24 -398
- package/src/builder/components/AddSchemaFields.tsx +74 -0
- package/src/builder/components/SchemaArrayForm.tsx +158 -0
- package/src/builder/components/SchemaField.tsx +432 -0
- package/src/form/Form.tsx +6 -9
- package/src/index.ts +6 -1
- package/src/input/ArrayInput.tsx +1 -0
- package/src/input/ColorInput.tsx +5 -2
- package/src/input/DateInput.tsx +2 -2
- package/src/input/File.tsx +1 -1
- package/src/input/Hidden.tsx +4 -3
- package/src/input/Input.tsx +1 -1
- package/src/input/Number.tsx +1 -1
- package/src/input/Password.tsx +1 -1
- package/src/input/RangeSlider.tsx +1 -1
- package/src/input/Search.tsx +1 -1
- package/src/input/Slider.tsx +1 -1
- package/src/input/Textarea.tsx +1 -1
- package/src/types/index.ts +1 -1
- package/src/types/schema.ts +30 -0
package/src/types/schema.ts
CHANGED
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
* TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
22
22
|
*/
|
|
23
23
|
|
|
24
|
+
import { type Elements } from "@react-fabric/core/dist/types/types";
|
|
24
25
|
import { type DateLike } from "@react-fabric/date";
|
|
25
26
|
|
|
26
27
|
export enum DATA_TYPES {
|
|
@@ -36,6 +37,8 @@ export enum DATA_TYPES {
|
|
|
36
37
|
SCHEMA = "schema",
|
|
37
38
|
}
|
|
38
39
|
|
|
40
|
+
export const SCHEMA_CUSTOM_LIST = "--CUSTOM--";
|
|
41
|
+
|
|
39
42
|
interface SingleValue {
|
|
40
43
|
multiple?: false;
|
|
41
44
|
minItems?: never;
|
|
@@ -122,3 +125,30 @@ export interface ChildSchema extends BaseSchema {
|
|
|
122
125
|
|
|
123
126
|
export type SchemaDef = SchemaType | (ChildSchema & ValueType);
|
|
124
127
|
export type FormSchema = SchemaDef[];
|
|
128
|
+
|
|
129
|
+
export interface SchemaEditorProps {
|
|
130
|
+
/**
|
|
131
|
+
* default form schema
|
|
132
|
+
*/
|
|
133
|
+
schemaDef: FormSchema;
|
|
134
|
+
/**
|
|
135
|
+
* is dynamic schema (allow add/remove)
|
|
136
|
+
*/
|
|
137
|
+
dynamic?: boolean;
|
|
138
|
+
/**
|
|
139
|
+
* acceptable list of data types
|
|
140
|
+
*/
|
|
141
|
+
acceptableTypes?: DATA_TYPES[];
|
|
142
|
+
|
|
143
|
+
/**
|
|
144
|
+
* available option lists in application
|
|
145
|
+
*/
|
|
146
|
+
optionLists?: string[];
|
|
147
|
+
|
|
148
|
+
/**
|
|
149
|
+
* footer actions
|
|
150
|
+
*/
|
|
151
|
+
children?: Elements<JSX.Element> | Array<Elements<JSX.Element>>;
|
|
152
|
+
|
|
153
|
+
onChange: (schema: FormSchema) => void;
|
|
154
|
+
}
|