@instructure/ui-view 8.11.2-snapshot.3 → 8.11.2-snapshot.39

package/es/View/index.js

@@ -61,10 +61,13 @@ let View = (_dec = bidirectional(), _dec2 = withStyle(generateStyle, generateCom
   // @param props the object to process
   // @param Component The component whose props are processed.
   // Only needed for debug logging in non-production builds.
+  get _element() {
+    return this.ref;
+  }
+
   constructor(props) {
     super(props);
     this.spanMarginVerified = void 0;
-    this._element = void 0;
     this.ref = null;
 
     this.handleElementRef = el => {
@@ -73,7 +76,6 @@ let View = (_dec = bidirectional(), _dec2 = withStyle(generateStyle, generateCom
       }
 
       this.ref = el;
-      this._element = el;
     };
 
     this.spanMarginVerified = false;
@@ -120,7 +122,7 @@ let View = (_dec = bidirectional(), _dec2 = withStyle(generateStyle, generateCom
         }
 
         return verticalMargin;
-      }(this._element, this.props.margin), `[View] display style is set to 'inline' and will allow for horizontal margins only.`);
+      }(this.ref, this.props.margin), `[View] display style is set to 'inline' and will allow for horizontal margins only.`);
     }
   }
 

package/lib/View/index.js

@@ -60,10 +60,13 @@ let View = (_dec = (0, _bidirectional.bidirectional)(), _dec2 = (0, _emotion.wit
   // @param props the object to process
   // @param Component The component whose props are processed.
   // Only needed for debug logging in non-production builds.
+  get _element() {
+    return this.ref;
+  }
+
   constructor(props) {
     super(props);
     this.spanMarginVerified = void 0;
-    this._element = void 0;
     this.ref = null;
 
     this.handleElementRef = el => {
@@ -72,7 +75,6 @@ let View = (_dec = (0, _bidirectional.bidirectional)(), _dec2 = (0, _emotion.wit
       }
 
       this.ref = el;
-      this._element = el;
     };
 
     this.spanMarginVerified = false;
@@ -119,7 +121,7 @@ let View = (_dec = (0, _bidirectional.bidirectional)(), _dec2 = (0, _emotion.wit
         }
 
         return verticalMargin;
-      }(this._element, this.props.margin), `[View] display style is set to 'inline' and will allow for horizontal margins only.`);
+      }(this.ref, this.props.margin), `[View] display style is set to 'inline' and will allow for horizontal margins only.`);
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-view",
-  "version": "8.11.2-snapshot.3+6c8116bbe",
+  "version": "8.11.2-snapshot.39+5b3b94d60",
   "description": "A component for basic styles including spacing, sizing, borders, display, positioning, and focus states.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,21 +25,21 @@
   "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-color-utils": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-dom-utils": "8.11.2-snapshot.3+6c8116bbe",
-    "@instructure/ui-i18n": "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/console": "8.11.2-snapshot.39+5b3b94d60",
+    "@instructure/emotion": "8.11.2-snapshot.39+5b3b94d60",
+    "@instructure/shared-types": "8.11.2-snapshot.39+5b3b94d60",
+    "@instructure/ui-color-utils": "8.11.2-snapshot.39+5b3b94d60",
+    "@instructure/ui-dom-utils": "8.11.2-snapshot.39+5b3b94d60",
+    "@instructure/ui-i18n": "8.11.2-snapshot.39+5b3b94d60",
+    "@instructure/ui-position": "8.11.2-snapshot.39+5b3b94d60",
+    "@instructure/ui-prop-types": "8.11.2-snapshot.39+5b3b94d60",
+    "@instructure/ui-react-utils": "8.11.2-snapshot.39+5b3b94d60",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "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.39+5b3b94d60",
+    "@instructure/ui-test-utils": "8.11.2-snapshot.39+5b3b94d60",
+    "@instructure/ui-themes": "8.11.2-snapshot.39+5b3b94d60"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -48,5 +48,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "6c8116bbe87878c77fca03bf26de932b40e21302"
+  "gitHead": "5b3b94d60693dc069b6ff4fde8f2ca1a72462ab7"
 }

package/src/View/index.tsx

@@ -106,7 +106,13 @@ class View extends Component<ViewProps> {
   }
 
   private spanMarginVerified: boolean
-  private _element?: Element | null
+  get _element() {
+    console.warn(
+      '_element property is deprecated and will be removed in v9, please use ref instead'
+    )
+
+    return this.ref
+  }
 
   constructor(props: ViewProps) {
     super(props)
@@ -163,7 +169,7 @@ class View extends Component<ViewProps> {
           }
 
           return verticalMargin
-        })(this._element, this.props.margin),
+        })(this.ref, this.props.margin),
         `[View] display style is set to 'inline' and will allow for horizontal margins only.`
       )
     }
@@ -176,7 +182,6 @@ class View extends Component<ViewProps> {
       this.props.elementRef(el)
     }
     this.ref = el
-    this._element = el
   }
 
   render() {

package/types/View/index.d.ts

@@ -97,7 +97,7 @@ declare class View extends Component<ViewProps> {
     };
     static omitViewProps: (props: Record<string, any>, Component: ComponentType<any>) => Record<string, any>;
     private spanMarginVerified;
-    private _element?;
+    get _element(): Element | null;
     constructor(props: ViewProps);
     componentDidMount(): void;
     componentDidUpdate(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/View/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWhD,OAAO,EAAE,GAAG,EAAa,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;;;;;GASG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAS;IAC3B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;MAUT;IAgBV,MAAM,CAAC,aAAa,UACX,OAAO,MAAM,EAAE,GAAG,CAAC,aACf,cAAc,GAAG,CAAC,yBAiB9B;IAED,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,QAAQ,CAAC,CAAgB;gBAErB,KAAK,EAAE,SAAS;IAK5B,iBAAiB;IAIjB,kBAAkB;IAoDlB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAMrC;IAED,MAAM;CA4CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/View/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWhD,OAAO,EAAE,GAAG,EAAa,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;;;;;GASG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAS;IAC3B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;MAUT;IAgBV,MAAM,CAAC,aAAa,UACX,OAAO,MAAM,EAAE,GAAG,CAAC,aACf,cAAc,GAAG,CAAC,yBAiB9B;IAED,OAAO,CAAC,kBAAkB,CAAS;IACnC,IAAI,QAAQ,mBAMX;gBAEW,KAAK,EAAE,SAAS;IAK5B,iBAAiB;IAIjB,kBAAkB;IAoDlB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAKrC;IAED,MAAM;CA4CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}