@instructure/ui-view 8.25.1-snapshot-10 → 8.25.1-snapshot-13

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.25.1-snapshot-10](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-10) (2022-06-20)
+## [8.25.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-13) (2022-06-22)
 
 **Note:** Version bump only for package @instructure/ui-view
 

package/es/ContextView/index.js

@@ -1,4 +1,4 @@
-var _dec, _class;
+var _dec, _class, _class2;
 
 /*
  * The MIT License (MIT)
@@ -39,23 +39,20 @@ category: components
 ---
 @tsProps
 **/
-let ContextView = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class ContextView extends Component {
-  static displayName = "ContextView";
-  static componentId = 'ContextView';
-  static allowedProps = allowedProps;
-  static propTypes = propTypes;
-  static defaultProps = {
-    as: 'span',
-    elementRef: () => {},
-    debug: false,
-    width: 'auto',
-    height: 'auto',
-    children: null,
-    textAlign: 'start',
-    background: 'default',
-    shadow: 'resting',
-    placement: 'center end'
-  };
+let ContextView = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class ContextView extends Component {
+  constructor() {
+    super(...arguments);
+    this.ref = null;
+
+    this.handleRef = el => {
+      const elementRef = this.props.elementRef;
+      this.ref = el;
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
+    };
+  }
 
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -69,16 +66,6 @@ let ContextView = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
-  ref = null;
-  handleRef = el => {
-    const elementRef = this.props.elementRef;
-    this.ref = el;
-
-    if (typeof elementRef === 'function') {
-      elementRef(el);
-    }
-  };
-
   render() {
     const _this$props3 = this.props,
           as = _this$props3.as,
@@ -130,6 +117,17 @@ let ContextView = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
     }), children));
   }
 
-}) || _class);
+}, _class2.displayName = "ContextView", _class2.componentId = 'ContextView', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
+  as: 'span',
+  elementRef: () => {},
+  debug: false,
+  width: 'auto',
+  height: 'auto',
+  children: null,
+  textAlign: 'start',
+  background: 'default',
+  shadow: 'resting',
+  placement: 'center end'
+}, _class2)) || _class);
 export default ContextView;
 export { ContextView };

package/es/View/index.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children", "textAlign", "background", "display", "withVisualDebug", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "overflowX", "overflowY", "stacking", "shadow", "position", "focusPosition", "focusColor", "shouldAnimateFocus", "borderColor", "className", "styles", "makeStyles"];
 
-var _dec, _dec2, _class;
+var _dec, _dec2, _class, _class2;
 
 /*
  * The MIT License (MIT)
@@ -45,22 +45,8 @@ category: components
 @module View
 @tsProps
 **/
-let View = (_dec = textDirectionContextConsumer(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec(_class = _dec2(_class = class View extends Component {
-  static displayName = "View";
-  static componentId = 'View';
-  static allowedProps = allowedProps;
-  static propTypes = propTypes;
-  static defaultProps = {
-    display: 'auto',
-    overflowX: 'visible',
-    overflowY: 'visible',
-    withVisualDebug: false,
-    borderColor: 'primary',
-    position: 'static',
-    focusPosition: 'offset',
-    focusColor: 'info',
-    shouldAnimateFocus: true
-  }; // TODO: Remove this code once all components are using passthroughProps in place
+let View = (_dec = textDirectionContextConsumer(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec(_class = _dec2(_class = (_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
   // View.allowedProps in the method matches the View.allowedProps that will be called in
@@ -72,28 +58,23 @@ let View = (_dec = textDirectionContextConsumer(), _dec2 = withStyle(generateSty
   // @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, Component) => {
-    // We don't want the theming and styling props to pass
-    // (these are added and handled by the `@withStyle` decorator)
-    const propsToOmit = [...View.allowedProps, 'styles', 'makeStyles', 'themeOverride'];
-
-    if (process.env.NODE_ENV !== 'production') {
-      Object.keys(pickProps(props, propsToOmit)).forEach(prop => {
-        error(false, `[${Component.name}] prop '${prop}' is not allowed.`);
-      });
-    }
-
-    return omitProps(props, propsToOmit);
-  };
-  spanMarginVerified;
-
   get _element() {
     return this.ref;
   }
 
   constructor(props) {
     super(props);
+    this.spanMarginVerified = void 0;
+    this.ref = null;
+
+    this.handleElementRef = el => {
+      if (typeof this.props.elementRef === 'function') {
+        this.props.elementRef(el);
+      }
+
+      this.ref = el;
+    };
+
     this.spanMarginVerified = false;
   }
 
@@ -142,15 +123,6 @@ let View = (_dec = textDirectionContextConsumer(), _dec2 = withStyle(generateSty
     }
   }
 
-  ref = null;
-  handleElementRef = el => {
-    if (typeof this.props.elementRef === 'function') {
-      this.props.elementRef(el);
-    }
-
-    this.ref = el;
-  };
-
   render() {
     const _this$props3 = this.props,
           children = _this$props3.children,
@@ -186,6 +158,28 @@ let View = (_dec = textDirectionContextConsumer(), _dec2 = withStyle(generateSty
     }), children);
   }
 
-}) || _class) || _class);
+}, _class2.displayName = "View", _class2.componentId = 'View', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
+  display: 'auto',
+  overflowX: 'visible',
+  overflowY: 'visible',
+  withVisualDebug: false,
+  borderColor: 'primary',
+  position: 'static',
+  focusPosition: 'offset',
+  focusColor: 'info',
+  shouldAnimateFocus: true
+}, _class2.omitViewProps = (props, Component) => {
+  // We don't want the theming and styling props to pass
+  // (these are added and handled by the `@withStyle` decorator)
+  const propsToOmit = [..._class2.allowedProps, 'styles', 'makeStyles', 'themeOverride'];
+
+  if (process.env.NODE_ENV !== 'production') {
+    Object.keys(pickProps(props, propsToOmit)).forEach(prop => {
+      error(false, `[${Component.name}] prop '${prop}' is not allowed.`);
+    });
+  }
+
+  return omitProps(props, propsToOmit);
+}, _class2)) || _class) || _class);
 export default View;
 export { View };

package/lib/ContextView/index.js

@@ -21,7 +21,7 @@ var _theme = _interopRequireDefault(require("./theme"));
 
 var _props = require("./props");
 
-var _dec, _class;
+var _dec, _class, _class2;
 
 /**
 ---
@@ -29,23 +29,20 @@ category: components
 ---
 @tsProps
 **/
-let ContextView = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class ContextView extends _react.Component {
-  static displayName = "ContextView";
-  static componentId = 'ContextView';
-  static allowedProps = _props.allowedProps;
-  static propTypes = _props.propTypes;
-  static defaultProps = {
-    as: 'span',
-    elementRef: () => {},
-    debug: false,
-    width: 'auto',
-    height: 'auto',
-    children: null,
-    textAlign: 'start',
-    background: 'default',
-    shadow: 'resting',
-    placement: 'center end'
-  };
+let ContextView = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class ContextView extends _react.Component {
+  constructor() {
+    super(...arguments);
+    this.ref = null;
+
+    this.handleRef = el => {
+      const elementRef = this.props.elementRef;
+      this.ref = el;
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
+    };
+  }
 
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -59,16 +56,6 @@ let ContextView = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
-  ref = null;
-  handleRef = el => {
-    const elementRef = this.props.elementRef;
-    this.ref = el;
-
-    if (typeof elementRef === 'function') {
-      elementRef(el);
-    }
-  };
-
   render() {
     const _this$props3 = this.props,
           as = _this$props3.as,
@@ -120,7 +107,18 @@ let ContextView = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     }), children));
   }
 
-}) || _class);
+}, _class2.displayName = "ContextView", _class2.componentId = 'ContextView', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
+  as: 'span',
+  elementRef: () => {},
+  debug: false,
+  width: 'auto',
+  height: 'auto',
+  children: null,
+  textAlign: 'start',
+  background: 'default',
+  shadow: 'resting',
+  placement: 'center end'
+}, _class2)) || _class);
 exports.ContextView = ContextView;
 var _default = ContextView;
 exports.default = _default;

package/lib/View/index.js

@@ -35,7 +35,7 @@ var _props = require("./props");
 
 const _excluded = ["children", "textAlign", "background", "display", "withVisualDebug", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "overflowX", "overflowY", "stacking", "shadow", "position", "focusPosition", "focusColor", "shouldAnimateFocus", "borderColor", "className", "styles", "makeStyles"];
 
-var _dec, _dec2, _class;
+var _dec, _dec2, _class, _class2;
 
 /**
 ---
@@ -44,22 +44,8 @@ category: components
 @module View
 @tsProps
 **/
-let View = (_dec = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class View extends _react.Component {
-  static displayName = "View";
-  static componentId = 'View';
-  static allowedProps = _props.allowedProps;
-  static propTypes = _props.propTypes;
-  static defaultProps = {
-    display: 'auto',
-    overflowX: 'visible',
-    overflowY: 'visible',
-    withVisualDebug: false,
-    borderColor: 'primary',
-    position: 'static',
-    focusPosition: 'offset',
-    focusColor: 'info',
-    shouldAnimateFocus: true
-  }; // TODO: Remove this code once all components are using passthroughProps in place
+let View = (_dec = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_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
   // View.allowedProps in the method matches the View.allowedProps that will be called in
@@ -71,28 +57,23 @@ let View = (_dec = (0, _textDirectionContextConsumer.textDirectionContextConsume
   // @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, Component) => {
-    // We don't want the theming and styling props to pass
-    // (these are added and handled by the `@withStyle` decorator)
-    const propsToOmit = [...View.allowedProps, 'styles', 'makeStyles', 'themeOverride'];
-
-    if (process.env.NODE_ENV !== 'production') {
-      Object.keys((0, _pickProps.pickProps)(props, propsToOmit)).forEach(prop => {
-        (0, _console.logError)(false, `[${Component.name}] prop '${prop}' is not allowed.`);
-      });
-    }
-
-    return (0, _omitProps.omitProps)(props, propsToOmit);
-  };
-  spanMarginVerified;
-
   get _element() {
     return this.ref;
   }
 
   constructor(props) {
     super(props);
+    this.spanMarginVerified = void 0;
+    this.ref = null;
+
+    this.handleElementRef = el => {
+      if (typeof this.props.elementRef === 'function') {
+        this.props.elementRef(el);
+      }
+
+      this.ref = el;
+    };
+
     this.spanMarginVerified = false;
   }
 
@@ -141,15 +122,6 @@ let View = (_dec = (0, _textDirectionContextConsumer.textDirectionContextConsume
     }
   }
 
-  ref = null;
-  handleElementRef = el => {
-    if (typeof this.props.elementRef === 'function') {
-      this.props.elementRef(el);
-    }
-
-    this.ref = el;
-  };
-
   render() {
     const _this$props3 = this.props,
           children = _this$props3.children,
@@ -184,7 +156,29 @@ let View = (_dec = (0, _textDirectionContextConsumer.textDirectionContextConsume
     }), children);
   }
 
-}) || _class) || _class);
+}, _class2.displayName = "View", _class2.componentId = 'View', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
+  display: 'auto',
+  overflowX: 'visible',
+  overflowY: 'visible',
+  withVisualDebug: false,
+  borderColor: 'primary',
+  position: 'static',
+  focusPosition: 'offset',
+  focusColor: 'info',
+  shouldAnimateFocus: true
+}, _class2.omitViewProps = (props, Component) => {
+  // We don't want the theming and styling props to pass
+  // (these are added and handled by the `@withStyle` decorator)
+  const propsToOmit = [..._class2.allowedProps, 'styles', 'makeStyles', 'themeOverride'];
+
+  if (process.env.NODE_ENV !== 'production') {
+    Object.keys((0, _pickProps.pickProps)(props, propsToOmit)).forEach(prop => {
+      (0, _console.logError)(false, `[${Component.name}] prop '${prop}' is not allowed.`);
+    });
+  }
+
+  return (0, _omitProps.omitProps)(props, propsToOmit);
+}, _class2)) || _class) || _class);
 exports.View = View;
 var _default = View;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-view",
-  "version": "8.25.1-snapshot-10",
+  "version": "8.25.1-snapshot-13",
   "description": "A component for basic styles including spacing, sizing, borders, display, positioning, and focus states.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,21 +24,21 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.25.1-snapshot-10",
-    "@instructure/emotion": "8.25.1-snapshot-10",
-    "@instructure/shared-types": "8.25.1-snapshot-10",
-    "@instructure/ui-color-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-dom-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-i18n": "8.25.1-snapshot-10",
-    "@instructure/ui-position": "8.25.1-snapshot-10",
-    "@instructure/ui-prop-types": "8.25.1-snapshot-10",
-    "@instructure/ui-react-utils": "8.25.1-snapshot-10",
+    "@instructure/console": "8.25.1-snapshot-13",
+    "@instructure/emotion": "8.25.1-snapshot-13",
+    "@instructure/shared-types": "8.25.1-snapshot-13",
+    "@instructure/ui-color-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-dom-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-i18n": "8.25.1-snapshot-13",
+    "@instructure/ui-position": "8.25.1-snapshot-13",
+    "@instructure/ui-prop-types": "8.25.1-snapshot-13",
+    "@instructure/ui-react-utils": "8.25.1-snapshot-13",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.25.1-snapshot-10",
-    "@instructure/ui-test-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-themes": "8.25.1-snapshot-10"
+    "@instructure/ui-babel-preset": "8.25.1-snapshot-13",
+    "@instructure/ui-test-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-themes": "8.25.1-snapshot-13"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"