@nolwenture/formik-jsonschema-form 1.0.0-beta.21 → 1.0.0-beta.25

package/dist/esm/index.js

@@ -1,3 +1,5 @@
 //This file exists for purpose releasing "moduleResolution": "node" compatible version (until we split this to multiple packages)
+export * from "./common";
 export * from "./Form";
 export * from "./FormView";
+export * from "./utils";

package/dist/types/Form/fields/index.d.ts

@@ -1,3 +1,4 @@
+import { Field } from "../../common/types";
 import * as FileUploadField from "./FileUploadField";
 import * as MultipleChoiceField from "./MultipleChoiceField";
 import * as ObjectField from "./ObjectField";
@@ -144,21 +145,23 @@ export declare const fieldComponents: {
     }, never>, never>> & string;
 };
 export declare const fields: {
-    ToggleField: import("..").Field;
-    TextAreaField: import("..").Field;
-    StringField: import("..").Field;
-    SearchableSelectField: import("..").Field;
-    SearchableMultiTagSelectField: import("..").Field;
-    SchemaField: import("..").Field;
-    RadioField: import("..").Field;
-    ObjectField: import("..").Field;
-    NumberField: import("..").Field;
-    NullField: import("..").Field;
-    MultipleChoiceField: import("..").Field;
-    FileUploadField: import("..").Field;
-    DateField: import("..").Field;
-    BooleanField: import("..").Field;
-    ArrayField: import("..").Field;
-    AnyField: import("..").Field;
+    ToggleField: Field;
+    TextAreaField: Field;
+    StringField: Field;
+    SearchableSelectField: Field;
+    SearchableMultiTagSelectField: Field;
+    SchemaField: Field;
+    RadioField: Field;
+    ObjectField: Field;
+    NumberField: Field;
+    NullField: Field;
+    MultipleChoiceField: Field;
+    FileUploadField: Field;
+    DateField: Field;
+    BooleanField: Field;
+    ArrayField: Field;
+    AnyField: Field;
+};
+export type FieldsType = typeof fields & {
+    [key: string]: Field;
 };
-export type FieldsType = typeof fields;

package/dist/types/Form/index.d.ts

@@ -1,7 +1,3 @@
-export * from "../utils";
-export * from "../common/types";
-export * from "../common/constants";
-export * from "../common/FileUploadContext";
 export * from "./hooks";
 import { fields as FormFields } from "./fields";
 import { components as FormComponents } from "./components";

package/dist/types/Form/templates/ArrayFieldTemplate/ArrayFieldTemplate.d.ts

@@ -1,3 +1,3 @@
-import type { ArrayFieldTemplateProps } from "./types";
+import type { ArrayFieldTemplateProps } from "../../../common/types";
 import React from "react";
 export declare const ArrayFieldTemplate: React.FC<ArrayFieldTemplateProps>;

package/dist/types/Form/templates/CollapsibleObjectFieldTemplate/CollapsibleObjectFieldTemplate.d.ts

@@ -1,3 +1,3 @@
-import type { CollapsibleObjectFieldTemplateProps } from "./types";
+import type { ObjectFieldTemplateProps } from "../../../common/types";
 import React from "react";
-export declare const CollapsibleObjectFieldTemplate: React.FC<CollapsibleObjectFieldTemplateProps>;
+export declare const CollapsibleObjectFieldTemplate: React.FC<ObjectFieldTemplateProps>;

package/dist/types/Form/templates/CollapsibleObjectFieldTemplate/styledComponents.d.ts

@@ -25,5 +25,5 @@ export declare function getComponents(components: ComponentsType): {
         }>;
     }, any>, {}>, keyof import("react").Component<any, {}, any>>;
     Toggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../components/Clickable").ClickableProps, never>> & string & Omit<import("react").FC<import("../../components/Clickable").ClickableProps>, keyof import("react").Component<any, {}, any>>;
-    ChildWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../components/Clickable").ClickableProps, never>> & string & Omit<import("react").FC<import("../../components/Clickable").ClickableProps>, keyof import("react").Component<any, {}, any>>;
+    ChildrenWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, never>> & string;
 };

package/dist/types/Form/templates/FieldTemplate/FieldTemplate.d.ts

@@ -1,3 +1,3 @@
-import type { FieldTemplateProps } from "./types";
+import type { FieldTemplateProps } from "../../../common/types";
 import React from "react";
 export declare const FieldTemplate: React.FC<FieldTemplateProps>;

package/dist/types/Form/templates/ObjectFieldTemplate/ObjectFieldTemplate.d.ts

@@ -1,3 +1,3 @@
-import type { ObjectFieldTemplateProps } from "./types";
+import type { ObjectFieldTemplateProps } from "../../../common/types";
 import React from "react";
 export declare const ObjectFieldTemplate: React.FC<ObjectFieldTemplateProps>;

package/dist/types/Form/templates/index.d.ts

@@ -1,3 +1,4 @@
+import { ArrayFieldTemplateProps, FieldTemplateProps, ObjectFieldTemplateProps } from "../../common/types";
 import * as ObjectFieldTemplate from "./ObjectFieldTemplate";
 export declare const templateComponents: {
     getComponents(components: import("..").ComponentsType): {
@@ -40,13 +41,11 @@ export declare const templateComponents: {
     ArrayFieldTemplateErrorMessage: typeof import("../components/ErrorMessage").ErrorMessage | undefined;
 };
 export declare const templates: {
-    ObjectFieldTemplate: React.FC<import("./ObjectFieldTemplate/types").ObjectFieldTemplateProps>;
-    FieldTemplate: React.FC<import("./FieldTemplate/types").FieldTemplateProps>;
-    CollapsibleObjectFieldTemplate: React.FC<import("./CollapsibleObjectFieldTemplate/types").CollapsibleObjectFieldTemplateProps>;
-    ArrayFieldTemplate: React.FC<import("./ArrayFieldTemplate/types").ArrayFieldTemplateProps>;
+    ObjectFieldTemplate: React.FC<ObjectFieldTemplateProps>;
+    FieldTemplate: React.FC<FieldTemplateProps>;
+    CollapsibleObjectFieldTemplate: React.FC<ObjectFieldTemplateProps>;
+    ArrayFieldTemplate: React.FC<ArrayFieldTemplateProps>;
+};
+export type TemplatesType = typeof templates & {
+    [key: string]: React.FC<ArrayFieldTemplateProps> | React.FC<FieldTemplateProps> | React.FC<ObjectFieldTemplateProps>;
 };
-export type TemplatesType = typeof templates;
-export type * from "./ArrayFieldTemplate/types";
-export type * from "./CollapsibleObjectFieldTemplate/types";
-export type * from "./FieldTemplate/types";
-export type * from "./ObjectFieldTemplate/types";

package/dist/types/FormView/index.d.ts

@@ -1,7 +1,3 @@
-export * from "../utils";
-export * from "../common/types";
-export * from "../common/constants";
-export * from "../common/FileUploadContext";
 import { fields as FormViewFields } from "./fields";
 import { components as FormViewComponents } from "./components";
 import { templates as FormViewTemplates } from "./templates";

package/dist/types/FormView/templates/ArrayFieldTemplate/ArrayFieldTemplate.d.ts

@@ -1,3 +1,3 @@
-import type { ArrayFieldTemplateProps } from "./types";
+import type { ArrayFieldTemplateProps } from "../../../common/types";
 import React from "react";
 export declare const ArrayFieldTemplate: React.FC<ArrayFieldTemplateProps>;

package/dist/types/FormView/templates/FieldTemplate/FieldTemplate.d.ts

@@ -1,3 +1,3 @@
-import type { FieldTemplateProps } from "./types";
+import type { FieldTemplateProps } from "../../../common/types";
 import React from "react";
 export declare const FieldTemplate: React.FC<FieldTemplateProps>;

package/dist/types/FormView/templates/ObjectFieldTemplate/ObjectFieldTemplate.d.ts

@@ -1,3 +1,3 @@
-import type { ObjectFieldTemplateProps } from "./types";
+import type { ObjectFieldTemplateProps } from "../../../common/types";
 import React from "react";
 export declare const ObjectFieldTemplate: React.FC<ObjectFieldTemplateProps>;

package/dist/types/FormView/templates/index.d.ts

@@ -1,3 +1,4 @@
+import { ArrayFieldTemplateProps, FieldTemplateProps, ObjectFieldTemplateProps } from "../../common/types";
 import * as ObjectFieldTemplate from "./ObjectFieldTemplate";
 export declare const templateComponents: {
     getComponents(components: import("../components").ComponentsType): {
@@ -13,9 +14,10 @@ export declare const templateComponents: {
     ArrayFieldTemplateDescription: typeof import("../components").FieldDescription | undefined;
 };
 export declare const templates: {
-    CollapsibleObjectFieldTemplate: import("..").Field;
-    ObjectFieldTemplate: React.FC<import("./ObjectFieldTemplate/types").ObjectFieldTemplateProps>;
-    FieldTemplate: React.FC<import("./FieldTemplate/types").FieldTemplateProps>;
-    ArrayFieldTemplate: React.FC<import("./ArrayFieldTemplate/types").ArrayFieldTemplateProps>;
+    ObjectFieldTemplate: React.FC<ObjectFieldTemplateProps>;
+    FieldTemplate: React.FC<FieldTemplateProps>;
+    ArrayFieldTemplate: React.FC<ArrayFieldTemplateProps>;
+};
+export type TemplatesType = typeof templates & {
+    [key: string]: React.FC<ArrayFieldTemplateProps> | React.FC<FieldTemplateProps> | React.FC<ObjectFieldTemplateProps>;
 };
-export type TemplatesType = typeof templates;

package/dist/types/common/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./types";
+export * from "./constants";
+export * from "./FileUploadContext";

package/dist/types/common/types/Field.d.ts

@@ -6,7 +6,7 @@ export interface FieldProps extends Pick<React.HTMLAttributes<HTMLElement>, Excl
     forceDefaultValue?: boolean;
     [prop: string]: any;
 }
-export type Field = React.FunctionComponent<FieldProps>;
+export type Field = React.FC<FieldProps>;
 export type SelectFieldProps = FieldProps & {
     name: string;
     enums: any;

package/dist/types/common/types/Templates.d.ts

@@ -0,0 +1,20 @@
+import type { Schema, UiSchema } from "./Schemas";
+export type ArrayFieldTemplateProps = React.PropsWithChildren<{
+    name: string;
+    schema: Schema;
+    [key: string]: any;
+    uiSchema?: UiSchema;
+}>;
+export type FieldTemplateProps = React.PropsWithChildren<{
+    name: string;
+    schema: Schema;
+    [key: string]: any;
+    uiSchema?: UiSchema;
+}>;
+export type ObjectFieldTemplateProps = {
+    schema: Schema;
+    uiSchema?: UiSchema;
+    required?: boolean;
+    children: React.ReactNode;
+    [key: string]: any;
+};

package/dist/types/common/types/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./Field";
 export * from "./Form";
 export * from "./Schemas";
+export * from "./Templates";

package/dist/types/index.d.ts

@@ -1,2 +1,4 @@
+export * from "./common";
 export * from "./Form";
 export * from "./FormView";
+export * from "./utils";

package/dist/types/utils/getTypes.d.ts

@@ -1,5 +1,5 @@
 import type { Schema } from "../common/types";
 export declare const isObject: (object: any) => boolean;
 export declare const getDefaultValueForType: (type: Schema["type"]) => {} | null;
-export declare const guessType: (value: any) => "object" | "array" | "string" | "null" | "boolean" | "number";
+export declare const guessType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";
 export declare const getSchemaType: (schema: Schema) => import("json-schema").JSONSchema7TypeName | import("json-schema").JSONSchema7TypeName[] | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nolwenture/formik-jsonschema-form",
-  "version": "1.0.0-beta.21",
+  "version": "1.0.0-beta.25",
   "description": "Formik form generation from json schema",
   "author": "anttivikman <antti.vikman@nolwenture.com>",
   "contributors": [
@@ -17,7 +17,12 @@
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "exports": {
-    ".": {
+    "./common": {
+      "types": "./dist/types/common/index.d.ts",
+      "require": "./dist/cjs/common/index.js",
+      "import": "./dist/esm/common/index.js"
+    },
+    "./form": {
       "types": "./dist/types/Form/index.d.ts",
       "require": "./dist/cjs/Form/index.js",
       "import": "./dist/esm/Form/index.js"
@@ -26,6 +31,11 @@
       "types": "./dist/types/FormView/index.d.ts",
       "require": "./dist/cjs/FormView/index.js",
       "import": "./dist/esm/FormView/index.js"
+    },
+    "./utils": {
+      "types": "./dist/types/utils/index.d.ts",
+      "require": "./dist/cjs/utils/index.js",
+      "import": "./dist/esm/utils/index.js"
     }
   },
   "files": [
@@ -46,11 +56,11 @@
     "jsonschema"
   ],
   "scripts": {
-    "build:cjs": "tsc -p tsconfig.cjs.json",
-    "build:esm": "tsc -p tsconfig.esm.json",
+    "build:cjs": "./node_modules/.bin/tsc -p tsconfig.cjs.json",
+    "build:esm": "./node_modules/.bin/tsc -p tsconfig.esm.json",
     "build": "npm run clean  && npm run build:cjs && npm run build:esm",
-    "watch:cjs": "tsc -p tsconfig.cjs.json --watch",
-    "watch:esm": "tsc -p tsconfig.esm.json --watch",
+    "watch:cjs": "./node_modules/.bin/tsc -p tsconfig.cjs.json --watch",
+    "watch:esm": "./node_modules/.bin/tsc -p tsconfig.esm.json --watch",
     "watch": "npm-run-all --parallel watch:cjs watch:esm",
     "clean": "rimraf dist",
     "test": "jest",
@@ -61,7 +71,7 @@
     "formik": "^2.4.5",
     "react": "^18.2.0",
     "styled-components": "^6.1.8",
-    "typescript": "^5.4.3",
+    "typescript": "^5.7.3",
     "yup": "^1.4.0"
   },
   "dependencies": {
@@ -104,6 +114,7 @@
     "storybook": "^8.5.0",
     "styled-components": "^6.1.8",
     "ts-jest": "^29.1.2",
+    "typescript": "^5.7.3",
     "webpack": "^5.91.0",
     "yup": "^1.4.0"
   },

package/dist/cjs/Form/templates/CollapsibleObjectFieldTemplate/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/Form/templates/FieldTemplate/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/Form/templates/ObjectFieldTemplate/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/FormView/templates/ArrayFieldTemplate/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/FormView/templates/CollapsibleObjectFieldTemplate/CollapsibleObjectFieldTemplate.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsibleObjectFieldTemplate = void 0;
-const ObjectField_1 = require("../../fields/ObjectField/ObjectField");
-exports.CollapsibleObjectFieldTemplate = ObjectField_1.ObjectField;

package/dist/cjs/FormView/templates/CollapsibleObjectFieldTemplate/index.js

@@ -1,37 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.templates = void 0;
-exports.templates = __importStar(require("./CollapsibleObjectFieldTemplate"));

package/dist/cjs/FormView/templates/FieldTemplate/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/FormView/templates/ObjectFieldTemplate/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/esm/Form/templates/CollapsibleObjectFieldTemplate/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/Form/templates/FieldTemplate/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/Form/templates/ObjectFieldTemplate/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/FormView/templates/ArrayFieldTemplate/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/FormView/templates/CollapsibleObjectFieldTemplate/CollapsibleObjectFieldTemplate.js

@@ -1,2 +0,0 @@
-import { ObjectField } from "../../fields/ObjectField/ObjectField";
-export const CollapsibleObjectFieldTemplate = ObjectField;

package/dist/esm/FormView/templates/CollapsibleObjectFieldTemplate/index.js

@@ -1 +0,0 @@
-export * as templates from "./CollapsibleObjectFieldTemplate";

package/dist/esm/FormView/templates/FieldTemplate/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/FormView/templates/ObjectFieldTemplate/types.js

@@ -1 +0,0 @@
-export {};

package/dist/types/Form/templates/ArrayFieldTemplate/types.d.ts

@@ -1,7 +0,0 @@
-import type { Schema, UiSchema } from "../../../common/types";
-export type ArrayFieldTemplateProps = React.PropsWithChildren<{
-    name: string;
-    schema: Schema;
-    [key: string]: any;
-    uiSchema?: UiSchema;
-}>;

package/dist/types/Form/templates/CollapsibleObjectFieldTemplate/types.d.ts

@@ -1,9 +0,0 @@
-import { Schema, UiSchema } from "../../../common/types";
-export type CollapsibleObjectFieldTemplateProps = {
-    schema: Schema;
-    [key: string]: any;
-    uiSchema?: UiSchema;
-    required?: boolean;
-    children: React.ReactNode;
-    name?: string;
-};

package/dist/types/Form/templates/FieldTemplate/types.d.ts

@@ -1,7 +0,0 @@
-import { Schema, UiSchema } from "../../../common/types";
-export type FieldTemplateProps = React.PropsWithChildren<{
-    name: string;
-    schema: Schema;
-    [key: string]: any;
-    uiSchema?: UiSchema;
-}>;

package/dist/types/Form/templates/ObjectFieldTemplate/types.d.ts

@@ -1,8 +0,0 @@
-import { Schema, UiSchema } from "../../../common/types";
-export type ObjectFieldTemplateProps = {
-    schema: Schema;
-    uiSchema?: UiSchema;
-    required?: boolean;
-    children: React.ReactNode;
-    [key: string]: any;
-};

package/dist/types/FormView/templates/ArrayFieldTemplate/types.d.ts

@@ -1,7 +0,0 @@
-import type { Schema, UiSchema } from "../../../common/types";
-export type ArrayFieldTemplateProps = React.PropsWithChildren<{
-    name: string;
-    schema: Schema;
-    [key: string]: any;
-    uiSchema?: UiSchema;
-}>;

package/dist/types/FormView/templates/CollapsibleObjectFieldTemplate/CollapsibleObjectFieldTemplate.d.ts

@@ -1 +0,0 @@
-export declare const CollapsibleObjectFieldTemplate: import("../..").Field;

package/dist/types/FormView/templates/CollapsibleObjectFieldTemplate/index.d.ts

@@ -1 +0,0 @@
-export * as templates from "./CollapsibleObjectFieldTemplate";

package/dist/types/FormView/templates/FieldTemplate/types.d.ts

@@ -1,7 +0,0 @@
-import { Schema, UiSchema } from "../../../common/types";
-export type FieldTemplateProps = React.PropsWithChildren<{
-    name: string;
-    schema: Schema;
-    [key: string]: any;
-    uiSchema?: UiSchema;
-}>;

package/dist/types/FormView/templates/ObjectFieldTemplate/types.d.ts

@@ -1,8 +0,0 @@
-import { Schema, UiSchema } from "../../../common/types";
-export type ObjectFieldTemplateProps = {
-    schema: Schema;
-    uiSchema?: UiSchema;
-    required?: boolean;
-    children: React.ReactNode;
-    [key: string]: any;
-};