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

package/dist/cjs/Form/fields/SearchableMultiTagSelectField/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 SearchableMultiTagSelectFieldInput_1 = require("./SearchableMultiTagSelectFieldInput");
-const styledComponents = __importStar(require("./styledComponents"));
-exports.fields = __importStar(require("./SearchableMultiTagSelectField"));
-const components = { ...styledComponents, SearchableMultiTagSelectFieldInput: SearchableMultiTagSelectFieldInput_1.SearchableMultiTagSelectFieldInput };
-exports.components = components;

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

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchableMultiTagSelectFieldOptionListWithoutItem = exports.SearchableMultiTagSelectFieldOptionListItem = exports.SearchableMultiTagSelectFieldOptionList = exports.SearchableMultiTagSelectFieldBadgeCloseElement = exports.SearchableMultiTagSelectFieldBadge = exports.SearchableMultiTagSelectFieldBadgeContainer = exports.SearchableMultiTagSelectFieldInputElement = exports.SearchableMultiTagSelectFieldSearchContainer = exports.SearchableMultiTagSelectFieldContainer = void 0;
-const styled_components_1 = require("styled-components");
-const FieldInput_1 = require("../../components/FieldInput");
-const common_1 = require("../../styles/common");
-exports.SearchableMultiTagSelectFieldContainer = (0, styled_components_1.styled)(common_1.CommonFieldWrapper) `
-  display: flex;
-  flex-direction: column;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  
-`;
-exports.SearchableMultiTagSelectFieldSearchContainer = styled_components_1.styled.div `
-  display: flex;
-  flex-direction: column;
-`;
-exports.SearchableMultiTagSelectFieldInputElement = (0, styled_components_1.styled)(FieldInput_1.FieldInput) `
-`;
-exports.SearchableMultiTagSelectFieldBadgeContainer = styled_components_1.styled.div `
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  margin: ${(props) => `${props.theme.spacing.xs} 0`};
-  display: inline-flex;
-  gap: ${(props) => props.theme.strokeWidth.thin};
-`;
-exports.SearchableMultiTagSelectFieldBadge = styled_components_1.styled.div `
-  color: ${(props) => props.theme.color.background.input};
-  background: ${(props) => props.theme.color.text.default};
-  padding: ${(props) => `0 ${props.theme.spacing.s}`};
-  border-radius: ${(props) => props.theme.borderRadius.none};
-  display: flex;
-  margin-right: ${(props) => props.theme.spacing.xs};
-  gap: ${(props) => props.theme.spacing.s};
-`;
-exports.SearchableMultiTagSelectFieldBadgeCloseElement = styled_components_1.styled.button `
-  background: transparent;
-  color: ${(props) => props.theme.color.background.input};
-  border: none;
-  cursor: pointer;
-  margin: 0;
-  padding: 0;
-  font-size: ${(props) => props.theme.typography.size.small};
-  align-self: center;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-`;
-exports.SearchableMultiTagSelectFieldOptionList = styled_components_1.styled.ul `
-  width: 100%;
-  padding: unset;
-  margin: unset;
-  border: ${(props) => `${props.theme.strokeWidth.thin} solid ${props.theme.color.border.default}`};
-  border-radius: ${(props) => props.theme.borderRadius.none};
-  position: absolute;
-  background: ${(props) => props.theme.color.background.default};
-  top: 100%;
-  z-index: 1000;
-`;
-exports.SearchableMultiTagSelectFieldOptionListItem = styled_components_1.styled.li `
-  cursor: pointer;
-  list-style-type: none;
-  padding: ${(props) => `${props.theme.spacing.xxs} ${props.theme.spacing.xs}`};
-  height: ${(props) => props.theme.spacing.xl};
-  &:hover {
-    background: ${(props) => props.theme.color.background.input};
-  }
-`;
-exports.SearchableMultiTagSelectFieldOptionListWithoutItem = styled_components_1.styled.li `
-  cursor: default;
-  color: ${(props) => props.theme.color.background.default};
-  list-style-type: none;
-  padding: ${(props) => `${props.theme.spacing.xxs} ${props.theme.spacing.xs}`};
-  height: ${(props) => props.theme.spacing.xl};
-`;

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

@@ -1,147 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchableSelectField = 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 SearchableSelectField = (props) => {
-    const { templates, components: { SearchableSelectFieldContainer, SearchableSelectFieldDropdownContainer, SearchableSelectFieldListOption, SearchableSelectFieldListExpand, SearchableSelectFieldNotFound, SearchableSelectFieldInputElement, SearchableSelectFieldClearButton, SearchableSelectFieldInputContainer, }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    (0, hooks_1.useSetDefault)(props);
-    const ListOption = (props) => {
-        const { isActive, children, ...rest } = props;
-        const ref = (0, react_1.useRef)();
-        (0, react_1.useEffect)(() => {
-            if (isActive) {
-                ref.current.scrollIntoView({
-                    behavior: "auto",
-                    block: "center",
-                    inline: "center",
-                });
-            }
-        }, [isActive]);
-        return ((0, jsx_runtime_1.jsx)(SearchableSelectFieldListOption, { ref: ref, ...rest, children: children }));
-    };
-    const { name, uiSchema, schema, onChange, onSelect } = props;
-    const { props: inputProps, placeholder, clearButtonText, expandText, notFoundMessage, hoverColors = { backgroundColor: "", color: "" }, hideClearButton = false, dropdown, } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
-    const dropdownOptions = {
-        show: false,
-        height: "",
-        width: "",
-        perPage: 20,
-        ...dropdown,
-    };
-    const [{ value }, __, { setValue }] = (0, formik_1.useField)(name);
-    const enums = (0, react_1.useMemo)(() => (0, utils_1.getEnums)(props), [props]);
-    const options = enums?.values || [];
-    const [showOptions, setShowOptions] = (0, react_1.useState)(dropdownOptions?.show);
-    const [searchTerm, setSearchTerm] = (0, react_1.useState)(() => options.find((option) => option.const === value)?.title ?? "");
-    const [displayedItems, setDisplayedItems] = (0, react_1.useState)([]);
-    const [itemsToShow, setItemsToShow] = (0, react_1.useState)(dropdownOptions.perPage);
-    const [selectedItemIndex, setSelectedItemIndex] = (0, react_1.useState)(-1);
-    const moreRef = (0, react_1.useRef)(null);
-    const containerRef = (0, react_1.useRef)(null);
-    const loadMoreItems = () => {
-        setItemsToShow((prev) => prev + dropdownOptions.perPage);
-    };
-    (0, react_1.useEffect)(() => {
-        setDisplayedItems(options
-            .filter((option) => (option.title?.toLowerCase() ?? "").includes(searchTerm.toLowerCase()))
-            .slice(0, itemsToShow));
-    }, [itemsToShow, options, searchTerm]);
-    const handleKeyPress = (event) => {
-        if (showOptions) {
-            switch (event.key) {
-                case "ArrowUp": {
-                    const calcValue = selectedItemIndex - 1;
-                    const newValue = calcValue < -1 ? -1 : calcValue;
-                    return setSelectedItemIndex(newValue);
-                }
-                case "ArrowDown": {
-                    const calcValue = selectedItemIndex + 1;
-                    const newValue = calcValue >= displayedItems.length - 1
-                        ? displayedItems.length - 1
-                        : calcValue;
-                    return setSelectedItemIndex(newValue);
-                }
-                case "Escape": {
-                    return setShowOptions(false);
-                }
-                case "Enter": {
-                    const item = displayedItems[selectedItemIndex];
-                    if (item) {
-                        return handleSelect(item);
-                    }
-                    return;
-                }
-            }
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        // attach the event listener
-        document.addEventListener("keydown", handleKeyPress);
-        // remove the event listener
-        return () => {
-            document.removeEventListener("keydown", handleKeyPress);
-        };
-    }, [handleKeyPress]);
-    const handleSearchChange = (event) => {
-        if (schema.readOnly)
-            return;
-        setSearchTerm(event.target.value);
-        setItemsToShow(dropdownOptions.perPage);
-        setShowOptions(true);
-        setSelectedItemIndex(-1);
-        onChange?.(event);
-    };
-    const handleSelect = (item) => {
-        setSearchTerm(item.title ?? "");
-        setValue(item.const);
-        setShowOptions(false);
-        onSelect?.(item.const);
-    };
-    const handleFocus = () => {
-        if (schema.readOnly)
-            return;
-        setShowOptions(true);
-    };
-    const handleBlur = (event) => {
-        if (containerRef.current &&
-            !containerRef.current.contains(event.relatedTarget)) {
-            setShowOptions(false);
-        }
-    };
-    const handleClear = () => {
-        if (schema.readOnly)
-            return;
-        setSearchTerm("");
-        setValue(undefined);
-    };
-    const filteredOptions = options.filter((option) => (option.title?.toLowerCase() ?? "").includes(searchTerm.toLowerCase()));
-    const showMoreOption = displayedItems.length < filteredOptions.length &&
-        displayedItems.length >= dropdownOptions.perPage;
-    const fieldDataAttribute = schema.type === "string"
-        ? { "data-fjsf-string": name }
-        : { "data-fjsf-number": name };
-    const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.FieldTemplate;
-    return ((0, jsx_runtime_1.jsx)(SelectedFieldTemplate, { ...props, ...fieldDataAttribute, children: (0, jsx_runtime_1.jsxs)(SearchableSelectFieldContainer, { ref: containerRef, onBlur: handleBlur, children: [(0, jsx_runtime_1.jsxs)(SearchableSelectFieldInputContainer, { children: [(0, jsx_runtime_1.jsx)(SearchableSelectFieldInputElement, { ...inputProps, name: name, type: "text", placeholder: placeholder, value: searchTerm, onChange: handleSearchChange, onFocus: handleFocus, readOnly: schema.readOnly }), searchTerm && !hideClearButton && ((0, jsx_runtime_1.jsx)(SearchableSelectFieldClearButton, { onClick: handleClear, disabled: schema.readOnly, children: clearButtonText ?? "✕" }))] }), showOptions && !schema.readOnly && ((0, jsx_runtime_1.jsxs)(SearchableSelectFieldDropdownContainer, { role: "dropdown-list", 
-                    //ref={moreRef} //TODO
-                    style: {
-                        maxHeight: dropdownOptions.height,
-                        width: dropdownOptions.width,
-                    }, children: [displayedItems.length > 0 ? (displayedItems.map((item, index) => ((0, jsx_runtime_1.jsx)(ListOption, { isActive: index === selectedItemIndex, className: index === selectedItemIndex ? "selected-item-active" : "", style: index === selectedItemIndex
-                                ? {
-                                    backgroundColor: hoverColors.backgroundColor,
-                                    color: hoverColors.color,
-                                }
-                                : {}, role: "filtered-list", onClick: () => handleSelect(item), onMouseDown: (e) => e.preventDefault(), children: item.title }, index)))) : ((0, jsx_runtime_1.jsx)(SearchableSelectFieldNotFound, { onMouseDown: (e) => e.preventDefault(), children: notFoundMessage ?? "No match found" })), showMoreOption && ((0, jsx_runtime_1.jsx)(SearchableSelectFieldListExpand
-                        //ref={moreRef} //TODO
-                        , { 
-                            //ref={moreRef} //TODO
-                            onMouseDown: (e) => e.preventDefault(), onClick: loadMoreItems, children: expandText ?? "More..." }))] }))] }) }));
-};
-exports.SearchableSelectField = SearchableSelectField;

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

@@ -1,40 +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("./SearchableSelectField"));
-//TODO: Export after figuring how to properly export them
-//export type * from "./types";

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

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchableSelectFieldInputContainer = exports.SearchableSelectFieldClearButton = exports.SearchableSelectFieldInputElement = exports.SearchableSelectFieldNotFound = exports.SearchableSelectFieldListExpand = exports.SearchableSelectFieldListOption = exports.SearchableSelectFieldDropdownContainer = exports.SearchableSelectFieldContainer = void 0;
-const polished_1 = require("polished");
-const styled_components_1 = require("styled-components");
-const FieldInput_1 = require("../../components/FieldInput");
-const styledComponents_1 = require("../SearchableMultiTagSelectField/styledComponents");
-exports.SearchableSelectFieldContainer = (0, styled_components_1.styled)(styledComponents_1.SearchableMultiTagSelectFieldSearchContainer) ``;
-exports.SearchableSelectFieldDropdownContainer = (0, styled_components_1.styled)(styledComponents_1.SearchableMultiTagSelectFieldOptionList) `
-  overflow-y: auto;
-  overflow-x: auto;
-  max-height: 6rem;
-  white-space: nowrap;
-`;
-exports.SearchableSelectFieldListOption = (0, styled_components_1.styled)(styledComponents_1.SearchableMultiTagSelectFieldOptionListItem) `
-  cursor: default;
-`;
-exports.SearchableSelectFieldListExpand = (0, styled_components_1.styled)(styledComponents_1.SearchableMultiTagSelectFieldOptionListItem) `
-  text-decoration: underline;
-  &:hover {
-    background: none;
-  }
-`;
-exports.SearchableSelectFieldNotFound = (0, styled_components_1.styled)(styledComponents_1.SearchableMultiTagSelectFieldOptionListItem) `
-  cursor: default;
-  &:hover {
-    background: none;
-  }
-`;
-exports.SearchableSelectFieldInputElement = (0, styled_components_1.styled)(FieldInput_1.FieldInput) `
-  width: 100%;
-  padding-right: ${(props) => props.theme.spacing.xxl};
-  text-overflow: ellipsis;
-`;
-exports.SearchableSelectFieldClearButton = styled_components_1.styled.button `
-  background-color: ${(props) => props.theme.color.palette.neutral[500]};
-  border-radius: ${(props) => props.theme.borderRadius.circle};
-  bottom: 0;
-  color: ${(props) => (0, polished_1.readableColor)(props.theme.color.palette.neutral[500])};
-  cursor: pointer;
-  font-size: ${(props) => props.theme.typography.size.small};
-  height: 1rem;
-  line-height: 1rem;
-  margin: auto;
-  min-width: 1rem;
-  position: absolute;
-  right: ${(props) => props.theme.spacing.xs};
-  text-align: center;
-  top: 0;
-`;
-exports.SearchableSelectFieldInputContainer = styled_components_1.styled.div `
-  display: flex;
-`;

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

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StringField = 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 hooks_1 = require("../../hooks");
-const styledComponents_1 = require("./styledComponents");
-const StringField = (props) => {
-    const { templates, components: { FieldInput, SelectFieldInput }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    (0, hooks_1.useSetDefault)(props);
-    const { name, uiSchema = {}, schema } = props;
-    const { type, placeholder, 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 form = (0, formik_1.useFormikContext)();
-    const fieldDataAttribute = schema.type === "string"
-        ? { "data-fjsf-string": name }
-        : { "data-fjsf-number": name };
-    const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.FieldTemplate;
-    switch (enums?.type) {
-        case "select":
-            return ((0, jsx_runtime_1.jsx)(SelectedFieldTemplate, { ...props, ...fieldDataAttribute, children: (0, jsx_runtime_1.jsx)(styledComponents_1.StringFieldWrapper, { children: (0, jsx_runtime_1.jsxs)(SelectFieldInput, { type,
-                        readOnly: props.schema.readOnly,
-                        ...inputProps, name: name, formikAs: "select", onChange: (e) => {
-                            const selectedOption = enums?.values.find((option) => option.const.toString() === e.target.value);
-                            const selectedValue = selectedOption
-                                ? selectedOption.const
-                                : e.target.value;
-                            form?.setFieldValue(name, selectedValue);
-                        }, children: [(0, jsx_runtime_1.jsx)("option", { value: "", disabled: false,
-                                hidden: true,
-                                ...uiSchema["ui:placeholderOptionOptions"]?.props, children: placeholder }), enums?.values.map((option, index) => ((0, jsx_runtime_1.jsx)("option", { value: option.const.toString(), children: option.title }, index)))] }) }) }));
-        default:
-            return ((0, jsx_runtime_1.jsx)(SelectedFieldTemplate, { ...props, ...fieldDataAttribute, children: (0, jsx_runtime_1.jsx)(styledComponents_1.StringFieldWrapper, { children: (0, jsx_runtime_1.jsx)(FieldInput, { type,
-                        placeholder,
-                        readOnly: props.schema.readOnly,
-                        ...inputProps, name: name }) }) }));
-    }
-};
-exports.StringField = StringField;

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

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

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

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

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextAreaField = 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 hooks_1 = require("../../hooks");
-const TextAreaField = (props) => {
-    const { templates, components: { TextAreaFieldInput }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    (0, hooks_1.useSetDefault)(props);
-    const { name, uiSchema } = props;
-    const { placeholder, 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-string": name, children: (0, jsx_runtime_1.jsx)(TextAreaFieldInput, { placeholder,
-            readOnly: props.schema.readOnly,
-            ...inputProps, name: name, formikAs: "textarea" }) }));
-};
-exports.TextAreaField = TextAreaField;

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

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

@@ -1,17 +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.TextAreaFieldInput = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const FieldInput_1 = require("../../components/FieldInput");
-exports.TextAreaFieldInput = (0, styled_components_1.default)(FieldInput_1.FieldInput) `
-  background-color: ${(props) => props.theme.color.background.input};
-  color: ${(props) => props.theme.color.text.default};
-  display: inline-block;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.base};
-  min-height: 5rem;
-  padding: ${(props) => props.theme.spacing.s};
-`;

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleField = 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 ToggleField = (props) => {
-    const { templates, components: { ToggleFieldInput }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    (0, hooks_1.useSetDefault)(props);
-    const { name, uiSchema } = 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;
-    return ((0, jsx_runtime_1.jsx)(SelectedFieldTemplate, { ...props, "data-fjsf-boolean": name, children: (0, jsx_runtime_1.jsx)(ToggleFieldInput, { inputProps: { readOnly: props.schema.readOnly, ...inputProps }, name: name }) }));
-};
-exports.ToggleField = ToggleField;

package/dist/cjs/Form/fields/ToggleField/ToggleFieldInput.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleFieldInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const FormRegistry_1 = require("../../FormRegistry");
-const ToggleFieldInput = ({ inputProps, name, className, }) => {
-    const { components: { ToggleFieldLabel, ToggleFieldInputElement, ToggleFieldToggle, }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    return ((0, jsx_runtime_1.jsxs)(ToggleFieldLabel, { className: className, children: [(0, jsx_runtime_1.jsx)(ToggleFieldInputElement, { ...inputProps, name: name, type: "checkbox" }), (0, jsx_runtime_1.jsx)(ToggleFieldToggle, {})] }));
-};
-exports.ToggleFieldInput = ToggleFieldInput;

package/dist/cjs/Form/fields/ToggleField/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 ToggleFieldInput_1 = require("./ToggleFieldInput");
-const styledComponents = __importStar(require("./styledComponents"));
-exports.fields = __importStar(require("./ToggleField"));
-const components = { ...styledComponents, ToggleFieldInput: ToggleFieldInput_1.ToggleFieldInput };
-exports.components = components;

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

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleFieldInputElement = exports.ToggleFieldLabel = exports.ToggleFieldToggle = void 0;
-const styled_components_1 = require("styled-components");
-const FieldInput_1 = require("../../components/FieldInput");
-exports.ToggleFieldToggle = styled_components_1.styled.span `
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  height: 1rem;
-  background: ${(props) => props.theme.color.intent.default.none};
-  border: ${(props) => `${props.theme.strokeWidth.thin} solid ${props.theme.color.border.default}`};
-  -webkit-transition: 0.4s;
-  transition: 0.4s;
-  border-radius: ${(props) => props.theme.borderRadius.circle};
-
-  &:before {
-    position: absolute;
-    content: "";
-    height: 0.9rem;
-    width: 0.9rem;
-    background: ${(props) => props.theme.color.background.default};
-    -webkit-transition: 0.4s;
-    transition: 0.4s;
-    border-radius: ${(props) => props.theme.borderRadius.circle};
-    top: 0.05rem;
-    left: 0.13rem;
-  }
-`;
-exports.ToggleFieldLabel = styled_components_1.styled.label `
-  position: relative;
-  display: inline-block;
-  width: 2rem;
-
-  &:has(input[readonly]) {
-    pointer-events: none;
-  }
-`;
-exports.ToggleFieldInputElement = (0, styled_components_1.styled)(FieldInput_1.FieldInput) `
-  opacity: 0;
-  width: 0;
-  height: 0;
-
-  &:checked + ${exports.ToggleFieldToggle} {
-    //background: ${(props) => props.theme.color.background.input};
-  }
-
-  &:focus + ${exports.ToggleFieldToggle} {
-    ${(props) => props.theme.focus.default};
-  }
-
-  &:checked + ${exports.ToggleFieldToggle}:before {
-    transform: translateX(0.75rem);
-  }
-`;