@instructure/ui-flex 8.56.2-pr-snapshot-1721749364069 → 8.56.2

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 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)
+## [8.56.2](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2) (2024-08-06)
 
 **Note:** Version bump only for package @instructure/ui-flex
 

package/lib/Flex/Item/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Item = void 0;
 var _react = require("react");
-var _uiReactUtils = require("@instructure/ui-react-utils");
-var _uiView = require("@instructure/ui-view");
+var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
+var _View = require("@instructure/ui-view/lib/View");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _props = require("./props");
@@ -63,7 +63,7 @@ let Item = exports.Item = (_dec = (0, _emotion.withStyle)(_styles.default, null)
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
   render() {
-    const props = (0, _uiReactUtils.omitProps)(this.props, Item.allowedProps);
+    const props = (0, _omitProps.omitProps)(this.props, Item.allowedProps);
     const _this$props3 = this.props,
       as = _this$props3.as,
       children = _this$props3.children,
@@ -78,7 +78,7 @@ let Item = exports.Item = (_dec = (0, _emotion.withStyle)(_styles.default, null)
       styles = _this$props3.styles;
     const dirColumn = direction === 'column';
     const dirRow = direction === 'row';
-    return (0, _emotion.jsx)(_uiView.View, Object.assign({}, props, {
+    return (0, _emotion.jsx)(_View.View, Object.assign({}, props, {
       css: styles === null || styles === void 0 ? void 0 : styles.flexItem,
       elementRef: this.handleRef,
       as: as,

package/lib/Flex/index.js

@@ -14,8 +14,11 @@ Object.defineProperty(exports, "FlexItem", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _uiReactUtils = require("@instructure/ui-react-utils");
-var _uiView = require("@instructure/ui-view");
+var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
+var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
+var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
+var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
+var _View = require("@instructure/ui-view/lib/View");
 var _emotion = require("@instructure/emotion");
 var _Item = require("./Item");
 var _styles = _interopRequireDefault(require("./styles"));
@@ -78,7 +81,7 @@ let Flex = exports.Flex = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       if (!child) {
         return null;
       }
-      return (0, _uiReactUtils.matchComponentTypes)(child, ['Item']) ? (0, _uiReactUtils.safeCloneElement)(child, {
+      return (0, _matchComponentTypes.matchComponentTypes)(child, ['Item']) ? (0, _safeCloneElement.safeCloneElement)(child, {
         // child withVisualDebug prop should override parent
         withVisualDebug: this.props.withVisualDebug,
         ...child.props,
@@ -99,11 +102,11 @@ let Flex = exports.Flex = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       styles = _this$props3.styles,
       gap = _this$props3.gap,
       wrap = _this$props3.wrap;
-    const children = (0, _uiReactUtils.callRenderProp)(this.props.children);
+    const children = (0, _callRenderProp.callRenderProp)(this.props.children);
     const gapValuesArray = gap === null || gap === void 0 ? void 0 : gap.split(' ');
     if (gapValuesArray.length > 1 && wrap === 'no-wrap') {}
     if (children && _react.Children.count(children) > 0) {
-      return (0, _emotion.jsx)(_uiView.View, Object.assign({}, (0, _uiReactUtils.passthroughProps)(this.props), {
+      return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _passthroughProps.passthroughProps)(this.props), {
         css: styles === null || styles === void 0 ? void 0 : styles.flex,
         elementRef: this.handleRef,
         as: as,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-flex",
-  "version": "8.56.2-pr-snapshot-1721749364069",
+  "version": "8.56.2",
   "description": "A component that makes it easy to align content using flexbox CSS",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,17 +24,17 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@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-react-utils": "8.56.2-pr-snapshot-1721749364069",
-    "@instructure/ui-view": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/console": "8.56.2",
+    "@instructure/emotion": "8.56.2",
+    "@instructure/shared-types": "8.56.2",
+    "@instructure/ui-react-utils": "8.56.2",
+    "@instructure/ui-view": "8.56.2",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@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"
+    "@instructure/ui-babel-preset": "8.56.2",
+    "@instructure/ui-test-utils": "8.56.2",
+    "@instructure/ui-themes": "8.56.2"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"