@instructure/ui-popover 8.11.2-snapshot.56 → 8.11.2-snapshot.69

package/es/Popover/index.js

@@ -28,7 +28,7 @@ import keycode from 'keycode';
 import { Position, parsePlacement, mirrorHorizontalPlacement } from '@instructure/ui-position';
 import { ContextView, View } from '@instructure/ui-view';
 import { Dialog } from '@instructure/ui-dialog';
-import { bidirectional } from '@instructure/ui-i18n';
+import { textDirectionContextConsumer } from '@instructure/ui-i18n';
 import { findDOMNode, containsActiveElement, requestAnimationFrame, handleMouseOverOut } from '@instructure/ui-dom-utils';
 import { safeCloneElement, callRenderProp } from '@instructure/ui-react-utils';
 import { createChainedFunction, shallowEqual, px } from '@instructure/ui-utils';
@@ -44,7 +44,7 @@ tags: overlay, portal, dialog
 ---
 **/
 
-let Popover = (_dec = bidirectional(), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Popover extends Component {
+let Popover = (_dec = textDirectionContextConsumer(), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Popover extends Component {
   constructor(props) {
     super(props);
     this._handleMouseOver = void 0;
@@ -302,7 +302,7 @@ let Popover = (_dec = bidirectional(), _dec2 = testable(), _dec(_class = _dec2(_
   get placement() {
     let placement = this.props.placement;
     const dir = this.props.dir;
-    const isRtl = dir === bidirectional.DIRECTION.rtl;
+    const isRtl = dir === textDirectionContextConsumer.DIRECTION.rtl;
 
     if (isRtl) {
       placement = mirrorHorizontalPlacement(placement, ' ');
@@ -434,7 +434,7 @@ let Popover = (_dec = bidirectional(), _dec2 = testable(), _dec(_class = _dec2(_
         viewProps = { ...viewProps,
           // TODO: remove background override after contextview is updated
           background: color === 'primary' ? 'default' : 'inverse',
-          placement: this.props.dir === bidirectional.DIRECTION.rtl ? mirrorHorizontalPlacement(placement, ' ') : placement
+          placement: this.props.dir === textDirectionContextConsumer.DIRECTION.rtl ? mirrorHorizontalPlacement(placement, ' ') : placement
         };
       } else {
         ViewElement = View;

package/lib/Popover/index.js

@@ -25,7 +25,7 @@ var _View = require("@instructure/ui-view/lib/View");
 
 var _Dialog = require("@instructure/ui-dialog/lib/Dialog");
 
-var _bidirectional = require("@instructure/ui-i18n/lib/bidirectional.js");
+var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
 
 var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
 
@@ -63,7 +63,7 @@ category: components
 tags: overlay, portal, dialog
 ---
 **/
-let Popover = (_dec = (0, _bidirectional.bidirectional)(), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Popover extends _react.Component {
+let Popover = (_dec = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Popover extends _react.Component {
   constructor(props) {
     super(props);
     this._handleMouseOver = void 0;
@@ -321,7 +321,7 @@ let Popover = (_dec = (0, _bidirectional.bidirectional)(), _dec2 = (0, _testable
   get placement() {
     let placement = this.props.placement;
     const dir = this.props.dir;
-    const isRtl = dir === _bidirectional.bidirectional.DIRECTION.rtl;
+    const isRtl = dir === _textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION.rtl;
 
     if (isRtl) {
       placement = (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ');
@@ -453,7 +453,7 @@ let Popover = (_dec = (0, _bidirectional.bidirectional)(), _dec2 = (0, _testable
         viewProps = { ...viewProps,
           // TODO: remove background override after contextview is updated
           background: color === 'primary' ? 'default' : 'inverse',
-          placement: this.props.dir === _bidirectional.bidirectional.DIRECTION.rtl ? (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ') : placement
+          placement: this.props.dir === _textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION.rtl ? (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ') : placement
         };
       } else {
         ViewElement = _View.View;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-popover",
-  "version": "8.11.2-snapshot.56+e2b86f90a",
+  "version": "8.11.2-snapshot.69+10d1551b9",
   "description": "A component for hiding or showing content based on user interaction.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,28 +25,28 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/emotion": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-a11y-utils": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-dialog": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-dom-utils": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-i18n": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-position": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-prop-types": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-react-utils": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-testable": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-utils": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-view": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/uid": "8.11.2-snapshot.56+e2b86f90a",
+    "@instructure/console": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/emotion": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-a11y-utils": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-dialog": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-dom-utils": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-i18n": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-position": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-prop-types": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-react-utils": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-testable": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-utils": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-view": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/uid": "8.11.2-snapshot.69+10d1551b9",
     "keycode": "^2",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-color-utils": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-test-locator": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-test-queries": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-test-utils": "8.11.2-snapshot.56+e2b86f90a"
+    "@instructure/ui-babel-preset": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-color-utils": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-test-locator": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-test-queries": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-test-utils": "8.11.2-snapshot.69+10d1551b9"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -55,5 +55,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "e2b86f90a144bfdba837a1831bbe136210e1c1bf"
+  "gitHead": "10d1551b961c568d88c9c5f3393815f637662995"
 }

package/src/Popover/index.tsx

@@ -32,7 +32,7 @@ import {
 } from '@instructure/ui-position'
 import { ContextView, View } from '@instructure/ui-view'
 import { Dialog } from '@instructure/ui-dialog'
-import { bidirectional } from '@instructure/ui-i18n'
+import { textDirectionContextConsumer } from '@instructure/ui-i18n'
 import {
   findDOMNode,
   containsActiveElement,
@@ -57,7 +57,7 @@ category: components
 tags: overlay, portal, dialog
 ---
 **/
-@bidirectional()
+@textDirectionContextConsumer()
 @testable()
 class Popover extends Component<PopoverProps> {
   static readonly componentId = 'Popover'
@@ -291,7 +291,7 @@ class Popover extends Component<PopoverProps> {
   get placement() {
     let { placement } = this.props
     const { dir } = this.props
-    const isRtl = dir === bidirectional.DIRECTION.rtl
+    const isRtl = dir === textDirectionContextConsumer.DIRECTION.rtl
     if (isRtl) {
       placement = mirrorHorizontalPlacement(placement, ' ')
     }
@@ -595,7 +595,7 @@ class Popover extends Component<PopoverProps> {
           // @ts-expect-error ts-migrate(2322) FIXME: Type '"default" | "inverse"' is not assignable to ... Remove this comment to see the full error message
           background: color === 'primary' ? 'default' : 'inverse',
           placement:
-            this.props.dir === bidirectional.DIRECTION.rtl
+            this.props.dir === textDirectionContextConsumer.DIRECTION.rtl
               ? mirrorHorizontalPlacement(placement, ' ')
               : placement
         }