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

package/dist/cjs/Form/fields/FilesUploadField/FilesUploadFieldInput.js

@@ -1,174 +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.FilesUploadFieldInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const fa_1 = require("react-icons/fa");
-const FormRegistry_1 = require("../../FormRegistry");
-const mimeTypeToIcon = {
-    pdf: fa_1.FaFilePdf,
-    audio: fa_1.FaFileAudio,
-    image: fa_1.FaFileImage,
-    csv: fa_1.FaFileCsv,
-    "wordprocessingml.document": fa_1.FaFileWord,
-    msword: fa_1.FaFileWord,
-    "vnd.ms-excel": fa_1.FaFileExcel,
-    "vnd.openxmlformats-officedocument.spreadsheetml.sheet": fa_1.FaFileExcel,
-    "vnd.ms-powerpoint": fa_1.FaFilePowerpoint,
-    "vnd.openxmlformats-officedocument.presentationml.presentation": fa_1.FaFilePowerpoint,
-    javascript: fa_1.FaFileCode,
-    html: fa_1.FaFileCode,
-    css: fa_1.FaFileCode,
-};
-const getFileIcon = (mimeType) => {
-    for (const key in mimeTypeToIcon) {
-        if (mimeType.includes(key)) {
-            const IconComponent = mimeTypeToIcon[key];
-            return (0, jsx_runtime_1.jsx)(IconComponent, {});
-        }
-    }
-    return (0, jsx_runtime_1.jsx)(fa_1.FaFile, {});
-};
-const FilesUploadFieldInput = ({ acceptedFiletypes, className, deleteFileAriaLabel, fileInfoText, handleFileUpload, handleRemoveFile, hideFileSize, hideFileTypeIcon, hideRemoveButton, hideUploadIcon, infoText, infoTextSingle, allowMultipleFiles, name, orText, readOnly, removeButton, renderFile, setFieldValue, uploadButtonText, uploadedFiles, uploadProgress, value, }) => {
-    const { components: { Divider, DividerText, DragOverlay, FileInfoText, FileInfoTextMinimized, FileItemContainer, FileSize, FileTypeIcon, FileUploadButton, FileUploadFieldContainer, FileUploadText, HiddenFileInput, InfoText, ProgressBar, ProgressBarContainer, RemoveButton, RemoveButtonIcon, UploadedFileInfoContainer, UploadedFileItemContainer, UploadedFileName, UploadedFileWrapper, UploadIcon, UploadingFileName, }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    const [isDragging, setIsDragging] = (0, react_1.useState)(false);
-    const dragCounter = (0, react_1.useRef)(0);
-    const handleDragEnter = (e) => {
-        if (readOnly)
-            return;
-        e.preventDefault();
-        e.stopPropagation();
-        dragCounter.current++;
-        if (e.dataTransfer?.items && e.dataTransfer.items.length > 0) {
-            setIsDragging(true);
-        }
-    };
-    const handleDragLeave = (e) => {
-        if (readOnly)
-            return;
-        e.preventDefault();
-        e.stopPropagation();
-        dragCounter.current--;
-        if (dragCounter.current === 0) {
-            setIsDragging(false);
-        }
-    };
-    const handleDragOver = (e) => {
-        if (readOnly)
-            return;
-        e.preventDefault();
-        e.stopPropagation();
-    };
-    const handleDrop = (e) => {
-        if (readOnly)
-            return;
-        e.preventDefault();
-        e.stopPropagation();
-        setIsDragging(false);
-        dragCounter.current = 0;
-        if (e.dataTransfer?.files && e.dataTransfer.files.length > 0) {
-            let files = Array.from(e.dataTransfer.files);
-            if (!allowMultipleFiles && files.length > 1) {
-                files = [files[0]];
-            }
-            else if (!allowMultipleFiles &&
-                uploadedFiles.length > 0 &&
-                files.length >= 1) {
-                files = [];
-            }
-            if (files.length === 0) {
-                e.dataTransfer.clearData();
-                return;
-            }
-            let acceptedTypes = [];
-            if (Array.isArray(acceptedFiletypes)) {
-                acceptedTypes = acceptedFiletypes;
-            }
-            else if (typeof acceptedFiletypes === "string") {
-                acceptedTypes = acceptedFiletypes
-                    .split(",")
-                    .map((type) => type.trim())
-                    .filter(Boolean);
-            }
-            const filteredFiles = files.filter((file) => {
-                if (acceptedTypes.length === 0) {
-                    return true;
-                }
-                return acceptedTypes.some((acceptedType) => {
-                    if (acceptedType.endsWith("/*")) {
-                        const mimeTypePrefix = acceptedType.slice(0, -2);
-                        return file.type.startsWith(mimeTypePrefix);
-                    }
-                    else {
-                        return acceptedType === file.type;
-                    }
-                });
-            });
-            if (filteredFiles.length > 0) {
-                const filteredFileList = new DataTransfer();
-                if (!allowMultipleFiles && uploadedFiles.length > 0) {
-                }
-                else if (!allowMultipleFiles && filteredFiles.length > 1) {
-                    filteredFileList.items.add(filteredFiles[0]);
-                }
-                else {
-                    filteredFiles.forEach((f) => filteredFileList.items.add(f));
-                }
-                handleFileUpload(filteredFileList.files, setFieldValue);
-            }
-            e.dataTransfer.clearData();
-        }
-    };
-    const defaultRenderFile = (file, progress, onDelete) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: progress === 100 ? ((0, jsx_runtime_1.jsxs)(UploadedFileItemContainer, { "$readOnly": readOnly, children: [(0, jsx_runtime_1.jsxs)(UploadedFileInfoContainer, { "$readOnly": readOnly, children: [!hideFileTypeIcon && ((0, jsx_runtime_1.jsx)(FileTypeIcon, { children: getFileIcon(file.mimeType ?? "") })), (0, jsx_runtime_1.jsxs)(UploadedFileName, { children: [file.name, !hideFileSize && ((0, jsx_runtime_1.jsx)(FileSize, { children: ` | ${file.size ? (file.size / (1024 * 1024)).toFixed(3) : "?"} MB` }))] })] }), !hideRemoveButton && !readOnly && file.id && ((0, jsx_runtime_1.jsx)(RemoveButton, { "aria-label": deleteFileAriaLabel ?? "Delete file", type: "button", onClick: () => onDelete(), ...removeButton?.props, children: removeButton?.content ?? (0, jsx_runtime_1.jsx)(RemoveButtonIcon, {}) }))] })) : ((0, jsx_runtime_1.jsxs)(FileItemContainer, { children: [(0, jsx_runtime_1.jsx)(UploadingFileName, { children: file.name }), (0, jsx_runtime_1.jsx)(ProgressBarContainer, { children: (0, jsx_runtime_1.jsx)(ProgressBar, { "$progress": progress }) })] })) }));
-    const uploadedFile = renderFile ?? defaultRenderFile;
-    const fileTypes = acceptedFiletypes ? { accept: acceptedFiletypes } : {};
-    const hideUpload = (!allowMultipleFiles && uploadedFiles.length > 0) || readOnly;
-    const acceptedFiletypesValue = react_1.default.useMemo(() => {
-        if (!acceptedFiletypes)
-            return undefined;
-        return Array.isArray(acceptedFiletypes)
-            ? acceptedFiletypes.join(",")
-            : acceptedFiletypes;
-    }, [acceptedFiletypes]);
-    return ((0, jsx_runtime_1.jsxs)(FileUploadFieldContainer, { "$readOnly": readOnly, className: className, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, children: [isDragging && !hideUpload && ((0, jsx_runtime_1.jsx)(DragOverlay, { children: allowMultipleFiles ? infoText : infoTextSingle })), Array.isArray(uploadedFiles) &&
-                uploadedFiles.map((file) => ((0, jsx_runtime_1.jsx)(UploadedFileWrapper, { children: uploadedFile(file, uploadProgress[file.progressId], () => handleRemoveFile(file, setFieldValue)) }, file.progressId))), !uploadedFiles || uploadedFiles.length === 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!hideUploadIcon && (0, jsx_runtime_1.jsx)(UploadIcon, {}), infoText && ((0, jsx_runtime_1.jsx)(InfoText, { children: allowMultipleFiles ? infoText : infoTextSingle })), (0, jsx_runtime_1.jsx)(Divider, { children: (0, jsx_runtime_1.jsx)(DividerText, { children: orText ?? "or" }) }), (0, jsx_runtime_1.jsx)(FileUploadButton, { "aria-label": uploadButtonText ?? "Browse files", type: "button", disabled: readOnly, onClick: () => !readOnly && document.getElementById(name)?.click(), children: uploadButtonText ?? "Browse files" }), fileInfoText && (0, jsx_runtime_1.jsx)(FileInfoText, { children: fileInfoText })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [infoText && !hideUpload && ((0, jsx_runtime_1.jsxs)(InfoText, { children: [`${infoText} ${orText ?? "or"} `, (0, jsx_runtime_1.jsx)(FileUploadText, { "aria-label": uploadButtonText ?? "Browse files", onClick: () => !readOnly && document.getElementById(name)?.click(), children: uploadButtonText ?? "Browse files" })] })), fileInfoText && !hideUpload && ((0, jsx_runtime_1.jsx)(FileInfoTextMinimized, { children: fileInfoText }))] })), !hideUpload && ((0, jsx_runtime_1.jsx)(HiddenFileInput, { ...(allowMultipleFiles && { multiple: true }), accept: acceptedFiletypesValue, id: name, name: name, type: "file", disabled: readOnly, onChange: (event) => {
-                    const files = event.target.files;
-                    if (files) {
-                        handleFileUpload(files, setFieldValue);
-                    }
-                } }))] }));
-};
-exports.FilesUploadFieldInput = FilesUploadFieldInput;

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

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

@@ -1,217 +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.DragOverlay = exports.ProgressBar = exports.ProgressBarContainer = exports.RemoveButtonIcon = exports.RemoveButton = exports.FileSize = exports.UploadedFileName = exports.UploadingFileName = exports.FileTypeIcon = exports.UploadedFileWrapper = exports.UploadedFileInfoContainer = exports.UploadedFileItemContainer = exports.FileItemContainer = exports.FileUploadText = exports.FileUploadButton = exports.FileInfoTextMinimized = exports.FileInfoText = exports.DividerText = exports.Divider = exports.InfoText = exports.UploadIcon = exports.HiddenFileInput = exports.FileUploadFieldContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const polished_1 = require("polished");
-const fa_1 = require("react-icons/fa");
-const Button_1 = require("@nolwenture/component-library/src/components/Button");
-exports.FileUploadFieldContainer = styled_components_1.default.div `
-  align-items: center;
-  background-color: ${(props) => props.$readOnly ? "transparent" : props.theme.color.background.input};
-  border: ${(props) => props.$readOnly
-    ? "none"
-    : `${props.theme.strokeWidth.thin} solid ${props.theme.color.border.default}`};
-  display: flex;
-  flex-direction: column;
-  gap: ${(props) => props.theme.spacing.m};
-  justify-content: center;
-  padding: ${(props) => (props.$readOnly ? "0" : props.theme.spacing.xxl)};
-  margin: ${(props) => `${props.theme.spacing.s} 0 ${props.theme.spacing.l} 0`};
-  position: relative;
-  transition: 0.3s filter ease;
-
-  &:hover {
-    filter: ${(props) => (props.$readOnly ? "none" : "brightness(110%)")};
-  }
-`;
-exports.HiddenFileInput = styled_components_1.default.input `
-  cursor: pointer;
-  height: 100%;
-  opacity: 0;
-  position: absolute;
-  width: 100%;
-  z-index: 1;
-`;
-exports.UploadIcon = (0, styled_components_1.default)(fa_1.FaCloudUploadAlt) `
-  color: ${(props) => props.theme.color.palette.neutral[500]};
-  height: auto;
-  width: 5rem;
-`;
-exports.InfoText = styled_components_1.default.p `
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.base};
-  margin: 0;
-`;
-exports.Divider = styled_components_1.default.div `
-  background: linear-gradient(
-    180deg,
-    transparent calc(50% - 2px),
-    ${(props) => props.theme.color.palette.neutral[500]} calc(50%),
-    transparent 50%
-  );
-  color: ${(props) => props.theme.color.palette.neutral[500]};
-  display: flex;
-  flex-direction: row;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.large};
-  gap: ${(props) => props.theme.spacing.m};
-  justify-content: center;
-  margin: 0;
-  text-transform: uppercase;
-  width: 70%;
-`;
-exports.DividerText = styled_components_1.default.p `
-  background-color: ${(props) => props.theme.color.background.input};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.large};
-  margin: 0;
-  padding: 0 ${(props) => props.theme.spacing.m};
-  text-transform: uppercase;
-`;
-exports.FileInfoText = styled_components_1.default.p `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.base};
-  margin-bottom: 0;
-  text-align: center;
-`;
-exports.FileInfoTextMinimized = styled_components_1.default.p `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.base};
-  margin: 0;
-  text-align: center;
-`;
-exports.FileUploadButton = (0, styled_components_1.default)(Button_1.Button) `
-  z-index: 2;
-`;
-exports.FileUploadText = styled_components_1.default.a `
-  z-index: 2;
-  color: ${(props) => props.theme.color.intent.default.primary};
-  text-decoration: underline;
-
-  &:hover {
-    color: ${(props) => (0, polished_1.darken)(0.3, props.theme.color.intent.default.primary)};
-  }
-`;
-exports.FileItemContainer = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  margin: ${(props) => props.theme.spacing.m} 0;
-  width: 100%;
-`;
-exports.UploadedFileItemContainer = styled_components_1.default.div `
-  align-items: ${(props) => (props.$readOnly ? "center" : "flex-start")};
-  background-color: ${(props) => props.$readOnly ? "transparent" : props.theme.color.background.default};
-  border: ${(props) => props.$readOnly
-    ? "none"
-    : `${props.theme.strokeWidth.thin} solid ${props.theme.color.border.default}`};
-  display: flex;
-  flex-direction: row;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  gap: ${(props) => props.theme.spacing.m};
-  justify-content: space-between;
-  margin: 0;
-  min-width: 0;
-  padding: ${(props) => props.$readOnly
-    ? "0"
-    : `${props.theme.spacing.m} ${props.theme.spacing.l}`};
-  width: 100%;
-`;
-exports.UploadedFileInfoContainer = styled_components_1.default.div `
-  align-items: ${(props) => (props.$readOnly ? "center" : "flex-start")};
-  display: flex;
-  gap: ${(props) => props.theme.spacing.xs};
-  flex: 1;
-  min-width: 0;
-`;
-exports.UploadedFileWrapper = styled_components_1.default.div `
-  display: flex;
-  justify-content: left;
-  width: 100%;
-  z-index: 2;
-`;
-exports.FileTypeIcon = styled_components_1.default.div `
-  align-items: center;
-  display: flex;
-
-  svg {
-    color: ${(props) => props.theme.color.intent.default.primary};
-  }
-`;
-exports.UploadingFileName = styled_components_1.default.div `
-  color: ${(props) => props.theme.color.text.default};
-  display: flex;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.base};
-  margin-bottom: 0;
-  min-width: 0;
-  overflow-wrap: anywhere;
-  word-break: break-word;
-`;
-exports.UploadedFileName = styled_components_1.default.div `
-  color: ${(props) => props.theme.color.text.default};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.base};
-  margin-bottom: 0;
-  min-width: 0;
-  overflow-wrap: anywhere;
-  word-break: break-word;
-`;
-exports.FileSize = styled_components_1.default.span `
-  color: ${(props) => props.theme.color.text.muted};
-`;
-exports.RemoveButton = styled_components_1.default.button `
-  background-color: transparent;
-  border: none;
-  cursor: pointer;
-  padding: 0;
-`;
-exports.RemoveButtonIcon = (0, styled_components_1.default)(fa_1.FaTrash) `
-  color: ${(props) => props.theme.color.intent.default.danger};
-  font-size: 1;
-  height: auto;
-  margin-top: ${(props) => props.theme.spacing.xs};
-  transition: 0.3s color ease;
-  width: 1rem;
-
-  &:hover {
-    color: ${(props) => props.theme.color.palette.danger[700]};
-  }
-`;
-exports.ProgressBarContainer = styled_components_1.default.div `
-  background-color: ${(props) => props.theme.color.palette.neutral[300]};
-  height: ${(props) => props.theme.spacing.s};
-  margin-top: ${(props) => props.theme.spacing.xs};
-  width: 100%;
-`;
-exports.ProgressBar = styled_components_1.default.div `
-  background-color: ${(props) => props.theme.color.palette.primary[600]};
-  border-radius: ${(props) => props.theme.strokeWidth.thick};
-  height: 100%;
-  transition: width 0.2s ease;
-  width: 0;
-  width: ${(props) => props.$progress}%;
-`;
-exports.DragOverlay = styled_components_1.default.div `
-  align-items: center;
-  background-color: ${(props) => props.theme.color.overlay[80]};
-  border: 4px dashed ${(props) => props.theme.color.intent.default.none};
-  bottom: 0;
-  color: ${(props) => props.theme.color.palette.primary[100]};
-  display: flex;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.h1};
-  font-weight: ${(props) => props.theme.typography.weight.bold};
-  justify-content: center;
-  left: 0;
-  pointer-events: none;
-  position: absolute;
-  right: 0;
-  top: 0;
-  z-index: 3;
-`;

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

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultipleChoiceField = 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 MultipleChoiceField = (props) => {
-    const { templates, components: { MultipleChoiceFieldInput }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    (0, hooks_1.useSetDefault)(props);
-    const { name, uiSchema, schema } = props;
-    const { props: inputProps, style } = (0, react_1.useMemo)(() => (0, utils_1.extractUiSchema)(uiSchema), [uiSchema]);
-    const enums = (0, react_1.useMemo)(() => (0, utils_1.getEnums)(props), [props]);
-    const { values } = (0, formik_1.useFormikContext)();
-    const value = (0, formik_1.getIn)(values, name);
-    const form = (0, formik_1.useFormikContext)();
-    const fieldDataAttribute = (() => {
-        switch (schema?.type) {
-            case "array":
-                return { "data-fjsf-array": name };
-            case "number":
-                return { "data-fjsf-number": name };
-            case "string":
-            default:
-                return { "data-fjsf-string": 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.jsx)(MultipleChoiceFieldInput, { inputProps: { readOnly: props.schema.readOnly, ...inputProps }, name: name, enums: enums, style: style, value: value, form: form }) }));
-};
-exports.MultipleChoiceField = MultipleChoiceField;

package/dist/cjs/Form/fields/MultipleChoiceField/MultipleChoiceFieldInput.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultipleChoiceFieldInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const getStyle_1 = require("../../../utils/getStyle");
-const FormRegistry_1 = require("../../FormRegistry");
-const utils_1 = require("../../../utils");
-const MultipleChoiceFieldInput = ({ inputProps, name, className, enums, style, value, form, }) => {
-    const { components: { MultipleChoiceFieldContainer, MultipleChoiceFieldElement, MultipleChoiceFieldInputElement, MultipleChoiceFieldLabel, }, } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    const safeEnums = enums ?? { type: "", values: [] };
-    const isMultiSelect = safeEnums.type === utils_1.EnumsTypes.MULTI_SELECT;
-    const currentValue = isMultiSelect
-        ? Array.isArray(value)
-            ? value
-            : []
-        : value;
-    const isChecked = (optionValue) => {
-        if (isMultiSelect && Array.isArray(currentValue)) {
-            return currentValue.includes(optionValue);
-        }
-        return currentValue === optionValue;
-    };
-    const handleChange = (optionValue) => {
-        if (isMultiSelect && Array.isArray(currentValue)) {
-            const newValue = isChecked(optionValue)
-                ? currentValue.filter((v) => v !== optionValue)
-                : [...currentValue, optionValue];
-            form?.setFieldValue(name, newValue);
-        }
-        else {
-            form?.setFieldValue(name, optionValue);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(MultipleChoiceFieldContainer, { className: className, style: (0, getStyle_1.getStyle)(style ?? ""), children: (safeEnums.values ?? []).map((v) => {
-            const optionValue = v.const;
-            return ((0, jsx_runtime_1.jsxs)(MultipleChoiceFieldElement, { "data-fjsf-enum-value": optionValue, children: [(0, jsx_runtime_1.jsx)(MultipleChoiceFieldInputElement, { ...inputProps, name: name, type: isMultiSelect ? "checkbox" : "radio", value: optionValue !== undefined ? optionValue.toString() : "", checked: isChecked(optionValue), onChange: () => handleChange(optionValue) }), (0, jsx_runtime_1.jsx)(MultipleChoiceFieldLabel, { children: v.title })] }, optionValue !== undefined ? optionValue.toString() : "undefined"));
-        }) }));
-};
-exports.MultipleChoiceFieldInput = MultipleChoiceFieldInput;

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

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

@@ -1,24 +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.MultipleChoiceFieldLabel = exports.MultipleChoiceFieldInputElement = exports.MultipleChoiceFieldElement = exports.MultipleChoiceFieldContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const styledComponents_1 = require("../RadioField/styledComponents");
-exports.MultipleChoiceFieldContainer = (0, styled_components_1.default)(styledComponents_1.RadioFieldContainer) `
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  flex-wrap: wrap;
-  justify-content: start;
-  flex-direction: column;
-  gap: ${(props) => props.theme.spacing.s};
-  margin-top: ${(props) => props.theme.spacing.s};
-
-  &:has(input[readonly]) {
-    flex-direction: column;
-    gap: ${(props) => props.theme.spacing.s};
-  }
-`;
-exports.MultipleChoiceFieldElement = (0, styled_components_1.default)(styledComponents_1.RadioFieldElement) ``;
-exports.MultipleChoiceFieldInputElement = (0, styled_components_1.default)(styledComponents_1.RadioFieldInputElement) ``;
-exports.MultipleChoiceFieldLabel = (0, styled_components_1.default)(styledComponents_1.RadioFieldLabel) ``;

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NullField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const FormRegistry_1 = require("../../FormRegistry");
-const NullField = (props) => {
-    const { templates } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    const { name, uiSchema } = props;
-    const SelectedFieldTemplate = (props.uiSchema?.["ui:template"] &&
-        templates[props.uiSchema?.["ui:template"]]) ??
-        templates.FieldTemplate;
-    return ((0, jsx_runtime_1.jsx)(SelectedFieldTemplate, { ...props, "data-fjsf-null": name }));
-};
-exports.NullField = NullField;

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

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

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