@nolwenture/formik-jsonschema-form 2.0.2 → 3.0.0-beta.1

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

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldTemplate = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const utils_1 = require("../../../utils");
-const FormRegistry_1 = require("../../FormRegistry");
-const FieldTemplate = (props) => {
-    const { components: { FieldWrapper, FieldTitleInfoWrapper, FieldTitle, FieldDescription, ErrorMessage, FieldHelp, RequiredIndicator, FieldInfo, }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    const { name, uiSchema, children, ...otherProps } = props;
-    const title = (0, utils_1.getTitle)(props);
-    const description = (0, utils_1.getDescription)(props);
-    const { help, info, disabled, props: { wrapper: wrapperProps = {}, title: titleProps, description: descriptionProps, help: helpProps, error: errorProps, disabled: isDisabled, } = {}, } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
-    const isReadOnly = props.schema?.readOnly;
-    const dataAttributes = Object.keys(otherProps)
-        .filter((key) => key.startsWith("data-"))
-        .reduce((acc, key) => {
-        acc[key] = otherProps[key];
-        return acc;
-    }, {});
-    // Merge the wrapperProps with the filtered dataAttributes
-    const mergedWrapperProps = {
-        ...wrapperProps,
-        ...dataAttributes, // This will only include data-* attributes
-    };
-    return ((0, jsx_runtime_1.jsxs)(FieldWrapper, { ...mergedWrapperProps, "$isDisabled": isDisabled, children: [(0, jsx_runtime_1.jsxs)(FieldTitleInfoWrapper, { children: [title && ((0, jsx_runtime_1.jsxs)(FieldTitle, { ...titleProps, htmlFor: name, children: [title, props.required && (0, jsx_runtime_1.jsx)(RequiredIndicator, {})] })), info && (0, jsx_runtime_1.jsx)(FieldInfo, { ...info })] }), description && ((0, jsx_runtime_1.jsx)(FieldDescription, { ...descriptionProps, "$isReadOnly": isReadOnly, children: description })), children, help && (0, jsx_runtime_1.jsx)(FieldHelp, { ...helpProps, children: help }), (0, jsx_runtime_1.jsx)(ErrorMessage, { ...errorProps, name: name })] }));
-};
-exports.FieldTemplate = FieldTemplate;

package/dist/cjs/Form/templates/FieldTemplate/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("./FieldTemplate"));

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

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ObjectFieldTemplate = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const utils_1 = require("../../../utils");
-const FormRegistry_1 = require("../../FormRegistry");
-const styledComponents_1 = require("./styledComponents");
-const ObjectFieldTemplate = (props) => {
-    const { components } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    const { Wrapper, Title, TitleInfoWrapper, Description, Help, Info, RequiredIndicator, ErrorMessage, } = (0, styledComponents_1.getComponents)(components);
-    const { children, uiSchema, ...otherProps } = props;
-    const title = (0, utils_1.getTitle)(props);
-    const description = (0, utils_1.getDescription)(props);
-    const { help, info, 
-    //TODO: This is not right
-    props: { wrapper: wrapperProps = {}, title: titleProps, description: descriptionProps, help: helpProps,
-    // error: errorProps,
-     } = {}, } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
-    const dataAttributes = Object.keys(otherProps)
-        .filter((key) => key.startsWith("data-"))
-        .reduce((acc, key) => {
-        acc[key] = otherProps[key];
-        return acc;
-    }, {});
-    const mergedWrapperProps = {
-        ...wrapperProps,
-        ...dataAttributes,
-    };
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { ...mergedWrapperProps, children: [(0, jsx_runtime_1.jsxs)(TitleInfoWrapper, { children: [title && ((0, jsx_runtime_1.jsxs)(Title, { ...titleProps, children: [title, props?.required && (0, jsx_runtime_1.jsx)(RequiredIndicator, {})] })), info && (0, jsx_runtime_1.jsx)(Info, { ...info })] }), description && ((0, jsx_runtime_1.jsx)(Description, { ...descriptionProps, children: description })), children, help && (0, jsx_runtime_1.jsx)(Help, { ...helpProps, children: help })] }));
-};
-exports.ObjectFieldTemplate = ObjectFieldTemplate;

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

@@ -1,38 +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 = exports.components = void 0;
-exports.components = __importStar(require("./styledComponents"));
-exports.templates = __importStar(require("./ObjectFieldTemplate"));

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

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ObjectFieldTemplateErrorMessage = exports.ObjectFieldTemplateRequiredIndicator = exports.ObjectFieldTemplateInfo = exports.ObjectFieldTemplateHelp = exports.ObjectFieldTemplateDescription = exports.ObjectFieldTitleInfoWrapper = exports.ObjectFieldTemplateTitle = exports.ObjectFieldTemplateWrapper = void 0;
-exports.getComponents = getComponents;
-const polished_1 = require("polished");
-const styled_components_1 = require("styled-components");
-exports.ObjectFieldTemplateWrapper = styled_components_1.styled.fieldset `
-  display: flex;
-  flex-direction: column;
-  gap: ${(props) => props.theme.spacing.m};
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  margin-inline: 0;
-  margin-bottom: ${(props) => props.theme.spacing.xs};
-
-  &:has(input[disabled]),
-  &:has(option[disabled]),
-  &:has(select[disabled]),
-  &:has(textarea[disabled]) {
-    border-color: ${(props) => (0, polished_1.lighten)(0.4, props.theme.color.border.default)};
-
-    legend {
-      color: ${(props) => (0, polished_1.lighten)(0.4, props.theme.color.text.default)};
-
-      & + p {
-        color: ${(props) => (0, polished_1.lighten)(0.4, props.theme.color.text.default)};
-      }
-    }
-  }
-`;
-exports.ObjectFieldTemplateTitle = styled_components_1.styled.legend `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-`;
-exports.ObjectFieldTitleInfoWrapper = styled_components_1.styled.div `
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-`;
-exports.ObjectFieldTemplateDescription = undefined;
-exports.ObjectFieldTemplateHelp = undefined;
-exports.ObjectFieldTemplateInfo = undefined;
-exports.ObjectFieldTemplateRequiredIndicator = undefined;
-exports.ObjectFieldTemplateErrorMessage = undefined;
-function getComponents(components) {
-    return {
-        Wrapper: components.ObjectFieldTemplateWrapper,
-        Title: components.ObjectFieldTemplateTitle,
-        TitleInfoWrapper: components.ObjectFieldTitleInfoWrapper,
-        Description: components.ObjectFieldTemplateDescription ?? components.FieldDescription,
-        Help: components.ObjectFieldTemplateHelp ?? components.FieldHelp,
-        Info: components.ObjectFieldTemplateInfo ?? components.FieldInfo,
-        RequiredIndicator: components.ObjectFieldTemplateRequiredIndicator ??
-            components.RequiredIndicator,
-        ErrorMessage: components.ObjectFieldTemplateErrorMessage ?? components.ErrorMessage,
-    };
-}

package/dist/cjs/Form/templates/index.js

@@ -1,55 +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 = exports.templateComponents = void 0;
-//Please keep this in alphabetical order
-const ArrayFieldTemplate = __importStar(require("./ArrayFieldTemplate"));
-const CollapsibleObjectFieldTemplate = __importStar(require("./CollapsibleObjectFieldTemplate"));
-const FieldTemplate = __importStar(require("./FieldTemplate"));
-const ObjectFieldTemplate = __importStar(require("./ObjectFieldTemplate"));
-//Please keep this in alphabetical order
-exports.templateComponents = {
-    ...ArrayFieldTemplate.components,
-    ...CollapsibleObjectFieldTemplate.components,
-    //...FieldTemplate.components, // Field template uses generic components (should it own those?)
-    ...ObjectFieldTemplate.components,
-};
-//Please keep this in alphabetical order
-exports.templates = {
-    ...ArrayFieldTemplate.templates,
-    ...CollapsibleObjectFieldTemplate.templates,
-    ...FieldTemplate.templates,
-    ...ObjectFieldTemplate.templates,
-};

package/dist/cjs/Form/types/index.js

@@ -1,17 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./FormRegistryContext"), exports);

package/dist/cjs/FormView/FormView.js

@@ -1,36 +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.FormView = exports.FormWrapper = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const fields_1 = require("./fields");
-const components_1 = require("./components");
-const templates_1 = require("./templates");
-const FormViewRegistry_1 = require("./FormViewRegistry");
-exports.FormWrapper = styled_components_1.default.div `
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-`;
-const FormView = (props) => {
-    const { schema, uiSchema = {}, className, fields = {}, templates = {}, components = {}, formContext = {}, formOptions = {}, formLocalization = {}, useItemsAsAdditionalItems = false, hideUnmarkedAdditionalProperties = false, } = props;
-    const schemaDefinitions = schema.definitions;
-    const uiSchemaDefinitions = uiSchema.definitions;
-    const registry = {
-        fields: { ...fields_1.fields, ...fields },
-        templates: { ...templates_1.templates, ...templates },
-        components: { ...components_1.components, ...components },
-        definitions: schemaDefinitions,
-        uiSchemaDefinitions,
-        formContext,
-        formOptions,
-        formLocalization,
-        useItemsAsAdditionalItems,
-        hideUnmarkedAdditionalProperties,
-    };
-    const { Form: FormEl } = registry.components;
-    const SchemaField = registry.fields.SchemaField;
-    return ((0, jsx_runtime_1.jsx)(exports.FormWrapper, { children: (0, jsx_runtime_1.jsx)(FormViewRegistry_1.FormViewRegistry.Provider, { value: registry, children: (0, jsx_runtime_1.jsx)(FormEl, { className: className, children: (0, jsx_runtime_1.jsx)(SchemaField, { name: "", schema: schema, uiSchema: uiSchema }) }) }) }));
-};
-exports.FormView = FormView;

package/dist/cjs/FormView/FormViewRegistry.js

@@ -1,19 +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.FormViewRegistry = void 0;
-const react_1 = __importDefault(require("react"));
-exports.FormViewRegistry = react_1.default.createContext({
-    fields: {},
-    templates: {},
-    components: {},
-    definitions: {},
-    uiSchemaDefinitions: {},
-    formContext: {},
-    formOptions: {},
-    formLocalization: {},
-    useItemsAsAdditionalItems: false,
-    hideUnmarkedAdditionalProperties: false,
-});

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

@@ -1,131 +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.MultipleChoiceFieldWrapper = exports.BooleanFieldWrapper = exports.NotSelectedIcon = exports.SelectedIcon = exports.EJSFieldValue = exports.ArrayFieldItem = exports.TextAreaValue = exports.StringFieldValue = exports.FieldDescription = exports.FieldTitle = exports.FieldWrapper = 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");
-const fa_1 = require("react-icons/fa");
-exports.FieldWrapper = styled_components_1.default.div `
-  color: ${(props) => props.theme.color.text.default};
-  display: flex;
-  flex-direction: column;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  gap: ${(props) => props.theme.spacing.s};
-  width: min(100%, 70rem);
-`;
-exports.FieldTitle = styled_components_1.default.label `
-  color: ${(props) => props.theme.color.text.default};
-  display: inline-block;
-  font-family: ${(props) => props.theme.typography.fontFamily.heading};
-  font-size: ${(props) => props.theme.typography.size.base};
-  font-weight: ${(props) => props.theme.typography.weight.bold};
-  width: 100%;
-`;
-exports.FieldDescription = styled_components_1.default.div `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-weight: ${(props) => props.theme.typography.weight.normal};
-  font-style: italic;
-  font-size: ${(props) => props.theme.typography.size.small};
-`;
-exports.StringFieldValue = styled_components_1.default.div `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  font-weight: ${(props) => props.theme.typography.weight.normal};
-  padding-left: ${(props) => props.theme.spacing.l};
-  white-space: pre-line;
-`;
-exports.TextAreaValue = styled_components_1.default.div `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  font-weight: ${(props) => props.theme.typography.weight.normal};
-  padding-left: ${(props) => props.theme.spacing.l};
-  white-space: pre-line;
-`;
-exports.ArrayFieldItem = styled_components_1.default.div `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  font-weight: ${(props) => props.theme.typography.weight.normal};
-  background-color: ${(props) => props.theme.color.background.default};
-  padding: ${(props) => props.theme.spacing.l};
-  border: ${(props) => `${props.theme.strokeWidth.thin} solid ${props.theme.color.border.default}`};
-`;
-exports.EJSFieldValue = styled_components_1.default.div `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  font-weight: ${(props) => props.theme.typography.weight.normal};
-  padding-left: ${(props) => props.theme.spacing.l};
-  width: 100%;
-`;
-const NotSelected = styled_components_1.default.div `
-  display: flex;
-  align-items: start;
-`;
-const Selected = styled_components_1.default.div `
-  display: flex;
-  align-items: start;
-`;
-const SelectedBox = styled_components_1.default.div `
-  color: ${(props) => props.theme.color.text.default};
-  background: ${(props) => props.theme.color.background.default};
-  border: ${(props) => props.theme.strokeWidth.thin} solid
-    ${(props) => props.theme.color.border.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  display: flex;
-  justify-content: center;
-  align-items: start;
-  min-width: 1rem;
-  min-height: 1rem;
-`;
-const NotSelectedBox = styled_components_1.default.div `
-  background: ${(props) => props.theme.color.background.default};
-  border: ${(props) => props.theme.strokeWidth.thin} solid
-    ${(props) => props.theme.color.border.default};
-  border-radius: ${(props) => props.theme.borderRadius.none};
-  display: inline-flex;
-  min-width: 1rem;
-  min-height: 1rem;
-`;
-exports.SelectedIcon = (0, styled_components_1.default)(fa_1.FaCheck) `
-  color: ${(props) => props.theme.color.text.default};
-  width: 0.75rem;
-`;
-exports.NotSelectedIcon = (0, styled_components_1.default)(fa_1.FaTimes) `
-  color: ${(props) => props.theme.color.text.default};
-  width: 0.75rem;
-`;
-exports.BooleanFieldWrapper = styled_components_1.default.div `
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  padding-left: ${(props) => props.theme.spacing.l};
-  -webkit-column-break-inside: avoid;
-  page-break-inside: avoid;
-  break-inside: avoid;
-`;
-exports.MultipleChoiceFieldWrapper = styled_components_1.default.div `
-  font-size: ${(props) => props.theme.typography.size.small};
-  label {
-    align-items: start;
-  }
-  padding-left: ${(props) => props.theme.spacing.l};
-  -webkit-column-break-inside: auto;
-  page-break-inside: auto;
-  break-inside: auto;
-`;
-const BooleanFieldValue = ({ name, className, value, label, }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: value === true ? ((0, jsx_runtime_1.jsxs)(Selected, { children: [(0, jsx_runtime_1.jsx)(SelectedBox, { children: (0, jsx_runtime_1.jsx)(exports.SelectedIcon, {}) }), (0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldLabel, { children: label !== undefined ? label : "Selected" })] })) : ((0, jsx_runtime_1.jsxs)(Selected, { children: [(0, jsx_runtime_1.jsx)(NotSelectedBox, {}), (0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldLabel, { children: label !== undefined ? label : "Not selected" })] })) }));
-};
-exports.BooleanFieldValue = BooleanFieldValue;
-const MultipleChoiceFieldValue = ({ inputProps, name, className, style, values }) => {
-    return ((0, jsx_runtime_1.jsx)(exports.MultipleChoiceFieldWrapper, { children: (0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldContainer, { className: className, style: (0, getStyle_1.getStyle)(style ?? ""), children: values.map((item) => ((0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldElement, { "data-fjsf-enum-value-view": item.const, children: item.selected ? ((0, jsx_runtime_1.jsxs)(Selected, { children: [(0, jsx_runtime_1.jsx)(SelectedBox, { children: (0, jsx_runtime_1.jsx)(exports.SelectedIcon, {}) }), (0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldLabel, { children: item.title })] })) : ((0, jsx_runtime_1.jsxs)(NotSelected, { children: [(0, jsx_runtime_1.jsx)(NotSelectedBox, {}), (0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldLabel, { children: item.title })] })) }, item.const))) }) }));
-};
-exports.MultipleChoiceFieldValue = MultipleChoiceFieldValue;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = void 0;
-const styled_components_1 = require("styled-components");
-exports.Form = styled_components_1.styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: ${(props) => props.theme.spacing.s};
-`;

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = void 0;
-const styled_components_1 = require("styled-components");
-exports.Icon = styled_components_1.styled.div `
-  padding: ${(props) => `0 ${props.theme.spacing.s}`};
-`;

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

@@ -1,56 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-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.components = void 0;
-__exportStar(require("./Field"), exports);
-__exportStar(require("./Form"), exports);
-__exportStar(require("./Icon"), exports);
-const fields_1 = require("../fields");
-const templates_1 = require("../templates");
-//Please keep this in alphabetical order
-const Field = __importStar(require("./Field"));
-const Form = __importStar(require("./Form"));
-const Icon = __importStar(require("./Icon"));
-exports.components = {
-    ...fields_1.fieldComponents,
-    ...templates_1.templateComponents,
-    //Please keep this in alphabetical order
-    ...Field,
-    ...Form,
-    ...Icon,
-};

package/dist/cjs/FormView/fields/AnyField.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnyField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const formik_1 = require("formik");
-const constants_1 = require("../../common/constants");
-const utils_1 = require("../../utils");
-const SchemaField_1 = require("./SchemaField");
-const AnyField = (props) => {
-    const { name, schema, uiSchema } = props;
-    const [{ value }] = (0, formik_1.useField)(name);
-    const [type, setType] = (0, react_1.useState)(value !== undefined ? (0, utils_1.guessType)(value) : "string");
-    const enrichedSchema = (0, react_1.useMemo)(() => {
-        switch (type) {
-            case "object":
-                return { ...(schema || {}), type, additionalProperties: {} };
-            case "array":
-                return { ...(schema || {}), type, additionalItems: {} };
-            default:
-                return { ...(schema || {}), type };
-        }
-    }, [type, schema]);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("select", { value: type, onChange: (event) => setType(event.target.value), children: Object.keys(constants_1.COMPONENT_TYPES).map((type) => ((0, jsx_runtime_1.jsx)("option", { value: type, children: type }, type))) }), (0, jsx_runtime_1.jsx)(SchemaField_1.SchemaField, { name: name, schema: enrichedSchema, uiSchema: uiSchema })] }));
-};
-exports.AnyField = AnyField;

package/dist/cjs/FormView/fields/ArrayField.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrayField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const formik_1 = require("formik");
-const react_1 = require("react");
-const utils_1 = require("../../utils");
-const FormViewRegistry_1 = require("../FormViewRegistry");
-const ArrayField = (props) => {
-    const { fields: { SchemaField }, templates, components: { ArrayFieldItem }, } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
-    const { name, uiSchema } = props;
-    const [{ value }, _] = (0, formik_1.useField)(name);
-    const findEnumInProps = props.schema.additionalItems
-        ? { schema: props.schema.additionalItems }
-        : props;
-    const enums = (0, react_1.useMemo)(() => (0, utils_1.getEnums)(findEnumInProps), [props]);
-    function getValue(item) {
-        if (enums !== undefined) {
-            return (enums.values.find((element) => element.const === item)?.title ?? "");
-        }
-        return item;
-    }
-    const SelectedArrayFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.ArrayFieldTemplate;
-    return ((0, jsx_runtime_1.jsx)(SelectedArrayFieldTemplate, { ...props, items: value, renderItem: (item, index) => typeof item === "object" ? ((0, jsx_runtime_1.jsx)(ArrayFieldItem, { children: (0, jsx_runtime_1.jsx)(SchemaField, { name: `${name}[${index}]`, schema: typeof props.schema.additionalItems !== "boolean"
-                    ? props.schema.additionalItems
-                    : {}, 
-                // TODO: check how form and form view array field handles items and additionalItems schema/uiSchema
-                uiSchema: uiSchema?.[index] || uiSchema?.items }) }, index)) : ((0, jsx_runtime_1.jsx)(ArrayFieldItem, { children: (0, jsx_runtime_1.jsx)("div", { "data-keyword": item, children: getValue(item) }) }, item)) }));
-};
-exports.ArrayField = ArrayField;

package/dist/cjs/FormView/fields/BooleanField.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BooleanField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const formik_1 = require("formik");
-const utils_1 = require("../../utils");
-const FormViewRegistry_1 = require("../FormViewRegistry");
-const BooleanField = (props) => {
-    const { templates, components: { BooleanFieldValue, BooleanFieldWrapper }, } = (0, react_1.useContext)(FormViewRegistry_1.FormViewRegistry);
-    const { name, uiSchema } = props;
-    const { label } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
-    const { values } = (0, formik_1.useFormikContext)();
-    const value = (0, formik_1.getIn)(values, name);
-    function findLabel(label) {
-        if (typeof label === "object" && label !== null) {
-            switch (value) {
-                case true:
-                    return label.true;
-                case false:
-                    return label.false;
-                case undefined:
-                    return undefined;
-            }
-        }
-        return typeof label === "string" ? label : undefined;
-    }
-    const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.FieldTemplate;
-    return ((0, jsx_runtime_1.jsx)(SelectedFieldTemplate, { ...props, children: (0, jsx_runtime_1.jsx)(BooleanFieldWrapper, { children: (0, jsx_runtime_1.jsx)(BooleanFieldValue, { name: name, value: value, label: findLabel(label) }) }) }));
-};
-exports.BooleanField = BooleanField;

package/dist/cjs/FormView/fields/DateField.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const StringField_1 = require("./StringField");
-const DateField = (props) => {
-    return ((0, jsx_runtime_1.jsx)(StringField_1.StringField, { ...props, uiSchema: {
-            ...props.uiSchema,
-            "ui:props": { ...(props.uiSchema?.["ui:props"] || {}) },
-        } }));
-};
-exports.DateField = DateField;