@instructure/ui-react-utils - npm Package Compare versions

CHANGELOG.md

		@@ -6,2 +6,10 @@ # Change Log

		## [10.11.1-pr-snapshot-1741369431545](https://github.com/instructure/instructure-ui/compare/v10.11.0...v10.11.1-pr-snapshot-1741369431545) (2025-03-07)

		Note: Version bump only for package @instructure/ui-react-utils





		# [10.11.0](https://github.com/instructure/instructure-ui/compare/v10.10.0...v10.11.0) (2025-02-03)
		@@ -8,0 +16,0 @@

lib/__new-tests__/safeCloneElement.test.js

		@@ -6,3 +6,3 @@ "use strict";
		var _vitest = require("vitest");
		var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
		var _uiUtils = require("@instructure/ui-utils");
		var _react2 = require("@testing-library/react");
		@@ -82,3 +82,3 @@ require("@testing-library/jest-dom");
		props: {
		onClick: (0, _createChainedFunction.createChainedFunction)(onClickB, onClickC)
		onClick: (0, _uiUtils.createChainedFunction)(onClickB, onClickC)
		}
		@@ -85,0 +85,0 @@ }));

lib/deprecated.js

		@@ -7,3 +7,3 @@ "use strict";
		exports.deprecated = exports.default = void 0;
		var _decorator = require("@instructure/ui-decorator/lib/decorator.js");
		var _uiDecorator = require("@instructure/ui-decorator");
		var _console = require("@instructure/console");
		@@ -45,3 +45,3 @@ /*
		}
		const deprecated = (0, _decorator.decorator)((ComposedComponent, version, oldProps, message = '') => {
		const deprecated = (0, _uiDecorator.decorator)((ComposedComponent, version, oldProps, message = '') => {
		/**
		@@ -48,0 +48,0 @@ * ---

lib/DeterministicIdContext/withDeterministicId.js

		@@ -12,4 +12,4 @@ "use strict";
		var _DeterministicIdContext = require("./DeterministicIdContext");
		var _decorator = require("@instructure/ui-decorator/lib/decorator.js");
		var _generateId = require("@instructure/ui-utils/lib/generateId.js");
		var _uiDecorator = require("@instructure/ui-decorator");
		var _uiUtils = require("@instructure/ui-utils");
		var _console = require("@instructure/console");
		@@ -48,7 +48,7 @@ /*
		*/
		const withDeterministicId = exports.withDeterministicId = (0, _decorator.decorator)(ComposedComponent => {
		const withDeterministicId = exports.withDeterministicId = (0, _uiDecorator.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);
		const deterministicId = (instanceName = componentName) => (0, _uiUtils.generateId)(instanceName, instanceCounterMap);
		if (props.deterministicId) {
		@@ -55,0 +55,0 @@ (0, _console.warn)(false, `Manually passing the "deterministicId" property is not allowed on the ${componentName} component.\n`, props.deterministicId);

lib/experimental.js

		@@ -7,3 +7,3 @@ "use strict";
		exports.experimental = exports.default = void 0;
		var _decorator = require("@instructure/ui-decorator/lib/decorator.js");
		var _uiDecorator = require("@instructure/ui-decorator");
		var _console = require("@instructure/console");
		@@ -34,3 +34,3 @@ /*

		const experimental = exports.experimental = process.env.NODE_ENV == 'production' ? () => ReactComponent => ReactComponent : (0, _decorator.decorator)((ComposedComponent, experimentalProps, message) => {
		const experimental = exports.experimental = process.env.NODE_ENV == 'production' ? () => ReactComponent => ReactComponent : (0, _uiDecorator.decorator)((ComposedComponent, experimentalProps, message) => {
		return class ExperimentalComponent extends ComposedComponent {
		@@ -37,0 +37,0 @@ componentDidMount() {

lib/hack.js

		@@ -7,3 +7,3 @@ "use strict";
		exports.hack = exports.default = void 0;
		var _decorator = require("@instructure/ui-decorator/lib/decorator.js");
		var _uiDecorator = require("@instructure/ui-decorator");
		var _console = require("@instructure/console");
		@@ -55,3 +55,3 @@ /*
		*/
		const hack = exports.hack = process.env.NODE_ENV == 'production' ? () => Component => Component : (0, _decorator.decorator)((ComposedComponent, hackProps, message) => {
		const hack = exports.hack = process.env.NODE_ENV == 'production' ? () => Component => Component : (0, _uiDecorator.decorator)((ComposedComponent, hackProps, message) => {
		return class HackComponent extends ComposedComponent {
		@@ -58,0 +58,0 @@ componentDidMount() {

lib/safeCloneElement.js

		@@ -11,3 +11,3 @@ "use strict";
		var _console = require("@instructure/console");
		var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
		var _uiUtils = require("@instructure/ui-utils");
		/*
		@@ -74,3 +74,3 @@ * The MIT License (MIT)
		;
		mergedProps[prop] = (0, _createChainedFunction.createChainedFunction)(element.props[prop], props[prop]);
		mergedProps[prop] = (0, _uiUtils.createChainedFunction)(element.props[prop], props[prop]);
		}
		@@ -77,0 +77,0 @@ });

lib/windowMessageListener.js

		@@ -9,4 +9,4 @@ "use strict";
		exports.windowMessageListener = void 0;
		var _decorator = require("@instructure/ui-decorator/lib/decorator.js");
		var _ownerWindow = require("@instructure/ui-dom-utils/lib/ownerWindow.js");
		var _uiDecorator = require("@instructure/ui-decorator");
		var _uiDomUtils = require("@instructure/ui-dom-utils");
		/*
		@@ -49,3 +49,3 @@ * The MIT License (MIT)
		*/
		const windowMessageListener = exports.windowMessageListener = (0, _decorator.decorator)((ComposedComponent, messageHandler, validSource) => {
		const windowMessageListener = exports.windowMessageListener = (0, _uiDecorator.decorator)((ComposedComponent, messageHandler, validSource) => {
		var _Class;
		@@ -62,3 +62,3 @@ return _Class = class extends ComposedComponent {
		componentDidMount() {
		const win = (0, _ownerWindow.ownerWindow)(this);
		const win = (0, _uiDomUtils.ownerWindow)(this);
		win.addEventListener('message', this.handleMessage, false);
		@@ -70,3 +70,3 @@ if (super.componentDidMount) {
		componentWillUnmount() {
		const win = (0, _ownerWindow.ownerWindow)(this);
		const win = (0, _uiDomUtils.ownerWindow)(this);
		win.removeEventListener('message', this.handleMessage, false);
		@@ -103,3 +103,3 @@ if (super.componentDidMount) {
		function origin(node) {
		const ownWindow = (0, _ownerWindow.ownerWindow)(node);
		const ownWindow = (0, _uiDomUtils.ownerWindow)(node);
		const location = ownWindow.location;
		@@ -106,0 +106,0 @@ if (location.protocol === 'file:') {

package.json

		{
		"name": "@instructure/ui-react-utils",
		"version": "10.11.0",
		"version": "10.11.1-pr-snapshot-1741369431545",
		"description": "A React utility library made by Instructure Inc.",
		@@ -25,3 +25,3 @@ "author": "Instructure, Inc. Engineering and Product Design",
		"devDependencies": {
		"@instructure/ui-babel-preset": "10.11.0",
		"@instructure/ui-babel-preset": "10.11.1-pr-snapshot-1741369431545",
		"@testing-library/jest-dom": "^6.6.3",
		@@ -34,7 +34,7 @@ "@testing-library/react": "^16.0.1",
		"@emotion/is-prop-valid": "^1.3.1",
		"@instructure/console": "10.11.0",
		"@instructure/shared-types": "10.11.0",
		"@instructure/ui-decorator": "10.11.0",
		"@instructure/ui-dom-utils": "10.11.0",
		"@instructure/ui-utils": "10.11.0",
		"@instructure/console": "10.11.1-pr-snapshot-1741369431545",
		"@instructure/shared-types": "10.11.1-pr-snapshot-1741369431545",
		"@instructure/ui-decorator": "10.11.1-pr-snapshot-1741369431545",
		"@instructure/ui-dom-utils": "10.11.1-pr-snapshot-1741369431545",
		"@instructure/ui-utils": "10.11.1-pr-snapshot-1741369431545",
		"hoist-non-react-statics": "^3.3.2",
		@@ -41,0 +41,0 @@ "prop-types": "^15.8.1"

New alerts