@nolwenture/formik-jsonschema-form 0.23.3 → 0.25.0

package/dist/pdfFields/SearchableSelectField.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useExtractUiSchema, useSetDefault } from "../hooks";
+import { StringField } from "./StringField";
+export const SearchableSelectField = (props) => {
+    useSetDefault(props);
+    const { uiSchema } = props;
+    const { props: inputProps } = useExtractUiSchema(uiSchema);
+    return _jsx(StringField, Object.assign({}, props, inputProps));
+};

package/dist/pdfFields/StringField.d.ts

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

package/dist/pdfFields/StringField.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from "react";
+import { FormPdfRegistry } from "../FormPdf";
+import { useExtractUiSchema, useSetDefault } from "../hooks";
+import { useFormikContext } from "formik";
+import { getEnums } from "../utils";
+function getValueByPath(obj, path) {
+    const parts = path
+        .split(".")
+        .flatMap((part) => part.replace(/\[(\d+)\]/g, ".$1").split("."));
+    return parts.reduce((acc, part) => acc && acc[part], obj);
+}
+export const StringField = (props) => {
+    var _a, _b;
+    const { templates: { FieldTemplate }, components: { StringFieldPdf }, } = useContext(FormPdfRegistry);
+    useSetDefault(props);
+    const { name, uiSchema = {}, schema } = props;
+    const { values } = useFormikContext();
+    const { type, placeholder, props: inputProps } = useExtractUiSchema(uiSchema);
+    const enums = useMemo(() => getEnums(props), [props]);
+    let value = values[name] !== undefined ? values[name] : getValueByPath(values, name);
+    if (enums !== undefined) {
+        value =
+            (_b = (_a = enums.values.find((element) => element.const === value)) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : value;
+    }
+    return (_jsx(FieldTemplate, Object.assign({}, props, { children: _jsx(StringFieldPdf, { name: name, "data-keyword": values[name], value: value }) })));
+};

package/dist/pdfFields/TextAreaField.d.ts

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

package/dist/pdfFields/TextAreaField.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { FormPdfRegistry } from "../FormPdf";
+import { useExtractUiSchema, useSetDefault } from "../hooks";
+import { useFormikContext } from "formik";
+export const TextAreaField = (props) => {
+    const { templates: { FieldTemplate }, components: { TextAreaPdf }, } = useContext(FormPdfRegistry);
+    useSetDefault(props);
+    const { name, uiSchema } = props;
+    const { props: inputProps } = useExtractUiSchema(uiSchema);
+    const { values } = useFormikContext();
+    return (_jsx(FieldTemplate, Object.assign({}, props, { children: _jsx(TextAreaPdf, { name: name, children: values[name] }) })));
+};

package/dist/pdfFields/ToggleField.d.ts

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

package/dist/pdfFields/ToggleField.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BooleanField } from "./BooleanField";
+export const ToggleField = (props) => {
+    var _a;
+    return (_jsx(BooleanField, Object.assign({}, props, { uiSchema: Object.assign(Object.assign({}, props.uiSchema), { "ui:props": Object.assign(Object.assign({}, (((_a = props.uiSchema) === null || _a === void 0 ? void 0 : _a["ui:props"]) || {})), { type: "boolean" }) }) })));
+};

package/dist/pdfFields/index.d.ts

@@ -0,0 +1,16 @@
+export * from "./ArrayField";
+export * from "./BooleanField";
+export * from "./DateField";
+export * from "./NullField";
+export * from "./NumberField";
+export * from "./ObjectField";
+export * from "./SchemaField";
+export * from "./StringField";
+export * from "./AnyField";
+export * from "./RadioField";
+export * from "./ToggleField";
+export * from "./SearchMultiTagSelectField";
+export * from "./SearchableSelectField";
+export * from "./MultipleChoiceField";
+export * from "./TextAreaField";
+export * from "./EJSField";

package/dist/pdfFields/index.js

@@ -0,0 +1,16 @@
+export * from "./ArrayField";
+export * from "./BooleanField";
+export * from "./DateField";
+export * from "./NullField";
+export * from "./NumberField";
+export * from "./ObjectField";
+export * from "./SchemaField";
+export * from "./StringField";
+export * from "./AnyField";
+export * from "./RadioField";
+export * from "./ToggleField";
+export * from "./SearchMultiTagSelectField";
+export * from "./SearchableSelectField";
+export * from "./MultipleChoiceField";
+export * from "./TextAreaField";
+export * from "./EJSField";

package/dist/pdfFields/types.d.ts

@@ -0,0 +1,10 @@
+export declare const COMPONENT_TYPES: {
+    array: string;
+    boolean: string;
+    integer: string;
+    number: string;
+    object: string;
+    string: string;
+    null: string;
+    any: string;
+};

package/dist/pdfFields/types.js

@@ -0,0 +1,10 @@
+export const COMPONENT_TYPES = {
+    array: "ArrayField",
+    boolean: "BooleanField",
+    integer: "NumberField",
+    number: "NumberField",
+    object: "ObjectField",
+    string: "StringField",
+    null: "NullField",
+    any: "AnyField",
+};

package/dist/pdfTemplates/ArrayFieldTemplate.d.ts

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

package/dist/pdfTemplates/ArrayFieldTemplate.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { FormPdfRegistry } from "../FormPdf";
+import { getDescription, getTitle } from "../utils";
+import { useExtractUiSchema } from "../hooks";
+import { RequiredIndicator } from "../styledComponents";
+export const ArrayFieldTemplate = (props) => {
+    const { components: { ArrayFieldWrapper, ArrayFieldTitle, FieldDescription, ErrorMessage, FieldHelp, InfoFieldButton, }, } = useContext(FormPdfRegistry);
+    const { name, uiSchema, children } = props;
+    const title = getTitle(props);
+    const description = getDescription(props);
+    const { help, info, 
+    //TODO: This is not right
+    props: { wrapper: wrapperProps, title: titleProps, description: descriptionProps, help: helpProps, error: errorProps, } = {}, } = useExtractUiSchema(uiSchema);
+    return (_jsxs(ArrayFieldWrapper, Object.assign({}, wrapperProps, { children: [title && (_jsxs(ArrayFieldTitle, Object.assign({}, titleProps, { htmlFor: name, children: [title, (props === null || props === void 0 ? void 0 : props.required) && _jsx(RequiredIndicator, { children: "*" })] }))), info && _jsx(InfoFieldButton, Object.assign({}, info)), description && (_jsx(FieldDescription, Object.assign({}, descriptionProps, { children: description }))), children, help && _jsx(FieldHelp, Object.assign({}, helpProps, { children: help })), _jsx(ErrorMessage, Object.assign({}, errorProps, { name: name }))] })));
+};

package/dist/pdfTemplates/CollapsibleObjectFieldTemplate.d.ts

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

package/dist/pdfTemplates/CollapsibleObjectFieldTemplate.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState } from "react";
+import { FormRegistry } from "../Form";
+import { getDescription, getTitle } from "../utils";
+import { useExtractUiSchema } from "../hooks";
+import { CollapsibleChildWrapper, CollapsibleToggle, Icon, RequiredIndicator, } from "../styledComponents";
+export const CollapsibleObjectFieldTemplate = (props) => {
+    const { components: { FieldDescription, CollapsibleObjectFieldTitle, CollapsibleObjectFieldWrapper, FieldHelp, InfoFieldButton, }, } = useContext(FormRegistry);
+    const { children, name, uiSchema } = props;
+    const title = getTitle(props);
+    const description = getDescription(props);
+    const { help, info, 
+    //TODO: This is not right
+    props: { wrapper: wrapperProps, title: titleProps, description: descriptionProps, help: helpProps, isCollapsedOnLoad = true, openIcon, collapsedIcon, ariaLabel,
+    // error: errorProps,
+     } = {}, } = useExtractUiSchema(uiSchema);
+    const [collapsed, setCollapsed] = useState(isCollapsedOnLoad);
+    const hide = collapsed;
+    return (_jsxs(CollapsibleObjectFieldWrapper, Object.assign({}, wrapperProps, { children: [title && (_jsx(CollapsibleToggle, { onClick: () => setCollapsed(!collapsed), ariaExpanded: !hide, ariaLabel: ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : name, children: _jsxs(CollapsibleObjectFieldTitle, Object.assign({ style: { display: "flex", alignItems: "center" } }, titleProps, { children: [title, (props === null || props === void 0 ? void 0 : props.required) && _jsx(RequiredIndicator, { children: "*" }), _jsx(Icon, { children: hide ? collapsedIcon !== null && collapsedIcon !== void 0 ? collapsedIcon : "▸" : openIcon !== null && openIcon !== void 0 ? openIcon : "▾" })] })) })), info && _jsx(InfoFieldButton, Object.assign({}, info)), description && (_jsx(FieldDescription, Object.assign({}, descriptionProps, { children: description }))), !hide && _jsx(CollapsibleChildWrapper, { children: children }), help && _jsx(FieldHelp, Object.assign({}, helpProps, { children: help }))] })));
+};

package/dist/pdfTemplates/FieldTemplate.d.ts

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

package/dist/pdfTemplates/FieldTemplate.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { FormPdfRegistry } from "../FormPdf";
+import { getDescription, getTitle } from "../utils";
+import { useExtractUiSchema } from "../hooks";
+export const FieldTemplate = (props) => {
+    const { components: { FieldWrapper, FieldTitle, FieldDescription, FieldHelp, RequiredIndicator, }, } = useContext(FormPdfRegistry);
+    const { name, uiSchema, children } = props;
+    const title = getTitle(props);
+    const description = getDescription(props);
+    const { help, 
+    //TODO: This is not right
+    props: { wrapper: wrapperProps, title: titleProps, description: descriptionProps, help: helpProps, } = {}, } = useExtractUiSchema(uiSchema);
+    return (_jsxs(FieldWrapper, Object.assign({}, wrapperProps, { children: [title && (_jsxs(FieldTitle, Object.assign({}, titleProps, { htmlFor: name, children: [title, props.required && _jsx(RequiredIndicator, { children: "*" })] }))), description && (_jsx(FieldDescription, Object.assign({}, descriptionProps, { children: description }))), children, help && _jsx(FieldHelp, Object.assign({}, helpProps, { children: help }))] })));
+};

package/dist/pdfTemplates/ObjectFieldTemplate.d.ts

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

package/dist/pdfTemplates/ObjectFieldTemplate.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { FormPdfRegistry } from "../FormPdf";
+import { getDescription, getTitle } from "../utils";
+import { useExtractUiSchema } from "../hooks";
+import { RequiredIndicator } from "../styledComponents";
+export const ObjectFieldTemplate = (props) => {
+    const { components: { FieldDescription, ObjectFieldTitle, ObjectFieldWrapper, FieldHelp, InfoFieldButton, }, } = useContext(FormPdfRegistry);
+    const { children, uiSchema } = props;
+    const title = getTitle(props);
+    const description = getDescription(props);
+    const { help, info, 
+    //TODO: This is not right
+    props: { wrapper: wrapperProps, title: titleProps, description: descriptionProps, help: helpProps,
+    // error: errorProps,
+     } = {}, } = useExtractUiSchema(uiSchema);
+    return (_jsxs(ObjectFieldWrapper, Object.assign({}, wrapperProps, { children: [title && (_jsxs(ObjectFieldTitle, Object.assign({}, titleProps, { children: [title, (props === null || props === void 0 ? void 0 : props.required) && _jsx(RequiredIndicator, { children: "*" })] }))), info && _jsx(InfoFieldButton, Object.assign({}, info)), description && (_jsx(FieldDescription, Object.assign({}, descriptionProps, { children: description }))), children, help && _jsx(FieldHelp, Object.assign({}, helpProps, { children: help }))] })));
+};

package/dist/pdfTemplates/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ArrayFieldTemplate";
+export * from "./FieldTemplate";
+export * from "./ObjectFieldTemplate";
+export * from "./CollapsibleObjectFieldTemplate";

package/dist/pdfTemplates/index.js

@@ -0,0 +1,4 @@
+export * from "./ArrayFieldTemplate";
+export * from "./FieldTemplate";
+export * from "./ObjectFieldTemplate";
+export * from "./CollapsibleObjectFieldTemplate";

package/dist/sampleData/completeSchema.d.ts

@@ -1,3 +1,4 @@
 import type { Schema, UiSchema } from "../types";
 export declare const completeSchema: Schema;
 export declare const completeUiSchema: UiSchema;
+export declare const completePdfUiSchema: UiSchema;

package/dist/sampleData/completeSchema.js

@@ -155,8 +155,13 @@ export const completeSchema = {
             title: "Enum array",
             description: "Enum array description",
             additionalItems: {
-                type: "number",
-                enum: [1, 2, 3, 4],
+                type: "string",
+                oneOf: [
+                    { const: 1, title: "one" },
+                    { const: 2, title: "two" },
+                    { const: 3, title: "three" },
+                    { const: 4, title: "four" },
+                ],
             },
         },
         objectArray: {
@@ -198,6 +203,17 @@ export const completeSchema = {
                             enum: [1, 2, 3, 4],
                         },
                     },
+                    enumWithTitle: {
+                        type: "number",
+                        title: "Array Enum with titles",
+                        description: "Array Enum with titles description",
+                        oneOf: [
+                            { const: 1, title: "first option" },
+                            { const: 2, title: "second option" },
+                            { const: 3, title: "third option" },
+                            { const: 4, title: "fourth option" },
+                        ],
+                    },
                     null: {
                         type: "null",
                         title: "Array Null",
@@ -212,6 +228,8 @@ export const completeSchema = {
             title: "TextArea Field",
             description: "TextArea field description",
         },
+        radio: { type: "boolean", title: "Are you ready?" },
+        toggle: { type: "boolean", title: "Toggle mode" },
     },
 };
 export const completeUiSchema = {
@@ -324,4 +342,7 @@ export const completeUiSchema = {
         },
     },
     textArea: { "ui:field": "TextAreaField" },
+    radio: { "ui:field": "RadioField", "ui:label": { true: "yes", false: "no" } },
+    toggle: { "ui:field": "ToggleField" },
 };
+export const completePdfUiSchema = {};

package/dist/sampleData/ejsSchema.d.ts

@@ -0,0 +1,6 @@
+import type { Schema, UiSchema } from "../types";
+export declare const ejsSchema: Schema;
+export declare const ejsUiSchema: UiSchema;
+export declare const ejsTestValues: {
+    ejsTest: string[];
+};

package/dist/sampleData/ejsSchema.js

@@ -0,0 +1,25 @@
+export const ejsSchema = {
+    title: "TITLE",
+    properties: {
+        ejsTest: { type: "array", title: "EJS title" },
+    },
+};
+export const ejsUiSchema = {
+    "ui:description": "Description text",
+    ejsTest: {
+        "ui:field": "EJSField",
+        "ui:description": "Just a short description",
+        "ui:options": {
+            template: `<div>
+    <div><%= title %></div>
+    <div><%= description %></div>
+    <div>
+        <% value.forEach(function(v) { %>
+            <span><%= v %></span>
+        <% }); %>
+    </div>
+</div>`,
+        },
+    },
+};
+export const ejsTestValues = { ejsTest: ["flammable", "corrosive"] };

package/dist/sampleData/multipleChoiceSchema.d.ts

@@ -1,3 +1,9 @@
 import type { Schema, UiSchema } from "../types";
 export declare const multipleChoiceSchema: Schema;
 export declare const multipleChoiceUiSchema: UiSchema;
+export declare const multipleChoiceValue: {
+    weather: string;
+    food: string[];
+    drinks: string[];
+    flowers: string[];
+};

package/dist/sampleData/multipleChoiceSchema.js

@@ -1,5 +1,5 @@
 export const multipleChoiceSchema = {
-    title: "TITLE",
+    title: "MULTIPLE CHOICE EXAMPLES",
     required: ["lastName", "requiredNestedObject", "requiredArray"],
     properties: {
         weather: {
@@ -119,6 +119,13 @@ export const multipleChoiceUiSchema = {
         "ui:field": "MultipleChoiceField",
         "ui:options": {
             style: "threeColumns",
+            onlyShowSelected: true,
         },
     },
 };
+export const multipleChoiceValue = {
+    weather: "sunny",
+    food: ["luncheon"],
+    drinks: ["water", "tea"],
+    flowers: ["poppy", "dahlia", "rose", "lilac"],
+};

package/dist/sampleData/pdfProExampleSchema.d.ts

@@ -0,0 +1,21 @@
+import type { Schema, UiSchema } from "../types";
+export declare const pdfProExampleSchema: Schema;
+export declare const pdfProExampleData: {
+    unitId: number;
+    name: string;
+    safetydatasheet: {
+        id: string;
+        name: string;
+        state: string;
+        size: string;
+        type: string;
+        accessPaths: string[];
+    }[];
+    maker: string;
+    unnumber: string;
+    warningSymbols: string[];
+    dangersafety: string;
+    date: string;
+    lastupdate: string;
+};
+export declare const pdfProExampleUiSchema: UiSchema;

package/dist/sampleData/pdfProExampleSchema.js

@@ -0,0 +1,185 @@
+export const pdfProExampleSchema = {
+    type: "object",
+    title: "",
+    properties: {
+        use: {
+            type: "string",
+        },
+        date: {
+            type: "string",
+        },
+        name: {
+            type: "string",
+        },
+        maker: {
+            type: "string",
+        },
+        unnumber: {
+            type: "string",
+        },
+        casnumber: {
+            type: "string",
+        },
+        arrivalday: {
+            type: "string",
+        },
+        lastupdate: {
+            type: "string",
+        },
+        dangersafety: {
+            type: "string",
+        },
+        exactlocation: {
+            type: "string",
+        },
+        warningSymbols: {
+            $ref: "#/definitions/warningSymbols",
+        },
+        chemicalusestop: {
+            type: "string",
+        },
+        safetydatasheet: {
+            type: "array",
+            items: {
+                type: "object",
+            },
+            //fileType: [["application/pdf"]],
+        },
+    },
+    definitions: {
+        warningSymbols: {
+            type: "array",
+            items: {
+                type: "string",
+            },
+            anyOf: [
+                {
+                    const: "GHS01",
+                    title: "Räjähtävä",
+                },
+                {
+                    const: "GHS02",
+                    title: "Syttyvä",
+                },
+                {
+                    const: "GHS03",
+                    title: "Hapettava",
+                },
+                {
+                    const: "GHS04",
+                    title: "Paineen alaiset kaasut",
+                },
+                {
+                    const: "GHS05",
+                    title: "Syövyttävä",
+                },
+                {
+                    const: "GHS06",
+                    title: "Välittömästi myrkyllinen",
+                },
+                {
+                    const: "GHS07",
+                    title: "Haitallinen / ärsyttävä / herkistävä / vaarallinen otsonikerrokselle",
+                },
+                {
+                    const: "GHS08",
+                    title: "Vakava terveysvaara",
+                },
+                {
+                    const: "GHS09",
+                    title: "Ympäristölle vaarallinen",
+                },
+            ],
+            uniqueItems: true,
+        },
+    },
+};
+export const pdfProExampleData = {
+    unitId: 4006,
+    name: "Tikkurila Maalipesu",
+    safetydatasheet: [
+        {
+            id: "9aadb65d-c6c7-4b6f-a24c-86d1285b018c",
+            name: "Tikkurila maalipesu.pdf",
+            state: "NEW",
+            size: "133199",
+            type: "application/pdf",
+            accessPaths: ["/rea(id=9aadb65d-c6c7-4b6f-a24c-86d1285b018c)"],
+        },
+    ],
+    maker: "Tikkurila Oyj\nPL 53\n01301 VANTAA\nPuhelin +358 20 191 2000\nproductsafety@tikkurila.com",
+    unnumber: "UN1719",
+    warningSymbols: ["GHS05"],
+    dangersafety: "Huomiosana : Vaara\n\nVaaralausekkeet\nH314 - Voimakkaasti ihoa syövyttävää ja silmiä vaurioittavaa\n\nTurvalausekkeet\nP101 - Jos tarvitaan lääkinnällistä apua, näytä pakkaus tai varoitusetiketti.\nP102 - Säilytä lasten ulottumattomissa.\nP261 - Vältettävä höyryn hengittämistä.\nP280 - Käytä suojakäsineitä/vaatteita ja silmän/kasvonsuojainta.\nP271 - Käytä ainoastaan ulkona tai tiloissa, joissa on hyvä ilmanvaihto.\nP301 + P330 + P331 - JOS KEMIKAALIA ON NIELTY: Huuhdo suu. EI saa\noksennuttaa.\nP303 + P361 + P353 - JOS KEMIKAALIA JOUTUU IHOLLE (tai hiuksiin): Riisu saastunut vaatetus välittömästi. Huuhdo iho vedellä.\nP305 + P351 + P338, P310 - JOS KEMIKAALIA JOUTUU SILMIIN: Huuhdo huolellisesti vedellä usean minuutin ajan. Poista piilolinssit, jos sen voi tehdä helposti. Jatka huuhtomista. Ota välittömästi yhteys\nMYRKYTYSTIETOKESKUKSEEN tai lääkäriin.",
+    date: "1.2.2023",
+    lastupdate: "16.7.2024",
+};
+export const pdfProExampleUiSchema = {
+    "ui:title": "Kemikaalirekisteri",
+    "ui:order": [
+        "name",
+        "casnumber",
+        "exactlocation",
+        "maker",
+        "arrivalday",
+        "unnumber",
+        "use",
+        "warningSymbols",
+        "dangersafety",
+        "date",
+        "safetydatasheet",
+        "lastupdate",
+        "chemicalusestop",
+    ],
+    "ui:disableCollapsible": true,
+    use: {
+        "ui:title": "Käyttötarkoitus ja määrät",
+        "ui:field": "TextAreaField",
+    },
+    date: {
+        "ui:title": "KTT:n päivämäärä",
+    },
+    name: {
+        "ui:title": "Kemikaali (tarkka kauppanimi)",
+    },
+    maker: {
+        "ui:title": "Toimittaja",
+        "ui:field": "TextAreaField",
+    },
+    unnumber: {
+        "ui:title": "YK-numero",
+    },
+    casnumber: {
+        "ui:title": "CAS-Nro.",
+    },
+    arrivalday: {
+        "ui:title": "Kemikaalin saapumispäivämäärä",
+    },
+    lastupdate: {
+        "ui:title": "KTT:n viimeinen päivitys tehty",
+        //"ui:field": "DateField"
+    },
+    dangersafety: {
+        "ui:title": "Vaara- ja turvalausekkeet",
+        "ui:field": "TextAreaField",
+    },
+    exactlocation: {
+        "ui:title": "Tarkempi sijainti ",
+        "ui:description": "Esimerkiksi: huone / kaappi / hylly",
+    },
+    definitions: {
+        warningSymbols: {
+            "ui:title": "Varoitusmerkit",
+            "ui:field": "MultipleChoiceField",
+        },
+    },
+    chemicalusestop: {
+        "ui:title": "Kemikaalin käyttö lopetettu",
+        "ui:description": "Päivämäärä, jos se tiedetään.",
+        //"ui:field": "DateField"
+    },
+    safetydatasheet: {
+        "ui:title": "KTT (PDF-liite)",
+        "ui:field": "files",
+    },
+};

package/dist/sampleData/simpleData.js

@@ -1,5 +1,6 @@
 export const simpleSchema = {
     title: "TITLE",
+    required: ["firstName"],
     properties: {
         firstName: { type: "string", title: "First name" },
         lastName: { type: "string", title: "Last name" },

package/dist/styledComponents.d.ts

@@ -1,4 +1,4 @@
-import type { ClickableProps, InfoFieldButtonProps, MultipleChoiceFieldProps, ObjectFieldButtonProps, RadioButtonFieldProps, SelectFieldProps, TextAreaInputFieldProps, ToggleSwitchFieldProps, FileUploadFieldProps } from "./types";
+import type { ClickableProps, InfoFieldButtonProps, MultipleChoiceFieldProps, ObjectFieldButtonProps, RadioButtonFieldProps, SelectFieldProps, TextAreaInputFieldProps, ToggleSwitchFieldProps, FileUploadFieldProps, MultipleChoiceFieldPdfProps } from "./types";
 import * as formik from "formik";
 import React from "react";
 export declare const Form: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & React.RefAttributes<HTMLFormElement>, "ref"> & {
@@ -234,6 +234,17 @@ export declare const SearchInput: import("styled-components/dist/types").IStyled
 }, never>> & string;
 export declare const SearchClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const SearchInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StringFieldPdf: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextAreaPdf: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EJSField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type BooleanPdfFieldProps = {
+    name: string;
+    className: string;
+    value: boolean;
+    label?: string;
+};
+export declare const BooleanFieldPdf: ({ name, className, value, label, }: BooleanPdfFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultipleChoiceFieldPdf: ({ inputProps, name, className, style, selected, notSelected, }: MultipleChoiceFieldPdfProps) => import("react/jsx-runtime").JSX.Element;
 export declare const FileUploadButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const HiddenFileInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const ProgressBarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;