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

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

@@ -8,25 +8,12 @@ export declare const components: {
     FieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
     FieldTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
     FieldDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-    getComponents(components: ComponentsType): {
-        Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-        Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-        Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-    };
-    ObjectFieldTemplateWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-    ObjectFieldTemplateTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-    ObjectFieldTemplateDescription: typeof Field.FieldDescription | undefined;
-    ArrayFieldTemplateWrapper: typeof import("../templates/ObjectFieldTemplate/styledComponents").ObjectFieldTemplateWrapper | undefined;
-    ArrayFieldTemplateTitle: typeof import("../templates/ObjectFieldTemplate/styledComponents").ObjectFieldTemplateTitle | undefined;
-    ArrayFieldTemplateDescription: typeof Field.FieldDescription | undefined;
-    ObjectFieldSection: import("react").FC<import("../fields/ObjectField").ObjectFieldSectionProps>;
-    ObjectFieldSectionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, never>> & string;
-    ObjectFieldSectionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, never>> & string;
     StringFieldValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
     TextAreaValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
     ArrayFieldItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
     EJSFieldValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
     BooleanFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    MultipleChoiceFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
     BooleanFieldValue: React.FC<{
         name: string;
         className?: string;
@@ -49,5 +36,19 @@ export declare const components: {
         value?: string | number;
         form?: import("formik").FormikContextType<unknown>;
     }>;
+    getComponents(components: ComponentsType): {
+        Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+        Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+        Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    };
+    ObjectFieldTemplateWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    ObjectFieldTemplateTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    ObjectFieldTemplateDescription: typeof Field.FieldDescription | undefined;
+    ArrayFieldTemplateWrapper: typeof import("../templates/ObjectFieldTemplate/styledComponents").ObjectFieldTemplateWrapper | undefined;
+    ArrayFieldTemplateTitle: typeof import("../templates/ObjectFieldTemplate/styledComponents").ObjectFieldTemplateTitle | undefined;
+    ArrayFieldTemplateDescription: typeof Field.FieldDescription | undefined;
+    ObjectFieldSection: import("react").FC<import("../fields/ObjectField").ObjectFieldSectionProps>;
+    ObjectFieldSectionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, never>> & string;
+    ObjectFieldSectionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, never>> & string;
 };
 export type ComponentsType = typeof components;

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

@@ -1,3 +1,11 @@
-export * from "./fields";
-export * from "./templates";
+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";
 export * from "./FormView";
+export * from "./FormViewRegistry";
+export { FormViewComponents, FormViewFields, FormViewTemplates };
+export type * from "./types";

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

@@ -4,8 +4,4 @@ export type ArrayFieldTemplateProps = React.PropsWithChildren<{
     schema: Schema;
     [key: string]: any;
     uiSchema?: UiSchema;
-    hidden?: boolean;
-    required?: boolean;
-    readonly?: boolean;
-    disabled?: boolean;
 }>;

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

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

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

@@ -4,8 +4,4 @@ export type FieldTemplateProps = React.PropsWithChildren<{
     schema: Schema;
     [key: string]: any;
     uiSchema?: UiSchema;
-    hidden?: boolean;
-    required?: boolean;
-    readonly?: boolean;
-    disabled?: boolean;
 }>;

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

@@ -13,7 +13,7 @@ export declare const templateComponents: {
     ArrayFieldTemplateDescription: typeof import("../components").FieldDescription | undefined;
 };
 export declare const templates: {
-    CollapsibleObjectFieldTemplate: import("../..").Field;
+    CollapsibleObjectFieldTemplate: import("..").Field;
     ObjectFieldTemplate: React.FC<import("./ObjectFieldTemplate/types").ObjectFieldTemplateProps>;
     FieldTemplate: React.FC<import("./FieldTemplate/types").FieldTemplateProps>;
     ArrayFieldTemplate: React.FC<import("./ArrayFieldTemplate/types").ArrayFieldTemplateProps>;

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

@@ -0,0 +1 @@
+export type * from "./FormViewRegistryContext";

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

@@ -3,9 +3,6 @@ export interface FieldProps extends Pick<React.HTMLAttributes<HTMLElement>, Excl
     name: string;
     schema: Schema;
     uiSchema: UiSchema;
-    disabled?: boolean;
-    readonly?: boolean;
-    required?: boolean;
     forceDefaultValue?: boolean;
     [prop: string]: any;
 }

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

@@ -8,6 +8,9 @@ export type UiSchemaUiOrderType = string | {
     collapsible?: boolean;
 };
 export type UiSchema = {
+    definitions?: {
+        [key: string]: any;
+    };
     "ui:title"?: React.ReactNode | string;
     "ui:description"?: React.ReactNode | string;
     "ui:help"?: React.ReactNode | string;
@@ -19,15 +22,7 @@ export type UiSchema = {
     "ui:props"?: {
         [key: string]: any;
     };
-    "ui:placeholderOptionOptions"?: {
-        props: {
-            [key: string]: any;
-        };
-    };
     "ui:order"?: UiSchemaUiOrderType[];
-    definitions?: {
-        [key: string]: any;
-    };
     "ui:label"?: string | {
         true: string;
         false: string;
@@ -38,6 +33,14 @@ export type UiSchema = {
     props?: {
         [key: string]: any;
     };
+    /**
+     * @deprecated Will be moved to "ui:options"
+     */
+    "ui:placeholderOptionOptions"?: {
+        props: {
+            [key: string]: any;
+        };
+    };
     /**
      * @deprecated Will be moved to "ui:options"
      */

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./Form";
-export * as view from "./FormView";
+export * from "./FormView";

package/dist/types/styles/types.d.ts

@@ -0,0 +1,216 @@
+export type ThemeType = {
+    color: {
+        palette: {
+            primary: {
+                900: string;
+                800: string;
+                700: string;
+                600: string;
+                500: string;
+                400: string;
+                300: string;
+                200: string;
+                100: string;
+            };
+            secondary: {
+                900: string;
+                800: string;
+                700: string;
+                600: string;
+                500: string;
+                400: string;
+                300: string;
+                200: string;
+                100: string;
+            };
+            success: {
+                900: string;
+                800: string;
+                700: string;
+                600: string;
+                500: string;
+                400: string;
+                300: string;
+                200: string;
+                100: string;
+            };
+            warning: {
+                900: string;
+                800: string;
+                700: string;
+                600: string;
+                500: string;
+                400: string;
+                300: string;
+                200: string;
+                100: string;
+            };
+            danger: {
+                900: string;
+                800: string;
+                700: string;
+                600: string;
+                500: string;
+                400: string;
+                300: string;
+                200: string;
+                100: string;
+            };
+            neutral: {
+                900: string;
+                800: string;
+                700: string;
+                600: string;
+                500: string;
+                400: string;
+                300: string;
+                200: string;
+                100: string;
+            };
+        };
+        background: {
+            default: string;
+            input: string;
+        };
+        border: {
+            default: string;
+            muted: string;
+        };
+        text: {
+            muted: string;
+            default: string;
+            dark: string;
+            secondary: string;
+            selected: string;
+            success: string;
+            info: string;
+            warning: string;
+            danger: string;
+        };
+        intent: {
+            default: {
+                none: string;
+                primary: string;
+                link: string;
+                info: string;
+                secondary: string;
+                tertiary: string;
+                success: string;
+                warning: string;
+                danger: string;
+            };
+            raised: {
+                none: string;
+                primary: string;
+                link: string;
+                info: string;
+                secondary: string;
+                tertiary: string;
+                success: string;
+                warning: string;
+                danger: string;
+            };
+            overlay: {
+                none: string;
+                primary: string;
+                link: string;
+                info: string;
+                secondary: string;
+                tertiary: string;
+                success: string;
+                warning: string;
+                danger: string;
+            };
+            sunken: {
+                none: string;
+                primary: string;
+                link: string;
+                info: string;
+                secondary: string;
+                tertiary: string;
+                success: string;
+                warning: string;
+                danger: string;
+            };
+        };
+        overlay: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+        };
+    };
+    elevation: {
+        default: string;
+        raised: string;
+        overlay: string;
+        sunken: string;
+    };
+    focus: {
+        default: string;
+        danger: string;
+    };
+    spacing: {
+        none: string;
+        xxs: string;
+        xs: string;
+        s: string;
+        m: string;
+        l: string;
+        xl: string;
+        xxl: string;
+        xxxl: string;
+        xxxxl: string;
+        xxxxxl: string;
+    };
+    borderRadius: {
+        none: string;
+        s: string;
+        m: string;
+        l: string;
+        xl: string;
+        circle: string;
+    };
+    strokeWidth: {
+        thin: string;
+        thick: string;
+        thicker: string;
+        thickest: string;
+    };
+    typography: {
+        fontFamily: {
+            base: string;
+            heading: string;
+            monospace: string;
+        };
+        weight: {
+            normal: string;
+            medium: string;
+            bold: string;
+            extrabold: string;
+        };
+        size: {
+            small: string;
+            base: string;
+            large: string;
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+        };
+        lineHeight: {
+            small: string;
+            base: string;
+            large: string;
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+        };
+    };
+};

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

@@ -4,7 +4,7 @@ export declare const getTitle: ({ title, uiSchema, schema, name, }: {
     uiSchema?: UiSchema;
     schema?: Schema;
     name?: string;
-}) => string | number | true | object | undefined;
+}) => string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | undefined;
 export declare const getDescription: ({ description, uiSchema, schema, }: {
     description?: string;
     uiSchema?: UiSchema;

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

@@ -9,4 +9,5 @@ export * from "./solveReferences";
 export * from "./createInitialValues";
 export * from "./createValidationSchema";
 export * from "./orderByUiSchema";
+export * from "./orderAdditionalProperties";
 export declare const warnFromUnsupportedKeys: (componentName: string, data: Record<string, any>, supportedKeys: string[]) => void;

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

@@ -0,0 +1 @@
+export declare function orderAdditionalProperties(uiOrderArray: string[], valuesArray: string[]): string[];

package/package.json

@@ -1,11 +1,16 @@
 {
   "name": "@nolwenture/formik-jsonschema-form",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.21",
   "description": "Formik form generation from json schema",
-  "author": "Antti Vikman <antti.vikman@nolwenture.com>",
+  "author": "anttivikman <antti.vikman@nolwenture.com>",
   "contributors": [
-    "Antti Vikman <antti.vikman@nolwenture.com>",
-    "Niko Lintunen <niko.lintunen@nolwenture.com>"
+    "NoNasanen <nona.nasanen@nolwenture.com",
+    "anttivikman <antti.vikman@nolwenture.com>",
+    "nikolintunen-nolwenture <niko.lintunen@nolwenture.com>",
+    "tuunjuuso <juuso.tuunanen@nolwenture.com",
+    "anttischroderus <antti.schroderus@nolwenture.com>",
+    "samulinolw <samuli.vayrynen@nolwenture.com>",
+    "nolwram <rammohan.balasubramanian@nolwenture.com>"
   ],
   "license": "MIT",
   "types": "./dist/types/index.d.ts",
@@ -68,15 +73,15 @@
     "@babel/preset-env": "^7.25.4",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.24.1",
-    "@nolwenture/component-library": "^1.0.3",
-    "@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",
-    "@storybook/test-runner": "^0.17.0",
+    "@nolwenture/component-library": "^1.1.0",
+    "@storybook/addon-essentials": "^8.5.0",
+    "@storybook/addon-interactions": "^8.5.0",
+    "@storybook/addon-links": "^8.5.0",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+    "@storybook/react": "^8.5.0",
+    "@storybook/react-webpack5": "^8.5.0",
+    "@storybook/test": "^8.5.0",
+    "@storybook/test-runner": "^0.21.0",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.2",
     "@testing-library/user-event": "^14.5.2",
@@ -91,8 +96,12 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-redux": "^9.2.0",
+    "react-router": "^7.0.1",
+    "react-router-dom": "^7.0.1",
     "rimraf": "^6.0.1",
-    "storybook": "^8.0.5",
+    "storybook": "^8.5.0",
     "styled-components": "^6.1.8",
     "ts-jest": "^29.1.2",
     "webpack": "^5.91.0",

package/dist/cjs/FormView/components/old_styledComponents.js

@@ -1,65 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultipleChoiceFieldValue = exports.BooleanFieldValue = exports.BooleanFieldWrapper = exports.EJSFieldValue = exports.ArrayFieldItem = exports.TextAreaValue = exports.StringFieldValue = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const styledComponents_1 = require("../../Form/fields/MultipleChoiceField/styledComponents");
-const getStyle_1 = require("../../utils/getStyle");
-exports.StringFieldValue = styled_components_1.default.div `
-  white-space: pre-line;
-`;
-exports.TextAreaValue = styled_components_1.default.div `
-  white-space: pre-line;
-`;
-exports.ArrayFieldItem = styled_components_1.default.div ``;
-exports.EJSFieldValue = styled_components_1.default.div `
-  width: 100%;
-`;
-exports.BooleanFieldWrapper = styled_components_1.default.div ``;
-const BooleanFieldValue = ({ name, className, value, label, }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: value === true ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2713" }), (0, jsx_runtime_1.jsx)("span", { children: label !== undefined ? label : "Selected" })] })) : ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2716" }), (0, jsx_runtime_1.jsx)("span", { children: label !== undefined ? label : "Not selected" })] })) }));
-};
-exports.BooleanFieldValue = BooleanFieldValue;
-const NotSelected = styled_components_1.default.div `
-  opacity: 0.3;
-  display: flex;
-  align-items: center;
-`;
-const Selected = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-`;
-const SelectedBox = styled_components_1.default.span `
-  color: ${(props) => props.theme.background.default};
-  background: ${(props) => props.theme.text.default};
-  padding: ${(props) => `0 ${props.theme.spacing.xs}`};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-`;
-const NotSelectedCircle = styled_components_1.default.span `
-  color: ${(props) => props.theme.background.default};
-  background: ${(props) => props.theme.text.default};
-  padding: ${(props) => props.theme.spacing.xxs};
-  border-radius: ${(props) => props.theme.borderRadius.circle};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  line-height: 1.1;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  flex: 0 0 1rem;
-`;
-const MultipleChoiceFieldValue = ({ inputProps, name, className, style, selected, notSelected }) => {
-    return ((0, jsx_runtime_1.jsxs)(styledComponents_1.MultipleChoiceFieldContainer, { className: className, style: (0, getStyle_1.getStyle)(style ?? ""), children: [!selected && !notSelected && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Nothing was selected" }), selected &&
-                selected.length > 0 &&
-                selected.map((s) => ((0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldElement, { children: (0, jsx_runtime_1.jsxs)(Selected, { children: [(0, jsx_runtime_1.jsx)(SelectedBox, { children: "\u2713" }), (0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldLabel, { children: s.title ?? "Hello" })] }) }, s.title ?? s))), notSelected &&
-                notSelected?.length > 0 &&
-                notSelected.map((n) => ((0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldElement, { children: (0, jsx_runtime_1.jsxs)(NotSelected, { children: [(0, jsx_runtime_1.jsx)(NotSelectedCircle, { children: "\u2715" }), (0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldLabel, { children: n.title })] }) }, n.title ?? n)))] }));
-};
-exports.MultipleChoiceFieldValue = MultipleChoiceFieldValue;

package/dist/esm/FormView/components/old_styledComponents.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import styled from "styled-components";
-import { MultipleChoiceFieldContainer, MultipleChoiceFieldElement, MultipleChoiceFieldLabel, } from "../../Form/fields/MultipleChoiceField/styledComponents";
-import { getStyle } from "../../utils/getStyle";
-export const StringFieldValue = styled.div `
-  white-space: pre-line;
-`;
-export const TextAreaValue = styled.div `
-  white-space: pre-line;
-`;
-export const ArrayFieldItem = styled.div ``;
-export const EJSFieldValue = styled.div `
-  width: 100%;
-`;
-export const BooleanFieldWrapper = styled.div ``;
-export const BooleanFieldValue = ({ 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: ${(props) => props.theme.background.default};
-  background: ${(props) => props.theme.text.default};
-  padding: ${(props) => `0 ${props.theme.spacing.xs}`};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-`;
-const NotSelectedCircle = styled.span `
-  color: ${(props) => props.theme.background.default};
-  background: ${(props) => props.theme.text.default};
-  padding: ${(props) => props.theme.spacing.xxs};
-  border-radius: ${(props) => props.theme.borderRadius.circle};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  line-height: 1.1;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  flex: 0 0 1rem;
-`;
-export const MultipleChoiceFieldValue = ({ inputProps, name, className, style, selected, notSelected }) => {
-    return (_jsxs(MultipleChoiceFieldContainer, { className: className, style: getStyle(style ?? ""), children: [!selected && !notSelected && _jsx(_Fragment, { children: "Nothing was selected" }), selected &&
-                selected.length > 0 &&
-                selected.map((s) => (_jsx(MultipleChoiceFieldElement, { children: _jsxs(Selected, { children: [_jsx(SelectedBox, { children: "\u2713" }), _jsx(MultipleChoiceFieldLabel, { children: s.title ?? "Hello" })] }) }, s.title ?? s))), notSelected &&
-                notSelected?.length > 0 &&
-                notSelected.map((n) => (_jsx(MultipleChoiceFieldElement, { children: _jsxs(NotSelected, { children: [_jsx(NotSelectedCircle, { children: "\u2715" }), _jsx(MultipleChoiceFieldLabel, { children: n.title })] }) }, n.title ?? n)))] }));
-};

package/dist/types/FormView/components/old_styledComponents.d.ts

@@ -1,32 +0,0 @@
-import * as formik from "formik";
-import React from "react";
-export declare const StringFieldValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TextAreaValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ArrayFieldItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EJSFieldValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-type BooleanValueFieldProps = {
-    name: string;
-    className?: string;
-    value: boolean;
-    label?: string;
-};
-export declare const BooleanFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const BooleanFieldValue: React.FC<BooleanValueFieldProps>;
-type MultipleChoiceFieldValueProps = {
-    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?: formik.FormikContextType<unknown>;
-};
-export declare const MultipleChoiceFieldValue: React.FC<MultipleChoiceFieldValueProps>;
-export {};