@instructure/ui-position 8.8.1-snapshot.7 → 8.9.1-snapshot.2

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.9.0](https://github.com/instructure/instructure-ui/compare/v8.8.0...v8.9.0) (2021-09-15)
+
+### Bug Fixes
+
+- fix shared-types TS errors ([7b83164](https://github.com/instructure/instructure-ui/commit/7b83164f4c5872f3a217e010563f59bf584ae4fc))
+
 # [8.8.0](https://github.com/instructure/instructure-ui/compare/v8.7.0...v8.8.0) (2021-08-27)
 
 ### Features

package/es/Position/index.js

@@ -26,8 +26,6 @@ var _dec, _dec2, _class, _class2, _temp;
 
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { element } from '@instructure/ui-prop-types';
 import { safeCloneElement, callRenderProp, ensureSingleChild } from '@instructure/ui-react-utils';
 import { addPositionChangeListener, findDOMNode } from '@instructure/ui-dom-utils';
 import { uid } from '@instructure/uid';
@@ -38,15 +36,15 @@ import { Portal } from '@instructure/ui-portal';
 import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
+import { allowedProps, propTypes } from './props';
 import { calculateElementPosition } from '../calculateElementPosition';
-import { PositionPropTypes } from '../PositionPropTypes';
+
 /**
 ---
 category: components/utilities
 ---
 @tsProps
 **/
-
 let Position = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Position extends Component {
   constructor(props) {
     super(props);
@@ -97,11 +95,15 @@ let Position = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
   }
 
   componentDidMount() {
+    var _this$props$makeStyle, _this$props;
+
     this.toggleLocatorAttributes(true);
-    this.props.makeStyles();
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
   componentDidUpdate(prevProps, prevState) {
+    var _this$props$makeStyle2, _this$props3;
+
     this.position();
     this.toggleLocatorAttributes(true);
 
@@ -114,14 +116,16 @@ let Position = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
           placement = _this$state.placement;
 
     if (style && prevState.style && (placement !== prevState.placement || style.top !== prevState.style.top || style.left !== prevState.style.left)) {
-      this.props.onPositionChanged({
+      var _this$props$onPositio, _this$props2;
+
+      (_this$props$onPositio = (_this$props2 = this.props).onPositionChanged) === null || _this$props$onPositio === void 0 ? void 0 : _this$props$onPositio.call(_this$props2, {
         top: style.top,
         left: style.left,
         placement
       });
     }
 
-    this.props.makeStyles();
+    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
 
   componentWillUnmount() {
@@ -183,13 +187,15 @@ let Position = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
     let content = ensureSingleChild(this.props.children);
 
     if (content) {
+      var _this$props$styles;
+
       content = safeCloneElement(content, {
         ref: el => {
           this._content = el;
         },
         style: {
           boxSizing: 'border-box',
-          zIndex: this.props.styles.zIndex,
+          zIndex: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.zIndex,
           ...content.props.style,
           ...this.state.style
         },
@@ -233,35 +239,13 @@ let Position = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
     return jsx("span", props, this.renderTarget(), this.renderContent());
   }
 
-}, _class2.displayName = "Position", _class2.componentId = 'Position', _class2.propTypes = {
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: PropTypes.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: PropTypes.object,
-  renderTarget: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  target: PropTypes.oneOfType([element, PropTypes.func]),
-  placement: PositionPropTypes.placement,
-  mountNode: PositionPropTypes.mountNode,
-  insertAt: PropTypes.oneOf(['bottom', 'top']),
-  constrain: PositionPropTypes.constrain,
-  offsetX: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  offsetY: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  id: PropTypes.string,
-  shouldTrackPosition: PropTypes.bool,
-  shouldPositionOverTarget: PropTypes.bool,
-  onPositionChanged: PropTypes.func,
-  onPositioned: PropTypes.func,
-  children: PropTypes.node
-}, _class2.defaultProps = {
-  renderTarget: void 0,
-  target: void 0,
+}, _class2.displayName = "Position", _class2.componentId = 'Position', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
   placement: 'bottom center',
   mountNode: null,
   insertAt: 'bottom',
   constrain: 'window',
   offsetX: 0,
   offsetY: 0,
-  id: void 0,
   shouldTrackPosition: true,
   shouldPositionOverTarget: false,
   onPositioned: () => {},

package/es/Position/props.js

@@ -0,0 +1,44 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present 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.
+ */
+import PropTypes from 'prop-types';
+import { element } from '@instructure/ui-prop-types';
+import { PositionPropTypes } from '../PositionPropTypes';
+const propTypes = {
+  renderTarget: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  target: PropTypes.oneOfType([element, PropTypes.func]),
+  placement: PositionPropTypes.placement,
+  mountNode: PositionPropTypes.mountNode,
+  insertAt: PropTypes.oneOf(['bottom', 'top']),
+  constrain: PositionPropTypes.constrain,
+  offsetX: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  offsetY: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  id: PropTypes.string,
+  shouldTrackPosition: PropTypes.bool,
+  shouldPositionOverTarget: PropTypes.bool,
+  onPositionChanged: PropTypes.func,
+  onPositioned: PropTypes.func,
+  children: PropTypes.node
+};
+const allowedProps = ['renderTarget', 'target', 'placement', 'mountNode', 'insertAt', 'constrain', 'offsetX', 'offsetY', 'id', 'shouldTrackPosition', 'shouldPositionOverTarget', 'onPositionChanged', 'onPositioned', 'children'];
+export { propTypes, allowedProps };

package/lib/Position/index.js

@@ -9,10 +9,6 @@ exports.Position = exports.default = void 0;
 
 var _react = require("react");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _element = require("@instructure/ui-prop-types/lib/element.js");
-
 var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
 
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
@@ -41,9 +37,9 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _theme = _interopRequireDefault(require("./theme"));
 
-var _calculateElementPosition = require("../calculateElementPosition");
+var _props = require("./props");
 
-var _PositionPropTypes = require("../PositionPropTypes");
+var _calculateElementPosition = require("../calculateElementPosition");
 
 var _dec, _dec2, _class, _class2, _temp;
 
@@ -103,11 +99,15 @@ let Position = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   }
 
   componentDidMount() {
+    var _this$props$makeStyle, _this$props;
+
     this.toggleLocatorAttributes(true);
-    this.props.makeStyles();
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
   componentDidUpdate(prevProps, prevState) {
+    var _this$props$makeStyle2, _this$props3;
+
     this.position();
     this.toggleLocatorAttributes(true);
 
@@ -120,14 +120,16 @@ let Position = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
           placement = _this$state.placement;
 
     if (style && prevState.style && (placement !== prevState.placement || style.top !== prevState.style.top || style.left !== prevState.style.left)) {
-      this.props.onPositionChanged({
+      var _this$props$onPositio, _this$props2;
+
+      (_this$props$onPositio = (_this$props2 = this.props).onPositionChanged) === null || _this$props$onPositio === void 0 ? void 0 : _this$props$onPositio.call(_this$props2, {
         top: style.top,
         left: style.left,
         placement
       });
     }
 
-    this.props.makeStyles();
+    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
 
   componentWillUnmount() {
@@ -189,13 +191,15 @@ let Position = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
     let content = (0, _ensureSingleChild.ensureSingleChild)(this.props.children);
 
     if (content) {
+      var _this$props$styles;
+
       content = (0, _safeCloneElement.safeCloneElement)(content, {
         ref: el => {
           this._content = el;
         },
         style: {
           boxSizing: 'border-box',
-          zIndex: this.props.styles.zIndex,
+          zIndex: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.zIndex,
           ...content.props.style,
           ...this.state.style
         },
@@ -239,35 +243,13 @@ let Position = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
     return (0, _emotion.jsx)("span", props, this.renderTarget(), this.renderContent());
   }
 
-}, _class2.displayName = "Position", _class2.componentId = 'Position', _class2.propTypes = {
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: _propTypes.default.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: _propTypes.default.object,
-  renderTarget: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  target: _propTypes.default.oneOfType([_element.element, _propTypes.default.func]),
-  placement: _PositionPropTypes.PositionPropTypes.placement,
-  mountNode: _PositionPropTypes.PositionPropTypes.mountNode,
-  insertAt: _propTypes.default.oneOf(['bottom', 'top']),
-  constrain: _PositionPropTypes.PositionPropTypes.constrain,
-  offsetX: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  offsetY: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  id: _propTypes.default.string,
-  shouldTrackPosition: _propTypes.default.bool,
-  shouldPositionOverTarget: _propTypes.default.bool,
-  onPositionChanged: _propTypes.default.func,
-  onPositioned: _propTypes.default.func,
-  children: _propTypes.default.node
-}, _class2.defaultProps = {
-  renderTarget: void 0,
-  target: void 0,
+}, _class2.displayName = "Position", _class2.componentId = 'Position', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   placement: 'bottom center',
   mountNode: null,
   insertAt: 'bottom',
   constrain: 'window',
   offsetX: 0,
   offsetY: 0,
-  id: void 0,
   shouldTrackPosition: true,
   shouldPositionOverTarget: false,
   onPositioned: () => {},

package/lib/Position/props.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _element = require("@instructure/ui-prop-types/lib/element.js");
+
+var _PositionPropTypes = require("../PositionPropTypes");
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present 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.
+ */
+const propTypes = {
+  renderTarget: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+  target: _propTypes.default.oneOfType([_element.element, _propTypes.default.func]),
+  placement: _PositionPropTypes.PositionPropTypes.placement,
+  mountNode: _PositionPropTypes.PositionPropTypes.mountNode,
+  insertAt: _propTypes.default.oneOf(['bottom', 'top']),
+  constrain: _PositionPropTypes.PositionPropTypes.constrain,
+  offsetX: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  offsetY: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  id: _propTypes.default.string,
+  shouldTrackPosition: _propTypes.default.bool,
+  shouldPositionOverTarget: _propTypes.default.bool,
+  onPositionChanged: _propTypes.default.func,
+  onPositioned: _propTypes.default.func,
+  children: _propTypes.default.node
+};
+exports.propTypes = propTypes;
+const allowedProps = ['renderTarget', 'target', 'placement', 'mountNode', 'insertAt', 'constrain', 'offsetX', 'offsetY', 'id', 'shouldTrackPosition', 'shouldPositionOverTarget', 'onPositionChanged', 'onPositioned', 'children'];
+exports.allowedProps = allowedProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-position",
-  "version": "8.8.1-snapshot.7+90b251d58",
+  "version": "8.9.1-snapshot.2+7f5faa3df",
   "description": "A component for positioning content with respect to a designated target.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,24 +25,24 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/debounce": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/emotion": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-dom-utils": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-portal": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-prop-types": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-react-utils": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-testable": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-utils": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/uid": "8.8.1-snapshot.7+90b251d58",
+    "@instructure/debounce": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/emotion": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/shared-types": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-dom-utils": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-portal": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-prop-types": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-react-utils": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-testable": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-utils": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/uid": "8.9.1-snapshot.2+7f5faa3df",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/shared-types": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-babel-preset": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-color-utils": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-test-locator": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-test-utils": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-themes": "8.8.1-snapshot.7+90b251d58"
+    "@instructure/ui-babel-preset": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-color-utils": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-test-locator": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-test-utils": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-themes": "8.9.1-snapshot.2+7f5faa3df"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -51,5 +51,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "90b251d580c75205b6cbb884fe922059cfc494dd"
+  "gitHead": "7f5faa3df83667636304e0901ef1008d98dffc9a"
 }

package/src/Position/index.tsx

@@ -24,9 +24,7 @@
 
 /** @jsx jsx */
 import { Component } from 'react'
-import PropTypes from 'prop-types'
 
-import { element } from '@instructure/ui-prop-types'
 import {
   safeCloneElement,
   callRenderProp,
@@ -49,10 +47,11 @@ import { withStyle, jsx } from '@instructure/emotion'
 
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
-import { PositionProps, PositionState } from './types'
+import type { PositionProps, PositionState } from './props'
+import { allowedProps, propTypes } from './props'
 
 import { calculateElementPosition } from '../calculateElementPosition'
-import { PositionElement, PositionPropTypes } from '../PositionPropTypes'
+import { PositionElement } from '../PositionPropTypes'
 
 /**
 ---
@@ -65,37 +64,16 @@ category: components/utilities
 class Position extends Component<PositionProps, PositionState> {
   static readonly componentId = 'Position'
 
-  static propTypes = {
-    // eslint-disable-next-line react/require-default-props
-    makeStyles: PropTypes.func,
-    // eslint-disable-next-line react/require-default-props
-    styles: PropTypes.object,
-    renderTarget: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-    target: PropTypes.oneOfType([element, PropTypes.func]),
-    placement: PositionPropTypes.placement,
-    mountNode: PositionPropTypes.mountNode,
-    insertAt: PropTypes.oneOf(['bottom', 'top']),
-    constrain: PositionPropTypes.constrain,
-    offsetX: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    offsetY: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    id: PropTypes.string,
-    shouldTrackPosition: PropTypes.bool,
-    shouldPositionOverTarget: PropTypes.bool,
-    onPositionChanged: PropTypes.func,
-    onPositioned: PropTypes.func,
-    children: PropTypes.node
-  }
+  static allowedProps = allowedProps
+  static propTypes = propTypes
 
   static defaultProps: PositionProps = {
-    renderTarget: undefined,
-    target: undefined,
     placement: 'bottom center',
     mountNode: null,
     insertAt: 'bottom',
     constrain: 'window',
     offsetX: 0,
     offsetY: 0,
-    id: undefined,
     shouldTrackPosition: true,
     shouldPositionOverTarget: false,
     onPositioned: () => {},
@@ -142,8 +120,7 @@ class Position extends Component<PositionProps, PositionState> {
 
   componentDidMount() {
     this.toggleLocatorAttributes(true)
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    this.props.makeStyles()
+    this.props.makeStyles?.()
   }
 
   componentDidUpdate(prevProps: PositionProps, prevState: PositionState) {
@@ -165,15 +142,14 @@ class Position extends Component<PositionProps, PositionState> {
         style.top !== prevState.style.top ||
         style.left !== prevState.style.left)
     ) {
-      this.props.onPositionChanged({
+      this.props.onPositionChanged?.({
         top: style.top,
         left: style.left,
         placement
       })
     }
 
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    this.props.makeStyles()
+    this.props.makeStyles?.()
   }
 
   componentWillUnmount() {
@@ -280,8 +256,7 @@ class Position extends Component<PositionProps, PositionState> {
         },
         style: {
           boxSizing: 'border-box',
-          // @ts-expect-error TODO: type withStyle props
-          zIndex: this.props.styles.zIndex,
+          zIndex: this.props.styles?.zIndex,
           ...content.props.style,
           ...this.state.style
         },

package/src/Position/{types.ts → props.ts}

@@ -23,17 +23,22 @@
  */
 
 import React from 'react'
+import PropTypes from 'prop-types'
 
-import {
+import { element } from '@instructure/ui-prop-types'
+
+import { PositionPropTypes } from '../PositionPropTypes'
+
+import type { WithStyleProps } from '@instructure/emotion'
+import type { PropValidators } from '@instructure/shared-types'
+import type {
   PositionConstraint,
   PositionMountNode,
   PlacementPropValues,
   ElementPosition
 } from '../PositionPropTypes'
 
-import type { WithStyleProps } from '@instructure/emotion'
-
-type PositionProps = {
+type PositionOwnProps = {
   /**
    * The node to use as the position target
    */
@@ -47,35 +52,35 @@ type PositionProps = {
   /**
    * The placement of the content in relation to the target
    */
-  placement: PlacementPropValues
+  placement?: PlacementPropValues
 
   /**
    * An element or a function returning an element to use as the mount node
    * for the `<Position />` (defaults to `document.body`)
    */
-  mountNode: PositionMountNode
+  mountNode?: PositionMountNode
 
   /**
    * Insert the element at the 'top' of the mountNode or at the 'bottom'
    */
-  insertAt: 'bottom' | 'top'
+  insertAt?: 'bottom' | 'top'
 
   /**
    * The parent in which to constrain the placement.
-   * One of: 'window', 'scroll-parent', 'parent', 'none', an element,
+   * One of?: 'window', 'scroll-parent', 'parent', 'none', an element,
    * or a function returning an element
    */
-  constrain: PositionConstraint
+  constrain?: PositionConstraint
 
   /**
    * The horizontal offset for the positioned content
    */
-  offsetX: string | number
+  offsetX?: string | number
 
   /**
    * The vertical offset for the positioned content
    */
-  offsetY: string | number
+  offsetY?: string | number
 
   /**
    * An id will be generated if not provided
@@ -85,28 +90,28 @@ type PositionProps = {
   /**
    * Whether or not position of the target should be tracked or just set statically on render
    */
-  shouldTrackPosition: boolean
+  shouldTrackPosition?: boolean
 
   /**
    * Whether or not you want the content to position over the target
    */
-  shouldPositionOverTarget: boolean
+  shouldPositionOverTarget?: boolean
 
   /**
    * Callback fired when the position changes
    */
-  onPositionChanged: (position: Position) => any
+  onPositionChanged?: (position: Position) => any
 
   /**
    * Callback fired when `<Position />` content has been mounted and is initially positioned
    */
-  onPositioned: (position: Position) => any
+  onPositioned?: (position: Position) => any
 
   /**
    * The content to be positioned
    */
-  children: React.ReactNode
-} & WithStyleProps
+  children?: React.ReactNode
+}
 
 type PositionState = {
   positioned: boolean
@@ -116,4 +121,45 @@ type Position = ElementPosition['style'] & {
   placement: ElementPosition['placement']
 }
 
+type PropKeys = keyof PositionOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type PositionProps = PositionOwnProps & WithStyleProps
+
+const propTypes: PropValidators<PropKeys> = {
+  renderTarget: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  target: PropTypes.oneOfType([element, PropTypes.func]),
+  placement: PositionPropTypes.placement,
+  mountNode: PositionPropTypes.mountNode,
+  insertAt: PropTypes.oneOf(['bottom', 'top']),
+  constrain: PositionPropTypes.constrain,
+  offsetX: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  offsetY: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  id: PropTypes.string,
+  shouldTrackPosition: PropTypes.bool,
+  shouldPositionOverTarget: PropTypes.bool,
+  onPositionChanged: PropTypes.func,
+  onPositioned: PropTypes.func,
+  children: PropTypes.node
+}
+
+const allowedProps: AllowedPropKeys = [
+  'renderTarget',
+  'target',
+  'placement',
+  'mountNode',
+  'insertAt',
+  'constrain',
+  'offsetX',
+  'offsetY',
+  'id',
+  'shouldTrackPosition',
+  'shouldPositionOverTarget',
+  'onPositionChanged',
+  'onPositioned',
+  'children'
+]
+
 export type { PositionProps, PositionState }
+export { propTypes, allowedProps }

package/src/index.ts

@@ -36,4 +36,4 @@ export type {
   PositionConstraint
 } from './PositionPropTypes'
 
-export type { PositionProps } from './Position/types'
+export type { PositionProps } from './Position/props'

package/types/Position/index.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="node" />
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import type { PositionChangeListenerType } from '@instructure/ui-dom-utils';
 import { jsx } from '@instructure/emotion';
-import { PositionProps, PositionState } from './types';
+import type { PositionProps, PositionState } from './props';
 import { PositionElement } from '../PositionPropTypes';
 /**
 ---
@@ -14,24 +13,82 @@ category: components/utilities
 **/
 declare class Position extends Component<PositionProps, PositionState> {
     static readonly componentId = "Position";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        renderTarget: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        target: PropTypes.Requireable<Element | PropTypes.ReactElementLike | ((...args: any[]) => any)>;
-        placement: PropTypes.Requireable<string>;
-        mountNode: PropTypes.Requireable<Element | PropTypes.ReactElementLike | ((...args: any[]) => any)>;
-        insertAt: PropTypes.Requireable<string>;
-        constrain: PropTypes.Requireable<string | Element | PropTypes.ReactElementLike | ((...args: any[]) => any)>;
-        offsetX: PropTypes.Requireable<string | number>;
-        offsetY: PropTypes.Requireable<string | number>;
-        id: PropTypes.Requireable<string>;
-        shouldTrackPosition: PropTypes.Requireable<boolean>;
-        shouldPositionOverTarget: PropTypes.Requireable<boolean>;
-        onPositionChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        onPositioned: PropTypes.Requireable<(...args: any[]) => any>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
+    static allowedProps: readonly (keyof {
+        renderTarget?: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
+        target?: import("../PositionPropTypes").PositionMountNode | undefined;
+        placement?: import("../PositionPropTypes").PlacementPropValues | undefined;
+        mountNode?: import("../PositionPropTypes").PositionMountNode | undefined;
+        insertAt?: "top" | "bottom" | undefined;
+        constrain?: import("../PositionPropTypes").PositionConstraint | undefined;
+        offsetX?: string | number | undefined;
+        offsetY?: string | number | undefined;
+        id?: string | undefined;
+        shouldTrackPosition?: boolean | undefined;
+        shouldPositionOverTarget?: boolean | undefined;
+        onPositionChanged?: ((position: {
+            top?: 0 | undefined;
+            left?: 0 | "-9999em" | undefined;
+            overflow?: "hidden" | undefined;
+            position?: "absolute" | undefined;
+            display?: "none" | null | undefined;
+            minWidth?: number | null | undefined;
+            minHeight?: number | null | undefined;
+            transform?: string | undefined;
+        } & {
+            placement: import("../PositionPropTypes").PlacementPropValues | undefined;
+        }) => any) | undefined;
+        onPositioned?: ((position: {
+            top?: 0 | undefined;
+            left?: 0 | "-9999em" | undefined;
+            overflow?: "hidden" | undefined;
+            position?: "absolute" | undefined;
+            display?: "none" | null | undefined;
+            minWidth?: number | null | undefined;
+            minHeight?: number | null | undefined;
+            transform?: string | undefined;
+        } & {
+            placement: import("../PositionPropTypes").PlacementPropValues | undefined;
+        }) => any) | undefined;
+        children?: import("react").ReactNode;
+    })[];
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        renderTarget?: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
+        target?: import("../PositionPropTypes").PositionMountNode | undefined;
+        placement?: import("../PositionPropTypes").PlacementPropValues | undefined;
+        mountNode?: import("../PositionPropTypes").PositionMountNode | undefined;
+        insertAt?: "top" | "bottom" | undefined;
+        constrain?: import("../PositionPropTypes").PositionConstraint | undefined;
+        offsetX?: string | number | undefined;
+        offsetY?: string | number | undefined;
+        id?: string | undefined;
+        shouldTrackPosition?: boolean | undefined;
+        shouldPositionOverTarget?: boolean | undefined;
+        onPositionChanged?: ((position: {
+            top?: 0 | undefined;
+            left?: 0 | "-9999em" | undefined;
+            overflow?: "hidden" | undefined;
+            position?: "absolute" | undefined;
+            display?: "none" | null | undefined;
+            minWidth?: number | null | undefined;
+            minHeight?: number | null | undefined;
+            transform?: string | undefined;
+        } & {
+            placement: import("../PositionPropTypes").PlacementPropValues | undefined;
+        }) => any) | undefined;
+        onPositioned?: ((position: {
+            top?: 0 | undefined;
+            left?: 0 | "-9999em" | undefined;
+            overflow?: "hidden" | undefined;
+            position?: "absolute" | undefined;
+            display?: "none" | null | undefined;
+            minWidth?: number | null | undefined;
+            minHeight?: number | null | undefined;
+            transform?: string | undefined;
+        } & {
+            placement: import("../PositionPropTypes").PlacementPropValues | undefined;
+        }) => any) | undefined;
+        children?: import("react").ReactNode;
+    }>;
     static defaultProps: PositionProps;
     static locatorAttribute: string;
     static targetLocatorAttribute: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Position/index.tsx"],"names":[],"mappings":";AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAYlC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAA;AAS3E,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,eAAe,EAAqB,MAAM,sBAAsB,CAAA;AAEzE;;;;;GAKG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAC5D,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;MAmBf;IAED,MAAM,CAAC,YAAY,EAAE,aAAa,CAejC;IAED,MAAM,CAAC,gBAAgB,SAAkB;IACzC,MAAM,CAAC,sBAAsB,SAAyB;IACtD,MAAM,CAAC,uBAAuB,SAA0B;gBAE5C,KAAK,EAAE,aAAa;IAehC,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAK;IAChC,SAAS,EAAE,0BAA0B,GAAG,IAAI,CAAO;IACnD,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,OAAO,CAAC,EAAE,eAAe,CAAA;IAEzB,qBAAqB,CACnB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,GAAG;IASlB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa;IA8BrE,oBAAoB;IAQpB,uBAAuB,CAAC,GAAG,EAAE,OAAO;IAiBpC,sBAAsB,CACpB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,OAAO;IAad,gBAAgB,aAqBf;IAED,iBAAiB,CAAC,KAAK,EAAE,aAAa;IAWtC,QAAQ,aAKP;IAED,aAAa;IAKb,YAAY;IAOZ,aAAa;IAkCb,YAAY;;;IAgBZ,MAAM;CASP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Position/index.tsx"],"names":[],"mappings":";AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWjC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAA;AAS3E,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEtD;;;;;GAKG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAC5D,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY,EAAE,aAAa,CAYjC;IAED,MAAM,CAAC,gBAAgB,SAAkB;IACzC,MAAM,CAAC,sBAAsB,SAAyB;IACtD,MAAM,CAAC,uBAAuB,SAA0B;gBAE5C,KAAK,EAAE,aAAa;IAehC,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAK;IAChC,SAAS,EAAE,0BAA0B,GAAG,IAAI,CAAO;IACnD,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,OAAO,CAAC,EAAE,eAAe,CAAA;IAEzB,qBAAqB,CACnB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,GAAG;IASlB,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa;IA6BrE,oBAAoB;IAQpB,uBAAuB,CAAC,GAAG,EAAE,OAAO;IAiBpC,sBAAsB,CACpB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,OAAO;IAad,gBAAgB,aAqBf;IAED,iBAAiB,CAAC,KAAK,EAAE,aAAa;IAWtC,QAAQ,aAKP;IAED,aAAa;IAKb,YAAY;IAOZ,aAAa;IAiCb,YAAY;;;IAgBZ,MAAM;CASP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/types/Position/{types.d.ts → props.d.ts}

@@ -1,7 +1,8 @@
 import React from 'react';
-import { PositionConstraint, PositionMountNode, PlacementPropValues, ElementPosition } from '../PositionPropTypes';
 import type { WithStyleProps } from '@instructure/emotion';
-declare type PositionProps = {
+import type { PropValidators } from '@instructure/shared-types';
+import type { PositionConstraint, PositionMountNode, PlacementPropValues, ElementPosition } from '../PositionPropTypes';
+declare type PositionOwnProps = {
     /**
      * The node to use as the position target
      */
@@ -13,30 +14,30 @@ declare type PositionProps = {
     /**
      * The placement of the content in relation to the target
      */
-    placement: PlacementPropValues;
+    placement?: PlacementPropValues;
     /**
      * An element or a function returning an element to use as the mount node
      * for the `<Position />` (defaults to `document.body`)
      */
-    mountNode: PositionMountNode;
+    mountNode?: PositionMountNode;
     /**
      * Insert the element at the 'top' of the mountNode or at the 'bottom'
      */
-    insertAt: 'bottom' | 'top';
+    insertAt?: 'bottom' | 'top';
     /**
      * The parent in which to constrain the placement.
-     * One of: 'window', 'scroll-parent', 'parent', 'none', an element,
+     * One of?: 'window', 'scroll-parent', 'parent', 'none', an element,
      * or a function returning an element
      */
-    constrain: PositionConstraint;
+    constrain?: PositionConstraint;
     /**
      * The horizontal offset for the positioned content
      */
-    offsetX: string | number;
+    offsetX?: string | number;
     /**
      * The vertical offset for the positioned content
      */
-    offsetY: string | number;
+    offsetY?: string | number;
     /**
      * An id will be generated if not provided
      */
@@ -44,29 +45,35 @@ declare type PositionProps = {
     /**
      * Whether or not position of the target should be tracked or just set statically on render
      */
-    shouldTrackPosition: boolean;
+    shouldTrackPosition?: boolean;
     /**
      * Whether or not you want the content to position over the target
      */
-    shouldPositionOverTarget: boolean;
+    shouldPositionOverTarget?: boolean;
     /**
      * Callback fired when the position changes
      */
-    onPositionChanged: (position: Position) => any;
+    onPositionChanged?: (position: Position) => any;
     /**
      * Callback fired when `<Position />` content has been mounted and is initially positioned
      */
-    onPositioned: (position: Position) => any;
+    onPositioned?: (position: Position) => any;
     /**
      * The content to be positioned
      */
-    children: React.ReactNode;
-} & WithStyleProps;
+    children?: React.ReactNode;
+};
 declare type PositionState = {
     positioned: boolean;
 } & ElementPosition;
 declare type Position = ElementPosition['style'] & {
     placement: ElementPosition['placement'];
 };
+declare type PropKeys = keyof PositionOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type PositionProps = PositionOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
 export type { PositionProps, PositionState };
-//# sourceMappingURL=types.d.ts.map
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Position/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EAChB,MAAM,sBAAsB,CAAA;AAE7B,aAAK,gBAAgB,GAAG;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAEtE;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAE/B;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAE3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAElC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAA;IAE/C;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAA;IAE1C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,UAAU,EAAE,OAAO,CAAA;CACpB,GAAG,eAAe,CAAA;AAEnB,aAAK,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG;IACzC,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;CACxC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,aAAa,GAAG,gBAAgB,GAAG,cAAc,CAAA;AAEtD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAevC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/index.d.ts

@@ -6,5 +6,5 @@ export { mirrorHorizontalPlacement } from './mirrorHorizontalPlacement';
 export { mirrorPlacement } from './mirrorPlacement';
 export { parsePlacement } from './parsePlacement';
 export type { PlacementPropValues, PositionMountNode, PositionConstraint } from './PositionPropTypes';
-export type { PositionProps } from './Position/types';
+export type { PositionProps } from './Position/props';
 //# sourceMappingURL=index.d.ts.map

package/es/Position/types.js

@@ -1 +0,0 @@
-export {};

package/lib/Position/types.js

@@ -1 +0,0 @@
-"use strict";

package/types/Position/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Position/types.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EAChB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,aAAa,GAAG;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAEtE;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAE1B;;OAEG;IACH,SAAS,EAAE,mBAAmB,CAAA;IAE9B;;;OAGG;IACH,SAAS,EAAE,iBAAiB,CAAA;IAE5B;;OAEG;IACH,QAAQ,EAAE,QAAQ,GAAG,KAAK,CAAA;IAE1B;;;;OAIG;IACH,SAAS,EAAE,kBAAkB,CAAA;IAE7B;;OAEG;IACH,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB;;OAEG;IACH,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,mBAAmB,EAAE,OAAO,CAAA;IAE5B;;OAEG;IACH,wBAAwB,EAAE,OAAO,CAAA;IAEjC;;OAEG;IACH,iBAAiB,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAA;IAE9C;;OAEG;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAA;IAEzC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,cAAc,CAAA;AAElB,aAAK,aAAa,GAAG;IACnB,UAAU,EAAE,OAAO,CAAA;CACpB,GAAG,eAAe,CAAA;AAEnB,aAAK,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG;IACzC,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;CACxC,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA"}