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

package/dist/cjs/Form/fields/NumberField/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.fields = exports.components = void 0;
-exports.components = __importStar(require("./styledComponents"));
-exports.fields = __importStar(require("./NumberField"));

package/dist/cjs/Form/fields/NumberField/styledComponents.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NumberFieldWrapper = void 0;
-const styled_components_1 = require("styled-components");
-exports.NumberFieldWrapper = styled_components_1.styled.div `
-`;

package/dist/cjs/Form/fields/ObjectField/ObjectField.js

@@ -1,190 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ObjectField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const formik_1 = require("formik");
-const react_1 = require("react");
-const styledComponents_1 = require("./styledComponents");
-const utils_1 = require("../../../utils");
-const hooks_1 = require("../../hooks");
-const FormRegistry_1 = require("../../FormRegistry");
-const types_1 = require("./types");
-const DEFAULT_FIELD = {
-    type: "string",
-    _fieldType: "string",
-    "ui:title": "",
-};
-const useObjectField = (name) => {
-    if (!name) {
-        const { values = {}, setValues } = (0, formik_1.useFormikContext)();
-        return { value: values, setValue: setValues };
-    }
-    const [{ value = {} }, _, { setValue }] = (0, formik_1.useField)(name);
-    return { value, setValue };
-};
-const ObjectField = (props) => {
-    const { fields: { SchemaField }, templates, components: { ObjectFieldItem, ObjectFieldItemButtons, ObjectFieldButton, ObjectFieldAddButton, ObjectFieldRemoveButton, ObjectFieldUpButton, ObjectFieldDownButton, ObjectFieldSection, }, hideUnmarkedAdditionalProperties, onAdditionalPropertyOrderChange, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    (0, hooks_1.useSetDefault)(props);
-    const { name, schema, uiSchema } = props;
-    const { type, props: inputProps, isCollapsible, order, disabled, } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
-    const { value, setValue } = useObjectField(name);
-    const [{ properties, additionalProperties, required }, valuesToRemove] = (0, react_1.useMemo)(() => {
-        return (0, utils_1.resolveSchema)(schema, value);
-    }, [schema, value]);
-    (0, react_1.useEffect)(() => {
-        if (valuesToRemove.length > 0) {
-            const newValue = valuesToRemove.reduce((prevValue, key) => {
-                const { [key]: _removedProperty, ...newValue } = prevValue;
-                return newValue;
-            }, value);
-            setValue(newValue);
-        }
-    }, [valuesToRemove]);
-    const propertyKeys = (0, react_1.useMemo)(() => Object.keys(properties || {}), [properties]);
-    const additionalPropertyKeys = (0, react_1.useMemo)(() => Object.keys(value || {}).filter((key) => !propertyKeys.includes(key)), [value, propertyKeys]);
-    const orderedProperties = (0, utils_1.orderByUiSchema)(order, propertyKeys);
-    const hiddenProperties = (0, utils_1.getHiddenProperties)(order, propertyKeys);
-    const orderedAdditionalProperties = (0, utils_1.orderAdditionalProperties)(order, additionalPropertyKeys);
-    const hiddenAdditionalProperties = (0, utils_1.getHiddenProperties)(order, additionalPropertyKeys);
-    const getObjectFieldButton = ({ purpose, onClick, uiSchema, }) => {
-        const { removeButton, upButton, downButton, addButton, customButton } = (0, utils_1.extractUiSchema)(uiSchema);
-        switch (purpose) {
-            case types_1.ObjectFieldButtonPurpose.ADD:
-                return ((0, jsx_runtime_1.jsx)(ObjectFieldAddButton, { ...(addButton?.props ?? {}), onClick: onClick, children: addButton?.content ?? "+" }));
-            case types_1.ObjectFieldButtonPurpose.REMOVE:
-                return ((0, jsx_runtime_1.jsx)(ObjectFieldRemoveButton, { ...(removeButton?.props ?? {}), onClick: onClick, children: removeButton?.content ?? "-" }));
-            case types_1.ObjectFieldButtonPurpose.MOVE_UP:
-                return ((0, jsx_runtime_1.jsx)(ObjectFieldUpButton, { ...(upButton?.props ?? {}), onClick: onClick, children: upButton?.content ?? "↑" }));
-            case types_1.ObjectFieldButtonPurpose.MOVE_DOWN:
-                return ((0, jsx_runtime_1.jsx)(ObjectFieldDownButton, { ...(downButton?.props ?? {}), onClick: onClick, children: downButton?.content ?? "↓" }));
-            default:
-                return ((0, jsx_runtime_1.jsx)(ObjectFieldButton, { ...(customButton?.props ?? {}), onClick: onClick, children: customButton?.content ?? "" }));
-        }
-    };
-    const SelectedObjectFieldTemplate = (uiSchema?.["ui:template"] &&
-        templates[uiSchema?.["ui:template"]]) ??
-        (isCollapsible
-            ? templates.CollapsibleObjectFieldTemplate
-            : templates.ObjectFieldTemplate);
-    const showAdditionalProperties = !hideUnmarkedAdditionalProperties || !!additionalProperties;
-    return ((0, jsx_runtime_1.jsx)(styledComponents_1.ObjectFieldWrapper, { children: (0, jsx_runtime_1.jsxs)(SelectedObjectFieldTemplate, { ...props, "data-fjsf-object": name || "ROOT", "data-fjsf-level": !name ? 0 : name.split(".").length, children: [orderedProperties
-                    .map((child) => {
-                    if (typeof child === "string") {
-                        const childSchema = properties?.[child];
-                        if (!childSchema)
-                            return undefined;
-                        const childUiSchema = {
-                            ...(uiSchema?.properties ?? {}),
-                            ...(uiSchema?.[`> ${child}`] ?? uiSchema?.[child] ?? {}),
-                        };
-                        return ((0, jsx_runtime_1.jsx)(SchemaField, { required: required?.includes(child), name: name ? [name, child].join(".") : child, schema: prepareChildSchema(childSchema, schema), uiSchema: childUiSchema }, child));
-                    }
-                    else {
-                        const { title, fields, collapsible } = child;
-                        return ((0, jsx_runtime_1.jsx)(ObjectFieldSection, { title: title, collapsible: collapsible, children: fields.map((child2) => {
-                                const childSchema = properties?.[child2];
-                                if (!childSchema)
-                                    return undefined;
-                                const childUiSchema = {
-                                    ...(uiSchema?.properties ?? {}),
-                                    ...(uiSchema?.[`> ${child2}`] ??
-                                        uiSchema?.[child2] ??
-                                        {}),
-                                };
-                                return ((0, jsx_runtime_1.jsx)(SchemaField, { name: name ? [name, child2].join(".") : child2, schema: prepareChildSchema(childSchema, schema), uiSchema: childUiSchema }, child2));
-                            }) }, fields.join("_")));
-                    }
-                })
-                    .filter((x) => x), hiddenProperties.map((child) => {
-                    const childSchema = properties?.[child];
-                    if (!childSchema)
-                        return undefined;
-                    const childUiSchema = {
-                        ...(uiSchema?.properties ?? {}),
-                        ...(uiSchema?.[`> ${child}`] ?? uiSchema?.[child] ?? {}),
-                    };
-                    return ((0, jsx_runtime_1.jsx)(SchemaField, { required: required?.includes(child), name: name ? [name, child].join(".") : child, schema: prepareChildSchema(childSchema, schema), uiSchema: {
-                            ...childUiSchema,
-                            props: {
-                                ...childUiSchema?.props,
-                                wrapper: {
-                                    ...childUiSchema?.props?.wrapper,
-                                    style: {
-                                        ...childUiSchema?.props?.wrapper?.style,
-                                        display: "none",
-                                    },
-                                },
-                            },
-                        }, style: { display: "none" } }, child));
-                }), showAdditionalProperties &&
-                    orderedAdditionalProperties.map((childName, index) => {
-                        const childUiSchema = {
-                            ...(uiSchema?.additionalProperties ?? {}),
-                            ...(uiSchema?.properties ?? {}),
-                            ...(uiSchema?.[`> ${childName}`] ?? uiSchema?.[childName] ?? {}),
-                        };
-                        return ((0, jsx_runtime_1.jsxs)(ObjectFieldItem, { children: [(0, jsx_runtime_1.jsx)(SchemaField, { required: required?.includes(childName), name: name ? [name, childName].join(".") : childName, schema: prepareChildSchema(schema.additionalProperties, schema), uiSchema: childUiSchema }, childName), (0, jsx_runtime_1.jsxs)(ObjectFieldItemButtons, { children: [onAdditionalPropertyOrderChange &&
-                                            index > 0 &&
-                                            getObjectFieldButton({
-                                                purpose: types_1.ObjectFieldButtonPurpose.MOVE_UP,
-                                                onClick: () => {
-                                                    onAdditionalPropertyOrderChange(name, orderedAdditionalProperties, (0, utils_1.immutablySwapItems)(orderedAdditionalProperties, index, index - 1));
-                                                },
-                                                uiSchema,
-                                            }), onAdditionalPropertyOrderChange &&
-                                            index < orderedAdditionalProperties.length - 1 &&
-                                            getObjectFieldButton({
-                                                purpose: types_1.ObjectFieldButtonPurpose.MOVE_DOWN,
-                                                onClick: () => {
-                                                    onAdditionalPropertyOrderChange(name, orderedAdditionalProperties, (0, utils_1.immutablySwapItems)(orderedAdditionalProperties, index, index + 1));
-                                                },
-                                                uiSchema,
-                                            }), getObjectFieldButton({
-                                            purpose: types_1.ObjectFieldButtonPurpose.REMOVE,
-                                            onClick: () => {
-                                                const { [childName]: _removedProperty, ...newValue } = value;
-                                                setValue(newValue);
-                                                if (onAdditionalPropertyOrderChange) {
-                                                    const nextOrder = orderedAdditionalProperties.filter((k) => k !== childName);
-                                                    onAdditionalPropertyOrderChange(name, orderedAdditionalProperties, nextOrder);
-                                                }
-                                            },
-                                            uiSchema,
-                                        })] })] }, childName));
-                    }), showAdditionalProperties &&
-                    hiddenAdditionalProperties.map((childName) => {
-                        const childUiSchema = {
-                            ...(uiSchema?.additionalProperties ?? {}),
-                            ...(uiSchema?.properties ?? {}),
-                            ...(uiSchema?.[`> ${childName}`] ?? uiSchema?.[childName] ?? {}),
-                        };
-                        return ((0, jsx_runtime_1.jsx)(ObjectFieldItem, { style: { display: "none" }, children: (0, jsx_runtime_1.jsx)(SchemaField, { required: required?.includes(childName), name: name ? [name, childName].join(".") : childName, schema: prepareChildSchema(schema.additionalProperties, schema), uiSchema: childUiSchema }, childName) }, childName));
-                    }), additionalProperties &&
-                    getObjectFieldButton({
-                        purpose: types_1.ObjectFieldButtonPurpose.ADD,
-                        onClick: () => {
-                            const key = prompt("Give key");
-                            if (!key)
-                                return;
-                            if (Object.prototype.hasOwnProperty.call(value, key))
-                                return;
-                            const newValue = { ...value, [key]: DEFAULT_FIELD };
-                            setValue(newValue);
-                            if (onAdditionalPropertyOrderChange) {
-                                const nextOrder = [...orderedAdditionalProperties, key];
-                                onAdditionalPropertyOrderChange(name, orderedAdditionalProperties, nextOrder);
-                            }
-                        },
-                        uiSchema,
-                    })] }) }));
-};
-exports.ObjectField = ObjectField;
-function prepareChildSchema(childSchema, parentSchema) {
-    if (!childSchema || typeof childSchema === "boolean") {
-        return {};
-    }
-    if (parentSchema.readOnly) {
-        return { ...childSchema, readOnly: parentSchema.readOnly };
-    }
-    return childSchema;
-}

package/dist/cjs/Form/fields/ObjectField/ObjectFieldSection.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ObjectFieldSection = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const FormRegistry_1 = require("../../FormRegistry");
-const styledComponents_1 = require("./styledComponents");
-const ObjectFieldSection = ({ title, collapsible, children, }) => {
-    const [collapsed, setCollapsed] = (0, react_1.useState)(collapsible);
-    const { components: { ObjectFieldSectionWrapper, ObjectFieldSectionTitle, ObjectFieldSectionChildrenWrapper, }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    return ((0, jsx_runtime_1.jsxs)(ObjectFieldSectionWrapper, { children: [(0, jsx_runtime_1.jsxs)(ObjectFieldSectionTitle, { onClick: () => {
-                    if (collapsible) {
-                        setCollapsed((currentState) => !currentState);
-                    }
-                }, children: [title, (0, jsx_runtime_1.jsx)(styledComponents_1.IconWrapper, { children: collapsible && (collapsed ? "▸" : "▾") })] }), (0, jsx_runtime_1.jsx)(ObjectFieldSectionChildrenWrapper, { style: collapsed ? { display: "none" } : undefined, children: children })] }));
-};
-exports.ObjectFieldSection = ObjectFieldSection;

package/dist/cjs/Form/fields/ObjectField/index.js

@@ -1,41 +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.components = exports.fields = void 0;
-const ObjectFieldSection_1 = require("./ObjectFieldSection");
-const styledComponents = __importStar(require("./styledComponents"));
-exports.fields = __importStar(require("./ObjectField"));
-const components = { ...styledComponents, ObjectFieldSection: ObjectFieldSection_1.ObjectFieldSection };
-exports.components = components;

package/dist/cjs/Form/fields/ObjectField/styledComponents.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ObjectFieldSectionChildrenWrapper = exports.ObjectFieldSectionTitle = exports.ObjectFieldSectionWrapper = exports.ObjectFieldAddButton = exports.ObjectFieldRemoveButton = exports.ObjectFieldDownButton = exports.ObjectFieldUpButton = exports.ObjectFieldButton = exports.ObjectFieldItemButtons = exports.ObjectFieldItem = exports.ObjectFieldWrapper = exports.IconWrapper = void 0;
-const styled_components_1 = require("styled-components");
-const common_1 = require("../../styles/common");
-const Button_1 = require("@nolwenture/component-library/src/components/Button");
-exports.IconWrapper = styled_components_1.styled.div `
-  display: flex;
-`;
-exports.ObjectFieldWrapper = (0, styled_components_1.styled)(common_1.CommonFieldWrapper) ``;
-exports.ObjectFieldItem = styled_components_1.styled.li `
-  color: ${(props) => props.theme.color.text.default};
-  display: flex;
-`;
-exports.ObjectFieldItemButtons = styled_components_1.styled.div `
-  align-items: flex-start;
-  display: flex;
-  gap: ${(props) => props.theme.spacing.s};
-  margin: ${(props) => props.theme.spacing.s};
-`;
-exports.ObjectFieldButton = (0, styled_components_1.styled)(Button_1.Button) `
-  line-height: 1;
-  padding: ${(props) => `${props.theme.spacing.s} ${props.theme.spacing.m}`};
-  justify-content: center;
-`;
-exports.ObjectFieldUpButton = (0, styled_components_1.styled)(exports.ObjectFieldButton) ``;
-exports.ObjectFieldDownButton = (0, styled_components_1.styled)(exports.ObjectFieldButton) ``;
-exports.ObjectFieldRemoveButton = (0, styled_components_1.styled)(exports.ObjectFieldButton) ``;
-exports.ObjectFieldAddButton = (0, styled_components_1.styled)(exports.ObjectFieldButton) ``;
-exports.ObjectFieldSectionWrapper = styled_components_1.styled.fieldset `
-  display: flex;
-  flex-direction: column;
-  gap: ${(props) => props.theme.spacing.m};
-  padding: ${(props) => props.theme.spacing.s}
-    ${(props) => props.theme.spacing.l} ${(props) => props.theme.spacing.s}
-    ${(props) => props.theme.spacing.s};
-`;
-exports.ObjectFieldSectionTitle = styled_components_1.styled.legend `
-  display: flex;
-  gap: ${(props) => props.theme.spacing.s};
-  float: left;
-  width: 100%;
-  margin: 0;
-  justify-content: space-between;
-`;
-exports.ObjectFieldSectionChildrenWrapper = styled_components_1.styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: ${(props) => props.theme.spacing.m};
-`;

package/dist/cjs/Form/fields/ObjectField/types.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ObjectFieldButtonPurpose = void 0;
-var ObjectFieldButtonPurpose;
-(function (ObjectFieldButtonPurpose) {
-    ObjectFieldButtonPurpose[ObjectFieldButtonPurpose["ADD"] = 0] = "ADD";
-    ObjectFieldButtonPurpose[ObjectFieldButtonPurpose["REMOVE"] = 1] = "REMOVE";
-    ObjectFieldButtonPurpose[ObjectFieldButtonPurpose["MOVE_UP"] = 2] = "MOVE_UP";
-    ObjectFieldButtonPurpose[ObjectFieldButtonPurpose["MOVE_DOWN"] = 3] = "MOVE_DOWN";
-})(ObjectFieldButtonPurpose || (exports.ObjectFieldButtonPurpose = ObjectFieldButtonPurpose = {}));

package/dist/cjs/Form/fields/RadioField/RadioField.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const utils_1 = require("../../../utils");
-const hooks_1 = require("../../hooks");
-const FormRegistry_1 = require("../../FormRegistry");
-const RadioField = (props) => {
-    const { templates, components: { RadioFieldInput }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    (0, hooks_1.useSetDefault)(props);
-    const { name, uiSchema } = props;
-    const { label, props: inputProps } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
-    const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.FieldTemplate;
-    return ((0, jsx_runtime_1.jsx)(SelectedFieldTemplate, { ...props, "data-fjsf-boolean": name, children: (0, jsx_runtime_1.jsx)(RadioFieldInput, { inputProps: { readOnly: props.schema.readOnly, ...inputProps }, label: label, name: name }) }));
-};
-exports.RadioField = RadioField;

package/dist/cjs/Form/fields/RadioField/RadioFieldInput.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioFieldInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const FormRegistry_1 = require("../../FormRegistry");
-const RadioFieldInput = ({ label, inputProps, name, className, }) => {
-    const { components: { RadioFieldContainer, RadioFieldElement, RadioFieldInputElement, RadioFieldLabelTrue, RadioFieldLabelFalse, }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    return ((0, jsx_runtime_1.jsxs)(RadioFieldContainer, { className: className, children: [(0, jsx_runtime_1.jsxs)(RadioFieldElement, { children: [(0, jsx_runtime_1.jsx)(RadioFieldInputElement, { ...inputProps, name: name, type: "radio", value: "true" }), (0, jsx_runtime_1.jsx)(RadioFieldLabelTrue, { children: label?.true ?? "true" })] }), (0, jsx_runtime_1.jsxs)(RadioFieldElement, { children: [(0, jsx_runtime_1.jsx)(RadioFieldInputElement, { ...inputProps, name: name, type: "radio", value: "false" }), (0, jsx_runtime_1.jsx)(RadioFieldLabelFalse, { children: label?.false ?? "false" })] })] }));
-};
-exports.RadioFieldInput = RadioFieldInput;

package/dist/cjs/Form/fields/RadioField/index.js

@@ -1,41 +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.components = exports.fields = void 0;
-const RadioFieldInput_1 = require("./RadioFieldInput");
-const styledComponents = __importStar(require("./styledComponents"));
-exports.fields = __importStar(require("./RadioField"));
-const components = { ...styledComponents, RadioFieldInput: RadioFieldInput_1.RadioFieldInput };
-exports.components = components;

package/dist/cjs/Form/fields/RadioField/styledComponents.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioFieldLabelFalse = exports.RadioFieldLabelTrue = exports.RadioFieldLabel = exports.RadioFieldInputElement = exports.RadioFieldElement = exports.RadioFieldContainer = void 0;
-const styled_components_1 = require("styled-components");
-const polished_1 = require("polished");
-const FieldInput_1 = require("../../components/FieldInput");
-const common_1 = require("../../styles/common");
-exports.RadioFieldContainer = (0, styled_components_1.styled)(common_1.CommonCheckboxStyles) `
-  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};
-
-  &:has(input[readonly]) {
-    flex-direction: column;
-    gap: ${(props) => props.theme.spacing.xxs};
-  }
-
-  input[type="radio"] {
-    -webkit-appearance: none;
-    appearance: none;
-    background-color: ${(props) => props.theme.color.background.input};
-    border-radius: ${(props) => props.theme.borderRadius.circle};
-    border: ${(props) => props.theme.strokeWidth.thin} solid
-      ${(props) => props.theme.color.border.default};
-    color: ${(props) => (0, polished_1.readableColor)(props.theme.color.background.input)};
-    cursor: pointer;
-    display: grid;
-    font: inherit;
-    height: ${(props) => props.theme.spacing.l};
-    margin: 0;
-    place-content: center;
-    width: ${(props) => props.theme.spacing.l};
-
-    &:before {
-      background-color: CanvasText; //support for forced-colors
-      border-radius: ${(props) => props.theme.borderRadius.circle};
-      content: "";
-      display: inline-block;
-      height: ${(props) => props.theme.spacing.s};
-      transform: scale(0);
-      transition: 0.12s transform ease-in-out;
-      width: ${(props) => props.theme.spacing.s};
-    }
-
-    &:focus {
-      ${(props) => props.theme.focus.default};
-    }
-
-    &:checked {
-      background-color: ${(props) => props.theme.color.intent.default.none};
-
-      &:before {
-        transform: scale(1);
-      }
-    }
-
-    &[readonly] {
-      background-color: transparent;
-    }
-  }
-`;
-exports.RadioFieldElement = styled_components_1.styled.label `
-  display: inline-flex;
-  align-items: center;
-
-  &:has(input[readonly]) {
-    pointer-events: none;
-  }
-`;
-exports.RadioFieldInputElement = (0, styled_components_1.styled)(FieldInput_1.FieldInput) ``;
-exports.RadioFieldLabel = styled_components_1.styled.span `
-  margin-left: ${(props) => props.theme.spacing.xs};
-  line-height: ${(props) => props.theme.typography.lineHeight.small};
-`;
-exports.RadioFieldLabelTrue = (0, styled_components_1.styled)(exports.RadioFieldLabel) ``;
-exports.RadioFieldLabelFalse = (0, styled_components_1.styled)(exports.RadioFieldLabel) ``;

package/dist/cjs/Form/fields/SchemaField/SchemaField.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SchemaField = 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 constants_1 = require("../../../common/constants");
-const useFieldComponent = (schema, uiSchema, fields) => {
-    const { field } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
-    if (typeof field === "function") {
-        return field;
-    }
-    if (typeof field === "string" && field in fields) {
-        return fields[field];
-    }
-    let schemaType = (0, utils_1.getSchemaType)(schema);
-    if (Array.isArray(schemaType)) {
-        schemaType = schemaType[0];
-    }
-    const fieldName = constants_1.COMPONENT_TYPES[schemaType || "any"];
-    return fieldName in fields
-        ? fields[fieldName]
-        : () => ((0, jsx_runtime_1.jsxs)("p", { style: { color: "red" }, children: ["!!! Unsupported field \"", fieldName, "\" !!!"] }));
-};
-const SchemaField = (props) => {
-    const { schema, uiSchema } = props;
-    const { fields, definitions, uiSchemaDefinitions } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    const schemaSolvedForReferences = (0, react_1.useMemo)(() => (0, utils_1.solveReferences)(schema, definitions, uiSchema, uiSchemaDefinitions), [schema, definitions]);
-    const FieldComponent = useFieldComponent(schemaSolvedForReferences.schema, schemaSolvedForReferences.uiSchema, fields);
-    const newProps = {
-        ...props,
-        schema: schemaSolvedForReferences.schema,
-        uiSchema: schemaSolvedForReferences.uiSchema,
-    };
-    return (0, jsx_runtime_1.jsx)(FieldComponent, { ...newProps });
-};
-exports.SchemaField = SchemaField;

package/dist/cjs/Form/fields/SchemaField/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.fields = void 0;
-exports.fields = __importStar(require("./SchemaField"));

package/dist/cjs/Form/fields/SearchableMultiTagSelectField/SearchableMultiTagSelectField.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchableMultiTagSelectField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const utils_1 = require("../../../utils");
-const hooks_1 = require("../../hooks");
-const FormRegistry_1 = require("../../FormRegistry");
-const SearchableMultiTagSelectField = (props) => {
-    const { templates, components: { SearchableMultiTagSelectFieldInput }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    (0, hooks_1.useSetDefault)(props);
-    const { name, uiSchema, schema } = props;
-    const { placeholder, emptySearchMessage, props: inputProps, } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
-    const enums = (0, react_1.useMemo)(() => (0, utils_1.getEnums)(props), [props]);
-    const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.FieldTemplate;
-    return ((0, jsx_runtime_1.jsx)(SelectedFieldTemplate, { ...props, "data-fjsf-array": name, children: (0, jsx_runtime_1.jsx)(SearchableMultiTagSelectFieldInput, { ...inputProps, name: name, placeholder: placeholder, emptySearchMessage: emptySearchMessage, enums: enums, readOnly: schema.readOnly }) }));
-};
-exports.SearchableMultiTagSelectField = SearchableMultiTagSelectField;

package/dist/cjs/Form/fields/SearchableMultiTagSelectField/SearchableMultiTagSelectFieldInput.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchableMultiTagSelectFieldInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const FormRegistry_1 = require("../../FormRegistry");
-const SearchableMultiTagSelectFieldInput = ({ name, placeholder, enums, emptySearchMessage, closeElement, className, disabled, readOnly, }) => {
-    const { components: { FieldInput, SearchableMultiTagSelectFieldBadge, SearchableMultiTagSelectFieldBadgeCloseElement, SearchableMultiTagSelectFieldBadgeContainer, SearchableMultiTagSelectFieldContainer, SearchableMultiTagSelectFieldInputElement, SearchableMultiTagSelectFieldOptionList, SearchableMultiTagSelectFieldOptionListItem, SearchableMultiTagSelectFieldOptionListWithoutItem, SearchableMultiTagSelectFieldSearchContainer, }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    const [search, setSearch] = (0, react_1.useState)("");
-    const searchIncludedInEnum = () => {
-        const hasValue = enums?.values.map((value) => value.title.toLowerCase().includes(search.toLowerCase()));
-        return hasValue?.includes(true);
-    };
-    return ((0, jsx_runtime_1.jsx)(FieldInput, { className: className, name: name, multiple: true, children: ({ field, form: { setFieldValue }, meta, }) => ((0, jsx_runtime_1.jsxs)(SearchableMultiTagSelectFieldContainer, { className: className, children: [(0, jsx_runtime_1.jsx)(FieldInput, { id: className, type: "hidden", ...field }), (0, jsx_runtime_1.jsxs)(SearchableMultiTagSelectFieldSearchContainer, { children: [(0, jsx_runtime_1.jsx)(SearchableMultiTagSelectFieldInputElement, { id: className + "_id", className: className, type: "text", onChange: (e) => {
-                                setSearch(e.currentTarget.value);
-                            }, placeholder: placeholder, value: search, readOnly: readOnly, disabled: disabled }), search.length > 0 && !disabled && !readOnly && ((0, jsx_runtime_1.jsx)(SearchableMultiTagSelectFieldOptionList, { children: searchIncludedInEnum() ? (enums?.values
-                                .filter((item) => !(field.value ?? []).includes(item.const))
-                                .filter((value) => value.title.toLowerCase().includes(search.toLowerCase()))
-                                .map((option, index) => ((0, jsx_runtime_1.jsx)(SearchableMultiTagSelectFieldOptionListItem, { value: option.const, onClick: () => {
-                                    setFieldValue(name, [
-                                        ...new Set([...(field.value ?? []), option.const]),
-                                    ]);
-                                    setSearch("");
-                                }, children: option.title }, index)))) : ((0, jsx_runtime_1.jsx)(SearchableMultiTagSelectFieldOptionListWithoutItem, { children: emptySearchMessage ?? "No match found" })) }))] }), (0, jsx_runtime_1.jsx)(SearchableMultiTagSelectFieldBadgeContainer, { children: (field.value ?? []).map((value) => ((0, jsx_runtime_1.jsxs)(SearchableMultiTagSelectFieldBadge, { children: [enums?.values.find((option) => option.const === value)
-                                ?.title, (0, jsx_runtime_1.jsx)(SearchableMultiTagSelectFieldBadgeCloseElement, { onClick: () => setFieldValue(name, field.value.filter((v) => v !== value)), disabled: disabled || readOnly, children: closeElement ?? "✕" })] }, value))) }), meta.touched && meta.error && ((0, jsx_runtime_1.jsx)("div", { className: "error", children: meta.error }))] })) }));
-};
-exports.SearchableMultiTagSelectFieldInput = SearchableMultiTagSelectFieldInput;