@nolwenture/formik-jsonschema-form 0.5.0 → 0.7.0
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 +93 -0
- package/dist/Form.d.ts +2 -2
- package/dist/Form.js +4 -4
- package/dist/Form.stories.d.ts +12 -11
- package/dist/Form.stories.js +65 -38
- package/dist/Form.test.js +1 -1
- package/dist/FormEditor.d.ts +3 -3
- package/dist/FormEditor.js +6 -6
- package/dist/FormEditor.stories.d.ts +5 -4
- package/dist/FormEditor.stories.js +3 -5
- package/dist/fields/AnyField.d.ts +3 -3
- package/dist/fields/AnyField.js +5 -6
- package/dist/fields/ArrayField.d.ts +3 -3
- package/dist/fields/ArrayField.js +10 -10
- package/dist/fields/BooleanField.d.ts +3 -3
- package/dist/fields/BooleanField.js +3 -3
- package/dist/fields/DateField.d.ts +3 -3
- package/dist/fields/DateField.js +3 -3
- package/dist/fields/NullField.d.ts +3 -3
- package/dist/fields/NullField.js +2 -2
- package/dist/fields/NumberField.d.ts +3 -3
- package/dist/fields/NumberField.js +2 -2
- package/dist/fields/ObjectField.d.ts +3 -3
- package/dist/fields/ObjectField.js +36 -8
- package/dist/fields/RadioField.d.ts +3 -3
- package/dist/fields/RadioField.js +3 -3
- package/dist/fields/SchemaField.d.ts +3 -3
- package/dist/fields/SchemaField.js +6 -5
- package/dist/fields/SearchMultiTagSelectField.d.ts +3 -3
- package/dist/fields/SearchMultiTagSelectField.js +4 -3
- package/dist/fields/StringField.d.ts +3 -3
- package/dist/fields/StringField.js +9 -7
- package/dist/fields/ToggleField.d.ts +3 -3
- package/dist/fields/ToggleField.js +3 -3
- package/dist/formEditorSchemas.d.ts +1 -1
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/useExtractUiSchema.d.ts +8 -0
- package/dist/hooks/useExtractUiSchema.js +22 -0
- package/dist/hooks/useSetDefault.d.ts +2 -0
- package/dist/hooks/useSetDefault.js +16 -0
- package/dist/sampleData/completeSchema.d.ts +3 -0
- package/dist/{_sampleData.js → sampleData/completeSchema.js} +0 -107
- package/dist/sampleData/conditionsSchema.d.ts +3 -0
- package/dist/sampleData/conditionsSchema.js +82 -0
- package/dist/sampleData/generatedSchema.d.ts +2 -0
- package/dist/sampleData/generatedSchema.js +19 -0
- package/dist/sampleData/index.d.ts +5 -0
- package/dist/sampleData/index.js +5 -0
- package/dist/sampleData/requiredInputSchema.d.ts +3 -0
- package/dist/sampleData/requiredInputSchema.js +72 -0
- package/dist/sampleData/simpleData.d.ts +7 -0
- package/dist/sampleData/simpleData.js +16 -0
- package/dist/styledComponents.d.ts +181 -84
- package/dist/styledComponents.js +28 -29
- package/dist/templates/ArrayFieldTemplate.d.ts +3 -3
- package/dist/templates/ArrayFieldTemplate.js +5 -4
- package/dist/templates/FieldTemplate.d.ts +3 -3
- package/dist/templates/FieldTemplate.js +6 -5
- package/dist/templates/ObjectFieldTemplate.d.ts +3 -3
- package/dist/templates/ObjectFieldTemplate.js +4 -3
- package/dist/types.d.ts +2 -2
- package/dist/utils/__tests/getEnums.test.d.ts +1 -0
- package/dist/utils/__tests/getEnums.test.js +64 -0
- package/dist/utils/__tests/resolveSchema.test.d.ts +1 -0
- package/dist/utils/__tests/resolveSchema.test.js +106 -0
- package/dist/utils/deepOverlap.d.ts +1 -0
- package/dist/utils/deepOverlap.js +14 -0
- package/dist/utils/getEnums.d.ts +10 -0
- package/dist/utils/getEnums.js +30 -0
- package/dist/utils/getTitleAndDescription.d.ts +12 -0
- package/dist/utils/getTitleAndDescription.js +15 -0
- package/dist/utils/getTypes.d.ts +5 -0
- package/dist/utils/getTypes.js +53 -0
- package/dist/utils/index.d.ts +7 -0
- package/dist/utils/index.js +14 -0
- package/dist/utils/mergeSchemas.d.ts +1 -0
- package/dist/utils/mergeSchemas.js +26 -0
- package/dist/utils/resolveSchema.d.ts +2 -0
- package/dist/utils/resolveSchema.js +68 -0
- package/package.json +32 -37
- package/dist/_sampleData.d.ts +0 -12
- package/dist/utils.d.ts +0 -32
- package/dist/utils.js +0 -138
package/dist/utils.js
DELETED
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import { useField } from "formik";
|
|
13
|
-
import { useEffect, useMemo } from "react";
|
|
14
|
-
export function getTitle({ title, uiSchema, schema, name, }) {
|
|
15
|
-
var _a;
|
|
16
|
-
return (title ||
|
|
17
|
-
((_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema["ui:options"]) === null || _a === void 0 ? void 0 : _a.title) ||
|
|
18
|
-
(uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema["ui:title"]) ||
|
|
19
|
-
(schema === null || schema === void 0 ? void 0 : schema.title) ||
|
|
20
|
-
(name === null || name === void 0 ? void 0 : name.split(".")[(name === null || name === void 0 ? void 0 : name.split(".").length) - 1]));
|
|
21
|
-
}
|
|
22
|
-
export function getDescription({ description, uiSchema, schema, }) {
|
|
23
|
-
var _a;
|
|
24
|
-
return (description ||
|
|
25
|
-
((_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema["ui:options"]) === null || _a === void 0 ? void 0 : _a.description) ||
|
|
26
|
-
(uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema["ui:description"]) ||
|
|
27
|
-
(schema === null || schema === void 0 ? void 0 : schema.description));
|
|
28
|
-
}
|
|
29
|
-
export function getEnums({ schema }) {
|
|
30
|
-
const numberOfDefined = [schema.enum, schema.oneOf, schema.anyOf].filter((x) => x).length;
|
|
31
|
-
if (numberOfDefined === 0) {
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
if (numberOfDefined > 1) {
|
|
35
|
-
throw new Error('Only one of "enum", "oneOf" or "anyOf" can be defined!');
|
|
36
|
-
}
|
|
37
|
-
if (schema.enum) {
|
|
38
|
-
return {
|
|
39
|
-
type: "select",
|
|
40
|
-
values: schema.enum.map((option) => ({
|
|
41
|
-
const: option,
|
|
42
|
-
title: `${option}`,
|
|
43
|
-
})),
|
|
44
|
-
};
|
|
45
|
-
}
|
|
46
|
-
if (schema.oneOf) {
|
|
47
|
-
return {
|
|
48
|
-
type: "select",
|
|
49
|
-
values: schema.oneOf,
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
if (schema.anyOf) {
|
|
53
|
-
return {
|
|
54
|
-
type: "multiSelect",
|
|
55
|
-
values: schema.anyOf,
|
|
56
|
-
};
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
export function getDefaultValueForType(type) {
|
|
60
|
-
if (type && !Array.isArray(type)) {
|
|
61
|
-
if (type === "array")
|
|
62
|
-
return [];
|
|
63
|
-
if (type === "object")
|
|
64
|
-
return {};
|
|
65
|
-
}
|
|
66
|
-
return null;
|
|
67
|
-
}
|
|
68
|
-
export function useSetDefault(props) {
|
|
69
|
-
const [{ value }, _, { setValue }] = useField(props.name);
|
|
70
|
-
useEffect(() => {
|
|
71
|
-
if (!value) {
|
|
72
|
-
if (props.schema.default) {
|
|
73
|
-
setValue(props.schema.default);
|
|
74
|
-
}
|
|
75
|
-
else if (props.forceDefaultValue) {
|
|
76
|
-
setValue(getDefaultValueForType(props.schema.type));
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}, []);
|
|
80
|
-
}
|
|
81
|
-
export function useExtractUiSchema(props = {}) {
|
|
82
|
-
if (props.props !== undefined) {
|
|
83
|
-
props["ui:props"] = Object.assign(Object.assign({}, props["ui:props"]), props.props);
|
|
84
|
-
}
|
|
85
|
-
return useMemo(() => {
|
|
86
|
-
const { "ui:options": options = {} } = props, uiSchema = __rest(props, ["ui:options"]);
|
|
87
|
-
return Object.assign(Object.assign({}, Object.keys(uiSchema || {}).reduce((result, key) => (Object.assign(Object.assign({}, result), { [key.replace("ui:", "")]: uiSchema[key] })), {})), options);
|
|
88
|
-
}, [props]);
|
|
89
|
-
}
|
|
90
|
-
export const guessType = function guessType(value) {
|
|
91
|
-
if (Array.isArray(value)) {
|
|
92
|
-
return "array";
|
|
93
|
-
}
|
|
94
|
-
else if (typeof value === "string") {
|
|
95
|
-
return "string";
|
|
96
|
-
}
|
|
97
|
-
else if (value == null) {
|
|
98
|
-
return "null";
|
|
99
|
-
}
|
|
100
|
-
else if (typeof value === "boolean") {
|
|
101
|
-
return "boolean";
|
|
102
|
-
}
|
|
103
|
-
else if (!isNaN(value)) {
|
|
104
|
-
return "number";
|
|
105
|
-
}
|
|
106
|
-
else if (typeof value === "object") {
|
|
107
|
-
return "object";
|
|
108
|
-
}
|
|
109
|
-
// Default to string if we can't figure it out
|
|
110
|
-
return "string";
|
|
111
|
-
};
|
|
112
|
-
export function getSchemaType(schema) {
|
|
113
|
-
if (!schema) {
|
|
114
|
-
return undefined;
|
|
115
|
-
}
|
|
116
|
-
let { type } = schema;
|
|
117
|
-
if (!type && schema.const) {
|
|
118
|
-
return guessType(schema.const);
|
|
119
|
-
}
|
|
120
|
-
if (!type && schema.enum) {
|
|
121
|
-
return "string";
|
|
122
|
-
}
|
|
123
|
-
if (!type && (schema.properties || schema.additionalProperties)) {
|
|
124
|
-
return "object";
|
|
125
|
-
}
|
|
126
|
-
if (type instanceof Array && type.length === 2 && type.includes("null")) {
|
|
127
|
-
return type.find((type) => type !== "null");
|
|
128
|
-
}
|
|
129
|
-
return type;
|
|
130
|
-
}
|
|
131
|
-
//TODO: REMOVE WHEN ALL SUPPORTED
|
|
132
|
-
export function warnFromUnsupportedKeys(componentName, data, supportedKeys) {
|
|
133
|
-
Object.keys(data).forEach((key) => {
|
|
134
|
-
if (!supportedKeys.includes(key)) {
|
|
135
|
-
console.warn(`Component "${componentName}" does not support (yet) key "${key}"`);
|
|
136
|
-
}
|
|
137
|
-
});
|
|
138
|
-
}
|