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

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

@@ -1,93 +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.fieldComponents = void 0;
-const AnyField = __importStar(require("./AnyField"));
-const ArrayField = __importStar(require("./ArrayField"));
-const BooleanField = __importStar(require("./BooleanField"));
-const DateField = __importStar(require("./DateField"));
-const FileUploadField = __importStar(require("./FileUploadField"));
-const FilesUploadField = __importStar(require("./FilesUploadField"));
-const MultipleChoiceField = __importStar(require("./MultipleChoiceField"));
-const NullField = __importStar(require("./NullField"));
-const NumberField = __importStar(require("./NumberField"));
-const ObjectField = __importStar(require("./ObjectField"));
-const RadioField = __importStar(require("./RadioField"));
-const SchemaField = __importStar(require("./SchemaField"));
-const SearchableMultiTagSelectField = __importStar(require("./SearchableMultiTagSelectField"));
-const SearchableSelectField = __importStar(require("./SearchableSelectField"));
-const StringField = __importStar(require("./StringField"));
-const TextAreaField = __importStar(require("./TextAreaField"));
-const ToggleField = __importStar(require("./ToggleField"));
-//Please keep this in alphabetical order
-exports.fieldComponents = {
-    //...AnyField.components, // AnyField doesn't have components
-    ...ArrayField.components,
-    ...BooleanField.components,
-    //...DateField.components, // DateField uses FieldInput (maybe it should wrap it)
-    ...FileUploadField.components,
-    ...FilesUploadField.components,
-    ...MultipleChoiceField.components,
-    //...NullField.components, // NullField doesn't have components
-    //...NumberField.components, // NumberField uses StringField (maybe bit too directly)
-    ...ObjectField.components,
-    ...RadioField.components,
-    //...SchemaField.components,  // SchemaField doesn't have components
-    ...SearchableMultiTagSelectField.components,
-    ...SearchableSelectField.components,
-    //...StringField.components, // StringField uses FieldInput (maybe it should wrap it)
-    ...TextAreaField.components,
-    ...ToggleField.components,
-};
-//Please keep this in alphabetical order
-exports.fields = {
-    ...AnyField.fields,
-    ...ArrayField.fields,
-    ...BooleanField.fields,
-    ...DateField.fields,
-    ...FileUploadField.fields,
-    ...FilesUploadField.fields,
-    ...MultipleChoiceField.fields,
-    ...NullField.fields,
-    ...NumberField.fields,
-    ...ObjectField.fields,
-    ...RadioField.fields,
-    ...SchemaField.fields,
-    ...SearchableMultiTagSelectField.fields,
-    ...SearchableSelectField.fields,
-    ...StringField.fields,
-    ...TextAreaField.fields,
-    ...ToggleField.fields,
-};

package/dist/cjs/Form/hooks/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("./useSetDefault"), exports);

package/dist/cjs/Form/hooks/useSetDefault.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSetDefault = void 0;
-const react_1 = require("react");
-const formik_1 = require("formik");
-const utils_1 = require("../../utils");
-const useSetDefault = (props) => {
-    if (!props.name)
-        return;
-    const [{ value }, , { setValue }] = (0, formik_1.useField)(props.name);
-    (0, react_1.useEffect)(() => {
-        let newValue = value;
-        if (!newValue) {
-            if (props.schema.default !== undefined) {
-                if (props.schema.format === "date" && props.schema.default === "now") {
-                    const today = new Date().toISOString().split("T")[0];
-                    newValue = today;
-                }
-                else {
-                    newValue = props.schema.default;
-                }
-            }
-            else if (props.forceDefaultValue) {
-                newValue = (0, utils_1.getDefaultValueForType)(props.schema.type);
-            }
-        }
-        if (newValue && newValue !== value) {
-            setValue(newValue);
-        }
-    }, []);
-};
-exports.useSetDefault = useSetDefault;

package/dist/cjs/Form/index.js

@@ -1,26 +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 });
-exports.FormTemplates = exports.FormFields = exports.FormComponents = void 0;
-__exportStar(require("./hooks"), exports);
-const fields_1 = require("./fields");
-Object.defineProperty(exports, "FormFields", { enumerable: true, get: function () { return fields_1.fields; } });
-const components_1 = require("./components");
-Object.defineProperty(exports, "FormComponents", { enumerable: true, get: function () { return components_1.components; } });
-const templates_1 = require("./templates");
-Object.defineProperty(exports, "FormTemplates", { enumerable: true, get: function () { return templates_1.templates; } });
-__exportStar(require("./Form"), exports);
-__exportStar(require("./FormRegistry"), exports);

package/dist/cjs/Form/styles/common.js

@@ -1,259 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommonCheckboxStyles = exports.CommonFieldWrapper = void 0;
-const styled_components_1 = require("styled-components");
-const polished_1 = require("polished");
-exports.CommonFieldWrapper = styled_components_1.styled.div `
-
-  display: flex;
-  flex-direction: column;
-
-  input {
-    background-color: ${(props) => props.theme.color.background.input};
-    border-radius: ${(props) => props.theme.borderRadius.none};
-    border: ${(props) => `${props.theme.strokeWidth.thin} solid
-        ${props.theme.color.border.default}`};
-    color: ${(props) => props.theme.color.text.default};
-    font-family: ${(props) => props.theme.typography.fontFamily.base};
-    font-size: ${(props) => props.theme.typography.size.base};
-    padding: ${(props) => props.theme.spacing.s};
-
-    ::placeholder {
-      color: ${(props) => props.theme.color.text.muted};
-    }
-
-    &:read-only {
-      border: none;
-      background-color: transparent;
-      padding: 0;
-
-      &::placeholder {
-        color: ${(props) => props.theme.color.text.default};
-      }
-
-      &:focus, &:focus-visible {
-        border: none;
-        stroke: none;
-        box-shadow: none;
-      }
-    }
-
-    &:disabled {
-      background-color: ${(props) => props.theme.color.background.input};
-      border: ${(props) => `${props.theme.strokeWidth.thin} solid
-        ${props.theme.color.border.default}`};
-      padding: ${(props) => props.theme.spacing.s};
-
-      &::placeholder {
-        color: ${(props) => props.theme.color.text.muted};
-      }
-
-      &:focus, &:focus-visible {
-        border: none;
-        stroke: none;
-        box-shadow: none;
-      }
-    }
-
-    &:focus, &:focus-visible {
-      ${(props) => props.theme.focus.default};
-    }
-  }
-
-  select {
-    appearance: none;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    background-color: ${(props) => props.theme.color.background.input};
-    border-radius: ${(props) => props.theme.borderRadius.none};
-    border: ${(props) => `${props.theme.strokeWidth.thin} solid
-        ${props.theme.color.border.default}`};
-    color: ${(props) => props.theme.color.text.default};
-    cursor: pointer;
-    font-family: ${(props) => props.theme.typography.fontFamily.base};
-    font-size: ${(props) => props.theme.typography.size.base};
-    font-weight: ${(props) => props.theme.typography.weight.normal};
-    outline: none;
-    padding: ${(props) => `${props.theme.spacing.s} ${props.theme.spacing.xxxxl} ${props.theme.spacing.s} ${props.theme.spacing.m}`};
-    width: 100%;
-    
-    background-image: ${(props) => `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 320 512'%3E%3Cpath fill='${encodeURIComponent(props.theme.color.text.default)}' d='M31 192h258c17 0 26 21 14 33l-129 129c-8 8-21 8-29 0L17 225c-12-12-3-33 14-33z'/%3E%3C/svg%3E")`};
-    background-position: ${(props) => `right ${props.theme.spacing.m} top 50%`};
-    background-repeat: no-repeat;
-    background-size: ${(props) => props.theme.spacing.l}; auto;
-
-    &[readonly] {
-      background-image: none;
-      border: none;
-      background-color: transparent;
-      padding: 0;
-    }
-
-    &:focus {
-        ${(props) => props.theme.focus.default};
-    }
-
-    &:disabled {
-      background-color: ${(props) => props.theme.color.background.input};
-      background-image: ${(props) => `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 320 512'%3E%3Cpath fill='${encodeURIComponent(props.theme.color.text.default)}' d='M31 192h258c17 0 26 21 14 33l-129 129c-8 8-21 8-29 0L17 225c-12-12-3-33 14-33z'/%3E%3C/svg%3E")`};
-      border: ${(props) => `${props.theme.strokeWidth.thin} solid
-        ${props.theme.color.border.default}`};
-      padding: ${(props) => `${props.theme.spacing.s} ${props.theme.spacing.xxxxl} ${props.theme.spacing.s} ${props.theme.spacing.m}`};
-    }
-  } 
-
-  select[multiple] {
-    appearance: auto;
-    background-image: none;
-    overflow: auto;
-  }
-
-  textarea {
-
-    background-color: ${(props) => props.theme.color.background.input};
-    border: ${(props) => `${props.theme.strokeWidth.thin} solid
-        ${props.theme.color.border.default}`};
-    padding: ${(props) => props.theme.spacing.s};
-
-    &:read-only {
-      border: none;
-      background-color: transparent;
-      padding: 0;
-      min-height: unset;
-      resize: none;
-      field-sizing: content;
-
-      &::placeholder {
-        color: ${(props) => props.theme.color.text.default};
-      }
-    }
-
-    &:disabled {
-      background-color: ${(props) => props.theme.color.background.input};
-      border: ${(props) => `${props.theme.strokeWidth.thin} solid
-        ${props.theme.color.border.default}`};
-      min-height: 5rem;
-      padding: ${(props) => props.theme.spacing.s};
-
-      &::placeholder {
-        color: ${(props) => props.theme.color.text.muted};
-      }
-    }
-
-  }
-`;
-exports.CommonCheckboxStyles = styled_components_1.styled.div `
-  input[type="checkbox"] {
-    margin-left: 0;
-    -webkit-appearance: none;
-    appearance: none;
-    background-color: ${(props) => props.theme.color.background.input};
-    border-radius: ${(props) => props.theme.borderRadius.none};
-    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
-      content: "";
-      width: ${(props) => props.theme.spacing.m};
-      height: ${(props) => props.theme.spacing.m};
-      transform: scale(0);
-      transition: 0.12s transform ease-in-out;
-      transform-origin: center;
-      clip-path: polygon(
-        34.469% 100%,
-        1.486% 62.13%,
-        1.486% 62.13%,
-        0.951% 61.408%,
-        0.535% 60.618%,
-        0.238% 59.777%,
-        0.059% 58.903%,
-        0% 58.011%,
-        0.059% 57.119%,
-        0.238% 56.244%,
-        0.535% 55.403%,
-        0.951% 54.613%,
-        1.486% 53.891%,
-        8.662% 45.652%,
-        8.662% 45.652%,
-        9.291% 45.037%,
-        9.979% 44.56%,
-        10.712% 44.218%,
-        11.474% 44.013%,
-        12.25% 43.945%,
-        13.027% 44.013%,
-        13.789% 44.218%,
-        14.521% 44.56%,
-        15.209% 45.037%,
-        15.838% 45.652%,
-        38.057% 71.162%,
-        85.648% 16.521%,
-        85.648% 16.521%,
-        86.277% 15.907%,
-        86.965% 15.429%,
-        87.697% 15.088%,
-        88.459% 14.883%,
-        89.236% 14.815%,
-        90.013% 14.883%,
-        90.775% 15.088%,
-        91.507% 15.429%,
-        92.195% 15.907%,
-        92.824% 16.521%,
-        100% 24.761%,
-        100% 24.761%,
-        100.535% 25.483%,
-        100.951% 26.273%,
-        101.248% 27.114%,
-        101.427% 27.989%,
-        101.486% 28.88%,
-        101.427% 29.772%,
-        101.248% 30.647%,
-        100.951% 31.488%,
-        100.535% 32.278%,
-        100% 33%,
-        41.645% 100%,
-        41.645% 100%,
-        41.016% 100.614%,
-        40.328% 101.092%,
-        39.596% 101.433%,
-        38.834% 101.638%,
-        38.057% 101.706%,
-        37.281% 101.638%,
-        36.519% 101.433%,
-        35.786% 101.092%,
-        35.098% 100.614%,
-        34.469% 100%
-      );
-    }
-
-    &:focus {
-      ${(props) => props.theme.focus.default};
-    }
-
-    &:checked {
-      background-color: ${(props) => props.theme.color.intent.default.none};
-
-      &:before {
-        transform: scale(1);
-      }
-    }
-
-    &[readonly] {
-      background: transparent;
-    }
-
-    &:disabled {
-      background-color: ${(props) => props.theme.color.background.input};
-      border: ${(props) => props.theme.strokeWidth.thin} solid
-      ${(props) => props.theme.color.border.default};
-    }
-  }
-`;

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

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrayFieldTemplate = 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 FormRegistry_1 = require("../../FormRegistry");
-const styledComponents_1 = require("./styledComponents");
-const ArrayFieldTemplate = (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 { name, uiSchema, items, renderItem, ...otherProps } = props;
-    const title = (0, utils_1.getTitle)(props);
-    const description = (0, utils_1.getDescription)(props);
-    const { help, info, 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,
-    };
-    // These lines make sure the error message is a string, which means the error
-    // is actually for the whole Array component, not for one of the children.
-    const { errors } = (0, formik_1.useFormikContext)();
-    const error = (0, formik_1.getIn)(errors, name);
-    // In case of array of objects, it will give error message as an object value,
-    // which is incorrect value for React, causing UI to crash.
-    const errorIsString = typeof error === "string";
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { ...mergedWrapperProps, children: [(0, jsx_runtime_1.jsxs)(TitleInfoWrapper, { children: [title && ((0, jsx_runtime_1.jsxs)(Title, { ...titleProps, htmlFor: name, 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 })), items && items.map((item, index) => renderItem(item, index)), help && (0, jsx_runtime_1.jsx)(Help, { ...helpProps, children: help }), errorIsString && (0, jsx_runtime_1.jsx)(ErrorMessage, { ...errorProps, name: name })] }));
-};
-exports.ArrayFieldTemplate = ArrayFieldTemplate;

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

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

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrayFieldTemplateErrorMessage = exports.ArrayFieldTemplateRequiredIndicator = exports.ArrayFieldTemplateInfo = exports.ArrayFieldTemplateHelp = exports.ArrayFieldTemplateDescription = exports.ArrayFieldTemplateTitle = exports.ArrayFieldTemplateIcon = exports.ArrayFieldTemplateWrapper = exports.ArrayFieldTitleInfoWrapper = void 0;
-exports.getComponents = getComponents;
-exports.ArrayFieldTitleInfoWrapper = undefined;
-exports.ArrayFieldTemplateWrapper = undefined;
-exports.ArrayFieldTemplateIcon = undefined;
-exports.ArrayFieldTemplateTitle = undefined;
-exports.ArrayFieldTemplateDescription = undefined;
-exports.ArrayFieldTemplateHelp = undefined;
-exports.ArrayFieldTemplateInfo = undefined;
-exports.ArrayFieldTemplateRequiredIndicator = undefined;
-exports.ArrayFieldTemplateErrorMessage = undefined;
-function getComponents(components) {
-    return {
-        Wrapper: components.ArrayFieldTemplateWrapper ??
-            components.ObjectFieldTemplateWrapper,
-        TitleInfoWrapper: components.ArrayFieldTitleInfoWrapper ??
-            components.ObjectFieldTitleInfoWrapper,
-        Title: components.ArrayFieldTemplateTitle ?? components.ObjectFieldTemplateTitle,
-        Description: components.ArrayFieldTemplateDescription ?? components.FieldDescription,
-        Help: components.ArrayFieldTemplateHelp ?? components.FieldHelp,
-        Info: components.ArrayFieldTemplateInfo ?? components.FieldInfo,
-        RequiredIndicator: components.ArrayFieldTemplateRequiredIndicator ??
-            components.RequiredIndicator,
-        ErrorMessage: components.ArrayFieldTemplateErrorMessage ?? components.ErrorMessage,
-    };
-}

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

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsibleObjectFieldTemplate = 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 FormRegistry_1 = require("../../FormRegistry");
-const styledComponents_1 = require("./styledComponents");
-const CollapsibleObjectFieldTemplate = (props) => {
-    const { components } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    const { Toggle, ChildrenWrapper, RequiredIndicator, Icon, Description, Title, TitleInfoWrapper, Wrapper, Help, Info, } = (0, styledComponents_1.getComponents)(components);
-    const { children, name, uiSchema, ...otherProps } = props;
-    const formikCtx = (0, formik_1.useFormikContext)();
-    const values = formikCtx.values
-        ? formikCtx.values
-        : {};
-    const title = (0, utils_1.setTitleValues)(name, ((0, utils_1.getTitle)(props) ?? ""), uiSchema?.["ui:options"]?.defaultTitle ?? "", values);
-    const description = (0, utils_1.getDescription)(props);
-    const { help, info, isCollapsedOnLoad = true, openIcon, collapsedIcon, 
-    //TODO: This is not right
-    props: { wrapper: wrapperProps = {}, title: titleProps, description: descriptionProps, help: helpProps, ariaLabel,
-    // 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,
-    };
-    const [collapsed, setCollapsed] = (0, react_1.useState)(isCollapsedOnLoad);
-    const hide = collapsed;
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { ...mergedWrapperProps, children: [(0, jsx_runtime_1.jsxs)(TitleInfoWrapper, { children: [title && ((0, jsx_runtime_1.jsx)(Toggle, { onClick: () => setCollapsed(!collapsed), 
-                        //ariaExpanded={!hide}
-                        ariaLabel: ariaLabel ?? name, children: (0, jsx_runtime_1.jsxs)(Title, { ...titleProps, htmlFor: name, children: [title, props?.required && (0, jsx_runtime_1.jsx)(RequiredIndicator, {}), (0, jsx_runtime_1.jsx)(Icon, { children: hide ? collapsedIcon ?? "▸" : openIcon ?? "▾" })] }) })), info && (0, jsx_runtime_1.jsx)(Info, { ...info })] }), (0, jsx_runtime_1.jsxs)(ChildrenWrapper, { style: hide ? { display: "none" } : undefined, children: [description && ((0, jsx_runtime_1.jsx)(Description, { ...descriptionProps, children: description })), children, help && (0, jsx_runtime_1.jsx)(Help, { ...helpProps, children: help })] })] }));
-};
-exports.CollapsibleObjectFieldTemplate = CollapsibleObjectFieldTemplate;

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

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

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsibleObjectFieldTemplateChildWrapper = exports.CollapsibleObjectFieldTemplateToggle = exports.CollapsibleObjectFieldTemplateErrorMessage = exports.CollapsibleObjectFieldTemplateRequiredIndicator = exports.CollapsibleObjectFieldTemplateInfo = exports.CollapsibleObjectFieldTemplateHelp = exports.CollapsibleObjectFieldTemplateDescription = exports.CollapsibleObjectFieldTemplateTitle = exports.CollapsibleObjectFieldTemplateIcon = exports.CollapsibleObjectTitleInfoWrapper = exports.CollapsibleObjectFieldTemplateWrapper = void 0;
-exports.getComponents = getComponents;
-const styled_components_1 = require("styled-components");
-const styledComponents_1 = require("../ObjectFieldTemplate/styledComponents");
-const Button_1 = require("@nolwenture/component-library/src/components/Button");
-exports.CollapsibleObjectFieldTemplateWrapper = undefined;
-exports.CollapsibleObjectTitleInfoWrapper = undefined;
-exports.CollapsibleObjectFieldTemplateIcon = undefined;
-exports.CollapsibleObjectFieldTemplateTitle = (0, styled_components_1.styled)(styledComponents_1.ObjectFieldTemplateTitle) `
-  display: flex;
-  align-items: center;
-  gap: ${(props) => props.theme.spacing.s};
-`;
-exports.CollapsibleObjectFieldTemplateDescription = undefined;
-exports.CollapsibleObjectFieldTemplateHelp = undefined;
-exports.CollapsibleObjectFieldTemplateInfo = undefined;
-exports.CollapsibleObjectFieldTemplateRequiredIndicator = undefined;
-exports.CollapsibleObjectFieldTemplateErrorMessage = undefined;
-exports.CollapsibleObjectFieldTemplateToggle = (0, styled_components_1.styled)(Button_1.Button) `
-  display: flex;
-  flex-direction: column;
-`;
-exports.CollapsibleObjectFieldTemplateChildWrapper = styled_components_1.styled.div `
-`;
-function getComponents(components) {
-    return {
-        Wrapper: components.CollapsibleObjectFieldTemplateWrapper ??
-            components.ObjectFieldTemplateWrapper,
-        TitleInfoWrapper: components.CollapsibleObjectTitleInfoWrapper ??
-            components.ObjectFieldTitleInfoWrapper,
-        Icon: components.CollapsibleObjectFieldTemplateIcon ?? components.Icon,
-        Title: components.CollapsibleObjectFieldTemplateTitle ??
-            components.ObjectFieldTemplateTitle,
-        Description: components.CollapsibleObjectFieldTemplateDescription ??
-            components.ObjectFieldTemplateDescription ??
-            components.FieldDescription,
-        Help: components.CollapsibleObjectFieldTemplateHelp ??
-            components.ObjectFieldTemplateHelp ??
-            components.FieldHelp,
-        Info: components.CollapsibleObjectFieldTemplateInfo ??
-            components.ObjectFieldTemplateInfo ??
-            components.FieldInfo,
-        RequiredIndicator: components.CollapsibleObjectFieldTemplateRequiredIndicator ??
-            components.ObjectFieldTemplateRequiredIndicator ??
-            components.RequiredIndicator,
-        ErrorMessage: components.CollapsibleObjectFieldTemplateErrorMessage ??
-            components.ObjectFieldTemplateErrorMessage ??
-            components.ErrorMessage,
-        Toggle: components.CollapsibleObjectFieldTemplateToggle,
-        ChildrenWrapper: components.CollapsibleObjectFieldTemplateWrapper ??
-            components.ObjectFieldTemplateWrapper,
-    };
-}