@instructure/ui-react-utils 11.6.0 → 11.6.1-pr-snapshot-1779894247159

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.6.1-pr-snapshot-1779894247159](https://github.com/instructure/instructure-ui/compare/v11.6.0...v11.6.1-pr-snapshot-1779894247159) (2026-05-27)
+
+**Note:** Version bump only for package @instructure/ui-react-utils
+
+
+
+
+
 # [11.6.0](https://github.com/instructure/instructure-ui/compare/v11.5.0...v11.6.0) (2026-02-18)
 
 **Note:** Version bump only for package @instructure/ui-react-utils

package/{lib/getDisplayName.js → babel.config.cjs}

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getDisplayName = getDisplayName;
 /*
  * The MIT License (MIT)
  *
@@ -29,17 +22,16 @@ exports.getDisplayName = getDisplayName;
  * SOFTWARE.
  */
 
-/**
- * ---
- * category: utilities/react
- * ---
- * Get the displayName of a React component.
- * needs a babel plugin to work https://github.com/facebook/react/issues/4915 !!
- * @module getDisplayName
- * @param ReactComponent
- * @returns the component displayName
- */
-function getDisplayName(ReactComponent) {
-  return typeof ReactComponent === 'string' ? ReactComponent : ReactComponent.displayName || ReactComponent.name;
+module.exports = {
+  presets: [
+    [
+      require('@instructure/ui-babel-preset'),
+      {
+        coverage: Boolean(process.env.COVERAGE),
+        esModules: Boolean(process.env.ES_MODULES),
+        removeConsole: process.env.NODE_ENV === 'production',
+        transformImports: Boolean(process.env.TRANSFORM_IMPORTS)
+      }
+    ]
+  ]
 }
-var _default = exports.default = getDisplayName;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@instructure/ui-react-utils",
-  "version": "11.6.0",
+  "version": "11.6.1-pr-snapshot-1779894247159",
+  "type": "module",
   "description": "A React utility library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
-  "main": "./lib/index.js",
   "types": "./types/index.d.ts",
   "repository": {
     "type": "git",
@@ -17,17 +17,17 @@
     "@babel/runtime": "^7.27.6",
     "@emotion/is-prop-valid": "^1.3.1",
     "hoist-non-react-statics": "^3.3.2",
-    "@instructure/shared-types": "11.6.0",
-    "@instructure/ui-decorator": "11.6.0",
-    "@instructure/console": "11.6.0",
-    "@instructure/ui-dom-utils": "11.6.0",
-    "@instructure/ui-utils": "11.6.0"
+    "@instructure/console": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/shared-types": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-decorator": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-dom-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-utils": "11.6.1-pr-snapshot-1779894247159"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "vitest": "^3.2.2",
-    "@instructure/ui-babel-preset": "11.6.0"
+    "@instructure/ui-babel-preset": "11.6.1-pr-snapshot-1779894247159"
   },
   "peerDependencies": {
     "react": ">=18 <=19",
@@ -41,10 +41,8 @@
     ".": {
       "types": "./types/index.d.ts",
       "import": "./es/index.js",
-      "require": "./lib/index.js",
       "default": "./es/index.js"
     },
-    "./lib/*": "./lib/*",
     "./es/*": "./es/*",
     "./types/*": "./types/*",
     "./package.json": "./package.json",
@@ -54,7 +52,7 @@
     "lint": "ui-scripts lint",
     "lint:fix": "ui-scripts lint --fix",
     "clean": "ui-scripts clean",
-    "build": "ui-scripts build --modules es,cjs",
+    "build": "ui-scripts build",
     "build:watch": "ui-scripts build --watch",
     "build:types": "tsc -p tsconfig.build.json"
   }

package/lib/DeterministicIdContext/DeterministicIdContext.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultDeterministicIDMap = exports.DeterministicIdContext = void 0;
-var _react = _interopRequireDefault(require("react"));
-/*
- * 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.
- */
-
-const instUIInstanceCounter = '__INSTUI_GLOBAL_INSTANCE_COUNTER__';
-
-/**
- * Returns a global (window-level) instance counter map.
- * This needs to be global so that IDs are unique across application instances,
- * e.g. in module federation applications are loaded as a .js blob, this method
- * makes sure that there are no duplicate IDs across instances.
- */
-function generateInstanceCounterMap() {
-  if (globalThis[instUIInstanceCounter]) {
-    return globalThis[instUIInstanceCounter];
-  }
-  const map = new Map();
-  globalThis[instUIInstanceCounter] = map;
-  return map;
-}
-const defaultDeterministicIDMap = exports.defaultDeterministicIDMap = generateInstanceCounterMap();
-const DeterministicIdContext = exports.DeterministicIdContext = /*#__PURE__*/_react.default.createContext(defaultDeterministicIDMap);

package/lib/DeterministicIdContext/DeterministicIdContextProvider.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeterministicIdContextProvider = void 0;
-var _DeterministicIdContext = require("./DeterministicIdContext");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-/*
- * 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.
- */
-
-/**
- * ---
- * category: components/contexts
- * ---
- * WARNING: providing the `instanceCounterMap` prop will result in unexpected behaviour. DO NOT USE IT!
- *
- * DEPRECATED: the `instanceCounterMap` prop is deprecated. You don't need to supply the
- * `instanceCounterMap` to the component. It handles it internally.
- *
- * This utility component is for wrapping components with `DeterministicIdContext.Provider`
- * See detailed documentation about how to use it: [InstUISettingsProvider](/#InstUISettingsProvider)
- */
-const DeterministicIdContextProvider = ({
-  children,
-  instanceCounterMap = _DeterministicIdContext.defaultDeterministicIDMap
-}) => {
-  return (0, _jsxRuntime.jsx)(_DeterministicIdContext.DeterministicIdContext.Provider, {
-    value: instanceCounterMap,
-    children: children
-  });
-};
-exports.DeterministicIdContextProvider = DeterministicIdContextProvider;

package/lib/DeterministicIdContext/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DeterministicIdContext", {
-  enumerable: true,
-  get: function () {
-    return _DeterministicIdContext.DeterministicIdContext;
-  }
-});
-Object.defineProperty(exports, "DeterministicIdContextProvider", {
-  enumerable: true,
-  get: function () {
-    return _DeterministicIdContextProvider.DeterministicIdContextProvider;
-  }
-});
-Object.defineProperty(exports, "withDeterministicId", {
-  enumerable: true,
-  get: function () {
-    return _withDeterministicId.withDeterministicId;
-  }
-});
-var _DeterministicIdContextProvider = require("./DeterministicIdContextProvider");
-var _DeterministicIdContext = require("./DeterministicIdContext");
-var _withDeterministicId = require("./withDeterministicId");

package/lib/DeterministicIdContext/withDeterministicId.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withDeterministicId = exports.default = void 0;
-var _react = require("react");
-var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
-var _DeterministicIdContext = require("./DeterministicIdContext");
-var _decorator = require("@instructure/ui-decorator/lib/decorator.js");
-var _generateId = require("@instructure/ui-utils/lib/generateId.js");
-var _console = require("@instructure/console");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-/*
- * 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.
- */
-
-/**
- * This decorator is used to enable the decorated class to use the `DeterministicIdContext` which is needed
- * for deterministic id generation.
- *
- * The context is there for the users to pass an `instanceCounterMap` Map which is then used
- * in the child components to deterministically create ids for them based on the `instanceCounterMap`.
- * Read more about it here: [SSR guide](https://instructure.design/#server-side-rendering)
- */
-const withDeterministicId = exports.withDeterministicId = (0, _decorator.decorator)(ComposedComponent => {
-  const WithDeterministicId = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-    const componentName = ComposedComponent.componentId || ComposedComponent.displayName || ComposedComponent.name;
-    const instanceCounterMap = (0, _react.useContext)(_DeterministicIdContext.DeterministicIdContext);
-    const deterministicId = (instanceName = componentName) => (0, _generateId.generateId)(instanceName, instanceCounterMap);
-    if (props.deterministicId) {
-      (0, _console.warn)(false, `Manually passing the "deterministicId" property is not allowed on the ${componentName} component.\n`, props.deterministicId);
-    }
-    return (0, _jsxRuntime.jsx)(ComposedComponent, {
-      ref: ref,
-      deterministicId: deterministicId,
-      ...props
-    });
-  });
-  (0, _hoistNonReactStatics.default)(WithDeterministicId, ComposedComponent);
-
-  // These static fields exist on InstUI components
-  //@ts-expect-error fix this
-  WithDeterministicId.allowedProps = ComposedComponent.allowedProps;
-
-  // added so it can be tested with ReactTestUtils
-  // more info: https://github.com/facebook/react/issues/13455
-  WithDeterministicId.originalType = ComposedComponent.originalType || ComposedComponent;
-  if (process.env.NODE_ENV !== 'production') {
-    WithDeterministicId.displayName = `WithDeterministicId(${ComposedComponent.displayName})`;
-  }
-  return WithDeterministicId;
-});
-var _default = exports.default = withDeterministicId;

package/lib/callRenderProp.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.callRenderProp = callRenderProp;
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-/*
- * 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.
- */
-
-/**
- * ---
- * category: utilities/react
- * ---
- * Evaluate a provided value to create a renderable React element.
- * @module callRenderProp
- * @param value
- * @param props
- */
-function callRenderProp(value, props = {}) {
-  if (typeof value === 'function') {
-    // In react 16, `createElement` accepts a function. In react 15 we get an
-    // error on rendering the result. Evaluate the function here if it is not a
-    // react component.
-    // fat arrow functions don't have a prototype
-    if (!(value.prototype && value.prototype.isReactComponent)) {
-      return value(props);
-    }
-    // TODO type 'value' properly
-    return /*#__PURE__*/_react.default.createElement(value, props);
-  }
-  return value;
-}
-var _default = exports.default = callRenderProp;

package/lib/ensureSingleChild.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.ensureSingleChild = ensureSingleChild;
-var _react = require("react");
-var _safeCloneElement = require("./safeCloneElement");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-/*
- * 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.
- */
-
-/**
- * ---
- * category: utilities/react
- * ---
- *
- * Ensure a single child. If it is a child of length 1, return a
- * cloned instance of the child. If it is a child of length > 1,
- * wrap in a span and return the child. Return null if child has
- * no length.
- * @module ensureSingleChild
- * @param child
- * @param props props for child
- * @returns cloned instance for a single child, or children wrapped in a span
- */function ensureSingleChild(child, props = {}) {
-  const childCount = _react.Children.count(child);
-  if (childCount === 0) {
-    return null;
-  } else if (typeof child === 'string' && child.length > 0 || childCount > 1) {
-    return (0, _jsxRuntime.jsx)("span", {
-      ...props,
-      children: child
-    });
-  } else {
-    // TODO: check that we can only end up here if child is ReactElement
-    return (0, _safeCloneElement.safeCloneElement)(Array.isArray(child) ? child[0] : child, props);
-  }
-}
-var _default = exports.default = ensureSingleChild;

package/lib/getElementType.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getElementType = getElementType;
-var _console = require("@instructure/console");
-/*
- * 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.
- */
-
-/**
- * A props object that is searched for some fields to determine the
- * element's type.
- */
-
-/**
- * ---
- * category: utilities/react
- * ---
- * Get the React element type for a component. It uses the following logic:
- * 1. type defined by the `as` prop
- * 2. type returned by the `getDefault()` parameter
- * 3. `<a>` if it has a `href` or `to` prop
- * 4. `<button>` if it has an `onClick` prop
- * 5. the component's defaultProp's `as` field
- * 6. `<span>` if none of the above
- *
- * @module getElementType
- * @param Component
- * @param props
- * @param getDefault an optional function that returns the default element type
- * @returns the element type
- */
-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
-    !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 = exports.default = getElementType;

package/lib/getInteraction.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getInteraction = getInteraction;
-/*
- * 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.
- */
-
-/**
- * ---
- * category: utilities/react
- * ---
- * Parse the component props for the interaction type. It will return one of 'enabled', 'disabled', or 'readonly'.
- * This is useful for form elements where consumers are able to either use the interaction prop as specified or the
- * native html disabled or readonly attributes
- * @module getInteraction
- * @param args extra arguments
- * @returns The calculated interaction type
- */
-function getInteraction({
-  props = {},
-  interactionTypes = ['disabled', 'readonly']
-} = {}) {
-  const interaction = props.interaction,
-    disabled = props.disabled,
-    readOnly = props.readOnly;
-
-  // 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
-  return 'enabled';
-}

package/lib/index.js

@@ -1,101 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DeterministicIdContext", {
-  enumerable: true,
-  get: function () {
-    return _DeterministicIdContext.DeterministicIdContext;
-  }
-});
-Object.defineProperty(exports, "DeterministicIdContextProvider", {
-  enumerable: true,
-  get: function () {
-    return _DeterministicIdContext.DeterministicIdContextProvider;
-  }
-});
-Object.defineProperty(exports, "callRenderProp", {
-  enumerable: true,
-  get: function () {
-    return _callRenderProp.callRenderProp;
-  }
-});
-Object.defineProperty(exports, "ensureSingleChild", {
-  enumerable: true,
-  get: function () {
-    return _ensureSingleChild.ensureSingleChild;
-  }
-});
-Object.defineProperty(exports, "getDisplayName", {
-  enumerable: true,
-  get: function () {
-    return _getDisplayName.getDisplayName;
-  }
-});
-Object.defineProperty(exports, "getElementType", {
-  enumerable: true,
-  get: function () {
-    return _getElementType.getElementType;
-  }
-});
-Object.defineProperty(exports, "getInteraction", {
-  enumerable: true,
-  get: function () {
-    return _getInteraction.getInteraction;
-  }
-});
-Object.defineProperty(exports, "matchComponentTypes", {
-  enumerable: true,
-  get: function () {
-    return _matchComponentTypes.matchComponentTypes;
-  }
-});
-Object.defineProperty(exports, "omitProps", {
-  enumerable: true,
-  get: function () {
-    return _omitProps.omitProps;
-  }
-});
-Object.defineProperty(exports, "passthroughProps", {
-  enumerable: true,
-  get: function () {
-    return _passthroughProps.passthroughProps;
-  }
-});
-Object.defineProperty(exports, "pickProps", {
-  enumerable: true,
-  get: function () {
-    return _pickProps.pickProps;
-  }
-});
-Object.defineProperty(exports, "safeCloneElement", {
-  enumerable: true,
-  get: function () {
-    return _safeCloneElement.safeCloneElement;
-  }
-});
-Object.defineProperty(exports, "windowMessageListener", {
-  enumerable: true,
-  get: function () {
-    return _windowMessageListener.windowMessageListener;
-  }
-});
-Object.defineProperty(exports, "withDeterministicId", {
-  enumerable: true,
-  get: function () {
-    return _DeterministicIdContext.withDeterministicId;
-  }
-});
-var _callRenderProp = require("./callRenderProp");
-var _ensureSingleChild = require("./ensureSingleChild");
-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

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.matchComponentTypes = matchComponentTypes;
-var _getDisplayName = require("./getDisplayName");
-/*
- * 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.
- */
-
-/**
- * ---
- * category: utilities/react
- * ---
- * Check if a React component instance (React element) matches one of the
- * specified types.
- *
- * @module matchComponentTypes
- * @param componentInstance
- * @param types an array of React components
- * @returns true if the component matches at least one of the types
- */
-function matchComponentTypes(componentInstance, types = []) {
-  if (componentInstance && componentInstance.type) {
-    const displayNames = types.map(type => (0, _getDisplayName.getDisplayName)(type));
-    return displayNames.indexOf((0, _getDisplayName.getDisplayName)(componentInstance.type)) >= 0;
-  } else {
-    return false;
-  }
-}
-var _default = exports.default = matchComponentTypes;

package/lib/omitProps.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.omitProps = omitProps;
-/*
- * 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.
- */
-
-/**
- * ---
- * category: utilities/react
- * ---
- * Return an object with the remaining props after the given props are omitted.
- *
- * Automatically excludes the following props:
- * `theme`, `children`, `className`, `style`, `styles`, `makeStyles`,
- * `themeOverride`, `deterministicId`
- * @module omitProps
- * @param props The object to process
- * @param propsToOmit list disallowed prop keys or an object whose
- *        keys will be omitted. If not specified the automatically excluded
- *        props will be removed.
- * @param exclude an optional array of disallowed prop names to omit
- * @returns props object without the excluded props
- * @module omitProps
- */
-function omitProps(props, propsToOmit, exclude) {
-  const propKeys = Array.isArray(propsToOmit) ? propsToOmit : Object.keys(propsToOmit || {});
-  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 = exports.default = omitProps;

package/lib/package.json

@@ -1 +0,0 @@
-{"type":"commonjs"}

package/lib/passthroughProps.js

@@ -1,53 +0,0 @@
-"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)
- *
- * 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.
- */
-// list of "valid" props https://github.com/emotion-js/emotion/blob/master/packages/is-prop-valid/src/props.js
-
-/**
- * Removes disallowed keys from the given object. Allowed keys: Valid props for
- * HTML or SVG elements (see https://github.com/emotion-js/emotion/tree/main/packages/is-prop-valid)
- *
- * Disallowed is anything else and 'style', 'styles', 'className', 'children',
- * 'makeStyles', 'deterministicId'
- * @param props The props to process
- */
-function passthroughProps(props) {
-  const validProps = {};
-  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 = exports.default = passthroughProps;

package/lib/pickProps.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.pickProps = pickProps;
-/*
- * 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.
- */
-
-/**
- * ---
- * category: utilities/react
- * ---
- * Return a props object with only specified propTypes.
- *
- * @param props React component props
- * @param propTypesOrAllowedPropList React component propTypes or the list of allowed prop keys
- * @param include an optional array of prop names to include
- * @returns props object with only the included props
- * @module pickProps
- */
-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
-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 = exports.default = pickProps;

package/lib/safeCloneElement.js

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.safeCloneElement = safeCloneElement;
-var _react = require("react");
-var _console = require("@instructure/console");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-/*
- * 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.
- */
-
-/**
- * ---
- * category: utilities/react
- * ---
- * Clones a React element without overwriting refs.
- * @param element The element to clone
- * @param props Props of the element
- * @param children
- */
-function safeCloneElement(element, props, ...children) {
-  const cloneRef = props.ref;
-  // Support both React 18 (element.ref) and React 19+ (element.props.ref)
-  // TypeScript's ReactElement type does not always include a 'ref' property,
-  // so we use 'as any' to safely access it for React 18 compatibility.
-  let isReact19OrNewer = true;
-  const versArr = _react.version.split('.', 1);
-  if (versArr.length > 0 && parseInt(versArr[0], 10) < 19) {
-    isReact19OrNewer = false;
-  }
-  // this needs to happen in such tricky way because React 18 and earlier
-  // throw warning when one tries to access element.props.ref, see
-  // https://github.com/facebook/react/blob/18-3-1/packages/react/src/jsx/ReactJSXElement.js#L108
-  const originalRef = isReact19OrNewer ? element.props.ref : element.ref;
-  const originalRefIsAFunction = typeof originalRef === 'function';
-  const cloneRefIsFunction = typeof cloneRef === 'function';
-  const mergedProps = {
-    ...props
-  };
-  if (element.props.style && props.style) {
-    // merge with existing styles
-    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
-  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.
-    // If only one is a function it will just use that function with no extra overhead.
-    // This is necessary in cases where props[prop] is `null` or `undefined` which would
-    // otherwise unwantedly override element.props[prop].
-    if (prop.indexOf('on') === 0 && (typeof props[prop] === 'function' || typeof element.props[prop] === 'function')) {
-      ;
-      mergedProps[prop] = (0, _createChainedFunction.createChainedFunction)(element.props[prop], props[prop]);
-    }
-  });
-  if (originalRef == null || cloneRef == null) {
-    return /*#__PURE__*/(0, _react.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__*/(0, _react.cloneElement)(element, {
-    ...mergedProps,
-    ref(component) {
-      if (cloneRefIsFunction) {
-        ;
-        cloneRef(component);
-      } else {
-        cloneRef.current = component;
-      }
-      originalRefIsAFunction && originalRef(component);
-    }
-  }, ...children);
-}
-var _default = exports.default = safeCloneElement;

package/lib/windowMessageListener.js

@@ -1,111 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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)
- *
- * 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.
- */
-
-/**
- * ---
- * category: utilities/react
- * ---
- * A decorator or higher order component that provides methods
- * for cross-origin communication (between iframes/windows).
- *
- * see https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage
- * @module windowMessageListener
- * @param {Function} messageHandler a handler for messages receieved by the component
- * @param {Function} validSource an optional function that would restrict message handling to a specified source.
- * @returns {Function} a function that decorates a React component with the behavior
- */
-const windowMessageListener = exports.windowMessageListener = (0, _decorator.decorator)((ComposedComponent, messageHandler, validSource) => {
-  var _Class;
-  return _Class = class extends ComposedComponent {
-    constructor(...args) {
-      super(...args);
-      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) {
-        const sourceFrame = eventSource.frameElement;
-        const sourceName = sourceFrame ? sourceFrame.getAttribute('name') : null;
-        return sourceName === expectedSource;
-      } else {
-        return false;
-      }
-    }
-  }, _Class.postMessage = function (target, message, origin) {
-    target.postMessage(message, origin);
-  }, _Class;
-});
-
-/**
- * Return the origin of the owner window of the DOM element
- *
- * see https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage
- *
- * @param {DOMElement} node
- * @returns {String} the origin
- */
-function origin(node) {
-  const ownWindow = (0, _ownerWindow.ownerWindow)(node);
-  const location = ownWindow.location;
-  if (location.protocol === 'file:') {
-    return '*';
-  } else if (location.origin) {
-    return location.origin;
-  } else if (location.port) {
-    return `${location.protocol}//${location.hostname}:${location.port}`;
-  } else {
-    return `${location.protocol}//${location.hostname}`;
-  }
-}
-var _default = exports.default = windowMessageListener;