xmlui 0.11.4 → 0.11.6

package/dist/scripts/src/components/FileUploadDropZone/FileUploadDropZone.spec.js

@@ -1,296 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// BASIC FUNCTIONALITY TESTS
-// =============================================================================
-(0, fixtures_1.test)("component renders with basic props", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone>Upload Area</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    yield (0, fixtures_1.expect)(driver.component).toContainText("Upload Area");
-}));
-(0, fixtures_1.test)("component displays children content", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`
-    <FileUploadDropZone>
-      <Text>Drag files here</Text>
-      <Button>Or click to browse</Button>
-    </FileUploadDropZone>
-  `);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toContainText("Drag files here");
-    yield (0, fixtures_1.expect)(driver.component).toContainText("Or click to browse");
-}));
-(0, fixtures_1.test)("component handles disabled state", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    // TODO: Disabled state handling needs investigation
-    yield initTestBed(`<FileUploadDropZone enabled="false">Upload Area</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    // Check that the component is visible but the input reflects disabled state
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    yield (0, fixtures_1.expect)(driver.component).toHaveAttribute('data-drop-enabled', 'false');
-}));
-(0, fixtures_1.test)("component supports custom drop text", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone text="Custom drop message">Upload Area</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-}));
-(0, fixtures_1.test)("component supports allowPaste property", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone allowPaste="false">Upload Area</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-}));
-(0, fixtures_1.test)("component has hidden file input", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone>Upload Area</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.getHiddenInput()).toBeAttached();
-    yield (0, fixtures_1.expect)(driver.getHiddenInput()).toHaveAttribute('type', 'file');
-}));
-(0, fixtures_1.test)("component initially hides drop placeholder", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone>Upload Area</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    (0, fixtures_1.expect)(yield driver.isDropPlaceholderVisible()).toBe(false);
-}));
-// =============================================================================
-// ACCESSIBILITY TESTS (REQUIRED)
-// =============================================================================
-(0, fixtures_1.test)("component has correct accessibility structure", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone>Upload files here</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.getHiddenInput()).toHaveAttribute('type', 'file');
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-}));
-(0, fixtures_1.test)("component supports keyboard interaction through children", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`
-    <FileUploadDropZone>
-      <Button testId="customButton">Browse Files</Button>
-    </FileUploadDropZone>
-  `);
-    const driver = yield createFileUploadDropZoneDriver();
-    const button = driver.component.getByTestId('customButton');
-    yield (0, fixtures_1.expect)(button).toBeVisible();
-    yield button.focus();
-    yield (0, fixtures_1.expect)(button).toBeFocused();
-}));
-(0, fixtures_1.test)("component maintains semantic structure", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`
-    <FileUploadDropZone>
-      <H3>Upload Documents</H3>
-      <Text>Supported formats: PDF, DOC, JPG</Text>
-    </FileUploadDropZone>
-  `);
-    const driver = yield createFileUploadDropZoneDriver();
-    // Check that content is visible within the drop zone
-    yield (0, fixtures_1.expect)(driver.component).toContainText("Upload Documents");
-    yield (0, fixtures_1.expect)(driver.component).toContainText("Supported formats");
-}));
-(0, fixtures_1.test)("component supports screen reader announcements", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`
-    <FileUploadDropZone>
-      <Text role="status" aria-live="polite">Ready for file upload</Text>
-    </FileUploadDropZone>
-  `);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toContainText("Ready for file upload");
-}));
-// =============================================================================
-// VISUAL STATE TESTS
-// =============================================================================
-(0, fixtures_1.test)("component applies theme variables correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone>Upload Area</FileUploadDropZone>`, {
-        testThemeVars: {
-            "backgroundColor-FileUploadDropZone": "rgb(255, 0, 0)",
-        },
-    });
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toHaveCSS("background-color", "rgb(255, 0, 0)");
-}));
-(0, fixtures_1.test)("component applies text color theme variables", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone>Upload Area</FileUploadDropZone>`, {
-        testThemeVars: {
-            "textColor-FileUploadDropZone": "rgb(0, 255, 0)",
-        },
-    });
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toHaveCSS("color", "rgb(0, 255, 0)");
-}));
-(0, fixtures_1.test)("component shows drop placeholder during drag operations", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone text="Drop files here">Upload Area</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    // Initially hidden
-    (0, fixtures_1.expect)(yield driver.isDropPlaceholderVisible()).toBe(false);
-    // Would be visible during drag (tested functionally)
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-}));
-(0, fixtures_1.test)("component maintains layout with custom styles", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`
-    <FileUploadDropZone style="min-height: 200px; border: 2px dashed #ccc;">
-      Upload Area
-    </FileUploadDropZone>
-  `);
-    const driver = yield createFileUploadDropZoneDriver();
-    // Check that the component is visible and contains content
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    yield (0, fixtures_1.expect)(driver.component).toContainText("Upload Area");
-}));
-// =============================================================================
-// EDGE CASE TESTS (CRITICAL)
-// =============================================================================
-(0, fixtures_1.test)("component handles null and undefined props gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone>Upload Area</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    yield (0, fixtures_1.expect)(driver.getHiddenInput()).toBeAttached();
-}));
-(0, fixtures_1.test)("component handles empty children", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone> </FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    // Component should be attached even with minimal content
-    yield (0, fixtures_1.expect)(driver.component).toBeAttached();
-    yield (0, fixtures_1.expect)(driver.getHiddenInput()).toBeAttached();
-}));
-(0, fixtures_1.test)("component handles special characters in text prop", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone text="Drop files here 📁 & upload 🚀">Upload</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-}));
-(0, fixtures_1.test)("component handles boolean string props correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone enabled="true" allowPaste="false">Upload</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    (0, fixtures_1.expect)(yield driver.isEnabled()).toBe(true);
-}));
-(0, fixtures_1.test)("component handles complex nested children", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`
-    <FileUploadDropZone>
-      <VStack>
-        <Icon name="upload"/>
-        <Heading>Upload Files</Heading>
-        <Text>Drag and drop or click to browse</Text>
-        <HStack>
-          <Button>Browse</Button>
-          <Button variant="outline">Cancel</Button>
-        </HStack>
-      </VStack>
-    </FileUploadDropZone>
-  `);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    (0, fixtures_1.expect)(yield driver.hasChildren()).toBe(true);
-}));
-// =============================================================================
-// PERFORMANCE TESTS
-// =============================================================================
-(0, fixtures_1.test)("component handles multiple rapid drag events efficiently", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone>Upload Area</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    // Multiple rapid drag events should not cause issues
-    yield driver.triggerDragEnter();
-    yield driver.triggerDragLeave();
-    yield driver.triggerDragEnter();
-    yield driver.triggerDragLeave();
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-}));
-(0, fixtures_1.test)("component maintains performance with large child content", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    const largeContent = Array.from({ length: 10 }, (_, i) => `<Text>Content item ${i + 1}</Text>`).join('');
-    yield initTestBed(`
-    <FileUploadDropZone>
-      ${largeContent}
-    </FileUploadDropZone>
-  `);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-}));
-// =============================================================================
-// INTEGRATION TESTS
-// =============================================================================
-(0, fixtures_1.test)("component works correctly in different layout contexts", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`
-    <VStack>
-      <FileUploadDropZone>
-        <Text>Layout Test</Text>
-      </FileUploadDropZone>
-    </VStack>
-  `);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-}));
-(0, fixtures_1.test)("component works in form context", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`
-    <Form>
-      <FileUploadDropZone>
-        <FormItem label="Document Upload">
-          <Button>Choose Files</Button>
-        </FormItem>
-      </FileUploadDropZone>
-    </Form>
-  `);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-}));
-(0, fixtures_1.test)("component upload event handlers work correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    const { testStateDriver } = yield initTestBed(`
-    <FileUploadDropZone onUpload="files => testState = files.length">
-      Upload Area
-    </FileUploadDropZone>
-  `);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield driver.triggerDrop(['file1.txt', 'file2.txt']);
-    yield fixtures_1.expect.poll(testStateDriver.testState).toEqual(2);
-}));
-(0, fixtures_1.test)("component supports programmatic file dialog opening", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`
-    <VStack>
-      <FileUploadDropZone id="dropzone">Upload Area</FileUploadDropZone>
-      <Button onClick="dropzone.open()">Open Dialog</Button>
-    </VStack>
-  `);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-}));
-(0, fixtures_1.test)("component maintains state with dynamic content", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`
-    <FileUploadDropZone text="Dynamic drop text">
-      <Text>Dynamic content area</Text>
-    </FileUploadDropZone>
-  `);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    yield (0, fixtures_1.expect)(driver.component).toContainText("Dynamic content area");
-}));
-(0, fixtures_1.test)("component works with nested interactive elements", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`
-    <FileUploadDropZone>
-      <VStack>
-        <Button testId="button">Upload from Computer</Button>
-        <Text>Upload Help</Text>
-        <TextBox testId="textbox" placeholder="File description"/>
-      </VStack>
-    </FileUploadDropZone>
-  `);
-    const driver = yield createFileUploadDropZoneDriver();
-    yield (0, fixtures_1.expect)(driver.component.getByTestId('button')).toBeVisible();
-    yield (0, fixtures_1.expect)(driver.component).toContainText("Upload Help");
-    yield (0, fixtures_1.expect)(driver.component.getByTestId('textbox')).toBeVisible();
-}));
-(0, fixtures_1.test)("component handles paste operations when enabled", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone allowPaste="true">Upload Area</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    // Component should be ready for paste operations
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    yield (0, fixtures_1.expect)(driver.getHiddenInput()).toBeAttached();
-}));
-(0, fixtures_1.test)("component ignores paste operations when disabled", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createFileUploadDropZoneDriver }) {
-    yield initTestBed(`<FileUploadDropZone allowPaste="false">Upload Area</FileUploadDropZone>`);
-    const driver = yield createFileUploadDropZoneDriver();
-    // Component should be visible but paste functionality controlled by prop
-    yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-}));

package/dist/scripts/src/components/FileUploadDropZone/FileUploadDropZoneNative.js

@@ -1,134 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileUploadDropZone = exports.defaultProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dropzone = __importStar(require("react-dropzone"));
-const FileUploadDropZone_module_scss_1 = __importDefault(require("./FileUploadDropZone.module.scss"));
-const classnames_1 = __importDefault(require("classnames"));
-const misc_1 = require("../../components-core/utils/misc");
-const constants_1 = require("../../components-core/constants");
-const IconNative_1 = require("../Icon/IconNative");
-const component_utils_1 = require("../component-utils");
-// https://github.com/react-dropzone/react-dropzone/issues/1259
-const { useDropzone } = dropzone;
-exports.defaultProps = {
-    onUpload: constants_1.asyncNoop,
-    uid: "fileUploadDialog",
-    allowPaste: true,
-    text: "Drop files here",
-    disabled: false,
-};
-exports.FileUploadDropZone = (0, react_1.forwardRef)(function FileUploadDropZone(_a, forwardedRef) {
-    var { children, onUpload = exports.defaultProps.onUpload, uid = exports.defaultProps.uid, registerComponentApi, style, className, allowPaste = exports.defaultProps.allowPaste, text = exports.defaultProps.text, disabled = exports.defaultProps.disabled, updateState, acceptedFileTypes, maxFiles } = _a, rest = __rest(_a, ["children", "onUpload", "uid", "registerComponentApi", "style", "className", "allowPaste", "text", "disabled", "updateState", "acceptedFileTypes", "maxFiles"]);
-    //accept is in the format {'image/*': [], 'video/*': []} see https://react-dropzone.js.org/#section-accepting-specific-file-types
-    const accept = acceptedFileTypes
-        ? acceptedFileTypes.split(",").reduce((acc, type) => (Object.assign(Object.assign({}, acc), { [type.trim()]: [] })), {})
-        : undefined;
-    const onDrop = (0, react_1.useCallback)((acceptedFiles) => {
-        if (!acceptedFiles.length) {
-            return;
-        }
-        updateState === null || updateState === void 0 ? void 0 : updateState({
-            value: acceptedFiles,
-        });
-        onUpload === null || onUpload === void 0 ? void 0 : onUpload(acceptedFiles);
-    }, [onUpload, updateState]);
-    const { getRootProps, getInputProps, isDragActive, open, inputRef, isDragAccept } = useDropzone({
-        onDrop,
-        noClick: true,
-        noKeyboard: true,
-        noDragEventsBubbling: true,
-        disabled,
-        accept,
-        maxFiles,
-    });
-    const doOpen = (0, misc_1.useEvent)(() => {
-        open();
-    });
-    const handleOnPaste = (0, react_1.useCallback)((event) => {
-        var _a, _b;
-        if (!allowPaste) {
-            return;
-        }
-        if (!inputRef.current) {
-            return;
-        }
-        if ((_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.files) {
-            const items = ((_b = event.clipboardData) === null || _b === void 0 ? void 0 : _b.items) || [];
-            const files = [];
-            for (let i = 0; i < items.length; i++) {
-                const item = items[i];
-                if (item.kind === "file") {
-                    const file = item.getAsFile();
-                    if (file !== null) {
-                        files.push(file);
-                    }
-                }
-            }
-            if (files.length > 0) {
-                //the clipboardData.files doesn't necessarily contains files... so we have to double check it
-                event.stopPropagation(); //it's for nested file upload dropzones
-                event.preventDefault(); // and this one is for preventing to paste in the file name, if we a have stored file on the clipboard (copied from finder/windows explorer for example)
-                //stolen from here: https://github.com/react-dropzone/react-dropzone/issues/1210#issuecomment-1537862105
-                inputRef.current.files = event.clipboardData.files;
-                inputRef.current.dispatchEvent(new Event("change", { bubbles: true }));
-            }
-        }
-    }, [allowPaste, inputRef]);
-    (0, react_1.useEffect)(() => {
-        registerComponentApi({
-            open: doOpen,
-        });
-    }, [doOpen, registerComponentApi, uid]);
-    const _b = getRootProps(Object.assign(Object.assign({}, rest), { style, className: (0, classnames_1.default)(FileUploadDropZone_module_scss_1.default.wrapper, className), onPaste: handleOnPaste })), { ref } = _b, rootProps = __rest(_b, ["ref"]);
-    const rootRef = (0, component_utils_1.getComposedRef)(ref, forwardedRef);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rootProps, { "data-drop-enabled": !disabled, ref: rootRef, children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, getInputProps())), children, isDragActive && isDragAccept && ((0, jsx_runtime_1.jsxs)("div", { className: FileUploadDropZone_module_scss_1.default.dropPlaceholder, children: [(0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: "upload" }), text] }))] })));
-});

package/dist/scripts/src/components/FlowLayout/FlowLayout.js

@@ -1,65 +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.flowLayoutComponentRenderer = exports.FlowLayoutMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FlowLayout_module_scss_1 = __importDefault(require("./FlowLayout.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const misc_1 = require("../../components-core/utils/misc");
-const EngineError_1 = require("../../components-core/EngineError");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const FlowLayoutNative_1 = require("./FlowLayoutNative");
-const metadata_helpers_1 = require("../metadata-helpers");
-const COMP = "FlowLayout";
-exports.FlowLayoutMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`FlowLayout` positions content in rows with automatic wrapping. When items " +
-        "exceed the available horizontal space, they automatically wrap to a new line.",
-    props: {
-        gap: {
-            description: `This property defines the gap between items in the same row and between rows. The ${COMP} ` +
-                `component creates a new row when an item is about to overflow the current row.`,
-            type: "string",
-            defaultValue: "$gap-normal",
-        },
-        columnGap: {
-            description: "The \`columnGap\` property specifies the space between items in a single row; it overrides " +
-                "the \`gap\` value.",
-            defaultValue: FlowLayoutNative_1.defaultProps.columnGap,
-        },
-        rowGap: {
-            description: `The \`rowGap\` property specifies the space between the ${COMP} rows; it overrides ` +
-                `the \`gap\` value.`,
-            defaultValue: FlowLayoutNative_1.defaultProps.rowGap,
-        },
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(FlowLayout_module_scss_1.default.themeVars),
-});
-exports.flowLayoutComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.FlowLayoutMd, ({ node, renderChild, className, extractValue }) => {
-    var _a, _b, _c, _d;
-    if (!(0, misc_1.isComponentDefChildren)(node.children)) {
-        throw new EngineError_1.NotAComponentDefError();
-    }
-    const columnGap = extractValue.asSize((_a = node.props) === null || _a === void 0 ? void 0 : _a.columnGap) ||
-        extractValue.asSize((_b = node.props) === null || _b === void 0 ? void 0 : _b.gap) ||
-        extractValue.asSize("$space-4");
-    const rowGap = extractValue.asSize((_c = node.props) === null || _c === void 0 ? void 0 : _c.rowGap) || extractValue.asSize((_d = node.props) === null || _d === void 0 ? void 0 : _d.gap) || extractValue.asSize("$space-4");
-    return ((0, jsx_runtime_1.jsx)(FlowLayoutNative_1.FlowLayout, { className: className, columnGap: columnGap, rowGap: rowGap, children: renderChild(node.children, {
-            wrapChild: ({ node, extractValue }, renderedChild, hints) => {
-                var _a, _b, _c;
-                if (hints === null || hints === void 0 ? void 0 : hints.opaque) {
-                    return renderedChild;
-                }
-                // Handle SpaceFiller as flow item break
-                if (node.type === "SpaceFiller") {
-                    return (0, jsx_runtime_1.jsx)(FlowLayoutNative_1.FlowItemBreak, { force: true });
-                }
-                const width = extractValue((_a = node.props) === null || _a === void 0 ? void 0 : _a.width);
-                const minWidth = extractValue((_b = node.props) === null || _b === void 0 ? void 0 : _b.minWidth);
-                const maxWidth = extractValue((_c = node.props) === null || _c === void 0 ? void 0 : _c.maxWidth);
-                return ((0, jsx_runtime_1.jsx)(FlowLayoutNative_1.FlowItemWrapper, { width: width, minWidth: minWidth, maxWidth: maxWidth, forceBreak: node.type === "SpaceFiller", children: renderedChild }));
-            },
-        }) }));
-});