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

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

@@ -1,86 +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.SelectFieldInput = exports.FieldInput = exports.FieldHelp = exports.FieldDescription = exports.FieldTitle = exports.FieldTitleInfoWrapper = exports.FieldWrapper = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = require("styled-components");
-const formik = __importStar(require("formik"));
-exports.FieldWrapper = styled_components_1.styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: ${(props) => props.theme.spacing.xs};
-  color: ${(props) => props.theme.color.text.default};
-  opacity: ${(props) => (props.$isDisabled ? 0.6 : 1)};
-  pointer-events: ${(props) => (props.$isDisabled ? "none" : "auto")};
-`;
-exports.FieldTitleInfoWrapper = styled_components_1.styled.div `
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-`;
-exports.FieldTitle = styled_components_1.styled.label `
-  font-size: ${(props) => props.theme.typography.size.base};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-weight: ${(props) => props.theme.typography.weight.medium};
-  margin-right: ${(props) => props.theme.spacing.s};
-  color: ${(props) => props.theme.color.text.default};
-`;
-exports.FieldDescription = styled_components_1.styled.p `
-  color: ${(props) => props.theme.color.text.default};
-  margin: 0;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.base};
-  font-weight: ${(props) => props.$isReadOnly
-    ? props.theme.typography.weight.bold
-    : props.theme.typography.weight.normal};
-`;
-exports.FieldHelp = styled_components_1.styled.p `
-  color: ${(props) => props.theme.color.text.default};
-  margin: 0;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-`;
-/*
- * Works like Formik field, but "as" props needs to be given with "formikAs", since styled components uses as.
- *
- */
-exports.FieldInput = (0, styled_components_1.styled)(({ formikAs, ...props }) => {
-    return (0, jsx_runtime_1.jsx)(formik.Field, { ...props, as: formikAs });
-}) ``;
-exports.SelectFieldInput = (0, styled_components_1.styled)(exports.FieldInput) `
-  &[readonly] {
-    pointer-events: none;
-  }
-`;

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

@@ -1,52 +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;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormButton = exports.FormButtonWrapper = exports.Form = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const formik = __importStar(require("formik"));
-const Button_1 = require("@nolwenture/component-library/src/components/Button");
-exports.Form = (0, styled_components_1.default)(formik.Form) `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  
-  :focus {
-    ${(props) => props.theme.focus.default};
-  }
-`;
-exports.FormButtonWrapper = styled_components_1.default.div ``;
-exports.FormButton = (0, styled_components_1.default)(Button_1.Button) ``;

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

@@ -1,5 +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 ``;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RequiredIndicator = void 0;
-const styled_components_1 = require("styled-components");
-exports.RequiredIndicator = styled_components_1.styled.span `
-  ::before {
-    content: "*";
-  }
-`;

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

@@ -1,58 +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 = void 0;
-const fields_1 = require("../fields");
-const templates_1 = require("../templates");
-//Please keep this in alphabetical order
-const Clickable = __importStar(require("./Clickable"));
-const ErrorMessage = __importStar(require("./ErrorMessage"));
-const FieldInfo = __importStar(require("./FieldInfo"));
-const Field = __importStar(require("./FieldInput"));
-const Form = __importStar(require("./Form"));
-const Icon = __importStar(require("./Icon"));
-const RequiredIndicator = __importStar(require("./RequiredIndicator"));
-exports.components = {
-    ...fields_1.fieldComponents,
-    ...templates_1.templateComponents,
-    //Please keep this in alphabetical order
-    ...Clickable,
-    ...ErrorMessage,
-    ...FieldInfo,
-    ...Field,
-    ...Form,
-    ...Icon,
-    ...RequiredIndicator,
-};

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

@@ -1,30 +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 utils_1 = require("../../../utils");
-const constants_1 = require("../../../common/constants");
-const SchemaField_1 = require("../SchemaField/SchemaField");
-const styledComponents_1 = require("./styledComponents");
-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 { 
-    //TODO: This is not right
-    props: { wrapper: wrapperProps = {} } = {}, } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
-    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)(styledComponents_1.AnyFieldWrapper, { ...wrapperProps, 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/Form/fields/AnyField/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("./AnyField"));

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

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnyFieldWrapper = void 0;
-const styled_components_1 = require("styled-components");
-const common_1 = require("../../styles/common");
-exports.AnyFieldWrapper = (0, styled_components_1.styled)(common_1.CommonFieldWrapper) ``;

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

@@ -1,130 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrayField = 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 hooks_1 = require("../../hooks");
-const FormRegistry_1 = require("../../FormRegistry");
-const styledComponents_1 = require("./styledComponents");
-const appendArray = (values, schema) => {
-    const newItem = (0, utils_1.getDefaultValueForType)(schema?.type);
-    return values ? [...values, newItem] : [newItem];
-};
-const removeFromArray = (values, index) => {
-    return [...values.slice(0, index), ...values.slice(index + 1)];
-};
-const moveInArray = (values, index, direction) => {
-    if (direction === -1) {
-        return [
-            ...values.slice(0, index - 1),
-            values[index],
-            values[index - 1],
-            ...values.slice(index + 1),
-        ];
-    }
-    else {
-        return [
-            ...values.slice(0, index),
-            values[index + 1],
-            values[index],
-            ...values.slice(index + 2),
-        ];
-    }
-};
-const ArrayField = (props) => {
-    const { fields: { SchemaField }, templates, components: { SelectFieldInput, ArrayFieldItem, ArrayFieldItemButtons, ArrayFieldAddButton, ArrayFieldRemoveButton, ArrayFieldUpButton, ArrayFieldDownButton, }, useItemsAsAdditionalItems, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    (0, hooks_1.useSetDefault)(props);
-    const { name, schema, uiSchema } = props;
-    const { type, props: inputProps, disabled, removeButton, upButton, downButton, addButton, } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
-    const [{ value }, _, { setValue }] = (0, formik_1.useField)(name);
-    const schemas = (0, react_1.useMemo)(() => {
-        let items = schema.items && typeof schema.items !== "boolean" ? schema.items : [];
-        if (!Array.isArray(items)) {
-            items = [items];
-        }
-        return useItemsAsAdditionalItems && !schema.additionalItems
-            ? {
-                items: [],
-                additionalItems: items.filter((item) => typeof item !== "boolean")[0],
-            }
-            : {
-                items: items.filter((item) => typeof item !== "boolean"),
-                additionalItems: typeof schema.additionalItems !== "boolean"
-                    ? schema.additionalItems
-                    : undefined,
-            };
-    }, [schema]);
-    const enums = (0, react_1.useMemo)(() => (0, utils_1.getEnums)(props), [props]);
-    //This whole mess would give backwards compatibility, but maybe we don't do it
-    // const {
-    //   items,
-    //   additionalItems,
-    // }: {
-    //   items: Schema[];
-    //   additionalItems: Schema | undefined;
-    // } = useMemo(
-    //   () =>
-    //     !schema.additionalItems
-    //       ? {
-    //           additionalItems:
-    //             typeof schema.items !== "boolean"
-    //               ? Array.isArray(schema.items)
-    //                 ? typeof schema.items[0] !== "boolean"
-    //                   ? schema.items[0]
-    //                   : undefined
-    //                 : typeof schema.items !== "boolean"
-    //                 ? schema.items
-    //                 : undefined
-    //               : undefined,
-    //           items: [],
-    //         }
-    //       : {
-    //           additionalItems:
-    //             typeof schema.additionalItems !== "boolean"
-    //               ? schema.additionalItems
-    //               : undefined,
-    //           items: schema.items
-    //             ? Array.isArray(schema.items)
-    //               ? (schema.items.filter(
-    //                   (item) => typeof item !== "boolean"
-    //                 ) as Schema[])
-    //               : typeof schema.items !== "boolean"
-    //               ? [schema.items]
-    //               : []
-    //             : [],
-    //         },
-    //   [schema]
-    // );
-    // Backwards compatibility ends
-    const valueArray = Array.isArray(value) ? value : undefined;
-    const preventManipulation = disabled || schema.readOnly;
-    const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.FieldTemplate;
-    const SelectedArrayFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.ArrayFieldTemplate;
-    return schema.anyOf !== undefined ? ((0, jsx_runtime_1.jsx)(SelectedFieldTemplate, { ...props, "data-fjsf-array": name, children: (0, jsx_runtime_1.jsx)(styledComponents_1.SelectFieldInputWrapper, { children: (0, jsx_runtime_1.jsx)(SelectFieldInput, { type,
-                readOnly: schema.readOnly,
-                ...inputProps, name: name, formikAs: "select", multiple: enums?.type === utils_1.EnumsTypes.MULTI_SELECT, children: enums?.values.map((option, index) => ((0, jsx_runtime_1.jsx)("option", { value: option.const, children: option.title }, index))) }) }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SelectedArrayFieldTemplate, { ...props, "data-fjsf-array": name, items: valueArray, renderItem: (item, index) => ((0, jsx_runtime_1.jsxs)(ArrayFieldItem, { children: [(0, jsx_runtime_1.jsx)(SchemaField, { name: `${name}[${index}]`, schema: prepareChildSchema((index < schemas.items.length && schemas.items[index]) ||
-                                schemas.additionalItems, schema), uiSchema: {
-                                disabled,
-                                ...(uiSchema?.[index] || uiSchema?.items),
-                            }, 
-                            // "true" will prevent validation for required array fields
-                            // since a value always exists in the array
-                            forceDefaultValue: index >= schemas.items.length }), !preventManipulation && index >= schemas.items.length && ((0, jsx_runtime_1.jsxs)(ArrayFieldItemButtons, { children: [(0, jsx_runtime_1.jsx)(ArrayFieldRemoveButton, { id: value?.[index + schemas.items.length]?.name, ...(removeButton?.props ?? {}), onClick: () => setValue(removeFromArray(value, index + schemas.items.length)), children: removeButton?.content ?? "-" }), value.length > 1 && index > 0 && ((0, jsx_runtime_1.jsx)(ArrayFieldUpButton, { ...(upButton?.props ?? {}), onClick: () => setValue(moveInArray(value, index + schemas.items.length, -1)), children: upButton?.content ?? "↑" })), value.length > 1 &&
-                                    index < value?.slice(schemas.items.length).length - 1 && ((0, jsx_runtime_1.jsx)(ArrayFieldDownButton, { ...(downButton?.props ?? {}), onClick: () => setValue(moveInArray(value, index + schemas.items.length, 1)), children: downButton?.content ?? "↓" }))] }))] }, index)) }), schemas.additionalItems && !preventManipulation && ((0, jsx_runtime_1.jsx)(ArrayFieldAddButton, { ...(addButton?.props ?? {}), onClick: () => setValue(appendArray(value, schemas.additionalItems)), children: addButton?.content ?? "+" }))] }));
-};
-exports.ArrayField = ArrayField;
-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/ArrayField/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("./ArrayField"));

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

@@ -1,22 +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.ArrayFieldAddButton = exports.ArrayFieldRemoveButton = exports.ArrayFieldDownButton = exports.ArrayFieldUpButton = exports.ArrayFieldLineButton = exports.ArrayFieldButton = exports.ArrayFieldItemButtons = exports.ArrayFieldItem = exports.SelectFieldInputWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const styledComponents_1 = require("../ObjectField/styledComponents");
-const common_1 = require("../../styles/common");
-exports.SelectFieldInputWrapper = (0, styled_components_1.default)(common_1.CommonFieldWrapper) ``;
-exports.ArrayFieldItem = (0, styled_components_1.default)(styledComponents_1.ObjectFieldItem) `
-  padding: ${(props) => props.theme.spacing.l};
-  border: ${(props) => `${props.theme.strokeWidth.thin} solid ${props.theme.color.border.default}`};
-  margin-bottom: ${(props) => props.theme.spacing.s};
-`;
-exports.ArrayFieldItemButtons = styledComponents_1.ObjectFieldItemButtons;
-exports.ArrayFieldButton = (0, styled_components_1.default)(styledComponents_1.ObjectFieldButton) ``;
-exports.ArrayFieldLineButton = (0, styled_components_1.default)(exports.ArrayFieldButton) ``;
-exports.ArrayFieldUpButton = (0, styled_components_1.default)(exports.ArrayFieldLineButton) ``;
-exports.ArrayFieldDownButton = (0, styled_components_1.default)(exports.ArrayFieldLineButton) ``;
-exports.ArrayFieldRemoveButton = (0, styled_components_1.default)(exports.ArrayFieldLineButton) ``;
-exports.ArrayFieldAddButton = (0, styled_components_1.default)(exports.ArrayFieldButton) ``;

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

@@ -1,26 +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 hooks_1 = require("../../hooks");
-const FormRegistry_1 = require("../../FormRegistry");
-const utils_1 = require("../../../utils");
-const BooleanField = (props) => {
-    const { templates, components: { FieldInput, BooleanFieldWrapper }, } = (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 { values, setValues } = (0, formik_1.useFormikContext)();
-    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.jsxs)(BooleanFieldWrapper, { children: [(0, jsx_runtime_1.jsx)(FieldInput, { readOnly: props.schema.readOnly, ...inputProps, name: name, type: "checkbox" }), (0, jsx_runtime_1.jsx)("span", { onClick: () => {
-                        setValues({
-                            ...values,
-                            [name]: !values?.[name],
-                        });
-                    }, children: label })] }) }));
-};
-exports.BooleanField = BooleanField;

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

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BooleanFieldWrapper = void 0;
-const styled_components_1 = require("styled-components");
-const common_1 = require("../../styles/common");
-exports.BooleanFieldWrapper = (0, styled_components_1.styled)(common_1.CommonCheckboxStyles) `
-  align-items: center;
-  color: ${(props) => props.theme.color.text.default};
-  cursor: pointer;
-  display: flex;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  gap: ${(props) => props.theme.spacing.s};
-
-  &:has(input[readonly]) {
-    pointer-events: none;
-    cursor: pointer;
-  }
-`;

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

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateField = 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 common_1 = require("../../styles/common");
-const DateInput_1 = require("./DateInput");
-const DateField = (props) => {
-    const { templates, formLocalization } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    const {} = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    (0, hooks_1.useSetDefault)(props);
-    const { name, uiSchema, schema } = props;
-    const { 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;
-    const { label, placeholder, min, max, locale, helpText, disabled, errorMessages, } = inputProps || {};
-    const readOnly = schema.readOnly === true;
-    return ((0, jsx_runtime_1.jsx)(SelectedFieldTemplate, { ...props, "data-fjsf-string": name, children: (0, jsx_runtime_1.jsx)(common_1.CommonFieldWrapper, { children: (0, jsx_runtime_1.jsx)(DateInput_1.DateInput, { name: name, label: label, placeholder: placeholder, min: min, max: max, locale: locale ??
-                    formLocalization?.fields?.DateField?.locale ??
-                    navigator.language, helpText: helpText, disabled: disabled, readOnly: readOnly, errorMessages: errorMessages }) }) }));
-};
-exports.DateField = DateField;