@instructure/ui-tray 8.11.2-snapshot.3 → 8.11.2-snapshot.45

package/es/Tray/index.js

@@ -54,7 +54,6 @@ let Tray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = bid
       transitioning: false
     };
     this.ref = null;
-    this._DOMNode = null;
 
     this.handleTransitionComplete = () => {
       this.setState({
@@ -119,12 +118,10 @@ let Tray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = bid
   }
 
   get DOMNode() {
-    return this._DOMNode;
+    return this.ref;
   }
 
   set DOMNode(el) {
-    this._DOMNode = el; // TODO remove this in v9 and keep this.ref
-
     this.ref = el ? el : null;
   }
 

package/lib/Tray/index.js

@@ -51,7 +51,6 @@ let Tray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
       transitioning: false
     };
     this.ref = null;
-    this._DOMNode = null;
 
     this.handleTransitionComplete = () => {
       this.setState({
@@ -116,12 +115,10 @@ let Tray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   }
 
   get DOMNode() {
-    return this._DOMNode;
+    return this.ref;
   }
 
   set DOMNode(el) {
-    this._DOMNode = el; // TODO remove this in v9 and keep this.ref
-
     this.ref = el ? el : null;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-tray",
-  "version": "8.11.2-snapshot.3+6c8116bbe",
+  "version": "8.11.2-snapshot.45+e3249d228",
   "description": "Tray component for secondary/menu content",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,25 +25,25 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/emotion": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/shared-types": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-dialog": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-i18n": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-motion": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-portal": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-position": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-prop-types": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-react-utils": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-testable": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-utils": "8.11.2-snapshot.3+6c8116bbe",
+    "@instructure/console": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/emotion": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/shared-types": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/ui-dialog": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/ui-i18n": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/ui-motion": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/ui-portal": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/ui-position": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/ui-prop-types": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/ui-react-utils": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/ui-testable": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/ui-utils": "8.11.2-snapshot.45+e3249d228",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-test-locator": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-test-utils": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-themes": "8.11.2-snapshot.3+6c8116bbe"
+    "@instructure/ui-babel-preset": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/ui-test-locator": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/ui-test-utils": "8.11.2-snapshot.45+e3249d228",
+    "@instructure/ui-themes": "8.11.2-snapshot.45+e3249d228"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "6c8116bbe87878c77fca03bf26de932b40e21302"
+  "gitHead": "e3249d228eabac5bb98ff5d22e5881f2fe042606"
 }

package/src/Tray/index.tsx

@@ -89,7 +89,6 @@ class Tray extends Component<TrayProps> {
   }
 
   ref: Element | null = null
-  _DOMNode: PortalNode = null
 
   componentDidMount() {
     this.props.makeStyles?.()
@@ -137,11 +136,14 @@ class Tray extends Component<TrayProps> {
   }
 
   get DOMNode() {
-    return this._DOMNode
+    console.warn(
+      'DOMNode property is deprecated and will be removed in v9, please use ref instead'
+    )
+
+    return this.ref
   }
 
   set DOMNode(el) {
-    this._DOMNode = el // TODO remove this in v9 and keep this.ref
     this.ref = el ? el : null
   }
 

package/types/Tray/index.d.ts

@@ -93,7 +93,6 @@ declare class Tray extends Component<TrayProps> {
         transitioning: boolean;
     };
     ref: Element | null;
-    _DOMNode: PortalNode;
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
     get placement(): "center" | import("@instructure/ui-position").PlacementPropValues | undefined;
@@ -101,8 +100,8 @@ declare class Tray extends Component<TrayProps> {
     get transition(): string;
     get defaultFocusElement(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | ((...args: any[]) => any);
     handleTransitionComplete: () => void;
-    get DOMNode(): PortalNode;
-    set DOMNode(el: PortalNode);
+    get DOMNode(): Element | null;
+    set DOMNode(el: Element | null);
     handlePortalOpen: (DOMNode: PortalNode) => void;
     render(): jsx.JSX.Element;
 }

package/types/Tray/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tray/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAGxD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;GAIG;AACH,cAGM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;MA4BlB;IAED,KAAK;;MAEJ;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,QAAQ,EAAE,UAAU,CAAO;IAE3B,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAOjD,IAAI,SAAS,kFAIZ;IAED,IAAI,SAAS,qCAYZ;IAED,IAAI,UAAU,WAEb;IAED,IAAI,mBAAmB,uHAGtB;IAED,wBAAwB,aAEvB;IAED,IAAI,OAAO,eAEV;IAED,IAAI,OAAO,CAAC,EAAE,YAAA,EAGb;IAED,gBAAgB,YAAa,UAAU,UAEtC;IAED,MAAM;CA4FP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tray/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAGxD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;GAIG;AACH,cAGM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;MA4BlB;IAED,KAAK;;MAEJ;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAOjD,IAAI,SAAS,kFAIZ;IAED,IAAI,SAAS,qCAYZ;IAED,IAAI,UAAU,WAEb;IAED,IAAI,mBAAmB,uHAGtB;IAED,wBAAwB,aAEvB;IAED,IAAI,OAAO,mBAMV;IAED,IAAI,OAAO,CAAC,EAAE,gBAAA,EAEb;IAED,gBAAgB,YAAa,UAAU,UAEtC;IAED,MAAM;CA4FP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}