@instructure/ui-file-drop 8.56.0 → 8.56.2-pr-snapshot-1721749364069

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-file-drop
+
+
+
+
+
+## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
+
+**Note:** Version bump only for package @instructure/ui-file-drop
+
+
+
+
+
 # [8.56.0](https://github.com/instructure/instructure-ui/compare/v8.55.1...v8.56.0) (2024-05-06)
 
 **Note:** Version bump only for package @instructure/ui-file-drop

package/lib/FileDrop/FileDropLocator.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FileDropLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
+var _uiTestLocator = require("@instructure/ui-test-locator");
 var _index = require("./index");
 /*
  * The MIT License (MIT)
@@ -30,8 +30,8 @@ var _index = require("./index");
  * SOFTWARE.
  */
 
-const fileInputLocator = (0, _locator.locator)('input[type="file"]');
-const FileDropLocator = exports.FileDropLocator = (0, _locator.locator)(_index.FileDrop.selector, {
+const fileInputLocator = (0, _uiTestLocator.locator)('input[type="file"]');
+const FileDropLocator = exports.FileDropLocator = (0, _uiTestLocator.locator)(_index.FileDrop.selector, {
   // the file input isn't visible in this component,
   // so we need special locator methods to interact w/ it
   click: async (element, init, options) => {

package/lib/FileDrop/index.js

@@ -10,13 +10,10 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _keycode = _interopRequireDefault(require("keycode"));
-var _FormFieldMessages = require("@instructure/ui-form-field/lib/FormFieldMessages");
-var _View = require("@instructure/ui-view/lib/View");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
+var _uiFormField = require("@instructure/ui-form-field");
+var _uiView = require("@instructure/ui-view");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _accepts = require("./utils/accepts");
 var _getEventFiles = require("./utils/getEventFiles");
 var _emotion = require("@instructure/emotion");
@@ -58,7 +55,7 @@ function keyEventIsClickButton(e) {
 category: components
 ---
 **/
-let FileDrop = exports.FileDrop = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class FileDrop extends _react.Component {
+let FileDrop = exports.FileDrop = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class FileDrop extends _react.Component {
   constructor(props) {
     super(props);
     this.makeStyleProps = () => {
@@ -221,7 +218,7 @@ let FileDrop = exports.FileDrop = (_dec = (0, _withDeterministicId.withDetermini
     return this.props.messages && this.props.messages.length > 0;
   }
   get interaction() {
-    return (0, _getInteraction.getInteraction)({
+    return (0, _uiReactUtils.getInteraction)({
       props: this.props
     });
   }
@@ -271,7 +268,7 @@ let FileDrop = exports.FileDrop = (_dec = (0, _withDeterministicId.withDetermini
   }
   renderLabel() {
     const renderLabel = this.props.renderLabel;
-    return (0, _callRenderProp.callRenderProp)(renderLabel, {
+    return (0, _uiReactUtils.callRenderProp)(renderLabel, {
       isDragAccepted: this.state.isDragAccepted,
       isDragRejected: this.state.isDragRejected,
       interaction: this.interaction
@@ -291,7 +288,7 @@ let FileDrop = exports.FileDrop = (_dec = (0, _withDeterministicId.withDetermini
       props = (0, _objectWithoutProperties2.default)(_this$props7, _excluded);
     const id = this.props.id || this.defaultId;
     const focusColor = this.state.isDragRejected || this.invalid ? 'danger' : void 0;
-    return (0, _emotion.jsx)(_View.View, {
+    return (0, _emotion.jsx)(_uiView.View, {
       display: display,
       position: "relative" // contain visually hidden file input element
       ,
@@ -308,7 +305,7 @@ let FileDrop = exports.FileDrop = (_dec = (0, _withDeterministicId.withDetermini
       onDragOver: this.handleDragOver,
       onDragLeave: this.handleDragLeave,
       onDrop: this.handleChange
-    }, (0, _emotion.jsx)(_View.View, {
+    }, (0, _emotion.jsx)(_uiView.View, {
       display: "block",
       position: "relative",
       withFocusOutline: this.state.isFocused,
@@ -319,9 +316,9 @@ let FileDrop = exports.FileDrop = (_dec = (0, _withDeterministicId.withDetermini
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.fileDropLabelContent
     }, (0, _emotion.jsx)("span", {
       css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.fileDropLayout
-    }, (0, _emotion.jsx)(_View.View, {
+    }, (0, _emotion.jsx)(_uiView.View, {
       height: height
-    }, this.renderLabel()))))), (0, _emotion.jsx)("input", Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
+    }, this.renderLabel()))))), (0, _emotion.jsx)("input", Object.assign({}, (0, _uiReactUtils.passthroughProps)(props), {
       onClick: this.handleClick,
       type: "file",
       css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.fileDropInput,
@@ -336,10 +333,10 @@ let FileDrop = exports.FileDrop = (_dec = (0, _withDeterministicId.withDetermini
       onChange: this.handleChange,
       "aria-describedby": this.hasMessages ? this.messagesId : void 0,
       disabled: this.functionallyDisabled
-    })), this.hasMessages ? (0, _emotion.jsx)(_View.View, {
+    })), this.hasMessages ? (0, _emotion.jsx)(_uiView.View, {
       display: "block",
       margin: "small 0 0"
-    }, (0, _emotion.jsx)(_FormFieldMessages.FormFieldMessages, {
+    }, (0, _emotion.jsx)(_uiFormField.FormFieldMessages, {
       id: this.messagesId,
       messages: this.props.messages
     })) : null);

package/lib/FileDrop/props.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes.js");
+var _uiFormField = require("@instructure/ui-form-field");
 var _emotion = require("@instructure/emotion");
 /*
  * The MIT License (MIT)
@@ -36,7 +36,7 @@ const propTypes = exports.propTypes = {
   id: _propTypes.default.string,
   renderLabel: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]).isRequired,
   accept: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
-  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
+  messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
   onClick: _propTypes.default.func,
   onDrop: _propTypes.default.func,
   onDropAccepted: _propTypes.default.func,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-file-drop",
-  "version": "8.56.0",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "description": "A flexible facade for an HTML file input",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,24 +24,24 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.56.0",
-    "@instructure/emotion": "8.56.0",
-    "@instructure/shared-types": "8.56.0",
-    "@instructure/ui-color-utils": "8.56.0",
-    "@instructure/ui-form-field": "8.56.0",
-    "@instructure/ui-react-utils": "8.56.0",
-    "@instructure/ui-testable": "8.56.0",
-    "@instructure/ui-utils": "8.56.0",
-    "@instructure/ui-view": "8.56.0",
-    "@instructure/uid": "8.56.0",
+    "@instructure/console": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/emotion": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-color-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-form-field": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-view": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/uid": "8.56.2-pr-snapshot-1721749364069",
     "keycode": "^2.2.1",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.0",
-    "@instructure/ui-test-locator": "8.56.0",
-    "@instructure/ui-test-utils": "8.56.0",
-    "@instructure/ui-themes": "8.56.0"
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-locator": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-themes": "8.56.2-pr-snapshot-1721749364069"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"