@instructure/ui-list 8.33.1 → 8.33.2

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.33.2](https://github.com/instructure/instructure-ui/compare/v8.33.1...v8.33.2) (2023-01-25)
+
+**Note:** Version bump only for package @instructure/ui-list
+
 ## [8.33.1](https://github.com/instructure/instructure-ui/compare/v8.33.0...v8.33.1) (2023-01-06)
 
 **Note:** Version bump only for package @instructure/ui-list

package/es/InlineList/InlineListItem/InlineListItemLocator.js

@@ -23,8 +23,9 @@
  */
 import { locator } from '@instructure/ui-test-locator';
 import { InlineListLocator } from '../InlineListLocator';
-import { InlineListItem } from './index'; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+import { InlineListItem } from './index';
 
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const InlineListItemLocator = locator(InlineListItem.selector, {
   findNestedOptions: function () {
     return InlineListLocator.find(...arguments);

package/es/InlineList/InlineListItem/index.js

@@ -1,8 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["delimiter", "size", "margin", "padding", "elementRef", "children", "spacing", "styles"];
-
 var _dec, _dec2, _class, _class2;
-
 /*
  * The MIT License (MIT)
  *
@@ -26,7 +24,6 @@ var _dec, _dec2, _class, _class2;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
 /** @jsx jsx */
 import { Component } from 'react';
 import { View } from '@instructure/ui-view';
@@ -36,7 +33,6 @@ import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { propTypes, allowedProps } from './props';
-
 /**
 ---
 parent: InlineList
@@ -48,41 +44,33 @@ let InlineListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _
   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;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
-
   render() {
     const _this$props3 = this.props,
-          delimiter = _this$props3.delimiter,
-          size = _this$props3.size,
-          margin = _this$props3.margin,
-          padding = _this$props3.padding,
-          elementRef = _this$props3.elementRef,
-          children = _this$props3.children,
-          spacing = _this$props3.spacing,
-          styles = _this$props3.styles,
-          rest = _objectWithoutProperties(_this$props3, _excluded);
-
+      delimiter = _this$props3.delimiter,
+      size = _this$props3.size,
+      margin = _this$props3.margin,
+      padding = _this$props3.padding,
+      elementRef = _this$props3.elementRef,
+      children = _this$props3.children,
+      spacing = _this$props3.spacing,
+      styles = _this$props3.styles,
+      rest = _objectWithoutProperties(_this$props3, _excluded);
     return jsx(View, Object.assign({}, passthroughProps(rest), {
       css: styles === null || styles === void 0 ? void 0 : styles.inlineListItem,
       as: "li",
@@ -96,7 +84,6 @@ let InlineListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _
       "aria-hidden": "true"
     }));
   }
-
 }, _class2.displayName = "InlineListItem", _class2.componentId = 'InlineList.Item', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
   padding: 'none',
   spacing: 'none',

package/es/InlineList/InlineListItem/props.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import PropTypes from 'prop-types';
 import { ThemeablePropTypes } from '@instructure/emotion';
 const propTypes = {

package/es/InlineList/InlineListItem/styles.js

@@ -21,8 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { logError as error } from '@instructure/console';
 
+import { logError as error } from '@instructure/console';
 /**
  * ---
  * private: true
@@ -37,8 +37,8 @@ import { logError as error } from '@instructure/console';
  */
 const generateStyle = (componentTheme, props) => {
   const size = props.size,
-        delimiter = props.delimiter,
-        spacing = props.spacing;
+    delimiter = props.delimiter,
+    spacing = props.spacing;
   const withDelimiter = delimiter !== 'none';
   const withSpacing = spacing !== 'none';
   error(!(withDelimiter && withSpacing), `[InlineList] \`itemSpacing\` has no effect inside Lists with the \`delimiter\` prop set to anything other than \`none\`.`);
@@ -142,5 +142,4 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 export default generateStyle;

package/es/InlineList/InlineListItem/theme.js

@@ -29,9 +29,9 @@
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        spacing = theme.spacing,
-        typography = theme.typography,
-        themeName = theme.key;
+    spacing = theme.spacing,
+    typography = theme.typography,
+    themeName = theme.key;
   const themeSpecificStyle = {
     canvas: {
       color: theme['ic-brand-font-color-dark']
@@ -59,9 +59,9 @@ const generateComponentTheme = theme => {
     spacingXLarge: spacing === null || spacing === void 0 ? void 0 : spacing.xLarge,
     spacingXXLarge: spacing === null || spacing === void 0 ? void 0 : spacing.xxLarge
   };
-  return { ...componentVariables,
+  return {
+    ...componentVariables,
     ...themeSpecificStyle[themeName]
   };
 };
-
 export default generateComponentTheme;

package/es/InlineList/InlineListLocator.js

@@ -23,8 +23,9 @@
  */
 import { locator } from '@instructure/ui-test-locator';
 import { InlineList } from './index';
-import { InlineListItemLocator } from './InlineListItem/InlineListItemLocator'; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+import { InlineListItemLocator } from './InlineListItem/InlineListItemLocator';
 
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const InlineListLocator = locator(InlineList.selector, {
   findAllItems: function () {
     return InlineListItemLocator.findAll(...arguments);

package/es/InlineList/__examples__/InlineList.examples.js

@@ -1,5 +1,4 @@
 var _InlineList$Item, _InlineList$Item2, _InlineList$Item3;
-
 /*
  * The MIT License (MIT)
  *
@@ -23,6 +22,7 @@ var _InlineList$Item, _InlineList$Item2, _InlineList$Item3;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import React from 'react';
 import { InlineList } from '../index';
 export default {
@@ -39,7 +39,8 @@ export default {
     };
   },
   filter: props => {
-    return (// itemSpacing has no affect on the list if the delimiter prop is set
+    return (
+      // itemSpacing has no affect on the list if the delimiter prop is set
       // to anything other than 'none' so filter the others
       props.delimiter !== 'none' && props.itemSpacing !== 'none'
     );

package/es/InlineList/index.js

@@ -1,8 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["as", "margin", "elementRef"];
-
 var _dec, _class, _class2;
-
 /*
  * The MIT License (MIT)
  *
@@ -32,7 +30,6 @@ import { passthroughProps, safeCloneElement } from '@instructure/ui-react-utils'
 import { testable } from '@instructure/ui-testable';
 import { InlineListItem } from './InlineListItem';
 import { propTypes, allowedProps } from './props';
-
 /**
 ---
 category: components
@@ -43,17 +40,14 @@ let InlineList = (_dec = testable(), _dec(_class = (_class2 = class InlineList e
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
   }
-
   renderChildren() {
     return Children.map(this.props.children, child => {
       if (!child) return; // ignore null, falsy children
@@ -65,14 +59,12 @@ let InlineList = (_dec = testable(), _dec(_class = (_class2 = class InlineList e
       });
     });
   }
-
   render() {
     const _this$props = this.props,
-          as = _this$props.as,
-          margin = _this$props.margin,
-          elementRef = _this$props.elementRef,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
+      as = _this$props.as,
+      margin = _this$props.margin,
+      elementRef = _this$props.elementRef,
+      rest = _objectWithoutProperties(_this$props, _excluded);
     return /*#__PURE__*/React.createElement(View, Object.assign({}, passthroughProps(rest), {
       as: as,
       margin: margin,
@@ -81,7 +73,6 @@ let InlineList = (_dec = testable(), _dec(_class = (_class2 = class InlineList e
       display: "block"
     }), this.renderChildren());
   }
-
 }, _class2.displayName = "InlineList", _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
   itemSpacing: 'none',
   as: 'ul',

package/es/InlineList/props.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import PropTypes from 'prop-types';
 import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
 import { ThemeablePropTypes } from '@instructure/emotion';

package/es/List/ListItem/index.js

@@ -1,8 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["delimiter", "spacing", "size", "margin", "padding", "elementRef", "children", "styles"];
-
 var _dec, _dec2, _class, _class2;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,7 +34,6 @@ import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { propTypes, allowedProps } from './props';
-
 /**
 ---
 parent: List
@@ -48,41 +45,33 @@ let ListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
   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;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
-
   render() {
     const _this$props3 = this.props,
-          delimiter = _this$props3.delimiter,
-          spacing = _this$props3.spacing,
-          size = _this$props3.size,
-          margin = _this$props3.margin,
-          padding = _this$props3.padding,
-          elementRef = _this$props3.elementRef,
-          children = _this$props3.children,
-          styles = _this$props3.styles,
-          rest = _objectWithoutProperties(_this$props3, _excluded);
-
+      delimiter = _this$props3.delimiter,
+      spacing = _this$props3.spacing,
+      size = _this$props3.size,
+      margin = _this$props3.margin,
+      padding = _this$props3.padding,
+      elementRef = _this$props3.elementRef,
+      children = _this$props3.children,
+      styles = _this$props3.styles,
+      rest = _objectWithoutProperties(_this$props3, _excluded);
     return jsx(View, Object.assign({}, passthroughProps(rest), {
       css: styles === null || styles === void 0 ? void 0 : styles.listItem,
       as: "li",
@@ -92,7 +81,6 @@ let ListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
       elementRef: this.handleRef
     }), children);
   }
-
 }, _class2.displayName = "ListItem", _class2.componentId = 'List.Item', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
   padding: 'none',
   spacing: 'none',

package/es/List/ListItem/props.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import PropTypes from 'prop-types';
 import { ThemeablePropTypes } from '@instructure/emotion';
 const propTypes = {

package/es/List/ListItem/styles.js

@@ -21,8 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { logError as error } from '@instructure/console';
 
+import { logError as error } from '@instructure/console';
 /**
  * ---
  * private: true
@@ -37,8 +37,8 @@ import { logError as error } from '@instructure/console';
  */
 const generateStyle = (componentTheme, props) => {
   const size = props.size,
-        delimiter = props.delimiter,
-        spacing = props.spacing;
+    delimiter = props.delimiter,
+    spacing = props.spacing;
   const withDelimiter = delimiter !== 'none';
   const withSpacing = spacing !== 'none';
   error(!(withDelimiter && withSpacing), `[List] \`itemSpacing\` has no effect inside Lists with the \`delimiter\` prop set to anything other than \`none\`.`);
@@ -123,5 +123,4 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 export default generateStyle;

package/es/List/ListItem/theme.js

@@ -29,10 +29,10 @@
  */
 const generateComponentTheme = theme => {
   const borders = theme.borders,
-        colors = theme.colors,
-        spacing = theme.spacing,
-        typography = theme.typography,
-        themeName = theme.key;
+    colors = theme.colors,
+    spacing = theme.spacing,
+    typography = theme.typography,
+    themeName = theme.key;
   const themeSpecificStyle = {
     canvas: {
       color: theme['ic-brand-font-color-dark']
@@ -57,9 +57,9 @@ const generateComponentTheme = theme => {
     delimiterDashedBorder: `${borders === null || borders === void 0 ? void 0 : borders.widthSmall} dashed ${colors === null || colors === void 0 ? void 0 : colors.borderMedium}`,
     delimiterSolidBorder: `${borders === null || borders === void 0 ? void 0 : borders.widthSmall} solid ${colors === null || colors === void 0 ? void 0 : colors.borderMedium}`
   };
-  return { ...componentVariables,
+  return {
+    ...componentVariables,
     ...themeSpecificStyle[themeName]
   };
 };
-
 export default generateComponentTheme;

package/es/List/ListLocator.js

@@ -21,11 +21,14 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { locator } from '@instructure/ui-test-locator';
-import { List } from './index'; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+import { List } from './index';
 
-const ListItemLocator = locator(List.Item.selector); // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+const ListItemLocator = locator(List.Item.selector);
 
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const ListLocator = locator(List.selector, {
   findAllItems: function () {
     return ListItemLocator.findAll(...arguments);

package/es/List/__examples__/List.examples.js

@@ -1,5 +1,4 @@
 var _List$Item, _List$Item2, _List$Item3;
-
 /*
  * The MIT License (MIT)
  *
@@ -23,6 +22,7 @@ var _List$Item, _List$Item2, _List$Item3;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import React from 'react';
 import { List } from '../index';
 export default {

package/es/List/index.js

@@ -1,8 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["as", "margin", "isUnstyled", "elementRef", "styles"];
-
 var _dec, _dec2, _class, _class2;
-
 /*
  * The MIT License (MIT)
  *
@@ -37,7 +35,6 @@ import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { propTypes, allowedProps } from './props';
-
 /**
 ---
 category: components
@@ -48,29 +45,22 @@ let List = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
   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;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
-
   renderChildren() {
     return Children.map(this.props.children, child => {
       if (!child) return; // ignore null, falsy children
@@ -83,16 +73,14 @@ let List = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
       });
     });
   }
-
   render() {
     const _this$props3 = this.props,
-          as = _this$props3.as,
-          margin = _this$props3.margin,
-          isUnstyled = _this$props3.isUnstyled,
-          elementRef = _this$props3.elementRef,
-          styles = _this$props3.styles,
-          rest = _objectWithoutProperties(_this$props3, _excluded);
-
+      as = _this$props3.as,
+      margin = _this$props3.margin,
+      isUnstyled = _this$props3.isUnstyled,
+      elementRef = _this$props3.elementRef,
+      styles = _this$props3.styles,
+      rest = _objectWithoutProperties(_this$props3, _excluded);
     return jsx(View, Object.assign({}, passthroughProps(rest), {
       css: styles === null || styles === void 0 ? void 0 : styles.list,
       as: as,
@@ -101,7 +89,6 @@ let List = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
       display: "block"
     }), this.renderChildren());
   }
-
 }, _class2.displayName = "List", _class2.componentId = 'List', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
   as: 'ul',
   delimiter: 'none',

package/es/List/locator.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { ListLocator } from './ListLocator';
 export { ListLocator };
 export default ListLocator;

package/es/List/props.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import PropTypes from 'prop-types';
 import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
 import { ThemeablePropTypes } from '@instructure/emotion';

package/es/List/styles.js

@@ -34,7 +34,7 @@
  */
 const generateStyle = (componentTheme, props) => {
   const isUnstyled = props.isUnstyled,
-        as = props.as;
+    as = props.as;
   const ordered = as === 'ol';
   return {
     list: {
@@ -61,5 +61,4 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 export default generateStyle;

package/es/List/theme.js

@@ -29,14 +29,14 @@
  */
 const generateComponentTheme = theme => {
   const spacing = theme.spacing,
-        typography = theme.typography;
+    typography = theme.typography;
   const componentVariables = {
     listPadding: spacing === null || spacing === void 0 ? void 0 : spacing.large,
     orderedNumberFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
     orderedNumberMargin: spacing === null || spacing === void 0 ? void 0 : spacing.xSmall
   };
-  return { ...componentVariables
+  return {
+    ...componentVariables
   };
 };
-
 export default generateComponentTheme;

package/es/index.js

@@ -21,5 +21,6 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 export { InlineList } from './InlineList';
 export { List, ListItem } from './List';

package/lib/InlineList/InlineListItem/InlineListItemLocator.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineListItemLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _InlineListLocator = require("../InlineListLocator");
-
 var _index = require("./index");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,6 +30,7 @@ var _index = require("./index");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const InlineListItemLocator = (0, _locator.locator)(_index.InlineListItem.selector, {
   findNestedOptions: function () {