@nolwenture/formik-jsonschema-form 0.24.0 → 0.25.0

package/dist/styledComponents.js

@@ -488,6 +488,61 @@ export const SearchClearButton = styled.span `
 export const SearchInputContainer = styled.div `
   display: flex;
 `;
+export const StringFieldPdf = styled.div `
+  white-space: pre-line;
+`;
+export const TextAreaPdf = styled.div `
+  white-space: pre-line;
+`;
+export const EJSField = styled.div `
+  width: 100%;
+`;
+export const BooleanFieldPdf = ({ name, className, value, label, }) => {
+    return (_jsx("div", { className: className, children: value === true ? (_jsxs("div", { children: [_jsx("span", { children: "\u2713" }), _jsx("span", { children: label !== undefined ? label : "Selected" })] })) : (_jsxs("div", { children: [_jsx("span", { children: "\u2716" }), _jsx("span", { children: label !== undefined ? label : "Not selected" })] })) }));
+};
+const NotSelected = styled.div `
+  opacity: 0.3;
+  display: flex;
+  align-items: center;
+`;
+const Selected = styled.div `
+  display: flex;
+  align-items: center;
+`;
+const SelectedBox = styled.span `
+  color: white;
+  background: black;
+  padding: 0 0.2rem;
+  font-size: small;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+`;
+const NotSelectedCircle = styled.span `
+  color: white;
+  background: black;
+  padding: 0.1rem;
+  border-radius: 50%;
+  font-size: x-small;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  height: 1rem;
+  width: 1rem;
+`;
+export const MultipleChoiceFieldPdf = ({ inputProps, name, className, style, selected, notSelected, }) => {
+    return (_jsxs(MultipleChoiceFieldContainer, { className: className, style: getStyle(style !== null && style !== void 0 ? style : ""), children: [!selected && !notSelected && _jsx(_Fragment, { children: "Nothing was selected" }), selected &&
+                selected.length > 0 &&
+                selected.map((s) => {
+                    var _a, _b;
+                    return (_jsx(MultipleChoiceFieldElement, { children: _jsxs(Selected, { children: [_jsx(SelectedBox, { children: "\u2713" }), _jsx(MultipleChoiceFieldLabel, { children: (_a = s.title) !== null && _a !== void 0 ? _a : "Hello" })] }) }, (_b = s.title) !== null && _b !== void 0 ? _b : s));
+                }), notSelected &&
+                (notSelected === null || notSelected === void 0 ? void 0 : notSelected.length) > 0 &&
+                notSelected.map((n) => {
+                    var _a;
+                    return (_jsx(MultipleChoiceFieldElement, { children: _jsxs(NotSelected, { children: [_jsx(NotSelectedCircle, { children: "\u2715" }), _jsx(MultipleChoiceFieldLabel, { children: n.title })] }) }, (_a = n.title) !== null && _a !== void 0 ? _a : n));
+                })] }));
+};
 // --> FileUploadField
 export const FileUploadButton = styled.button `
   background-color: #ccc;

package/dist/types.d.ts

@@ -163,6 +163,11 @@ export type ComponentsType = {
     SearchClearButton: React.FunctionComponent<any>;
     SearchInputContainer: React.FunctionComponent<any>;
     FileUploadField: React.FunctionComponent<any>;
+    StringFieldPdf: React.FunctionComponent<any>;
+    TextAreaPdf: React.FunctionComponent<any>;
+    EJSField: React.FunctionComponent<any>;
+    BooleanFieldPdf: React.FunctionComponent<any>;
+    MultipleChoiceFieldPdf: React.FunctionComponent<any>;
 };
 export declare enum ObjectFieldButtonPurpose {
     ADD = 0,
@@ -212,6 +217,22 @@ export type MultipleChoiceFieldProps = {
     value?: string | number;
     form?: FormikContextType<unknown>;
 };
+export type MultipleChoiceFieldPdfProps = {
+    selected: {
+        const: string | number;
+        title: string;
+    }[] | undefined;
+    notSelected: {
+        const: string | number;
+        title: string;
+    }[] | undefined;
+    inputProps?: any;
+    name?: React.ReactNode;
+    className?: string;
+    style?: string;
+    value?: string | number;
+    form?: FormikContextType<unknown>;
+};
 export type ToggleSwitchFieldProps = {
     inputProps: any;
     name: React.ReactNode;
@@ -308,4 +329,9 @@ declare module "yup" {
         mixedOf(schemas: MixedOfProps): this;
     }
 }
+export type StringFieldPdfProps = {
+    className: string;
+    name: string;
+    value: string | undefined;
+};
 export {};

package/dist/utils/getEnums.d.ts

@@ -11,3 +11,16 @@ export declare const getEnums: ({ schema }: {
         title: string;
     }[];
 } | undefined;
+export declare const getSelectedEnum: (selected: string | number | string[] | number[] | undefined, enums: {
+    values: never[];
+    type?: undefined;
+} | {
+    type: string;
+    values: {
+        const: any;
+        title: string;
+    }[];
+} | undefined) => undefined | {
+    const: string | number;
+    title: string;
+}[];

package/dist/utils/getEnums.js

@@ -31,3 +31,15 @@ export const getEnums = ({ schema }) => {
         };
     }
 };
+export const getSelectedEnum = (selected, enums) => {
+    if (Array.isArray(selected)) {
+        const stuff = selected
+            .map((v) => enums === null || enums === void 0 ? void 0 : enums.values.find((e) => e.const === v))
+            .filter((e) => !!e);
+        return stuff.length > 0 ? stuff : undefined;
+    }
+    if (typeof selected === "string" || typeof selected === "number") {
+        return enums === null || enums === void 0 ? void 0 : enums.values.filter((e) => e.const === selected);
+    }
+    return undefined;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nolwenture/formik-jsonschema-form",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "description": "Formik form generation from json schema",
   "author": "Antti Vikman <antti.vikman@nolwenture.com>",
   "contributors": [
@@ -57,6 +57,7 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.2",
     "@testing-library/user-event": "^14.5.2",
+    "@types/ejs": "^3.1.5",
     "@types/jest": "^29.5.12",
     "@types/node": "^20.12.2",
     "@types/react": "^18.2.73",