@instructure/ui-view 8.10.3-snapshot.9 → 8.11.0

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.11.0](https://github.com/instructure/instructure-ui/compare/v8.10.2...v8.11.0) (2021-10-15)
+
+**Note:** Version bump only for package @instructure/ui-view
+
 ## [8.10.2](https://github.com/instructure/instructure-ui/compare/v8.10.1...v8.10.2) (2021-10-01)
 
 **Note:** Version bump only for package @instructure/ui-view

package/es/ContextView/index.js

@@ -44,44 +44,46 @@ let ContextView = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
     this.ref = null;
 
     this.handleRef = el => {
-      var _this$props$elementRe, _this$props;
-
+      const elementRef = this.props.elementRef;
       this.ref = el;
-      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
     };
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props2;
+    var _this$props$makeStyle, _this$props;
 
-    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props3;
+    var _this$props$makeStyle2, _this$props2;
 
-    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
   render() {
-    const _this$props4 = this.props,
-          as = _this$props4.as,
-          background = _this$props4.background,
-          children = _this$props4.children,
-          debug = _this$props4.debug,
-          height = _this$props4.height,
-          width = _this$props4.width,
-          maxHeight = _this$props4.maxHeight,
-          maxWidth = _this$props4.maxWidth,
-          minHeight = _this$props4.minHeight,
-          minWidth = _this$props4.minWidth,
-          margin = _this$props4.margin,
-          padding = _this$props4.padding,
-          shadow = _this$props4.shadow,
-          stacking = _this$props4.stacking,
-          style = _this$props4.style,
-          textAlign = _this$props4.textAlign,
-          styles = _this$props4.styles;
+    const _this$props3 = this.props,
+          as = _this$props3.as,
+          background = _this$props3.background,
+          children = _this$props3.children,
+          debug = _this$props3.debug,
+          height = _this$props3.height,
+          width = _this$props3.width,
+          maxHeight = _this$props3.maxHeight,
+          maxWidth = _this$props3.maxWidth,
+          minHeight = _this$props3.minHeight,
+          minWidth = _this$props3.minWidth,
+          margin = _this$props3.margin,
+          padding = _this$props3.padding,
+          shadow = _this$props3.shadow,
+          stacking = _this$props3.stacking,
+          style = _this$props3.style,
+          textAlign = _this$props3.textAlign,
+          styles = _this$props3.styles;
     return jsx(View, Object.assign({}, omitProps(this.props, ContextView.allowedProps), {
       css: styles === null || styles === void 0 ? void 0 : styles.contextView,
       style: style,

package/es/View/index.js

@@ -55,15 +55,12 @@ let View = (_dec = bidirectional(), _dec2 = withStyle(generateStyle, generateCom
   // View.allowedProps in the method matches the View.allowedProps that will be called in
   // the consumers. Otherwise the discrepancy could cause unexpected props being
   // allowed through.
-
-  /**
-   * Removes View's own props from the given object. Automatically excludes the
-   * following props: 'theme', 'children', 'className', 'style', 'styles',
-   * 'makeStyles', 'themeOverride'
-   * @param props the object to process
-   * @param Component The component whose props are processed.
-   *       Only needed for debug logging in non-production builds.
-   */
+  // Removes View's own props from the given object. Automatically excludes the
+  // following props: 'theme', 'children', 'className', 'style', 'styles',
+  // 'makeStyles', 'themeOverride'
+  // @param props the object to process
+  // @param Component The component whose props are processed.
+  // Only needed for debug logging in non-production builds.
   constructor(props) {
     super(props);
     this.spanMarginVerified = void 0;

package/lib/ContextView/index.js

@@ -34,44 +34,46 @@ let ContextView = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     this.ref = null;
 
     this.handleRef = el => {
-      var _this$props$elementRe, _this$props;
-
+      const elementRef = this.props.elementRef;
       this.ref = el;
-      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
     };
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props2;
+    var _this$props$makeStyle, _this$props;
 
-    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props3;
+    var _this$props$makeStyle2, _this$props2;
 
-    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
   render() {
-    const _this$props4 = this.props,
-          as = _this$props4.as,
-          background = _this$props4.background,
-          children = _this$props4.children,
-          debug = _this$props4.debug,
-          height = _this$props4.height,
-          width = _this$props4.width,
-          maxHeight = _this$props4.maxHeight,
-          maxWidth = _this$props4.maxWidth,
-          minHeight = _this$props4.minHeight,
-          minWidth = _this$props4.minWidth,
-          margin = _this$props4.margin,
-          padding = _this$props4.padding,
-          shadow = _this$props4.shadow,
-          stacking = _this$props4.stacking,
-          style = _this$props4.style,
-          textAlign = _this$props4.textAlign,
-          styles = _this$props4.styles;
+    const _this$props3 = this.props,
+          as = _this$props3.as,
+          background = _this$props3.background,
+          children = _this$props3.children,
+          debug = _this$props3.debug,
+          height = _this$props3.height,
+          width = _this$props3.width,
+          maxHeight = _this$props3.maxHeight,
+          maxWidth = _this$props3.maxWidth,
+          minHeight = _this$props3.minHeight,
+          minWidth = _this$props3.minWidth,
+          margin = _this$props3.margin,
+          padding = _this$props3.padding,
+          shadow = _this$props3.shadow,
+          stacking = _this$props3.stacking,
+          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), {
       css: styles === null || styles === void 0 ? void 0 : styles.contextView,
       style: style,

package/lib/View/index.js

@@ -54,15 +54,12 @@ let View = (_dec = (0, _bidirectional.bidirectional)(), _dec2 = (0, _emotion.wit
   // View.allowedProps in the method matches the View.allowedProps that will be called in
   // the consumers. Otherwise the discrepancy could cause unexpected props being
   // allowed through.
-
-  /**
-   * Removes View's own props from the given object. Automatically excludes the
-   * following props: 'theme', 'children', 'className', 'style', 'styles',
-   * 'makeStyles', 'themeOverride'
-   * @param props the object to process
-   * @param Component The component whose props are processed.
-   *       Only needed for debug logging in non-production builds.
-   */
+  // Removes View's own props from the given object. Automatically excludes the
+  // following props: 'theme', 'children', 'className', 'style', 'styles',
+  // 'makeStyles', 'themeOverride'
+  // @param props the object to process
+  // @param Component The component whose props are processed.
+  // Only needed for debug logging in non-production builds.
   constructor(props) {
     super(props);
     this.spanMarginVerified = void 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-view",
-  "version": "8.10.3-snapshot.9+47592ffa9",
+  "version": "8.11.0",
   "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.10.3-snapshot.9+47592ffa9",
-    "@instructure/emotion": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/shared-types": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-color-utils": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-dom-utils": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-i18n": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-position": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-prop-types": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-react-utils": "8.10.3-snapshot.9+47592ffa9",
+    "@instructure/console": "8.11.0",
+    "@instructure/emotion": "8.11.0",
+    "@instructure/shared-types": "8.11.0",
+    "@instructure/ui-color-utils": "8.11.0",
+    "@instructure/ui-dom-utils": "8.11.0",
+    "@instructure/ui-i18n": "8.11.0",
+    "@instructure/ui-position": "8.11.0",
+    "@instructure/ui-prop-types": "8.11.0",
+    "@instructure/ui-react-utils": "8.11.0",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-test-utils": "8.10.3-snapshot.9+47592ffa9",
-    "@instructure/ui-themes": "8.10.3-snapshot.9+47592ffa9"
+    "@instructure/ui-babel-preset": "8.11.0",
+    "@instructure/ui-test-utils": "8.11.0",
+    "@instructure/ui-themes": "8.11.0"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -47,6 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "47592ffa9fed565a9df0677c77e6d890d5e964ea"
+  "sideEffects": false
 }

package/src/ContextView/index.tsx

@@ -27,7 +27,6 @@ import { Component } from 'react'
 
 import { jsx, withStyle } from '@instructure/emotion'
 import { omitProps } from '@instructure/ui-react-utils'
-import { OtherHTMLAttributes } from '@instructure/shared-types'
 
 import { View } from '../View'
 
@@ -43,9 +42,7 @@ category: components
 **/
 
 @withStyle(generateStyle, generateComponentTheme)
-class ContextView extends Component<
-  ContextViewProps & OtherHTMLAttributes<ContextViewProps>
-> {
+class ContextView extends Component<ContextViewProps> {
   static readonly componentId = 'ContextView'
   static allowedProps = allowedProps
   static propTypes = propTypes
@@ -73,8 +70,13 @@ class ContextView extends Component<
   ref: Element | null = null
 
   handleRef = (el: Element | null) => {
+    const { elementRef } = this.props
+
     this.ref = el
-    this.props.elementRef?.(el)
+
+    if (typeof elementRef === 'function') {
+      elementRef(el)
+    }
   }
 
   render() {

package/src/ContextView/props.ts

@@ -31,7 +31,8 @@ import { PositionPropTypes } from '@instructure/ui-position'
 import type {
   AsElementType,
   PropValidators,
-  ContextViewTheme
+  ContextViewTheme,
+  OtherHTMLAttributes
 } from '@instructure/shared-types'
 import type { PlacementPropValues } from '@instructure/ui-position'
 import type {
@@ -67,7 +68,8 @@ type PropKeys = keyof ContextViewOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type ContextViewProps = ContextViewOwnProps &
-  WithStyleProps<ContextViewTheme, ContextViewStyle>
+  WithStyleProps<ContextViewTheme, ContextViewStyle> &
+  OtherHTMLAttributes<ContextViewOwnProps>
 
 type ContextViewStyle = ComponentStyle<
   | 'contextView'

package/src/View/index.tsx

@@ -35,7 +35,6 @@ import {
   passthroughProps
 } from '@instructure/ui-react-utils'
 import { jsx, withStyle } from '@instructure/emotion'
-import type { OtherHTMLAttributes } from '@instructure/shared-types'
 
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
@@ -55,7 +54,7 @@ API:
 **/
 @bidirectional()
 @withStyle(generateStyle, generateComponentTheme)
-class View extends Component<ViewProps & OtherHTMLAttributes<ViewProps>> {
+class View extends Component<ViewProps> {
   static componentId = 'View'
   static allowedProps = allowedProps
   static propTypes = propTypes
@@ -79,14 +78,12 @@ class View extends Component<ViewProps & OtherHTMLAttributes<ViewProps>> {
   // the consumers. Otherwise the discrepancy could cause unexpected props being
   // allowed through.
 
-  /**
-   * Removes View's own props from the given object. Automatically excludes the
-   * following props: 'theme', 'children', 'className', 'style', 'styles',
-   * 'makeStyles', 'themeOverride'
-   * @param props the object to process
-   * @param Component The component whose props are processed.
-   *       Only needed for debug logging in non-production builds.
-   */
+  // Removes View's own props from the given object. Automatically excludes the
+  // following props: 'theme', 'children', 'className', 'style', 'styles',
+  // 'makeStyles', 'themeOverride'
+  // @param props the object to process
+  // @param Component The component whose props are processed.
+  // Only needed for debug logging in non-production builds.
   static omitViewProps = (
     props: Record<string, any>,
     Component: ComponentType<any>

package/src/View/props.ts

@@ -31,6 +31,7 @@ import { ThemeablePropTypes } from '@instructure/emotion'
 
 import type {
   AsElementType,
+  OtherHTMLAttributes,
   PropValidators,
   ViewTheme
 } from '@instructure/shared-types'
@@ -185,7 +186,9 @@ type ViewOwnProps = {
 
 type PropKeys = keyof ViewOwnProps
 
-type ViewProps = ViewOwnProps & WithStyleProps<ViewTheme, ViewStyle>
+type ViewProps = ViewOwnProps &
+  WithStyleProps<ViewTheme, ViewStyle> &
+  OtherHTMLAttributes<ViewOwnProps>
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 

package/types/ContextView/index.d.ts

@@ -1,14 +1,13 @@
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@instructure/emotion';
-import { OtherHTMLAttributes } from '@instructure/shared-types';
 import type { ContextViewProps } from './props';
 /**
 ---
 category: components
 ---
 **/
-declare class ContextView extends Component<ContextViewProps & OtherHTMLAttributes<ContextViewProps>> {
+declare class ContextView extends Component<ContextViewProps> {
     static readonly componentId = "ContextView";
     static allowedProps: readonly (keyof {
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ContextView/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,GAAG,EAAa,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAO/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AAEH,cACM,WAAY,SAAQ,SAAS,CACjC,gBAAgB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CACzD;IACC,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAC3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;MAWlB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,MAAM;CA0DP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ContextView/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,GAAG,EAAa,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AAEH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAC3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;MAWlB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CA0DP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/types/ContextView/props.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { AsElementType, PropValidators, ContextViewTheme } from '@instructure/shared-types';
+import type { AsElementType, PropValidators, ContextViewTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { PlacementPropValues } from '@instructure/ui-position';
 import type { Shadow, Spacing, Stacking, WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type ContextViewOwnProps = {
@@ -23,7 +23,7 @@ declare type ContextViewOwnProps = {
 };
 declare type PropKeys = keyof ContextViewOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type ContextViewProps = ContextViewOwnProps & WithStyleProps<ContextViewTheme, ContextViewStyle>;
+declare type ContextViewProps = ContextViewOwnProps & WithStyleProps<ContextViewTheme, ContextViewStyle> & OtherHTMLAttributes<ContextViewOwnProps>;
 declare type ContextViewStyle = ComponentStyle<'contextView' | 'contextView__content' | 'contextView__arrow' | 'arrowSize' | 'arrowBorderWidth'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;

package/types/ContextView/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ContextView/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EACjB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACnE,OAAO,KAAK,EACV,MAAM,EACN,OAAO,EACP,QAAQ,EACR,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,aAAK,mBAAmB,GAAG;IACzB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAClC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,CAAC,EAAE,mBAAmB,CAAA;CAChC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;AAEpD,aAAK,gBAAgB,GAAG,cAAc,CAClC,aAAa,GACb,sBAAsB,GACtB,oBAAoB,GACpB,WAAW,GACX,kBAAkB,CACrB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmEvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAkBnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ContextView/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACnE,OAAO,KAAK,EACV,MAAM,EACN,OAAO,EACP,QAAQ,EACR,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,aAAK,mBAAmB,GAAG;IACzB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAClC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,CAAC,EAAE,mBAAmB,CAAA;CAChC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,aAAK,gBAAgB,GAAG,cAAc,CAClC,aAAa,GACb,sBAAsB,GACtB,oBAAoB,GACpB,WAAW,GACX,kBAAkB,CACrB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmEvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAkBnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/View/index.d.ts

@@ -1,7 +1,6 @@
 /** @jsx jsx */
 import { Component, ComponentType } from 'react';
 import { jsx } from '@instructure/emotion';
-import type { OtherHTMLAttributes } from '@instructure/shared-types';
 import type { ViewProps } from './props';
 /**
 ---
@@ -13,7 +12,7 @@ API:
 @module View
 
 **/
-declare class View extends Component<ViewProps & OtherHTMLAttributes<ViewProps>> {
+declare class View extends Component<ViewProps> {
     static componentId: string;
     static allowedProps: readonly (keyof {
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
@@ -96,14 +95,6 @@ declare class View extends Component<ViewProps & OtherHTMLAttributes<ViewProps>>
         readonly focusColor: "info";
         readonly shouldAnimateFocus: true;
     };
-    /**
-     * Removes View's own props from the given object. Automatically excludes the
-     * following props: 'theme', 'children', 'className', 'style', 'styles',
-     * 'makeStyles', 'themeOverride'
-     * @param props the object to process
-     * @param Component The component whose props are processed.
-     *       Only needed for debug logging in non-production builds.
-     */
     static omitViewProps: (props: Record<string, any>, Component: ComponentType<any>) => Record<string, any>;
     private spanMarginVerified;
     private _element?;

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;AACrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAMpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;;;;;GASG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACtE,MAAM,CAAC,WAAW,SAAS;IAC3B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;MAUT;IAUV;;;;;;;OAOG;IACH,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,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"}

package/types/View/props.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { AsElementType, PropValidators, ViewTheme } from '@instructure/shared-types';
+import type { AsElementType, OtherHTMLAttributes, PropValidators, ViewTheme } from '@instructure/shared-types';
 import type { WithStyleProps, Spacing, BorderWidth, BorderRadii, Shadow, Stacking, ComponentStyle } from '@instructure/emotion';
 declare type ViewOwnProps = {
     /**
@@ -119,7 +119,7 @@ declare type ViewOwnProps = {
     cursor?: any;
 };
 declare type PropKeys = keyof ViewOwnProps;
-declare type ViewProps = ViewOwnProps & WithStyleProps<ViewTheme, ViewStyle>;
+declare type ViewProps = ViewOwnProps & WithStyleProps<ViewTheme, ViewStyle> & OtherHTMLAttributes<ViewOwnProps>;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
 declare type ViewStyle = ComponentStyle<'view' | 'inlineStyles'>;
 declare const propTypes: PropValidators<PropKeys>;

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/View/props.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/View/props.ts"],"names":[],"mappings":"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"}

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-title: The MIT License (MIT)
-category: Getting Started
-order: 9
----
-
-# The MIT License (MIT)
-
-Copyright (c) 2015 Instructure, Inc.
-
-**Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions.**
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.