@nolwenture/formik-jsonschema-form 0.22.1 → 0.22.3

package/dist/styledComponents.js

@@ -273,13 +273,6 @@ export const RadioButtonField = ({ label, inputProps, name, className, }) => {
     var _a, _b;
     return (_jsxs(RadioButtonFieldContainer, { className: className, children: [_jsxs(RadioButtonFieldElement, { children: [_jsx(RadioButtonFieldInput, Object.assign({}, inputProps, { name: name, type: "radio", value: "true" })), _jsx(ButtonLabelTrue, { children: (_a = label === null || label === void 0 ? void 0 : label.true) !== null && _a !== void 0 ? _a : "true" })] }), _jsxs(RadioButtonFieldElement, { children: [_jsx(RadioButtonFieldInput, Object.assign({}, inputProps, { name: name, type: "radio", value: "false" })), _jsx(ButtonLabelFalse, { children: (_b = label === null || label === void 0 ? void 0 : label.false) !== null && _b !== void 0 ? _b : "false" })] })] }));
 };
-const MultipleChoiceFieldContainer = styled(RadioButtonFieldContainer) ``;
-const MultipleChoiceFieldElement = styled(RadioButtonFieldElement) ``;
-const MultipleChoiceFieldInput = styled(RadioButtonFieldInput) ``;
-const MultipleChoiceFieldLabel = styled(ButtonLabel) ``;
-export const MultipleChoiceField = ({ inputProps, name, className, enums, style, }) => {
-    return (_jsx(MultipleChoiceFieldContainer, { className: className, style: getStyle(style !== null && style !== void 0 ? style : ""), children: enums.values.map((v) => (_jsxs(MultipleChoiceFieldElement, { children: [_jsx(MultipleChoiceFieldInput, Object.assign({}, inputProps, { name: name, type: enums.type === "multiSelect" ? "checkbox" : "radio", value: typeof v === "string" || typeof v === "number" ? v : v.const })), _jsx(MultipleChoiceFieldLabel, { children: typeof v === "string" || typeof v === "number" ? v : v.title })] }, typeof v === "string" || typeof v === "number" ? v : v.const))) }));
-};
 RadioButtonField.styles = {
     RadioButtonFieldContainerStyle: RadioButtonFieldContainer,
     RadioButtonFieldElementStyle: RadioButtonFieldElement,
@@ -288,6 +281,18 @@ RadioButtonField.styles = {
     ButtonLabelTrueStyle: ButtonLabelTrue,
     ButtonLabelFalseStyle: ButtonLabelFalse,
 };
+export const MultipleChoiceFieldContainer = styled(RadioButtonFieldContainer) ``;
+export const MultipleChoiceFieldElement = styled(RadioButtonFieldElement) ``;
+export const MultipleChoiceFieldInput = styled(RadioButtonFieldInput) ``;
+export const MultipleChoiceFieldLabel = styled(ButtonLabel) ``;
+export const MultipleChoiceField = ({ inputProps, name, className, enums, style, }) => {
+    return (_jsx(MultipleChoiceFieldContainer, { className: className, style: getStyle(style !== null && style !== void 0 ? style : ""), children: enums.values.map((v) => (_jsxs(MultipleChoiceFieldElement, { children: [_jsx(MultipleChoiceFieldInput, Object.assign({}, inputProps, { name: name, type: enums.type === "multiSelect" ? "checkbox" : "radio", value: typeof v === "string" || typeof v === "number" ? v : v.const })), _jsx(MultipleChoiceFieldLabel, { children: typeof v === "string" || typeof v === "number" ? v : v.title })] }, typeof v === "string" || typeof v === "number" ? v : v.const))) }));
+};
+MultipleChoiceField.styles = {
+    MultipleChoiceFieldElementStyle: MultipleChoiceFieldElement,
+    MultipleChoiceFieldInputStyle: MultipleChoiceFieldInput,
+    MultipleChoiceFieldLabelStyle: MultipleChoiceFieldLabel,
+};
 // ---> SearchableMultiTagSelectField
 export const MultiSelectContainer = styled.div `
   display: flex;
@@ -510,7 +515,7 @@ export const FileInfoText = styled.span `
 `;
 export const FileUploadFieldContainer = styled.div ``;
 export const FileUploadField = ({ name, uploadedFile, handleFileUpload, value, setFieldValue, className, uploadProgress, handleRemoveFile, removeButton, uploadButtonText, infoText, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     const uiSchema = {};
     return (_jsxs(FileUploadFieldContainer, { className: className, children: [_jsxs("div", { children: [_jsx(FileUploadButton, { type: "button", onClick: () => { var _a; return (_a = document.getElementById(name)) === null || _a === void 0 ? void 0 : _a.click(); }, children: uploadButtonText !== null && uploadButtonText !== void 0 ? uploadButtonText : "Choose File" }), _jsx(HiddenFileInput, { id: name, name: name, type: "file", onChange: (event) => {
                             const file = event.currentTarget.files[0];
@@ -518,7 +523,7 @@ export const FileUploadField = ({ name, uploadedFile, handleFileUpload, value, s
                                 handleFileUpload(file, setFieldValue);
                                 event.target.value = null;
                             }
-                        } }), !value ? (_jsx(FileInfoText, { children: infoText !== null && infoText !== void 0 ? infoText : "No file chosen" })) : null] }), uploadedFile && value && (_jsx(FileItemContainer, { children: uploadProgress === 100 ? (_jsxs(_Fragment, { children: [_jsx("span", { children: uploadedFile.name }), _jsx(RemoveButton, Object.assign({ type: "button", onClick: () => handleRemoveFile(setFieldValue) }, ((_a = removeButton === null || removeButton === void 0 ? void 0 : removeButton.props) !== null && _a !== void 0 ? _a : {}), { children: (_b = removeButton === null || removeButton === void 0 ? void 0 : removeButton.content) !== null && _b !== void 0 ? _b : "X" }))] })) : (_jsxs(_Fragment, { children: [_jsx("span", { children: uploadedFile.name }), _jsxs(ProgressBarContainer, { children: [_jsx(ProgressBar, { "$progress": uploadProgress }), _jsxs(ProgressText, { children: [uploadProgress, "%"] })] })] })) }))] }));
+                        } }), !value ? (_jsx(FileInfoText, { children: infoText !== null && infoText !== void 0 ? infoText : "No file chosen" })) : null] }), uploadedFile && value && (_jsx(FileItemContainer, { children: uploadProgress === 100 ? (_jsxs(_Fragment, { children: [_jsx("span", { children: uploadedFile.name }), _jsx(RemoveButton, Object.assign({ type: "button", onClick: () => handleRemoveFile(setFieldValue) }, removeButton === null || removeButton === void 0 ? void 0 : removeButton.props, { style: Object.assign({ color: "red", fontWeight: "bold" }, ((_b = (_a = removeButton === null || removeButton === void 0 ? void 0 : removeButton.props) === null || _a === void 0 ? void 0 : _a.style) !== null && _b !== void 0 ? _b : {})), children: (_c = removeButton === null || removeButton === void 0 ? void 0 : removeButton.content) !== null && _c !== void 0 ? _c : "X" }))] })) : (_jsxs(_Fragment, { children: [_jsx("span", { children: uploadedFile.name }), _jsxs(ProgressBarContainer, { children: [_jsx(ProgressBar, { "$progress": uploadProgress }), _jsxs(ProgressText, { children: [uploadProgress, "%"] })] })] })) }))] }));
 };
 FileUploadField.styles = {
     FileUploadFieldFileUploadFieldContainerStyle: FileUploadFieldContainer,

package/dist/utils/getStyle.js

@@ -8,11 +8,11 @@ export function getStyle(key) {
     }
     if (key === "twoColumns") {
         style.display = "grid";
-        style["grid-template-columns"] = "1fr 1fr";
+        style["gridTemplateColumns"] = "1fr 1fr";
     }
     if (key === "threeColumns") {
         style.display = "grid";
-        style["grid-template-columns"] = "1fr 1fr 1fr";
+        style["gridTemplateColumns"] = "1fr 1fr 1fr";
     }
     return style;
 }

package/dist/utils/getTitleAndDescription.d.ts

@@ -1,12 +1,12 @@
 import type { Schema, UiSchema } from "../types";
 export declare const getTitle: ({ title, uiSchema, schema, name, }: {
-    title?: string | undefined;
-    uiSchema?: UiSchema | undefined;
-    schema?: import("json-schema").JSONSchema7 | undefined;
-    name?: string | undefined;
+    title?: string;
+    uiSchema?: UiSchema;
+    schema?: Schema;
+    name?: string;
 }) => any;
 export declare const getDescription: ({ description, uiSchema, schema, }: {
-    description?: string | undefined;
-    uiSchema?: UiSchema | undefined;
-    schema?: import("json-schema").JSONSchema7 | undefined;
+    description?: string;
+    uiSchema?: UiSchema;
+    schema?: Schema;
 }) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nolwenture/formik-jsonschema-form",
-  "version": "0.22.1",
+  "version": "0.22.3",
   "description": "Formik form generation from json schema",
   "author": "Antti Vikman <antti.vikman@nolwenture.com>",
   "contributors": [
@@ -43,6 +43,7 @@
     "yup": "^1.4.0"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.25.4",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.24.1",
     "@storybook/addon-essentials": "^8.0.5",