@instructure/ui-file-drop 10.14.1-snapshot-8 → 10.14.1-snapshot-11

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.14.1-snapshot-8](https://github.com/instructure/instructure-ui/compare/v10.14.0...v10.14.1-snapshot-8) (2025-03-28)
+## [10.14.1-snapshot-11](https://github.com/instructure/instructure-ui/compare/v10.14.0...v10.14.1-snapshot-11) (2025-03-28)
 
 **Note:** Version bump only for package @instructure/ui-file-drop
 

package/es/FileDrop/__new-tests__/FileDrop.test.js

@@ -1,3 +1,4 @@
+var _FileDrop, _FileDrop2, _FileDrop3, _FileDrop4, _FileDrop5, _FileDrop6, _section;
 /*
  * The MIT License (MIT)
  *
@@ -25,28 +26,126 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import { vi } from 'vitest';
+import { runAxeCheck } from '@instructure/ui-axe-check';
 import '@testing-library/jest-dom';
 import { FileDrop } from '../index';
 describe('<FileDrop/>', () => {
   it('should focus the input when focus is called', async () => {
     let inputEl;
-    render(/*#__PURE__*/React.createElement(FileDrop, {
-      renderLabel: "filedrop",
-      inputRef: el => {
-        inputEl = el;
-      }
-    }));
-    const input = document.querySelector('input[class$="-fileDrop__input"]');
+    const _render = render(/*#__PURE__*/React.createElement(FileDrop, {
+        renderLabel: "filedrop",
+        inputRef: el => {
+          inputEl = el;
+        }
+      })),
+      container = _render.container;
+    const input = container.querySelector('input[class$="-fileDrop__input"]');
     inputEl.focus();
     expect(input).toHaveFocus();
   });
   it('should provide an inputRef prop', async () => {
     const inputRef = vi.fn();
-    render(/*#__PURE__*/React.createElement(FileDrop, {
-      renderLabel: "filedrop",
-      inputRef: inputRef
-    }));
-    const input = document.querySelector('input[class$="-fileDrop__input"]');
+    const _render2 = render(/*#__PURE__*/React.createElement(FileDrop, {
+        renderLabel: "filedrop",
+        inputRef: inputRef
+      })),
+      container = _render2.container;
+    const input = container.querySelector('input[class$="-fileDrop__input"]');
     expect(inputRef).toHaveBeenCalledWith(input);
   });
+  it('should render', async () => {
+    const _render3 = render(_FileDrop || (_FileDrop = /*#__PURE__*/React.createElement(FileDrop, {
+        renderLabel: "fake label"
+      }))),
+      container = _render3.container;
+    const fileDrop = container.querySelector('[class$="-fileDrop__input"]');
+    expect(fileDrop).toBeInTheDocument();
+  });
+  it('should meet a11y standards', async () => {
+    const _render4 = render(_FileDrop2 || (_FileDrop2 = /*#__PURE__*/React.createElement(FileDrop, {
+        renderLabel: "fake label"
+      }))),
+      container = _render4.container;
+    const axeCheck = await runAxeCheck(container);
+    expect(axeCheck).toBe(true);
+  });
+  describe('interactions', async () => {
+    it('should functionally disable the input if `interaction` is set to disabled', async () => {
+      const _render5 = render(_FileDrop3 || (_FileDrop3 = /*#__PURE__*/React.createElement(FileDrop, {
+          renderLabel: "Some label",
+          interaction: "disabled"
+        }))),
+        container = _render5.container;
+      const fileDrop = container.querySelector('[class$="-fileDrop__input"]');
+      expect(fileDrop).toBeDisabled();
+    });
+    it('should functionally disable the input if `disabled` is set', async () => {
+      const _render6 = render(_FileDrop4 || (_FileDrop4 = /*#__PURE__*/React.createElement(FileDrop, {
+          renderLabel: "Some label",
+          disabled: true
+        }))),
+        container = _render6.container;
+      const fileDrop = container.querySelector('[class$="-fileDrop__input"]');
+      expect(fileDrop).toBeDisabled();
+    });
+    it('should functionally disable the input if `interaction` is set to readonly', async () => {
+      const _render7 = render(_FileDrop5 || (_FileDrop5 = /*#__PURE__*/React.createElement(FileDrop, {
+          renderLabel: "Some label",
+          interaction: "readonly"
+        }))),
+        container = _render7.container;
+      const fileDrop = container.querySelector('[class$="-fileDrop__input"]');
+      expect(fileDrop).toBeDisabled();
+    });
+    it('should functionally disable the input if `readOnly` is set', async () => {
+      const _render8 = render(_FileDrop6 || (_FileDrop6 = /*#__PURE__*/React.createElement(FileDrop, {
+          renderLabel: "Some label",
+          readOnly: true
+        }))),
+        container = _render8.container;
+      const fileDrop = container.querySelector('[class$="-fileDrop__input"]');
+      expect(fileDrop).toBeDisabled();
+    });
+  });
+  describe('label handling', async () => {
+    it('renders element label directly', async () => {
+      const label = _section || (_section = /*#__PURE__*/React.createElement("section", {
+        id: "test-id"
+      }, "This is an element label"));
+      const _render9 = render(/*#__PURE__*/React.createElement(FileDrop, {
+          renderLabel: label
+        })),
+        container = _render9.container;
+      const renderedLabel = container.querySelector('[id="test-id"]');
+      expect(renderedLabel).toBeInTheDocument();
+    });
+    it('passes isDragAccepted and isDragRejected boolean props to component label', async () => {
+      let result = {};
+      const label = props => {
+        result = {
+          ...props
+        };
+        return null;
+      };
+      render(/*#__PURE__*/React.createElement(FileDrop, {
+        renderLabel: label
+      }));
+      expect(typeof result.isDragAccepted).toBe('boolean');
+      expect(typeof result.isDragRejected).toBe('boolean');
+    });
+    it(`label component's props are false by default`, async () => {
+      let result = {};
+      const label = props => {
+        result = {
+          ...props
+        };
+        return null;
+      };
+      render(/*#__PURE__*/React.createElement(FileDrop, {
+        renderLabel: label
+      }));
+      expect(result.isDragAccepted).toBe(false);
+      expect(result.isDragRejected).toBe(false);
+    });
+  });
 });

package/es/FileDrop/utils/__new-tests__/accepts.test.js

@@ -0,0 +1,67 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import { expect } from 'vitest';
+import { accepts } from '../accepts';
+describe('accepts', () => {
+  const dropImage = new File([], 'whale whale whale.jpg', {
+    type: 'image/jpeg'
+  });
+  const dropFile = new File([], 'whale oil production.pdf', {
+    type: 'application/pdf'
+  });
+  const chromeDragEnterFile = new File([], '', {
+    type: 'image/jpeg'
+  });
+  const firefoxDragEnterFile = new File([], '', {
+    type: 'application/x-moz-file'
+  });
+  it('should take image/* to mean any image type', () => {
+    expect(accepts(dropImage, 'image/*')).toBe(true);
+  });
+  it('should reject anything that is not an image, given image/*', () => {
+    expect(accepts(dropFile, 'image/*')).toBe(false);
+  });
+  it('should match the exact file extensions given', () => {
+    expect(accepts(dropImage, '.jpg')).toBe(true);
+    expect(accepts(dropImage, '.jpg, .png')).toBe(true);
+    expect(accepts(dropImage, '.png')).toBe(false);
+    expect(accepts(dropFile, '.jpg, .pdf')).toBe(true);
+    expect(accepts(dropFile, '.jpg, .pdf')).toBe(true);
+  });
+  it('should handle chrome dragenter file data', () => {
+    expect(accepts(chromeDragEnterFile, 'image/*')).toBe(true);
+    expect(accepts(chromeDragEnterFile, '.jpeg')).toBe(true);
+    expect(accepts(chromeDragEnterFile, '.png')).not.toBe(true);
+    expect(accepts(chromeDragEnterFile, '.pdf')).not.toBe(true);
+  });
+  it(`should always be true for firefox's dragenter file data`, () => {
+    expect(accepts(firefoxDragEnterFile, 'image/*')).toBe(true);
+    expect(accepts(firefoxDragEnterFile, '.jpeg')).toBe(true);
+    expect(accepts(firefoxDragEnterFile, '.png')).toBe(true);
+    expect(accepts(firefoxDragEnterFile, '.pdf')).toBe(true);
+  });
+  it('allows extensions without leading dot', () => {
+    expect(accepts(dropImage, 'jpg, png')).toBe(true);
+  });
+});

package/es/FileDrop/utils/__new-tests__/getEventFiles.test.js

@@ -0,0 +1,69 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { expect } from 'vitest';
+import { getEventFiles } from '../getEventFiles';
+describe('getEventFiles', () => {
+  const chromeDragEnter = {
+    dataTransfer: {
+      dropEffect: 'none',
+      effectAllowed: 'all',
+      files: [],
+      items: [{
+        kind: 'file',
+        type: 'image/jpeg'
+      }],
+      types: ['Files']
+    }
+  };
+  const firefoxDragEnter = {
+    dataTransfer: {
+      dropEffect: 'move',
+      effectAllowed: 'uninitialized',
+      files: [],
+      items: [{
+        kind: 'file',
+        type: 'application/x-moz-file'
+      }],
+      types: ['application/x-moz-file', 'Files']
+    }
+  };
+  const safariDragEnter = {
+    dataTransfer: {
+      dropEffect: 'none',
+      effectAllowed: 'all',
+      files: [],
+      types: []
+    }
+  };
+  it('should return items on chrome dragenter event', () => {
+    expect(getEventFiles(chromeDragEnter)).toEqual(chromeDragEnter.dataTransfer.items);
+  });
+  it('should return items on a firefox dragenter event', () => {
+    expect(getEventFiles(firefoxDragEnter)).toEqual(firefoxDragEnter.dataTransfer.items);
+  });
+  it('should return empty array on a safari dragenter event', () => {
+    expect(getEventFiles(safariDragEnter).length).toEqual(0);
+  });
+});

package/lib/FileDrop/__new-tests__/FileDrop.test.js

@@ -4,8 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 var _vitest = require("vitest");
+var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
 require("@testing-library/jest-dom");
 var _index = require("../index");
+var _FileDrop, _FileDrop2, _FileDrop3, _FileDrop4, _FileDrop5, _FileDrop6, _section;
 /*
  * The MIT License (MIT)
  *
@@ -29,27 +31,123 @@ var _index = require("../index");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
 describe('<FileDrop/>', () => {
   it('should focus the input when focus is called', async () => {
     let inputEl;
-    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.FileDrop, {
-      renderLabel: "filedrop",
-      inputRef: el => {
-        inputEl = el;
-      }
-    }));
-    const input = document.querySelector('input[class$="-fileDrop__input"]');
+    const _render = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.FileDrop, {
+        renderLabel: "filedrop",
+        inputRef: el => {
+          inputEl = el;
+        }
+      })),
+      container = _render.container;
+    const input = container.querySelector('input[class$="-fileDrop__input"]');
     inputEl.focus();
     expect(input).toHaveFocus();
   });
   it('should provide an inputRef prop', async () => {
     const inputRef = _vitest.vi.fn();
-    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.FileDrop, {
-      renderLabel: "filedrop",
-      inputRef: inputRef
-    }));
-    const input = document.querySelector('input[class$="-fileDrop__input"]');
+    const _render2 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.FileDrop, {
+        renderLabel: "filedrop",
+        inputRef: inputRef
+      })),
+      container = _render2.container;
+    const input = container.querySelector('input[class$="-fileDrop__input"]');
     expect(inputRef).toHaveBeenCalledWith(input);
   });
+  it('should render', async () => {
+    const _render3 = (0, _react2.render)(_FileDrop || (_FileDrop = /*#__PURE__*/_react.default.createElement(_index.FileDrop, {
+        renderLabel: "fake label"
+      }))),
+      container = _render3.container;
+    const fileDrop = container.querySelector('[class$="-fileDrop__input"]');
+    expect(fileDrop).toBeInTheDocument();
+  });
+  it('should meet a11y standards', async () => {
+    const _render4 = (0, _react2.render)(_FileDrop2 || (_FileDrop2 = /*#__PURE__*/_react.default.createElement(_index.FileDrop, {
+        renderLabel: "fake label"
+      }))),
+      container = _render4.container;
+    const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
+    expect(axeCheck).toBe(true);
+  });
+  describe('interactions', async () => {
+    it('should functionally disable the input if `interaction` is set to disabled', async () => {
+      const _render5 = (0, _react2.render)(_FileDrop3 || (_FileDrop3 = /*#__PURE__*/_react.default.createElement(_index.FileDrop, {
+          renderLabel: "Some label",
+          interaction: "disabled"
+        }))),
+        container = _render5.container;
+      const fileDrop = container.querySelector('[class$="-fileDrop__input"]');
+      expect(fileDrop).toBeDisabled();
+    });
+    it('should functionally disable the input if `disabled` is set', async () => {
+      const _render6 = (0, _react2.render)(_FileDrop4 || (_FileDrop4 = /*#__PURE__*/_react.default.createElement(_index.FileDrop, {
+          renderLabel: "Some label",
+          disabled: true
+        }))),
+        container = _render6.container;
+      const fileDrop = container.querySelector('[class$="-fileDrop__input"]');
+      expect(fileDrop).toBeDisabled();
+    });
+    it('should functionally disable the input if `interaction` is set to readonly', async () => {
+      const _render7 = (0, _react2.render)(_FileDrop5 || (_FileDrop5 = /*#__PURE__*/_react.default.createElement(_index.FileDrop, {
+          renderLabel: "Some label",
+          interaction: "readonly"
+        }))),
+        container = _render7.container;
+      const fileDrop = container.querySelector('[class$="-fileDrop__input"]');
+      expect(fileDrop).toBeDisabled();
+    });
+    it('should functionally disable the input if `readOnly` is set', async () => {
+      const _render8 = (0, _react2.render)(_FileDrop6 || (_FileDrop6 = /*#__PURE__*/_react.default.createElement(_index.FileDrop, {
+          renderLabel: "Some label",
+          readOnly: true
+        }))),
+        container = _render8.container;
+      const fileDrop = container.querySelector('[class$="-fileDrop__input"]');
+      expect(fileDrop).toBeDisabled();
+    });
+  });
+  describe('label handling', async () => {
+    it('renders element label directly', async () => {
+      const label = _section || (_section = /*#__PURE__*/_react.default.createElement("section", {
+        id: "test-id"
+      }, "This is an element label"));
+      const _render9 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.FileDrop, {
+          renderLabel: label
+        })),
+        container = _render9.container;
+      const renderedLabel = container.querySelector('[id="test-id"]');
+      expect(renderedLabel).toBeInTheDocument();
+    });
+    it('passes isDragAccepted and isDragRejected boolean props to component label', async () => {
+      let result = {};
+      const label = props => {
+        result = {
+          ...props
+        };
+        return null;
+      };
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.FileDrop, {
+        renderLabel: label
+      }));
+      expect(typeof result.isDragAccepted).toBe('boolean');
+      expect(typeof result.isDragRejected).toBe('boolean');
+    });
+    it(`label component's props are false by default`, async () => {
+      let result = {};
+      const label = props => {
+        result = {
+          ...props
+        };
+        return null;
+      };
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.FileDrop, {
+        renderLabel: label
+      }));
+      expect(result.isDragAccepted).toBe(false);
+      expect(result.isDragRejected).toBe(false);
+    });
+  });
 });

package/lib/FileDrop/utils/__new-tests__/accepts.test.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _accepts = require("../accepts");
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+describe('accepts', () => {
+  const dropImage = new File([], 'whale whale whale.jpg', {
+    type: 'image/jpeg'
+  });
+  const dropFile = new File([], 'whale oil production.pdf', {
+    type: 'application/pdf'
+  });
+  const chromeDragEnterFile = new File([], '', {
+    type: 'image/jpeg'
+  });
+  const firefoxDragEnterFile = new File([], '', {
+    type: 'application/x-moz-file'
+  });
+  it('should take image/* to mean any image type', () => {
+    (0, _vitest.expect)((0, _accepts.accepts)(dropImage, 'image/*')).toBe(true);
+  });
+  it('should reject anything that is not an image, given image/*', () => {
+    (0, _vitest.expect)((0, _accepts.accepts)(dropFile, 'image/*')).toBe(false);
+  });
+  it('should match the exact file extensions given', () => {
+    (0, _vitest.expect)((0, _accepts.accepts)(dropImage, '.jpg')).toBe(true);
+    (0, _vitest.expect)((0, _accepts.accepts)(dropImage, '.jpg, .png')).toBe(true);
+    (0, _vitest.expect)((0, _accepts.accepts)(dropImage, '.png')).toBe(false);
+    (0, _vitest.expect)((0, _accepts.accepts)(dropFile, '.jpg, .pdf')).toBe(true);
+    (0, _vitest.expect)((0, _accepts.accepts)(dropFile, '.jpg, .pdf')).toBe(true);
+  });
+  it('should handle chrome dragenter file data', () => {
+    (0, _vitest.expect)((0, _accepts.accepts)(chromeDragEnterFile, 'image/*')).toBe(true);
+    (0, _vitest.expect)((0, _accepts.accepts)(chromeDragEnterFile, '.jpeg')).toBe(true);
+    (0, _vitest.expect)((0, _accepts.accepts)(chromeDragEnterFile, '.png')).not.toBe(true);
+    (0, _vitest.expect)((0, _accepts.accepts)(chromeDragEnterFile, '.pdf')).not.toBe(true);
+  });
+  it(`should always be true for firefox's dragenter file data`, () => {
+    (0, _vitest.expect)((0, _accepts.accepts)(firefoxDragEnterFile, 'image/*')).toBe(true);
+    (0, _vitest.expect)((0, _accepts.accepts)(firefoxDragEnterFile, '.jpeg')).toBe(true);
+    (0, _vitest.expect)((0, _accepts.accepts)(firefoxDragEnterFile, '.png')).toBe(true);
+    (0, _vitest.expect)((0, _accepts.accepts)(firefoxDragEnterFile, '.pdf')).toBe(true);
+  });
+  it('allows extensions without leading dot', () => {
+    (0, _vitest.expect)((0, _accepts.accepts)(dropImage, 'jpg, png')).toBe(true);
+  });
+});

package/lib/FileDrop/utils/__new-tests__/getEventFiles.test.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _getEventFiles = require("../getEventFiles");
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+describe('getEventFiles', () => {
+  const chromeDragEnter = {
+    dataTransfer: {
+      dropEffect: 'none',
+      effectAllowed: 'all',
+      files: [],
+      items: [{
+        kind: 'file',
+        type: 'image/jpeg'
+      }],
+      types: ['Files']
+    }
+  };
+  const firefoxDragEnter = {
+    dataTransfer: {
+      dropEffect: 'move',
+      effectAllowed: 'uninitialized',
+      files: [],
+      items: [{
+        kind: 'file',
+        type: 'application/x-moz-file'
+      }],
+      types: ['application/x-moz-file', 'Files']
+    }
+  };
+  const safariDragEnter = {
+    dataTransfer: {
+      dropEffect: 'none',
+      effectAllowed: 'all',
+      files: [],
+      types: []
+    }
+  };
+  it('should return items on chrome dragenter event', () => {
+    (0, _vitest.expect)((0, _getEventFiles.getEventFiles)(chromeDragEnter)).toEqual(chromeDragEnter.dataTransfer.items);
+  });
+  it('should return items on a firefox dragenter event', () => {
+    (0, _vitest.expect)((0, _getEventFiles.getEventFiles)(firefoxDragEnter)).toEqual(firefoxDragEnter.dataTransfer.items);
+  });
+  it('should return empty array on a safari dragenter event', () => {
+    (0, _vitest.expect)((0, _getEventFiles.getEventFiles)(safariDragEnter).length).toEqual(0);
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-file-drop",
-  "version": "10.14.1-snapshot-8",
+  "version": "10.14.1-snapshot-11",
   "description": "A flexible facade for an HTML file input",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,24 +24,26 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.26.0",
-    "@instructure/console": "10.14.1-snapshot-8",
-    "@instructure/emotion": "10.14.1-snapshot-8",
-    "@instructure/shared-types": "10.14.1-snapshot-8",
-    "@instructure/ui-color-utils": "10.14.1-snapshot-8",
-    "@instructure/ui-form-field": "10.14.1-snapshot-8",
-    "@instructure/ui-react-utils": "10.14.1-snapshot-8",
-    "@instructure/ui-testable": "10.14.1-snapshot-8",
-    "@instructure/ui-utils": "10.14.1-snapshot-8",
-    "@instructure/ui-view": "10.14.1-snapshot-8",
-    "@instructure/uid": "10.14.1-snapshot-8",
+    "@instructure/console": "10.14.1-snapshot-11",
+    "@instructure/emotion": "10.14.1-snapshot-11",
+    "@instructure/shared-types": "10.14.1-snapshot-11",
+    "@instructure/ui-color-utils": "10.14.1-snapshot-11",
+    "@instructure/ui-form-field": "10.14.1-snapshot-11",
+    "@instructure/ui-react-utils": "10.14.1-snapshot-11",
+    "@instructure/ui-testable": "10.14.1-snapshot-11",
+    "@instructure/ui-utils": "10.14.1-snapshot-11",
+    "@instructure/ui-view": "10.14.1-snapshot-11",
+    "@instructure/uid": "10.14.1-snapshot-11",
     "keycode": "^2",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "10.14.1-snapshot-8",
-    "@instructure/ui-test-locator": "10.14.1-snapshot-8",
-    "@instructure/ui-test-utils": "10.14.1-snapshot-8",
-    "@instructure/ui-themes": "10.14.1-snapshot-8"
+    "@instructure/ui-babel-preset": "10.14.1-snapshot-11",
+    "@instructure/ui-test-utils": "10.14.1-snapshot-11",
+    "@instructure/ui-themes": "10.14.1-snapshot-11",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
+    "vitest": "^2.1.8"
   },
   "peerDependencies": {
     "react": ">=16.14 <=18"