@nolwenture/formik-jsonschema-form 0.4.2 → 0.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nolwenture/formik-jsonschema-form",
-  "version": "0.4.2",
+  "version": "0.6.0",
   "description": "Formik form generation from json schema",
   "author": "Antti Vikman <antti.vikman@nolwenture.com>",
   "contributors": [
@@ -27,32 +27,41 @@
     "package.json",
     "LICENSE"
   ],
+  "scripts": {
+    "build": "tsc --build",
+    "clean": "tsc --build --clean",
+    "test": "jest",
+    "storybook": "storybook dev -p 6006"
+  },
   "dependencies": {
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.3.0",
-    "@testing-library/user-event": "^13.5.0",
-    "@types/jest": "^27.5.2",
-    "@types/node": "^16.11.45",
-    "@types/react": "^18.0.15",
-    "@types/react-dom": "^18.0.6",
-    "@types/styled-components": "^5.1.25",
-    "formik": "^2.2.9",
+    "formik": "^2.4.5",
     "json-schema": "^0.4.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-scripts": "5.0.1",
-    "styled-components": "^5.3.5",
-    "typescript": "^4.7.4",
-    "web-vitals": "^2.1.4"
+    "styled-components": "^6.1.8",
+    "typescript": "^5.4.3"
   },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "tsc --build",
-    "clean": "tsc --build --clean",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+  "devDependencies": {
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
+    "@storybook/addon-essentials": "^8.0.5",
+    "@storybook/addon-interactions": "^8.0.5",
+    "@storybook/addon-links": "^8.0.5",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/react": "^8.0.5",
+    "@storybook/react-webpack5": "^8.0.5",
+    "@storybook/test": "^8.0.5",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^14.2.2",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.12.2",
+    "@types/react": "^18.2.73",
+    "@types/styled-components": "^5.1.34",
+    "babel-plugin-named-exports-order": "^0.0.2",
+    "jest": "^29.7.0",
+    "storybook": "^8.0.5",
+    "ts-jest": "^29.1.2",
+    "webpack": "^5.91.0"
   },
   "eslintConfig": {
     "extends": [
@@ -81,19 +90,5 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  },
-  "devDependencies": {
-    "@storybook/addon-essentials": "^6.5.15",
-    "@storybook/addon-interactions": "^6.5.15",
-    "@storybook/addon-links": "^6.5.15",
-    "@storybook/builder-webpack5": "^6.5.15",
-    "@storybook/manager-webpack5": "^6.5.15",
-    "@storybook/node-logger": "^6.5.15",
-    "@storybook/preset-create-react-app": "^4.1.2",
-    "@storybook/react": "^6.5.15",
-    "@storybook/testing-library": "^0.0.13",
-    "babel-plugin-named-exports-order": "^0.0.2",
-    "prop-types": "^15.8.1",
-    "webpack": "^5.73.0"
   }
 }

package/dist/_sampleData.d.ts

@@ -1,11 +0,0 @@
-import { Schema, UiSchema } from "./types";
-export type SimpleFormDataType = {
-    firstName: string;
-    lastName: string;
-};
-export declare const simpleSchema: Schema;
-export declare const simpleUiSchema: UiSchema;
-export declare const completeSchema: Schema;
-export declare const completeUiSchema: UiSchema;
-export declare const generatedSchema: Schema;
-export declare const requiredInputSchema: Schema;

package/dist/utils.d.ts

@@ -1,25 +0,0 @@
-import { FieldProps, Schema, UiSchema } from "./types";
-import { JSONSchema7 } from "json-schema";
-export declare function getTitle({ title, uiSchema, schema, name, }: {
-    title?: string;
-    uiSchema?: UiSchema;
-    schema?: Schema;
-    name?: string;
-}): any;
-export declare function getDescription({ description, uiSchema, schema, }: {
-    description?: string;
-    uiSchema?: UiSchema;
-    schema?: Schema;
-}): any;
-export declare function getDefaultValueForType(type: JSONSchema7["type"]): {} | null;
-export declare function useSetDefault(props: FieldProps): void;
-export declare function useExtractUiSchema(props?: UiSchema | undefined): {
-    [name: string]: any;
-    field?: UiSchema["ui:field"];
-    props?: UiSchema["ui:props"];
-    help?: UiSchema["ui:help"];
-    info?: UiSchema["ui:info"];
-};
-export declare const guessType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";
-export declare function getSchemaType(schema: Schema): import("json-schema").JSONSchema7TypeName | import("json-schema").JSONSchema7TypeName[] | undefined;
-export declare function warnFromUnsupportedKeys(componentName: string, data: Record<string, any>, supportedKeys: string[]): void;

package/dist/utils.js

@@ -1,125 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { useField } from "formik";
-import { useEffect, useMemo } from "react";
-export function getTitle(_a) {
-    var _b;
-    var title = _a.title, uiSchema = _a.uiSchema, schema = _a.schema, name = _a.name;
-    return (title ||
-        ((_b = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema["ui:options"]) === null || _b === void 0 ? void 0 : _b.title) ||
-        (uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema["ui:title"]) ||
-        (schema === null || schema === void 0 ? void 0 : schema.title) ||
-        (name === null || name === void 0 ? void 0 : name.split(".")[(name === null || name === void 0 ? void 0 : name.split(".").length) - 1]));
-}
-export function getDescription(_a) {
-    var _b;
-    var description = _a.description, uiSchema = _a.uiSchema, schema = _a.schema;
-    return (description ||
-        ((_b = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema["ui:options"]) === null || _b === void 0 ? void 0 : _b.description) ||
-        (uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema["ui:description"]) ||
-        (schema === null || schema === void 0 ? void 0 : schema.description));
-}
-export function getDefaultValueForType(type) {
-    if (type && !Array.isArray(type)) {
-        if (type === "array")
-            return [];
-        if (type === "object")
-            return {};
-    }
-    return null;
-}
-export function useSetDefault(props) {
-    var _a = useField(props.name), value = _a[0].value, _ = _a[1], setValue = _a[2].setValue;
-    useEffect(function () {
-        if (!value) {
-            if (props.schema.default) {
-                setValue(props.schema.default);
-            }
-            else if (props.forceDefaultValue) {
-                setValue(getDefaultValueForType(props.schema.type));
-            }
-        }
-    }, []);
-}
-export function useExtractUiSchema(props) {
-    if (props === void 0) { props = {}; }
-    if (props.props !== undefined) {
-        props["ui:props"] = __assign(__assign({}, props["ui:props"]), props.props);
-    }
-    return useMemo(function () {
-        var _a = props["ui:options"], options = _a === void 0 ? {} : _a, uiSchema = __rest(props, ["ui:options"]);
-        return __assign(__assign({}, Object.keys(uiSchema || {}).reduce(function (result, key) {
-            var _a;
-            return (__assign(__assign({}, result), (_a = {}, _a[key.replace("ui:", "")] = uiSchema[key], _a)));
-        }, {})), options);
-    }, [props]);
-}
-export var guessType = function guessType(value) {
-    if (Array.isArray(value)) {
-        return "array";
-    }
-    else if (typeof value === "string") {
-        return "string";
-    }
-    else if (value == null) {
-        return "null";
-    }
-    else if (typeof value === "boolean") {
-        return "boolean";
-    }
-    else if (!isNaN(value)) {
-        return "number";
-    }
-    else if (typeof value === "object") {
-        return "object";
-    }
-    // Default to string if we can't figure it out
-    return "string";
-};
-export function getSchemaType(schema) {
-    if (!schema) {
-        return undefined;
-    }
-    var type = schema.type;
-    if (!type && schema.const) {
-        return guessType(schema.const);
-    }
-    if (!type && schema.enum) {
-        return "string";
-    }
-    if (!type && (schema.properties || schema.additionalProperties)) {
-        return "object";
-    }
-    if (type instanceof Array && type.length === 2 && type.includes("null")) {
-        return type.find(function (type) { return type !== "null"; });
-    }
-    return type;
-}
-//TODO: REMOVE WHEN ALL SUPPORTED
-export function warnFromUnsupportedKeys(componentName, data, supportedKeys) {
-    Object.keys(data).forEach(function (key) {
-        if (!supportedKeys.includes(key)) {
-            console.warn("Component \"".concat(componentName, "\" does not support (yet) key \"").concat(key, "\""));
-        }
-    });
-}