@instructure/ui-react-utils 8.33.1 → 8.33.2

package/lib/getElementType.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getElementType = getElementType;
-
 var _console = require("@instructure/console");
-
 /*
  * The MIT License (MIT)
  *
@@ -46,31 +44,25 @@ var _console = require("@instructure/console");
  */
 function getElementType(Component, props, getDefault) {
   var _Component$defaultPro, _Component$defaultPro2;
-
   if (props.as && props.as !== ((_Component$defaultPro = Component.defaultProps) === null || _Component$defaultPro === void 0 ? void 0 : _Component$defaultPro.as)) {
     return props.as;
   }
-
   if (typeof getDefault === 'function') {
     return getDefault();
   }
-
   if (props.href) {
     return 'a';
   }
-
   if (props.to) {
-    (0, _console.logWarn)( // if to prop is used without as
+    (0, _console.logWarn)(
+    // if to prop is used without as
     !props.as, `[${Component.displayName}] \`as\` prop should be provided when using \`to\``);
     return 'a';
   }
-
   if (typeof props.onClick === 'function') {
     return 'button';
   }
-
   return ((_Component$defaultPro2 = Component.defaultProps) === null || _Component$defaultPro2 === void 0 ? void 0 : _Component$defaultPro2.as) || 'span';
 }
-
 var _default = getElementType;
 exports.default = _default;

package/lib/getInteraction.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getInteraction = getInteraction;
-
 /*
  * The MIT License (MIT)
  *
@@ -47,20 +46,22 @@ exports.getInteraction = getInteraction;
  */
 function getInteraction() {
   let _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
-      _ref$props = _ref.props,
-      props = _ref$props === void 0 ? {} : _ref$props,
-      _ref$interactionTypes = _ref.interactionTypes,
-      interactionTypes = _ref$interactionTypes === void 0 ? ['disabled', 'readonly'] : _ref$interactionTypes;
-
+    _ref$props = _ref.props,
+    props = _ref$props === void 0 ? {} : _ref$props,
+    _ref$interactionTypes = _ref.interactionTypes,
+    interactionTypes = _ref$interactionTypes === void 0 ? ['disabled', 'readonly'] : _ref$interactionTypes;
   const interaction = props.interaction,
-        disabled = props.disabled,
-        readOnly = props.readOnly; // interaction is the source of truth when it is provided
+    disabled = props.disabled,
+    readOnly = props.readOnly;
 
-  if (interaction) return interaction; // if there's no interaction specified, use disabled or readOnly if they are defined as props (note, disabled will win
-  // over readOnly if both are provided)
+  // interaction is the source of truth when it is provided
+  if (interaction) return interaction;
 
+  // if there's no interaction specified, use disabled or readOnly if they are defined as props (note, disabled will win
+  // over readOnly if both are provided)
   if (interactionTypes.includes('disabled') && disabled) return 'disabled';
-  if (interactionTypes.includes('readonly') && readOnly) return 'readonly'; // We were provided with nothing, use enabled by default
+  if (interactionTypes.includes('readonly') && readOnly) return 'readonly';
 
+  // We were provided with nothing, use enabled by default
   return 'enabled';
 }

package/lib/hack.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.hack = exports.default = void 0;
-
 var _decorator = require("@instructure/ui-decorator/lib/decorator.js");
-
 var _console = require("@instructure/console");
-
 /*
  * The MIT License (MIT)
  *
@@ -60,32 +57,26 @@ const hack = process.env.NODE_ENV == 'production' ? () => Component => Component
       if (hackProps) {
         warnHackProps(ComposedComponent.name, this.props, hackProps, message);
       }
-
       if (super.componentDidMount) {
         super.componentDidMount();
       }
     }
-
     componentDidUpdate(prevProps, prevState, prevContext) {
       if (hackProps) {
         warnHackProps(ComposedComponent.name, this.props, hackProps, message);
       }
-
       if (super.componentDidUpdate) {
         super.componentDidUpdate(prevProps, prevState, prevContext);
       }
     }
-
   };
 });
 exports.hack = hack;
-
 function warnHackProps(name, props, hackProps) {
   let message = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : '';
   hackProps.forEach(hackProp => {
     (0, _console.logWarn)(typeof props[hackProp] === 'undefined', `[${name}] The \`${hackProp}\` prop is a temporary hack and will be removed in a future release. ${message}`);
   });
 }
-
 var _default = hack;
 exports.default = _default;

package/lib/index.js

@@ -117,35 +117,19 @@ Object.defineProperty(exports, "withDeterministicId", {
     return _DeterministicIdContext.withDeterministicId;
   }
 });
-
 var _callRenderProp = require("./callRenderProp");
-
 var _ComponentIdentifier = require("./ComponentIdentifier");
-
 var _deprecated = require("./deprecated");
-
 var _ensureSingleChild = require("./ensureSingleChild");
-
 var _experimental = require("./experimental");
-
 var _hack = require("./hack");
-
 var _getDisplayName = require("./getDisplayName");
-
 var _getElementType = require("./getElementType");
-
 var _getInteraction = require("./getInteraction");
-
 var _matchComponentTypes = require("./matchComponentTypes");
-
 var _omitProps = require("./omitProps");
-
 var _passthroughProps = require("./passthroughProps");
-
 var _pickProps = require("./pickProps");
-
 var _safeCloneElement = require("./safeCloneElement");
-
 var _windowMessageListener = require("./windowMessageListener");
-
 var _DeterministicIdContext = require("./DeterministicIdContext");

package/lib/matchComponentTypes.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.matchComponentTypes = matchComponentTypes;
-
 var _getDisplayName = require("./getDisplayName");
-
 /*
  * The MIT License (MIT)
  *
@@ -46,7 +44,6 @@ var _getDisplayName = require("./getDisplayName");
  */
 function matchComponentTypes(componentInstance) {
   let types = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-
   if (componentInstance && componentInstance.type) {
     const displayNames = types.map(type => (0, _getDisplayName.getDisplayName)(type));
     return displayNames.indexOf((0, _getDisplayName.getDisplayName)(componentInstance.type)) >= 0;
@@ -54,6 +51,5 @@ function matchComponentTypes(componentInstance) {
     return false;
   }
 }
-
 var _default = matchComponentTypes;
 exports.default = _default;

package/lib/omitProps.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.omitProps = omitProps;
-
 /*
  * The MIT License (MIT)
  *
@@ -52,29 +51,22 @@ function omitProps(props, propsToOmit, exclude) {
   const keysToOmit = exclude ? propKeys.concat(exclude) : propKeys;
   return omit(props, keysToOmit);
 }
-
 const hasOwnProperty = Object.prototype.hasOwnProperty;
-
 const omit = (originalObject, keysToOmit) => {
   // code based on babel's _objectWithoutProperties
   const newObject = {};
-
   for (const key in originalObject) {
     // special case because we always want to omit these and === is faster than
     // concat'ing them in
     if (key === 'theme' || key === 'children' || key === 'className' || key === 'style' || key === 'styles' || key === 'makeStyles' || key === 'themeOverride' || key === 'deterministicId') {
       continue;
     }
-
     if (keysToOmit.includes(key) || !hasOwnProperty.call(originalObject, key)) {
       continue;
     }
-
     newObject[key] = originalObject[key];
   }
-
   return newObject;
 };
-
 var _default = omitProps;
 exports.default = _default;

package/lib/passthroughProps.js

@@ -1,15 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.passthroughProps = passthroughProps;
-
 var _isPropValid = _interopRequireDefault(require("@emotion/is-prop-valid"));
-
 /*
  * The MIT License (MIT)
  *
@@ -45,13 +42,13 @@ var _isPropValid = _interopRequireDefault(require("@emotion/is-prop-valid"));
  */
 function passthroughProps(props) {
   const validProps = {};
-  Object.keys(props) // style and className need to be explicitly passed through
+  Object.keys(props)
+  // style and className need to be explicitly passed through
   // styles and makeStyle can not pass through
   .filter(propName => (0, _isPropValid.default)(propName) && propName !== 'style' && propName !== 'className' && propName !== 'children' && propName !== 'styles' && propName !== 'makeStyles' && propName !== 'deterministicId').forEach(propName => {
     validProps[propName] = props[propName];
   });
   return validProps;
 }
-
 var _default = passthroughProps;
 exports.default = _default;

package/lib/pickProps.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.pickProps = pickProps;
-
 /*
  * The MIT License (MIT)
  *
@@ -46,25 +45,21 @@ function pickProps(props, propTypesOrAllowedPropList, include) {
   const propKeys = Array.isArray(propTypesOrAllowedPropList) ? propTypesOrAllowedPropList : Object.keys(propTypesOrAllowedPropList || {});
   const combined = include ? propKeys.concat(include) : propKeys;
   return pick(props, combined);
-} // this was the fastest implementation from testing: https://jsperf.com/pick-props
-
+}
 
+// this was the fastest implementation from testing: https://jsperf.com/pick-props
 function pick(obj, keys) {
   const res = {};
   const len = keys.length;
   let idx = -1;
   let key;
-
   while (++idx < len) {
     key = keys[idx];
-
     if (key in obj) {
       res[key] = obj[key];
     }
   }
-
   return res;
 }
-
 var _default = pickProps;
 exports.default = _default;

package/lib/safeCloneElement.js

@@ -1,19 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.safeCloneElement = safeCloneElement;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _console = require("@instructure/console");
-
 var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-
 /*
  * The MIT License (MIT)
  *
@@ -52,19 +47,21 @@ function safeCloneElement(element, props) {
   const originalRef = element.ref;
   const originalRefIsAFunction = typeof originalRef === 'function';
   const cloneRefIsFunction = typeof cloneRef === 'function';
-  const mergedProps = { ...props
+  const mergedProps = {
+    ...props
   };
-
   if (element.props.style && props.style) {
     // merge with existing styles
-    mergedProps.style = { ...element.props.style,
+    mergedProps.style = {
+      ...element.props.style,
       ...props.style
     };
-  } // prevent overriding existing keys
-
+  }
 
-  mergedProps.key = element.key || props.key; // Add chained function to preserve existing event handlers
+  // prevent overriding existing keys
+  mergedProps.key = element.key || props.key;
 
+  // Add chained function to preserve existing event handlers
   Object.keys(props).forEach(prop => {
     // If prop looks like an event handler "on*" and either
     // props[props] or element.props[prop] is a function create a chained function.
@@ -76,20 +73,17 @@ function safeCloneElement(element, props) {
       mergedProps[prop] = (0, _createChainedFunction.createChainedFunction)(element.props[prop], props[prop]);
     }
   });
-
   for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
     children[_key - 2] = arguments[_key];
   }
-
   if (originalRef == null || cloneRef == null) {
     return /*#__PURE__*/_react.default.cloneElement(element, mergedProps, ...children);
   }
-
   (0, _console.logWarn)(originalRefIsAFunction, `Cloning an element with a ref that will be overwritten because the ref \
 is not a function. Use a composable callback-style ref instead. \
 Ignoring ref: ${originalRef}`);
-  return /*#__PURE__*/_react.default.cloneElement(element, { ...mergedProps,
-
+  return /*#__PURE__*/_react.default.cloneElement(element, {
+    ...mergedProps,
     ref(component) {
       if (cloneRefIsFunction) {
         ;
@@ -97,12 +91,9 @@ Ignoring ref: ${originalRef}`);
       } else {
         cloneRef.current = component;
       }
-
       originalRef(component);
     }
-
   }, ...children);
 }
-
 var _default = safeCloneElement;
 exports.default = _default;

package/lib/windowMessageListener.js

@@ -6,11 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.origin = origin;
 exports.windowMessageListener = void 0;
-
 var _decorator = require("@instructure/ui-decorator/lib/decorator.js");
-
 var _ownerWindow = require("@instructure/ui-dom-utils/lib/ownerWindow.js");
-
 /*
  * The MIT License (MIT)
  *
@@ -50,39 +47,31 @@ var _ownerWindow = require("@instructure/ui-dom-utils/lib/ownerWindow.js");
  */
 const windowMessageListener = (0, _decorator.decorator)((ComposedComponent, messageHandler, validSource) => {
   var _class;
-
   return _class = class extends ComposedComponent {
     constructor() {
       super(...arguments);
-
       this.handleMessage = e => {
         if (this.sourceIsValid(e.source) && e.origin === origin(this) && e.data) {
           messageHandler.call(this, e.data);
         }
       };
     }
-
     componentDidMount() {
       const win = (0, _ownerWindow.ownerWindow)(this);
       win.addEventListener('message', this.handleMessage, false);
-
       if (super.componentDidMount) {
         super.componentDidMount();
       }
     }
-
     componentWillUnmount() {
       const win = (0, _ownerWindow.ownerWindow)(this);
       win.removeEventListener('message', this.handleMessage, false);
-
       if (super.componentDidMount) {
         super.componentDidMount();
       }
     }
-
     sourceIsValid(eventSource) {
       const expectedSource = typeof validSource === 'function' ? validSource.call(this) : validSource;
-
       if (!expectedSource) {
         return true;
       } else if (eventSource) {
@@ -93,11 +82,11 @@ const windowMessageListener = (0, _decorator.decorator)((ComposedComponent, mess
         return false;
       }
     }
-
   }, _class.postMessage = function (target, message, origin) {
     target.postMessage(message, origin);
   }, _class;
 });
+
 /**
  * Return the origin of the owner window of the DOM element
  *
@@ -106,13 +95,10 @@ const windowMessageListener = (0, _decorator.decorator)((ComposedComponent, mess
  * @param {DOMElement} node
  * @returns {String} the origin
  */
-
 exports.windowMessageListener = windowMessageListener;
-
 function origin(node) {
   const ownWindow = (0, _ownerWindow.ownerWindow)(node);
   const location = ownWindow.location;
-
   if (location.protocol === 'file:') {
     return '*';
   } else if (location.origin) {
@@ -123,6 +109,5 @@ function origin(node) {
     return `${location.protocol}//${location.hostname}`;
   }
 }
-
 var _default = windowMessageListener;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-react-utils",
-  "version": "8.33.1",
+  "version": "8.33.2",
   "description": "A React utility library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -22,17 +22,17 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.33.1",
-    "@instructure/ui-test-utils": "8.33.1"
+    "@instructure/ui-babel-preset": "8.33.2",
+    "@instructure/ui-test-utils": "8.33.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
     "@emotion/is-prop-valid": "^1",
-    "@instructure/console": "8.33.1",
-    "@instructure/shared-types": "8.33.1",
-    "@instructure/ui-decorator": "8.33.1",
-    "@instructure/ui-dom-utils": "8.33.1",
-    "@instructure/ui-utils": "8.33.1",
+    "@instructure/console": "8.33.2",
+    "@instructure/shared-types": "8.33.2",
+    "@instructure/ui-decorator": "8.33.2",
+    "@instructure/ui-dom-utils": "8.33.2",
+    "@instructure/ui-utils": "8.33.2",
     "hoist-non-react-statics": "^3.3.2",
     "prop-types": "^15"
   },