@instructure/ui-view 8.11.2-snapshot.7 → 8.12.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.12.0](https://github.com/instructure/instructure-ui/compare/v8.11.1...v8.12.0) (2021-11-17)
+
+**Note:** Version bump only for package @instructure/ui-view
+
 ## [8.11.1](https://github.com/instructure/instructure-ui/compare/v8.11.0...v8.11.1) (2021-10-19)
 
 **Note:** Version bump only for package @instructure/ui-view

package/es/ContextView/index.js

@@ -37,6 +37,7 @@ import { propTypes, allowedProps } from './props';
 ---
 category: components
 ---
+@tsProps
 **/
 let ContextView = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class ContextView extends Component {
   constructor(...args) {

package/es/View/index.js

@@ -30,7 +30,7 @@ var _dec, _dec2, _class, _class2, _temp;
 /** @jsx jsx */
 import { Component } from 'react';
 import { getComputedStyle } from '@instructure/ui-dom-utils';
-import { bidirectional } from '@instructure/ui-i18n';
+import { textDirectionContextConsumer } from '@instructure/ui-i18n';
 import { logError as error } from '@instructure/console';
 import { getElementType, omitProps, pickProps, passthroughProps } from '@instructure/ui-react-utils';
 import { jsx, withStyle } from '@instructure/emotion';
@@ -41,14 +41,13 @@ import { propTypes, allowedProps } from './props';
 /**
 ---
 category: components
-
 ---
 API:
   - [View](https://instructure.design/#View)
 @module View
-
+@tsProps
 **/
-let View = (_dec = bidirectional(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec(_class = _dec2(_class = (_temp = _class2 = class View extends Component {
+let View = (_dec = textDirectionContextConsumer(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec(_class = _dec2(_class = (_temp = _class2 = class View extends Component {
   // TODO: Remove this code once all components are using passthroughProps in place
   // of omitProps and have removed this function
   // omitViewProps needs to be called on the composed View component so that the
@@ -61,10 +60,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 +75,6 @@ let View = (_dec = bidirectional(), _dec2 = withStyle(generateStyle, generateCom
       }
 
       this.ref = el;
-      this._element = el;
     };
 
     this.spanMarginVerified = false;
@@ -120,7 +121,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/es/View/props.js

@@ -23,7 +23,7 @@
  */
 import PropTypes from 'prop-types';
 import { cursor as cursorPropTypes } from '@instructure/ui-prop-types';
-import { bidirectional } from '@instructure/ui-i18n';
+import { textDirectionContextConsumer } from '@instructure/ui-i18n';
 import { ThemeablePropTypes } from '@instructure/emotion';
 const propTypes = {
   as: PropTypes.elementType,
@@ -58,7 +58,7 @@ const propTypes = {
   focusColor: PropTypes.oneOf(['info', 'inverse', 'success', 'danger']),
   shouldAnimateFocus: PropTypes.bool,
   withVisualDebug: PropTypes.bool,
-  dir: PropTypes.oneOf(Object.values(bidirectional.DIRECTION))
+  dir: PropTypes.oneOf(Object.values(textDirectionContextConsumer.DIRECTION))
 }; // This variable will be attached as static property on the `View` component
 // so we don't rely on the `PropTypes` validators for our internal logic.
 // This means on prod builds the consuming applications can safely delete propTypes.

package/es/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/ContextView/index.js

@@ -27,6 +27,7 @@ var _dec, _class, _class2, _temp;
 ---
 category: components
 ---
+@tsProps
 **/
 let ContextView = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class ContextView extends _react.Component {
   constructor(...args) {

package/lib/View/index.js

@@ -13,7 +13,7 @@ var _react = require("react");
 
 var _getComputedStyle = require("@instructure/ui-dom-utils/lib/getComputedStyle.js");
 
-var _bidirectional = require("@instructure/ui-i18n/lib/bidirectional.js");
+var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
 
 var _console = require("@instructure/console");
 
@@ -40,14 +40,13 @@ var _dec, _dec2, _class, _class2, _temp;
 /**
 ---
 category: components
-
 ---
 API:
   - [View](https://instructure.design/#View)
 @module View
-
+@tsProps
 **/
-let View = (_dec = (0, _bidirectional.bidirectional)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_temp = _class2 = class View extends _react.Component {
+let View = (_dec = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_temp = _class2 = class View extends _react.Component {
   // TODO: Remove this code once all components are using passthroughProps in place
   // of omitProps and have removed this function
   // omitViewProps needs to be called on the composed View component so that the
@@ -60,10 +59,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 +74,6 @@ let View = (_dec = (0, _bidirectional.bidirectional)(), _dec2 = (0, _emotion.wit
       }
 
       this.ref = el;
-      this._element = el;
     };
 
     this.spanMarginVerified = false;
@@ -119,7 +120,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/lib/View/props.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _cursor = require("@instructure/ui-prop-types/lib/cursor.js");
 
-var _bidirectional = require("@instructure/ui-i18n/lib/bidirectional.js");
+var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
 
 var _emotion = require("@instructure/emotion");
 
@@ -71,7 +71,7 @@ const propTypes = {
   focusColor: _propTypes.default.oneOf(['info', 'inverse', 'success', 'danger']),
   shouldAnimateFocus: _propTypes.default.bool,
   withVisualDebug: _propTypes.default.bool,
-  dir: _propTypes.default.oneOf(Object.values(_bidirectional.bidirectional.DIRECTION))
+  dir: _propTypes.default.oneOf(Object.values(_textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION))
 }; // This variable will be attached as static property on the `View` component
 // so we don't rely on the `PropTypes` validators for our internal logic.
 // This means on prod builds the consuming applications can safely delete propTypes.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-view",
-  "version": "8.11.2-snapshot.7+2681e145a",
+  "version": "8.12.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.11.2-snapshot.7+2681e145a",
-    "@instructure/emotion": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/shared-types": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-color-utils": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-dom-utils": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-i18n": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-position": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-prop-types": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-react-utils": "8.11.2-snapshot.7+2681e145a",
+    "@instructure/console": "8.12.0",
+    "@instructure/emotion": "8.12.0",
+    "@instructure/shared-types": "8.12.0",
+    "@instructure/ui-color-utils": "8.12.0",
+    "@instructure/ui-dom-utils": "8.12.0",
+    "@instructure/ui-i18n": "8.12.0",
+    "@instructure/ui-position": "8.12.0",
+    "@instructure/ui-prop-types": "8.12.0",
+    "@instructure/ui-react-utils": "8.12.0",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-test-utils": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-themes": "8.11.2-snapshot.7+2681e145a"
+    "@instructure/ui-babel-preset": "8.12.0",
+    "@instructure/ui-test-utils": "8.12.0",
+    "@instructure/ui-themes": "8.12.0"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -47,6 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "2681e145ad469e1396536d3e9eed75a19995eb8a"
+  "sideEffects": false
 }

package/src/ContextView/index.tsx

@@ -39,6 +39,7 @@ import type { ContextViewProps } from './props'
 ---
 category: components
 ---
+@tsProps
 **/
 
 @withStyle(generateStyle, generateComponentTheme)

package/src/View/index.tsx

@@ -26,7 +26,7 @@
 import { Component, ComponentType } from 'react'
 
 import { getComputedStyle } from '@instructure/ui-dom-utils'
-import { bidirectional } from '@instructure/ui-i18n'
+import { textDirectionContextConsumer } from '@instructure/ui-i18n'
 import { logError as error } from '@instructure/console'
 import {
   getElementType,
@@ -45,14 +45,13 @@ import type { ViewProps } from './props'
 /**
 ---
 category: components
-
 ---
 API:
   - [View](https://instructure.design/#View)
 @module View
-
+@tsProps
 **/
-@bidirectional()
+@textDirectionContextConsumer()
 @withStyle(generateStyle, generateComponentTheme)
 class View extends Component<ViewProps> {
   static componentId = 'View'
@@ -106,7 +105,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 +168,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 +181,6 @@ class View extends Component<ViewProps> {
       this.props.elementRef(el)
     }
     this.ref = el
-    this._element = el
   }
 
   render() {
@@ -215,7 +219,6 @@ class View extends Component<ViewProps> {
         {...passthroughProps(props)}
         className={className}
         css={styles?.view}
-        //@ts-expect-error TODO: null not assignable
         style={styles?.inlineStyles}
         ref={this.handleElementRef}
       >

package/src/View/props.ts

@@ -26,7 +26,8 @@ import React from 'react'
 import PropTypes from 'prop-types'
 
 import { cursor as cursorPropTypes } from '@instructure/ui-prop-types'
-import { bidirectional } from '@instructure/ui-i18n'
+import { textDirectionContextConsumer } from '@instructure/ui-i18n'
+import type { Cursor } from '@instructure/ui-prop-types'
 import { ThemeablePropTypes } from '@instructure/emotion'
 
 import type {
@@ -42,7 +43,8 @@ import type {
   BorderRadii,
   Shadow,
   Stacking,
-  ComponentStyle
+  ComponentStyle,
+  StyleObject
 } from '@instructure/emotion'
 
 type ViewOwnProps = {
@@ -181,7 +183,7 @@ type ViewOwnProps = {
   /**
    * Specify a mouse cursor to use when hovering over the `<View />`
    */
-  cursor?: any
+  cursor?: Cursor
 }
 
 type PropKeys = keyof ViewOwnProps
@@ -192,7 +194,9 @@ type ViewProps = ViewOwnProps &
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type ViewStyle = ComponentStyle<'view' | 'inlineStyles'>
+type ViewStyle = ComponentStyle<'view'> & {
+  inlineStyles: StyleObject
+}
 
 const propTypes: PropValidators<PropKeys> = {
   as: PropTypes.elementType,
@@ -261,7 +265,7 @@ const propTypes: PropValidators<PropKeys> = {
   focusColor: PropTypes.oneOf(['info', 'inverse', 'success', 'danger']),
   shouldAnimateFocus: PropTypes.bool,
   withVisualDebug: PropTypes.bool,
-  dir: PropTypes.oneOf(Object.values(bidirectional.DIRECTION))
+  dir: PropTypes.oneOf(Object.values(textDirectionContextConsumer.DIRECTION))
 }
 
 // This variable will be attached as static property on the `View` component

package/types/ContextView/index.d.ts

@@ -6,6 +6,7 @@ import type { ContextViewProps } from './props';
 ---
 category: components
 ---
+@tsProps
 **/
 declare class ContextView extends Component<ContextViewProps> {
     static readonly componentId = "ContextView";

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;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"}
+{"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;;;;;GAKG;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/View/index.d.ts

@@ -5,12 +5,11 @@ import type { ViewProps } from './props';
 /**
 ---
 category: components
-
 ---
 API:
   - [View](https://instructure.design/#View)
 @module View
-
+@tsProps
 **/
 declare class View extends Component<ViewProps> {
     static componentId: string;
@@ -47,7 +46,7 @@ declare class View extends Component<ViewProps> {
         borderRadius?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").BorderRadii | undefined;
         shadow?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Shadow | undefined;
         stacking?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Stacking | undefined;
-        cursor?: any;
+        cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
     })[];
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
@@ -82,7 +81,7 @@ declare class View extends Component<ViewProps> {
         borderRadius?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").BorderRadii | undefined;
         shadow?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Shadow | undefined;
         stacking?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Stacking | undefined;
-        cursor?: any;
+        cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
     }>;
     static defaultProps: {
         readonly display: "auto";
@@ -97,7 +96,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;;;;;;;;GAQG;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;CA2CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/View/props.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import type { Cursor } from '@instructure/ui-prop-types';
 import type { AsElementType, OtherHTMLAttributes, PropValidators, ViewTheme } from '@instructure/shared-types';
-import type { WithStyleProps, Spacing, BorderWidth, BorderRadii, Shadow, Stacking, ComponentStyle } from '@instructure/emotion';
+import type { WithStyleProps, Spacing, BorderWidth, BorderRadii, Shadow, Stacking, ComponentStyle, StyleObject } from '@instructure/emotion';
 declare type ViewOwnProps = {
     /**
      * The element to render as the component root, `span` by default
@@ -116,12 +117,14 @@ declare type ViewOwnProps = {
     /**
      * Specify a mouse cursor to use when hovering over the `<View />`
      */
-    cursor?: any;
+    cursor?: Cursor;
 };
 declare type PropKeys = keyof ViewOwnProps;
 declare type ViewProps = ViewOwnProps & WithStyleProps<ViewTheme, ViewStyle> & OtherHTMLAttributes<ViewOwnProps>;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type ViewStyle = ComponentStyle<'view' | 'inlineStyles'>;
+declare type ViewStyle = ComponentStyle<'view'> & {
+    inlineStyles: StyleObject;
+};
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
 export { propTypes, allowedProps };

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.