@instructure/ui-view 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-view
+
+
+
+
+
+## [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-view
+
+
+
+
+
 # [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-view

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

@@ -5,7 +5,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 require("@testing-library/jest-dom");
 var _index = require("../index");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
+var _uiAxeCheck = require("@instructure/ui-axe-check");
 var _ContextView, _ContextView2;
 /*
  * The MIT License (MIT)
@@ -40,7 +40,7 @@ describe('<ContextView />', () => {
   it('should meet a11y standards', async () => {
     const _render2 = (0, _react2.render)(_ContextView2 || (_ContextView2 = /*#__PURE__*/_react.default.createElement(_index.ContextView, null))),
       container = _render2.container;
-    const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
+    const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
     expect(axeCheck).toBe(true);
   });
 });

package/lib/ContextView/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ContextView = void 0;
 var _react = require("react");
 var _emotion = require("@instructure/emotion");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _View = require("../View");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -81,7 +81,7 @@ let ContextView = exports.ContextView = (_dec = (0, _emotion.withStyle)(_styles.
       style = _this$props3.style,
       textAlign = _this$props3.textAlign,
       styles = _this$props3.styles;
-    return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _omitProps.omitProps)(this.props, ContextView.allowedProps), {
+    return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, ContextView.allowedProps), {
       css: styles === null || styles === void 0 ? void 0 : styles.contextView,
       style: style,
       borderWidth: "none",

package/lib/ContextView/props.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _emotion = require("@instructure/emotion");
-var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes.js");
+var _uiPosition = require("@instructure/ui-position");
 /*
  * The MIT License (MIT)
  *
@@ -83,7 +83,7 @@ const propTypes = exports.propTypes = {
    * Specifies how the arrow for `<ContextView />` will be rendered.
    * Ex. `placement="top"` will render with an arrow pointing down.
    */
-  placement: _PositionPropTypes.PositionPropTypes.placement,
+  placement: _uiPosition.PositionPropTypes.placement,
   /**
    * Activate an outline around the component to make building your
    * layout easier

package/lib/ContextView/styles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _mirrorPlacement = require("@instructure/ui-position/lib/mirrorPlacement.js");
+var _uiPosition = require("@instructure/ui-position");
 /*
  * The MIT License (MIT)
  *
@@ -97,7 +97,7 @@ const getArrowCorrections = (placement, theme) => {
   return {};
 };
 const getArrowPlacementVariant = (placement, background, theme) => {
-  const transformedPlacement = (0, _mirrorPlacement.mirrorPlacement)(placement, ' ');
+  const transformedPlacement = (0, _uiPosition.mirrorPlacement)(placement, ' ');
   const isInversed = background === 'inverse';
   if (endPlacements.includes(transformedPlacement)) {
     return {

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

@@ -5,7 +5,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 require("@testing-library/jest-dom");
 var _index = require("../../index");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
+var _uiAxeCheck = require("@instructure/ui-axe-check");
 var _View, _View2, _h, _h2, _h3, _h4, _h5, _View3, _View4, _View5, _View6, _View7, _View8, _View9, _View10;
 /*
  * The MIT License (MIT)
@@ -186,7 +186,7 @@ describe('<View />', () => {
   it('should meet a11y standards', async () => {
     const _render11 = (0, _react2.render)(_View10 || (_View10 = /*#__PURE__*/_react.default.createElement(_index.View, null, "View Content"))),
       container = _render11.container;
-    const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
+    const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
     expect(axeCheck).toBe(true);
   });
 });

package/lib/View/index.js

@@ -7,13 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.View = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
-var _getComputedStyle = require("@instructure/ui-dom-utils/lib/getComputedStyle.js");
-var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiI18n = require("@instructure/ui-i18n");
 var _console = require("@instructure/console");
-var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -50,7 +47,7 @@ category: components
 ---
 @module View
 **/
-let View = exports.View = (_dec = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_class2 = class View extends _react.Component {
+let View = exports.View = (_dec = (0, _uiI18n.textDirectionContextConsumer)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_class2 = class View extends _react.Component {
   get _element() {
     return this.ref;
   }
@@ -84,7 +81,7 @@ let View = exports.View = (_dec = (0, _textDirectionContextConsumer.textDirectio
         if (!element) {
           return;
         }
-        const display = (0, _getComputedStyle.getComputedStyle)(element).display;
+        const display = (0, _uiDomUtils.getComputedStyle)(element).display;
         if (display !== 'inline') {
           return;
         }
@@ -131,8 +128,8 @@ let View = exports.View = (_dec = (0, _textDirectionContextConsumer.textDirectio
       styles = _this$props3.styles,
       makeStyles = _this$props3.makeStyles,
       props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
-    const ElementType = (0, _getElementType.getElementType)(View, this.props);
-    return (0, _emotion.jsx)(ElementType, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
+    const ElementType = (0, _uiReactUtils.getElementType)(View, this.props);
+    return (0, _emotion.jsx)(ElementType, Object.assign({}, (0, _uiReactUtils.passthroughProps)(props), {
       className: className,
       css: [styles === null || styles === void 0 ? void 0 : styles.view, styles === null || styles === void 0 ? void 0 : styles.inlineStyles],
       ref: this.handleElementRef
@@ -165,10 +162,10 @@ let View = exports.View = (_dec = (0, _textDirectionContextConsumer.textDirectio
     }
   }
   if (shouldLogError) {
-    Object.keys((0, _pickProps.pickProps)(props, propsToOmit)).forEach(prop => {
+    Object.keys((0, _uiReactUtils.pickProps)(props, propsToOmit)).forEach(prop => {
       (0, _console.logError)(false, `[${Component.name}] prop '${prop}' is not allowed.`);
     });
   }
-  return (0, _omitProps.omitProps)(props, propsToOmit);
+  return (0, _uiReactUtils.omitProps)(props, propsToOmit);
 }, _class2)) || _class) || _class);
 var _default = exports.default = View;

package/lib/View/props.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _cursor = require("@instructure/ui-prop-types/lib/cursor.js");
-var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
+var _uiI18n = require("@instructure/ui-i18n");
 var _emotion = require("@instructure/emotion");
 /*
  * The MIT License (MIT)
@@ -55,7 +55,7 @@ const propTypes = exports.propTypes = {
   background: _propTypes.default.oneOf(['transparent', 'primary', 'secondary', 'primary-inverse', 'brand', 'info', 'alert', 'success', 'danger', 'warning']),
   shadow: _emotion.ThemeablePropTypes.shadow,
   stacking: _emotion.ThemeablePropTypes.stacking,
-  cursor: _cursor.cursor,
+  cursor: _uiPropTypes.cursor,
   position: _propTypes.default.oneOf(['static', 'absolute', 'relative', 'sticky', 'fixed']),
   insetInlineStart: _propTypes.default.string,
   insetInlineEnd: _propTypes.default.string,
@@ -66,7 +66,7 @@ const propTypes = exports.propTypes = {
   focusColor: _propTypes.default.oneOf(['info', 'inverse', 'success', 'danger']),
   shouldAnimateFocus: _propTypes.default.bool,
   withVisualDebug: _propTypes.default.bool,
-  dir: _propTypes.default.oneOf(Object.values(_textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION)),
+  dir: _propTypes.default.oneOf(Object.values(_uiI18n.textDirectionContextConsumer.DIRECTION)),
   overscrollBehavior: _propTypes.default.oneOf(['auto', 'contain', 'none'])
 };
 

package/lib/View/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _uiI18n = require("@instructure/ui-i18n");
 var _emotion = require("@instructure/emotion");
-var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _console = require("@instructure/console");
 /*
  * The MIT License (MIT)
@@ -86,7 +86,7 @@ const getStyleProps = ({
   cursor,
   style
 }) => {
-  const whitelisted = (0, _pickProps.pickProps)(style || {}, {}, [
+  const whitelisted = (0, _uiReactUtils.pickProps)(style || {}, {}, [
   // Position/calculateElementPosition:
   'top', 'left', 'position', 'display', 'transform', 'overflow', 'minWidth', 'minHeight',
   // Img:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-view",
-  "version": "8.56.0",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "description": "A component for basic styles including spacing, sizing, borders, display, positioning, and focus states.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,22 +24,22 @@
   "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-dom-utils": "8.56.0",
-    "@instructure/ui-i18n": "8.56.0",
-    "@instructure/ui-position": "8.56.0",
-    "@instructure/ui-prop-types": "8.56.0",
-    "@instructure/ui-react-utils": "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-dom-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-i18n": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-position": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-prop-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-axe-check": "8.56.0",
-    "@instructure/ui-babel-preset": "8.56.0",
-    "@instructure/ui-test-utils": "8.56.0",
-    "@instructure/ui-themes": "8.56.0",
+    "@instructure/ui-axe-check": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-babel-preset": "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",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.0.0"
   },