@instructure/ui-options 8.10.1-snapshot.8 → 8.10.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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-options
+
+## [8.10.1](https://github.com/instructure/instructure-ui/compare/v8.10.0...v8.10.1) (2021-10-01)
+
+**Note:** Version bump only for package @instructure/ui-options
+
 # [8.10.0](https://github.com/instructure/instructure-ui/compare/v8.9.1...v8.10.0) (2021-09-28)
 
 **Note:** Version bump only for package @instructure/ui-options

package/es/Options/Item/index.js

@@ -40,6 +40,11 @@ id: Options.Item
 **/
 
 let Item = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Item extends Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+  }
+
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -83,7 +88,10 @@ let Item = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 = te
     const passthroughProps = omitProps(this.props, Item.allowedProps);
     return jsx(ElementType, {
       role: "none",
-      css: styles === null || styles === void 0 ? void 0 : styles.item
+      css: styles === null || styles === void 0 ? void 0 : styles.item,
+      ref: element => {
+        this.ref = element;
+      }
     }, jsx("span", Object.assign({}, passthroughProps, {
       css: styles === null || styles === void 0 ? void 0 : styles.container,
       role: role

package/es/Options/index.js

@@ -45,6 +45,12 @@ category: components
 let Options = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Options extends Component {
   constructor(...args) {
     super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+
     this._labelId = uid('Options-label');
   }
 
@@ -113,12 +119,13 @@ let Options = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 =
     const _this$props4 = this.props,
           as = _this$props4.as,
           role = _this$props4.role,
-          elementRef = _this$props4.elementRef,
           renderLabel = _this$props4.renderLabel,
+          elementRef = _this$props4.elementRef,
           styles = _this$props4.styles;
     return jsx("div", {
       css: styles === null || styles === void 0 ? void 0 : styles.options,
-      role: "presentation"
+      role: "presentation",
+      ref: this.handleRef
     }, renderLabel && this.renderLabel(), jsx(View, Object.assign({}, passthroughProps, {
       elementRef: elementRef,
       css: styles === null || styles === void 0 ? void 0 : styles.list,

package/lib/Options/Item/index.js

@@ -30,6 +30,11 @@ id: Options.Item
 ---
 **/
 let Item = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Item extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+  }
+
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -73,7 +78,10 @@ let Item = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
     const passthroughProps = (0, _uiReactUtils.omitProps)(this.props, Item.allowedProps);
     return (0, _emotion.jsx)(ElementType, {
       role: "none",
-      css: styles === null || styles === void 0 ? void 0 : styles.item
+      css: styles === null || styles === void 0 ? void 0 : styles.item,
+      ref: element => {
+        this.ref = element;
+      }
     }, (0, _emotion.jsx)("span", Object.assign({}, passthroughProps, {
       css: styles === null || styles === void 0 ? void 0 : styles.container,
       role: role

package/lib/Options/index.js

@@ -39,6 +39,12 @@ category: components
 let Options = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Options extends _react.Component {
   constructor(...args) {
     super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+
     this._labelId = (0, _uid.uid)('Options-label');
   }
 
@@ -108,12 +114,13 @@ let Options = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
     const _this$props4 = this.props,
           as = _this$props4.as,
           role = _this$props4.role,
-          elementRef = _this$props4.elementRef,
           renderLabel = _this$props4.renderLabel,
+          elementRef = _this$props4.elementRef,
           styles = _this$props4.styles;
     return (0, _emotion.jsx)("div", {
       css: styles === null || styles === void 0 ? void 0 : styles.options,
-      role: "presentation"
+      role: "presentation",
+      ref: this.handleRef
     }, renderLabel && this.renderLabel(), (0, _emotion.jsx)(_uiView.View, Object.assign({}, passthroughProps, {
       elementRef: elementRef,
       css: styles === null || styles === void 0 ? void 0 : styles.list,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-options",
-  "version": "8.10.1-snapshot.8+21f46f4e3",
+  "version": "8.10.2",
   "description": "A view-only component for composing interactive lists and menus.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,22 +24,22 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-color-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-test-locator": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-test-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-themes": "8.10.1-snapshot.8+21f46f4e3"
+    "@instructure/ui-babel-preset": "8.10.2",
+    "@instructure/ui-color-utils": "8.10.2",
+    "@instructure/ui-test-locator": "8.10.2",
+    "@instructure/ui-test-utils": "8.10.2",
+    "@instructure/ui-themes": "8.10.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/shared-types": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-icons": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-prop-types": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-react-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-testable": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-view": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/uid": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/emotion": "8.10.2",
+    "@instructure/shared-types": "8.10.2",
+    "@instructure/ui-icons": "8.10.2",
+    "@instructure/ui-prop-types": "8.10.2",
+    "@instructure/ui-react-utils": "8.10.2",
+    "@instructure/ui-testable": "8.10.2",
+    "@instructure/ui-view": "8.10.2",
+    "@instructure/uid": "8.10.2",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -48,6 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "21f46f4e342898b019ab943a7e69a455621d9576"
+  "sideEffects": false
 }

package/src/Options/Item/index.tsx

@@ -62,6 +62,8 @@ class Item extends Component<OptionsItemProps> {
     children: null
   } as const
 
+  ref: Element | null = null
+
   componentDidMount() {
     this.props.makeStyles?.()
   }
@@ -104,7 +106,14 @@ class Item extends Component<OptionsItemProps> {
     const passthroughProps = omitProps(this.props, Item.allowedProps)
 
     return (
-      <ElementType role="none" css={styles?.item}>
+      <ElementType
+        role="none"
+        css={styles?.item}
+        // @ts-expect-error TODO fix produces an union that is too complex to represent
+        ref={(element: any) => {
+          this.ref = element
+        }}
+      >
         <span {...passthroughProps} css={styles?.container} role={role}>
           {children}
         </span>

package/src/Options/index.tsx

@@ -71,6 +71,12 @@ class Options extends Component<OptionsProps> {
   static Item = Item
   static Separator = Separator
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+  }
+
   componentDidMount() {
     this.props.makeStyles?.()
   }
@@ -133,9 +139,10 @@ class Options extends Component<OptionsProps> {
       Options
     )
 
-    const { as, role, elementRef, renderLabel, styles } = this.props
+    const { as, role, renderLabel, elementRef, styles } = this.props
+
     return (
-      <div css={styles?.options} role="presentation">
+      <div css={styles?.options} role="presentation" ref={this.handleRef}>
         {renderLabel && this.renderLabel()}
         <View
           {...passthroughProps}

package/src/Options/props.ts

@@ -36,7 +36,7 @@ import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 type OptionsOwnProps = {
   as?: AsElementType
   role?: string
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
   renderLabel?: React.ReactNode | ((...args: any[]) => any)
   children?: React.ReactNode
 }

package/types/Options/Item/index.d.ts

@@ -34,6 +34,7 @@ declare class Item extends Component<OptionsItemProps> {
         readonly renderAfterLabel: null;
         readonly children: null;
     };
+    ref: Element | null;
     componentDidMount(): void;
     componentDidUpdate(): void;
     renderContent(renderLabel: any, contentVariant: any): jsx.JSX.Element;

package/types/Options/Item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Options/Item/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAC5C,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;MAOT;IAEV,iBAAiB;IAIjB,kBAAkB;IAKlB,aAAa,CAAC,WAAW,KAAA,EAAE,cAAc,KAAA;IAmBzC,MAAM;CAyBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Options/Item/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAC5C,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;MAOT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAKlB,aAAa,CAAC,WAAW,KAAA,EAAE,cAAc,KAAA;IAmBzC,MAAM;CAgCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/Options/index.d.ts

@@ -14,14 +14,14 @@ declare class Options extends Component<OptionsProps> {
     static allowedProps: readonly (keyof {
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         role?: string | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         renderLabel?: import("react").ReactNode | ((...args: any[]) => any);
         children?: import("react").ReactNode;
     })[];
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         role?: string | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         renderLabel?: import("react").ReactNode | ((...args: any[]) => any);
         children?: import("react").ReactNode;
     }>;
@@ -34,6 +34,8 @@ declare class Options extends Component<OptionsProps> {
     };
     static Item: typeof Item;
     static Separator: typeof Separator;
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     componentDidMount(): void;
     componentDidUpdate(): void;
     _labelId: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Options/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAazD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C;;;;GAIG;AACH,cAEM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,aAAY;IAEvC,MAAM,CAAC,YAAY;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAOlB;IAED,MAAM,CAAC,IAAI,cAAO;IAClB,MAAM,CAAC,SAAS,mBAAY;IAE5B,iBAAiB;IAIjB,kBAAkB;IAIlB,QAAQ,SAAuB;IAE/B,IAAI,OAAO,qBAMV;IAED,WAAW;IAeX,aAAa,CAAC,QAAQ,KAAA;IAStB,cAAc;IAcd,MAAM;CA2BP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Options/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAazD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C;;;;GAIG;AACH,cAEM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,aAAY;IAEvC,MAAM,CAAC,YAAY;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAOlB;IAED,MAAM,CAAC,IAAI,cAAO;IAClB,MAAM,CAAC,SAAS,mBAAY;IAE5B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,QAAQ,SAAuB;IAE/B,IAAI,OAAO,qBAMV;IAED,WAAW;IAeX,aAAa,CAAC,QAAQ,KAAA;IAStB,cAAc;IAcd,MAAM;CA4BP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/types/Options/props.d.ts

@@ -4,7 +4,7 @@ import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type OptionsOwnProps = {
     as?: AsElementType;
     role?: string;
-    elementRef?: (...args: any[]) => any;
+    elementRef?: (element: Element | null) => void;
     renderLabel?: React.ReactNode | ((...args: any[]) => any);
     children?: React.ReactNode;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Options/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACb,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,eAAe,GAAG;IACrB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GAAG,cAAc,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;AAEhF,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,CAAA;AAEhE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Options/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACb,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,eAAe,GAAG;IACrB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GAAG,cAAc,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;AAEhF,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,CAAA;AAEhE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

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.