npm - @feathery/react - Versions diffs - 2.12.3-pr-1522.4bcc507.0 → 2.14.0 - Mend

@feathery/react 2.12.3-pr-1522.4bcc507.0 → 2.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1708) hide show

package/dist/cjs/fthry_index.E_PMR0Yl.js DELETED Viewed

@@ -1,215 +0,0 @@
-'use strict';
-var index$1 = require('./fthry_index.CtdngFQd.js');
-var React = require('react');
-require('react/jsx-runtime');
-require('react-dom/client');
-require('jszip');
-require('react-dom');
-var Placeholder = function () { return (index$1.jsx("div", index$1.__assign({ style: {
-        padding: '16px',
-        border: '2px dashed #d1d5db',
-        borderRadius: '4px',
-        textAlign: 'center'
-    } }, { children: index$1.jsxs("div", index$1.__assign({ style: { color: '#4b5563' } }, { children: [index$1.jsx("div", index$1.__assign({ style: { fontSize: '14px' } }, { children: "Custom Component" })), index$1.jsx("div", index$1.__assign({ style: { fontSize: '12px', marginTop: '4px' } }, { children: "No code provided" }))] })) }))); };
-var Loading = function () { return (index$1.jsx("div", index$1.__assign({ style: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        padding: '8px',
-        backgroundColor: '#dbeafe',
-        color: '#2563eb',
-        fontSize: '14px'
-    } }, { children: "Loading..." }))); };
-var Error = function (_a) {
-    var error = _a.error;
-    return (index$1.jsxs("div", index$1.__assign({ style: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            right: 0,
-            padding: '8px',
-            backgroundColor: '#fee2e2',
-            color: '#dc2626',
-            fontSize: '14px'
-        } }, { children: ["Error: ", error] })));
-};
-var Status = { Placeholder: Placeholder, Loading: Loading, Error: Error };
-// Extract package names and URLs imported in the custom component
-var extractImports = function (code) {
-    var lines = code.split('\n');
-    var imports = new Set();
-    lines.forEach(function (line) {
-        line = line.trim();
-        if (line.startsWith('import')) {
-            var match = line.match(/from\s+['"]([^'"]+)['"]/);
-            if (match && match[1] !== 'react') {
-                imports.add(match[1]);
-            }
-        }
-    });
-    return Array.from(imports);
-};
-var isValidUrl = function (str) {
-    try {
-        // eslint-disable-next-line no-new
-        new URL(str);
-        return true;
-    }
-    catch (_a) {
-        return false;
-    }
-};
-// Build an importmap script based on the list of packages imported
-var createImportMap = function (imports) {
-    var importEntries = imports.map(function (importPath) {
-        // Already a full URL, import directly
-        if (isValidUrl(importPath)) {
-            return "\"".concat(importPath, "\": \"").concat(importPath, "\"");
-        }
-        // Default to esm.sh for npm packages
-        return "\"".concat(importPath, "\": \"https://esm.sh/").concat(importPath, "/?external=react\"");
-    });
-    return "{\n  \"imports\": {\n    \"react\": \"https://esm.sh/react@18.2.0\",\n    \"react-dom\": \"https://esm.sh/react-dom@18.2.0\",\n    \"react-dom/client\": \"https://esm.sh/react-dom@18.2.0/client\",\n    \"react/jsx-runtime\": \"https://esm.sh/react@18.2.0/jsx-runtime\"".concat(imports.length ? ',' : '', "\n    ").concat(importEntries.join(',\n'), "\n  }\n}");
-};
-var createTemplate = function (code, initialValue, elementId) { return "\n<!DOCTYPE html>\n<html>\n  <head>\n    <script src=\"https://cdn.jsdelivr.net/npm/@babel/standalone/babel.min.js\"></script>\n    <style>\n      * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n      }\n      \n      body {\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n        line-height: 1.5;\n        overflow: hidden;\n      }\n\n      #root {\n        min-height: 100vh;\n        width: 100%;\n      }\n    </style>\n    <script type=\"importmap\">\n      ".concat(createImportMap(extractImports(code)), "\n    </script>\n    <script type=\"module\">\n      import React from 'react';\n      import { createRoot } from 'react-dom/client';\n\n      // Store the elementId for use in postMessage\n      window.elementId = '").concat(elementId, "';\n\n      (async () => {\n        try {\n          const transformedCode = Babel.transform(\n            `").concat(code, "`,\n            {\n              presets: ['react'],\n              filename: 'dynamic.jsx'\n            }\n          ).code;\n\n          // Create a blob URL for the transformed code\n          const blob = new Blob([transformedCode], { type: 'text/javascript' });\n          const moduleUrl = URL.createObjectURL(blob);\n\n          // Import the component\n          const { default: UserComponent } = await import(moduleUrl);\n\n          // Set up the root and store it\n          const container = document.getElementById('root');\n          const root = createRoot(container);\n          window.rootRef = root;\n\n          window.parent.postMessage({ \n            type: 'LOADING_COMPLETE',\n            elementId: window.elementId\n          }, '*');\n\n          // Handle resize\n          const resizeObserver = new ResizeObserver(entries => {\n            const height = entries[0].contentRect.height;\n            window.parent.postMessage({ \n              type: 'resize', \n              height,\n              elementId: window.elementId\n            }, '*');\n          });\n          \n          resizeObserver.observe(container);\n\n          // Store references for updates\n          window.React = React;\n          window.UserComponent = UserComponent;\n        } catch (err) {\n          console.error('Error:', err);\n          window.parent.postMessage({ \n            type: 'error',\n            error: `${err.name}: ${err.message}`,\n            elementId: window.elementId\n          }, '*');\n        }\n      })();\n    </script>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>\n"); };
-function useCustomComponentIframe(_a) {
-    var _this = this;
-    var componentCode = _a.componentCode, elementId = _a.elementId, value = _a.value, onChange = _a.onChange, customProps = _a.customProps;
-    var iframeRef = React.useRef(null);
-    var rootRef = React.useRef(null);
-    var _b = index$1.__read(React.useState(null), 2), error = _b[0], setError = _b[1];
-    var _c = index$1.__read(React.useState(true), 2), loading = _c[0], setLoading = _c[1];
-    var renderComponent = function (overrideLoading) {
-        var _a, _b;
-        if (overrideLoading === void 0) { overrideLoading = false; }
-        var iframe = iframeRef.current;
-        if (!iframe || !rootRef.current || (loading && !overrideLoading))
-            return;
-        var root = rootRef.current;
-        var React = (_a = iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.React;
-        var UserComponent = (_b = iframe.contentWindow) === null || _b === void 0 ? void 0 : _b.UserComponent;
-        if (React && UserComponent) {
-            var handleChange = function (newValue) {
-                var _a;
-                (_a = iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.parent.postMessage({
-                    type: 'valueChange',
-                    value: newValue,
-                    elementId: elementId
-                }, index$1.featheryWindow().location.origin);
-            };
-            root.render(React.createElement(React.StrictMode, null, React.createElement(UserComponent, index$1.__assign({ value: value, onChange: handleChange }, customProps))));
-        }
-    };
-    // Create iframe whenever code changes
-    React.useEffect(function () {
-        var setupIframe = function () { return index$1.__awaiter(_this, void 0, void 0, function () {
-            var iframe, template, handleMessage_1, error_1;
-            return index$1.__generator(this, function (_a) {
-                iframe = iframeRef.current;
-                if (!iframe)
-                    return [2 /*return*/];
-                try {
-                    setLoading(true);
-                    template = createTemplate(componentCode, value, elementId);
-                    handleMessage_1 = function (event) {
-                        var _a, _b, _c, _d, _e;
-                        // Verify the message is intended for this element
-                        if (((_a = event.data) === null || _a === void 0 ? void 0 : _a.elementId) !== elementId)
-                            return;
-                        if (event.data.type === 'LOADING_COMPLETE') {
-                            setLoading(false);
-                            setError(null);
-                            rootRef.current = (_b = iframe.contentWindow) === null || _b === void 0 ? void 0 : _b.rootRef;
-                            renderComponent(true);
-                        }
-                        else if ((_c = event.data) === null || _c === void 0 ? void 0 : _c.error) {
-                            setError(event.data.error);
-                            setLoading(false);
-                        }
-                        else if (((_d = event.data) === null || _d === void 0 ? void 0 : _d.type) === 'resize' && iframe) {
-                            iframe.style.height = "".concat(event.data.height, "px");
-                        }
-                        else if (((_e = event.data) === null || _e === void 0 ? void 0 : _e.type) === 'valueChange') {
-                            onChange === null || onChange === void 0 ? void 0 : onChange(event.data.value);
-                        }
-                    };
-                    index$1.featheryWindow().addEventListener('message', handleMessage_1);
-                    iframe.srcdoc = template;
-                    return [2 /*return*/, function () {
-                            index$1.featheryWindow().removeEventListener('message', handleMessage_1);
-                        }];
-                }
-                catch (err) {
-                    error_1 = err;
-                    setError(error_1.message);
-                    setLoading(false);
-                }
-                return [2 /*return*/];
-            });
-        }); };
-        setupIframe();
-    }, [componentCode]);
-    // Update component props when value changes
-    React.useEffect(function () {
-        renderComponent();
-    }, [value, loading, customProps]);
-    return {
-        iframeRef: iframeRef,
-        error: error,
-        loading: loading
-    };
-}
-var CustomField = function (_a) {
-    var _b;
-    var element = _a.element, _c = _a.elementProps, elementProps = _c === void 0 ? {} : _c, responsiveStyles = _a.responsiveStyles, onChange = _a.onChange, rawValue = _a.rawValue, required = _a.required, disabled = _a.disabled, fieldStyles = _a.fieldStyles, editMode = _a.editMode, rightToLeft = _a.rightToLeft, index = _a.index;
-    var componentCode = element.servar.metadata.code;
-    var isCodeEmpty = !componentCode || componentCode.trim() === '';
-    var showPlaceholder = isCodeEmpty && editMode;
-    var customFieldProps = React.useMemo(function () {
-        var _a;
-        return ({
-            fieldProperties: {
-                description: element.servar.name,
-                required: required,
-                disabled: disabled,
-                custom: ((_a = element.servar.metadata) === null || _a === void 0 ? void 0 : _a.custom) || {},
-                aria_label: element.properties.aria_label
-            },
-            fieldStyles: fieldStyles || {},
-            formContext: {
-                rightToLeft: rightToLeft || false,
-                editMode: editMode || false
-            }
-        });
-    }, [
-        required,
-        disabled,
-        fieldStyles,
-        rightToLeft,
-        editMode,
-        (_b = element.servar.metadata) === null || _b === void 0 ? void 0 : _b.custom
-    ]);
-    var _d = useCustomComponentIframe({
-        componentCode: element.servar.metadata.code,
-        elementId: index != null ? "".concat(element.id, "[").concat(index, "]") : element.id,
-        value: rawValue,
-        onChange: onChange,
-        customProps: customFieldProps
-    }), iframeRef = _d.iframeRef, error = _d.error, loading = _d.loading;
-    return (index$1.jsxs("div", index$1.__assign({ css: index$1.__assign({ maxWidth: '100%', width: '100%', height: 'auto', position: 'relative', pointerEvents: editMode ? 'none' : 'auto' }, responsiveStyles === null || responsiveStyles === void 0 ? void 0 : responsiveStyles.getTarget('fc')) }, elementProps, { children: [showPlaceholder ? (index$1.jsx(Status.Placeholder, {})) : (index$1.jsxs(index$1.Fragment, { children: [error && index$1.jsx(Status.Error, { error: error }), loading && index$1.jsx(Status.Loading, {}), index$1.jsx("iframe", { ref: iframeRef, sandbox: 'allow-scripts allow-same-origin', style: {
-                            width: '100%',
-                            border: 'none',
-                            backgroundColor: 'transparent',
-                            overflow: 'hidden',
-                            display: 'block'
-                        } })] })), index$1.jsx(index$1.ErrorInput, { id: element.servar.key, name: element.servar.key, "aria-label": element.properties.aria_label })] })));
-};
-var index = React.memo(CustomField);
-exports.default = index;

package/dist/cjs/fthry_index.fleNYFAW.js DELETED Viewed

@@ -1,255 +0,0 @@
-'use strict';
-var index = require('./fthry_index.CtdngFQd.js');
-var React = require('react');
-require('react/jsx-runtime');
-require('react-dom/client');
-require('jszip');
-require('react-dom');
-function FileUploadIcon(_a) {
-    var _b = _a.width, width = _b === void 0 ? '48px' : _b, style = _a.style;
-    return (index.jsxs("svg", index.__assign({ width: width, viewBox: '0 0 48 48', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', style: style }, { children: [index.jsx("path", { d: 'm18.101 30.078 5.9-5.888 5.898 5.888M24 40.3V24.19', stroke: '#414859' }), index.jsx("path", { d: 'M34.988 36.336c5 0 9.012-4.056 9.012-9.112s-4.012-9.112-9.012-9.112c0-5.585-4.476-10.112-10-10.112-4.244 0-7.848 2.646-9.302 6.408-.232 0-.465-.059-.698-.059C8.942 14.35 4 19.288 4 25.46c0 6.114 4.884 11.111 10.988 11.111', stroke: '#414859' })] })));
-}
-function DownloadIcon(_a) {
-    var _b = _a.width, width = _b === void 0 ? 26 : _b, _c = _a.height, height = _c === void 0 ? 26 : _c;
-    return (index.jsx("svg", index.__assign({ width: width, height: height, viewBox: '0 0 26 26', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, { children: index.jsx("path", { d: 'M1 19.3529V22.1765C1 22.9253 1.31607 23.6435 1.87868 24.173C2.44129 24.7025 3.20435 25 4 25H22C22.7956 25 23.5587 24.7025 24.1213 24.173C24.6839 23.6435 25 22.9253 25 22.1765V19.3529M5.5 10.8824L13 17.9412M13 17.9412L20.5 10.8824M13 17.9412V1', stroke: 'white', strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round' }) })));
-}
-var DEFAULT_FILE_SIZE_LIMIT = 1024 * 1024 * 10;
-var NUM_FILES_LIMIT = 20;
-function FileUploadField(_a) {
-    var _this = this;
-    var element = _a.element, responsiveStyles = _a.responsiveStyles, _b = _a.required, required = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, editMode = _a.editMode, _d = _a.onChange, customOnChange = _d === void 0 ? function () { } : _d, _e = _a.initialFiles, initialFiles = _e === void 0 ? [] : _e, _f = _a.elementProps, elementProps = _f === void 0 ? {} : _f, children = _a.children;
-    var servar = element.servar;
-    var showLabel = servar.name !== '';
-    var isMultiple = servar.metadata.multiple;
-    var fileInput = React.useRef(null);
-    var _g = index.__read(React.useState([]), 2), rawFiles = _g[0], setRawFiles = _g[1];
-    var _h = index.__read(React.useState(-1), 2), hoverDownload = _h[0], setHoverDownload = _h[1];
-    var _j = index.__read(React.useState(new Set()), 2), failedThumbnails = _j[0], setFailedThumbnails = _j[1];
-    React.useEffect(function () {
-        // Prevent infinite loop of setting a new empty array as the value
-        if (index.isEmptyArray(rawFiles) && index.isEmptyArray(initialFiles))
-            return;
-        // Normalize placeholders like [null] to an empty list
-        setRawFiles(index.toList(initialFiles).filter(Boolean));
-    }, [initialFiles]);
-    // Reset failed thumbnails when file list changes
-    React.useEffect(function () {
-        setFailedThumbnails(new Set());
-    }, [rawFiles.length]);
-    // Thumbnails derived from current files; rawFiles is normalized to exclude nulls
-    var thumbnailData = index.useThumbnailData(rawFiles);
-    var hasFiles = rawFiles.length > 0;
-    var allowMoreFiles = isMultiple || !hasFiles;
-    var hidePreview = element.styles.hide_file_preview;
-    var handleDragOver = function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-    };
-    var handleDrop = function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        var files = e.dataTransfer.files;
-        if (allowMoreFiles)
-            handleFiles(files);
-    };
-    var handleChange = function (event) {
-        var files = event.target.files;
-        if (files && allowMoreFiles)
-            handleFiles(files);
-    };
-    var onClick = function () {
-        var _a;
-        if (!allowMoreFiles && !hidePreview)
-            return;
-        if (disabled)
-            return;
-        (_a = fileInput.current) === null || _a === void 0 ? void 0 : _a.click();
-    };
-    var allowedFileTypes = index.__spreadArray([], index.__read(servar.metadata.file_types), false);
-    if (servar.metadata.custom_file_types)
-        allowedFileTypes.push.apply(allowedFileTypes, index.__spreadArray([], index.__read(servar.metadata.custom_file_types.map(function (type) { return ".".concat(type); })), false));
-    var isFileTypeMatch = function (file, allowedType) {
-        var _a;
-        // handle image/* or video/* etc.
-        if (allowedType.endsWith('/*')) {
-            var typeCategory = allowedType.split('/')[0];
-            return file.type.startsWith(typeCategory + '/');
-        }
-        // handle specific file types like application/pdf
-        if (allowedType.includes('/')) {
-            return file.type === allowedType;
-        }
-        var extension = '.' + ((_a = file.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase());
-        return allowedType.toLowerCase() === extension;
-    };
-    var validateFileTypes = function (files) {
-        if (allowedFileTypes.length === 0)
-            return;
-        var individualTypes = allowedFileTypes.flatMap(function (str) {
-            return str.split(',').map(function (item) { return item.trim(); });
-        });
-        var invalidFiles = files.filter(function (file) { return !individualTypes.some(function (type) { return isFileTypeMatch(file, type); }); });
-        if (invalidFiles.length > 0) {
-            throw new Error("Invalid file type. Allowed types: ".concat(allowedFileTypes.join(', ')));
-        }
-    };
-    var fileSizeLimit = servar.max_length
-        ? servar.max_length * 1024
-        : DEFAULT_FILE_SIZE_LIMIT;
-    var validateFileSizes = function (files) {
-        if (files.some(function (file) { return file.size > fileSizeLimit; })) {
-            var sizeLabel = '';
-            if (fileSizeLimit < 1024)
-                sizeLabel = "".concat(fileSizeLimit, " bytes");
-            else if (fileSizeLimit <= 1024 * 1024) {
-                var kbSize = Math.floor(fileSizeLimit / 1024);
-                sizeLabel = "".concat(kbSize, " kb");
-            }
-            else {
-                var mbSize = Math.floor(fileSizeLimit / (1024 * 1024));
-                sizeLabel = "".concat(mbSize, " mb");
-            }
-            throw new Error("File exceeds max size of ".concat(sizeLabel));
-        }
-    };
-    // When the user uploads files to the multi-file upload, we just append to the existing set
-    // By default the input element would just replace all the uploaded files (we don't want that)
-    var handleFiles = function (filelist) { return index.__awaiter(_this, void 0, void 0, function () {
-        var files, existingCount, uploadedFiles, newRawFiles, length_1;
-        var _a, _b, _c;
-        return index.__generator(this, function (_d) {
-            if (disabled)
-                return [2 /*return*/];
-            files = Array.from(filelist);
-            if (!isMultiple) {
-                files = [files[0]];
-            }
-            try {
-                if (files.some(function (file) { return !file || !(file instanceof File) || file.size <= 0; })) {
-                    throw new Error('Some files are invalid');
-                }
-                validateFileTypes(files);
-                validateFileSizes(files);
-                existingCount = hidePreview ? 0 : rawFiles.length;
-                if (files.length + existingCount > NUM_FILES_LIMIT) {
-                    // Splice off the uploaded files past the upload limit
-                    files.splice(NUM_FILES_LIMIT - existingCount);
-                }
-                uploadedFiles = files.map(function (file) { return Promise.resolve(file); });
-                newRawFiles = void 0;
-                if (hidePreview) {
-                    newRawFiles = uploadedFiles;
-                    length_1 = 0;
-                }
-                else {
-                    newRawFiles = index.__spreadArray(index.__spreadArray([], index.__read(rawFiles), false), index.__read(uploadedFiles), false);
-                    length_1 = existingCount;
-                }
-                setRawFiles(newRawFiles);
-                customOnChange(newRawFiles, length_1);
-                (_a = fileInput.current) === null || _a === void 0 ? void 0 : _a.setCustomValidity('');
-                // Wipe the value of the upload element so we can upload multiple copies of the same file
-                // If we didn't do this, then uploading the same file wouldn't re-trigger onChange
-                if (fileInput.current) {
-                    fileInput.current.value = '';
-                }
-            }
-            catch (error) {
-                (_b = fileInput.current) === null || _b === void 0 ? void 0 : _b.setCustomValidity(error.message);
-                (_c = fileInput.current) === null || _c === void 0 ? void 0 : _c.reportValidity();
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    function onClear(index$1) {
-        return function () {
-            var newRawFiles = index.justRemove(rawFiles, index$1);
-            setRawFiles(newRawFiles);
-            customOnChange(newRawFiles, -1);
-        };
-    }
-    var imgStyles = index.__assign(index.__assign({}, index.imgMaxSizeStyles), responsiveStyles.getTarget('img'));
-    var icon = element.properties.icon ? (index.jsx("img", { src: element.properties.icon, style: index.__assign(index.__assign({}, imgStyles), { maxWidth: '100%', height: 'auto' }), alt: '' })) : (index.jsx(FileUploadIcon, { width: imgStyles.width && imgStyles.width !== 'px'
-            ? imgStyles.width
-            : undefined, style: { maxHeight: '100%' } }));
-    return (index.jsxs("div", index.__assign({ css: index.__assign({ display: 'flex', flexWrap: 'wrap', position: 'relative', pointerEvents: editMode ? 'none' : 'auto', width: '100%', height: '100%' }, responsiveStyles.getTarget('fc')) }, elementProps, { onDragOver: handleDragOver, onDrop: disabled ? undefined : handleDrop }, { children: [children, !hidePreview &&
-                thumbnailData.map(function (_a, index$1) {
-                    var filename = _a.filename, thumbnail = _a.thumbnail;
-                    return index$1 < rawFiles.length ? (index.jsxs("div", index.__assign({ css: index.__assign(index.__assign({ position: 'relative', width: '100%', maxHeight: '100%', overflow: 'hidden', display: 'flex', justifyContent: 'center', alignItems: 'center', boxSizing: 'border-box' }, (thumbnail
-                            ? {}
-                            : { paddingLeft: '20px', paddingRight: '20px' })), responsiveStyles.getTarget('field')), onMouseEnter: function () { return setHoverDownload(index$1); }, onMouseLeave: function () { return setHoverDownload(-1); } }, { children: [hoverDownload === index$1 && (index.jsx("div", index.__assign({ css: {
-                                    position: 'absolute',
-                                    margin: 'auto',
-                                    left: 0,
-                                    right: 0,
-                                    top: 0,
-                                    bottom: 0,
-                                    width: '48px',
-                                    height: '48px',
-                                    borderRadius: '8px',
-                                    backgroundColor: '#3E414D80',
-                                    cursor: 'pointer',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'center'
-                                }, onClick: function () { return index.__awaiter(_this, void 0, void 0, function () { var _a; return index.__generator(this, function (_b) {
-                                    switch (_b.label) {
-                                        case 0:
-                                            _a = index.downloadFile;
-                                            return [4 /*yield*/, rawFiles[index$1]];
-                                        case 1: return [2 /*return*/, _a.apply(void 0, [(_b.sent())])];
-                                    }
-                                }); }); } }, { children: index.jsx(DownloadIcon, {}) }))), thumbnail && !failedThumbnails.has(index$1) ? (index.jsx("img", { src: thumbnail, onError: function () {
-                                    return setFailedThumbnails(function (prev) { return new Set(prev).add(index$1); });
-                                }, style: {
-                                    width: '100%',
-                                    height: '100%',
-                                    objectFit: 'contain'
-                                }, alt: filename || '' })) : (index.jsx("span", index.__assign({ style: {
-                                    height: '100%',
-                                    width: '100%',
-                                    wordBreak: 'break-all',
-                                    display: 'flex',
-                                    justifyContent: 'center',
-                                    alignItems: 'center',
-                                    textAlign: 'center'
-                                } }, { children: filename || 'File' }))), index.jsx("div", index.__assign({ css: {
-                                    position: 'absolute',
-                                    top: '4px',
-                                    right: '4px',
-                                    color: 'white',
-                                    background: '#AAA',
-                                    height: '16px',
-                                    width: '16px',
-                                    borderRadius: '50%',
-                                    pointerEvents: disabled ? 'none' : 'auto',
-                                    cursor: 'pointer',
-                                    display: 'flex',
-                                    justifyContent: 'center',
-                                    alignItems: 'center',
-                                    transition: '0.2s ease all',
-                                    '&:hover': { backgroundColor: '#BBB' }
-                                }, role: 'button', "aria-label": 'Clear file', onClick: function (event) {
-                                    var _a;
-                                    // Stop propagation so window doesn't open up to pick another file to upload
-                                    event.stopPropagation();
-                                    (_a = fileInput.current) === null || _a === void 0 ? void 0 : _a.setCustomValidity('');
-                                    onClear(index$1)();
-                                } }, { children: index.jsx(index.CloseIcon, { fill: 'white', width: 12, height: 12 }) }))] }), index$1)) : null;
-                }), (allowMoreFiles || hidePreview) && (index.jsxs("div", index.__assign({ onClick: onClick, css: index.__assign({ position: 'relative', pointerEvents: disabled ? 'none' : 'auto', cursor: 'pointer', maxHeight: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column', overflow: 'hidden', boxSizing: 'border-box', width: '100%' }, responsiveStyles.getTarget('ac')) }, { children: [icon, showLabel && (index.jsx("div", index.__assign({ css: responsiveStyles.getTarget('add') }, { children: servar.name })))] }))), index.jsx("input", { id: servar.key, name: servar.key, ref: fileInput, type: 'file', onChange: handleChange, required: required && !hasFiles, accept: allowedFileTypes.join(',') || undefined, disabled: disabled, "aria-label": element.properties.aria_label, multiple: isMultiple, onFocus: index.iosScrollOnFocus, style: {
-                    position: 'absolute',
-                    pointerEvents: 'none',
-                    opacity: 0,
-                    top: 0,
-                    left: 0,
-                    width: '100%',
-                    height: '100%',
-                    zIndex: index.FORM_Z_INDEX - 2
-                } })] })));
-}
-exports.default = FileUploadField;

package/dist/cjs/fthry_index.hn3nWnc7.js DELETED Viewed

@@ -1,97 +0,0 @@
-'use strict';
-var index = require('./fthry_index.CtdngFQd.js');
-var React = require('react');
-var FormControl = require('./fthry_FormControl.BkRkEOPV.js');
-var index$1 = require('./fthry_index.BYMaOURT.js');
-var InlineTooltip = require('./fthry_InlineTooltip.CbVeAbj-.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DURMJ7-O.js');
-require('react/jsx-runtime');
-require('react-dom/client');
-require('jszip');
-require('react-dom');
-require('./fthry_Overlay.zp3MDZez.js');
-var applyRadioGroupStyles = function (element, responsiveStyles) {
-    responsiveStyles.addTargets('radioGroup');
-    index$1.applyHeightWidthMarginByFontSize(responsiveStyles, 'radioGroup');
-    return responsiveStyles;
-};
-function RadioButtonGroupField(_a) {
-    var _b, _c;
-    var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _d = _a.required, required = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.fieldVal, fieldVal = _f === void 0 ? '' : _f, _g = _a.otherVal, otherVal = _g === void 0 ? '' : _g, _h = _a.repeatIndex, repeatIndex = _h === void 0 ? null : _h, editMode = _a.editMode, _j = _a.onChange, onChange = _j === void 0 ? function () { } : _j, _k = _a.onOtherChange, onOtherChange = _k === void 0 ? function () { } : _k, _l = _a.onEnter, onEnter = _l === void 0 ? function () { } : _l, _m = _a.elementProps, elementProps = _m === void 0 ? {} : _m, children = _a.children;
-    var servar = element.servar;
-    var containerRef = React.useRef(null);
-    var _o = useSalesforceSync.useSalesforceSync(servar.metadata.salesforce_sync, editMode), dynamicOptions = _o.dynamicOptions, loadingDynamicOptions = _o.loadingDynamicOptions, shouldSalesforceSync = _o.shouldSalesforceSync;
-    var _p = index.__read(React.useState({}), 2), otherSelect = _p[0], setOtherSelect = _p[1];
-    var otherChecked =
-    // @ts-expect-error TS(7053): Element implicitly has an 'any' type because expre... Remove this comment to see the full error message
-    (otherSelect[servar.key] || fieldVal) && fieldVal === otherVal;
-    var otherTextDisabled = !otherChecked || disabled;
-    var otherLabel = (_b = servar.metadata.other_label) !== null && _b !== void 0 ? _b : 'Other';
-    var styles = React.useMemo(function () {
-        index$1.applyCheckableInputStyles(element, responsiveStyles);
-        applyRadioGroupStyles(element, responsiveStyles);
-        responsiveStyles.addTargets('row-container');
-        responsiveStyles.apply('row-container', 'row_separation', function (a) {
-            return { gap: "".concat(a || 5, "px") };
-        });
-        responsiveStyles.apply('row-container', 'option_direction', function (a) {
-            return { flexDirection: a || 'column' };
-        });
-        return responsiveStyles;
-    }, [responsiveStyles]);
-    var labels = servar.metadata.option_labels;
-    var tooltips = (_c = servar.metadata.option_tooltips) !== null && _c !== void 0 ? _c : [];
-    var options;
-    if (shouldSalesforceSync) {
-        options = dynamicOptions.map(function (option) { return ({
-            value: option.value,
-            label: option.label
-        }); });
-    }
-    else if (repeatIndex !== null &&
-        servar.metadata.repeat_options !== undefined &&
-        servar.metadata.repeat_options[repeatIndex] !== undefined) {
-        options = servar.metadata.repeat_options[repeatIndex];
-    }
-    else {
-        options = servar.metadata.options.map(function (opt, index) { return ({
-            value: opt,
-            label: labels && labels[index] ? labels[index] : opt,
-            tooltip: tooltips && tooltips[index] ? tooltips[index] : ''
-        }); });
-    }
-    return (index.jsxs("div", index.__assign({ ref: containerRef, css: index.__assign(index.__assign({ width: '100%', height: '100%' }, responsiveStyles.getTarget('fc')), { position: 'relative' }) }, elementProps, { children: [children, fieldLabel, index.jsxs("div", index.__assign({ css: index.__assign({ display: 'flex', flexWrap: 'wrap', width: '100%' }, styles.getTarget('row-container')) }, { children: [options.map(function (option, i) {
-                        var _a, _b, _c;
-                        var value = (_a = option.value) !== null && _a !== void 0 ? _a : option;
-                        var label = (_b = option.label) !== null && _b !== void 0 ? _b : option;
-                        var tooltip = (_c = option.tooltip) !== null && _c !== void 0 ? _c : '';
-                        return (index.jsxs("div", index.__assign({ css: {
-                                display: 'flex'
-                            } }, { children: [index.jsxs("label", index.__assign({ style: { display: 'contents' } }, { children: [index.jsx("input", { type: 'radio', id: "".concat(servar.key, "-").concat(i), name: repeatIndex !== null
-                                                ? "".concat(servar.key, "-").concat(repeatIndex)
-                                                : servar.key, checked: fieldVal === value, required: required, disabled: disabled || loadingDynamicOptions, onChange: onChange, onFocus: index.iosScrollOnFocus, "aria-label": element.properties.aria_label, value: value, style: {
-                                                padding: 0,
-                                                lineHeight: 'normal'
-                                            }, css: index.__assign(index.__assign(index.__assign(index.__assign({}, index$1.composeCheckableInputStyle(styles, disabled, true)), styles.getTarget('radioGroup')), (disabled ? responsiveStyles.getTarget('disabled') : {})), { '&:focus-visible': { border: '1px solid rgb(74, 144, 226)' } }) }), index.jsx("span", index.__assign({ css: index.__assign({ whiteSpace: 'pre-wrap', overflowWrap: 'anywhere' }, styles.getTarget('checkboxLabel')) }, { children: label }))] })), index.jsx(InlineTooltip.InlineTooltip, { containerRef: containerRef, id: "".concat(element.id, "-").concat(value), text: tooltip, responsiveStyles: responsiveStyles, absolute: false, repeat: element.repeat })] }), "".concat(servar.key, "-").concat(i)));
-                    }), servar.metadata.other && (index.jsxs("div", index.__assign({ style: { display: 'flex' } }, { children: [index.jsx("input", { type: 'radio', id: "".concat(servar.key, "-"), name: repeatIndex !== null
-                                    ? "".concat(servar.key, "-").concat(repeatIndex)
-                                    : servar.key, value: otherVal || '', checked: otherChecked, disabled: disabled || loadingDynamicOptions, onChange: function (e) {
-                                    var _a;
-                                    setOtherSelect(index.__assign(index.__assign({}, otherSelect), (_a = {}, _a[servar.key] = true, _a)));
-                                    onChange(e);
-                                }, onFocus: index.iosScrollOnFocus, style: {
-                                    padding: 0,
-                                    lineHeight: 'normal'
-                                }, css: index.__assign(index.__assign(index.__assign({}, index$1.composeCheckableInputStyle(styles, disabled, true)), styles.getTarget('radioGroup')), (disabled ? responsiveStyles.getTarget('disabled') : {})) }, "".concat(servar.key, "-")), index.jsx("label", index.__assign({ htmlFor: "".concat(servar.key, "-"), css: styles.getTarget('checkboxLabel') }, { children: otherLabel })), index.jsx(FormControl.FormControl, { type: 'text',
-                                // Paired with flex grow, will not expand parent width
-                                htmlSize: 1, css: index.__assign(index.__assign(index.__assign(index.__assign({ marginLeft: '5px' }, index.resetStyles), { paddingLeft: '0.4rem', flexGrow: 1 }), responsiveStyles.getTarget('field')), (otherTextDisabled || loadingDynamicOptions
-                                    ? responsiveStyles.getTarget('disabled')
-                                    : {})), id: servar.key, value: otherVal || '', onChange: onOtherChange, onKeyDown: function (e) {
-                                    if (e.key === 'Enter')
-                                        onEnter(e);
-                                }, maxLength: servar.max_length, minLength: servar.min_length, required: otherChecked, disabled: otherTextDisabled || loadingDynamicOptions }), index.jsx(InlineTooltip.InlineTooltip, { containerRef: containerRef, id: "".concat(element.id, "-"), text: servar.metadata.other_tooltip, responsiveStyles: responsiveStyles, absolute: false, repeat: element.repeat })] })))] }))] })));
-}
-exports.default = RadioButtonGroupField;