@instructure/ui-menu 8.33.1 → 8.33.2

package/lib/Menu/MenuItem/props.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,6 +30,7 @@ var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   children: _propTypes.default.node.isRequired,
   defaultSelected: _propTypes.default.bool,

package/lib/Menu/MenuItem/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -41,7 +40,7 @@ exports.default = void 0;
  */
 const generateStyle = (componentTheme, props) => {
   const type = props.type,
-        disabled = props.disabled;
+    disabled = props.disabled;
   const isRadioOrCheckbox = type === 'checkbox' || type === 'radio';
   const flyoutIconStyles = type === 'flyout' ? {
     insetInlineStart: 'auto',
@@ -131,6 +130,5 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/Menu/MenuItem/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,9 +35,9 @@ exports.default = void 0;
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        typography = theme.typography,
-        spacing = theme.spacing,
-        themeName = theme.key;
+    typography = theme.typography,
+    spacing = theme.spacing,
+    themeName = theme.key;
   const themeSpecificStyle = {
     canvas: {
       labelColor: theme['ic-brand-font-color-dark'],
@@ -61,10 +60,10 @@ const generateComponentTheme = theme => {
     activeLabelColor: colors === null || colors === void 0 ? void 0 : colors.textLightest,
     activeIconColor: colors === null || colors === void 0 ? void 0 : colors.textLightest
   };
-  return { ...componentVariables,
+  return {
+    ...componentVariables,
     ...themeSpecificStyle[themeName]
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/Menu/MenuItemGroup/MenuItemGroupLocator.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MenuItemGroupLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _index = require("./index");
-
 var _MenuItemLocator = require("../MenuItem/MenuItemLocator");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,6 +30,7 @@ var _MenuItemLocator = require("../MenuItem/MenuItemLocator");
  * 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 MenuItemGroupLocator = (0, _locator.locator)(_index.MenuItemGroup.selector, {
   findAllItems: function () {

package/lib/Menu/MenuItemGroup/index.js

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MenuItemGroup = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _emotion = require("@instructure/emotion");
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-
 var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-
 var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
-
 var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-
 var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
-
 var _MenuItem = require("../MenuItem");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 var _dec, _dec2, _dec3, _class, _class2;
-
 /**
 ---
 parent: Menu
@@ -47,17 +31,14 @@ let MenuItemGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _de
     super(props);
     this._labelId = void 0;
     this.ref = null;
-
     this.handleRef = el => {
       this.ref = el;
     };
-
     this.handleSelect = (e, value, selected, item) => {
       if (this.props.disabled) {
         e.preventDefault();
         return;
       }
-
       if (this.props.selected) {
         this.updateSelected(e, value, this.props.selected, selected, item);
       } else {
@@ -68,12 +49,10 @@ let MenuItemGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _de
         });
       }
     };
-
     this.updateSelected = (e, value, items, selected, item) => {
       const allowMultiple = this.props.allowMultiple;
       let updated = allowMultiple ? [...items] : [];
       const location = updated.indexOf(value);
-
       if (selected === true && location < 0) {
         updated.push(value);
       } else if (selected === false && location !== -1) {
@@ -82,44 +61,33 @@ let MenuItemGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _de
         // don't allow nothing selected if it's not allowMultiple/checkbox
         updated = [...items];
       }
-
       if (typeof this.props.onSelect === 'function') {
         this.props.onSelect(e, updated, selected, item);
       }
-
       return updated;
     };
-
     if (typeof props.selected === 'undefined') {
       this.state = {
         selected: this.selectedFromChildren(props) || props.defaultSelected
       };
     }
-
     this._labelId = props.deterministicId('MenuItemGroup');
   }
-
   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);
   }
-
   selectedFromChildren(props) {
     const children = props.children,
-          allowMultiple = props.allowMultiple;
+      allowMultiple = props.allowMultiple;
     const selected = [];
-
     const items = _react.Children.toArray(children).filter(child => {
       return (0, _matchComponentTypes.matchComponentTypes)(child, [_MenuItem.MenuItem]);
     });
-
     items.forEach((item, index) => {
       if ((selected.length === 0 || allowMultiple) && (item.props.selected || item.props.defaultSelected)) {
         selected.push(item.props.value || index);
@@ -127,7 +95,6 @@ let MenuItemGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _de
     });
     return selected.length > 0 ? selected : null;
   }
-
   get selected() {
     if (typeof this.props.selected === 'undefined' && typeof this.state.selected === 'undefined') {
       return [];
@@ -135,23 +102,20 @@ let MenuItemGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _de
       return typeof this.props.selected === 'undefined' ? [...this.state.selected] : [...this.props.selected];
     }
   }
-
   renderLabel() {
     var _this$props$styles;
-
     const label = this.props.label;
     return (0, _hasVisibleChildren.hasVisibleChildren)(label) ? (0, _emotion.jsx)("span", {
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.label
     }, label) : label;
   }
-
   renderChildren() {
     const _this$props3 = this.props,
-          disabled = _this$props3.disabled,
-          controls = _this$props3.controls,
-          allowMultiple = _this$props3.allowMultiple,
-          isTabbable = _this$props3.isTabbable,
-          onMouseOver = _this$props3.onMouseOver;
+      disabled = _this$props3.disabled,
+      controls = _this$props3.controls,
+      allowMultiple = _this$props3.allowMultiple,
+      isTabbable = _this$props3.isTabbable,
+      onMouseOver = _this$props3.onMouseOver;
     const children = this.props.children;
     let index = -1;
     return _react.Children.map(children, child => {
@@ -177,10 +141,8 @@ let MenuItemGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _de
       }
     });
   }
-
   render() {
     var _this$props$styles2, _this$props$styles3;
-
     const props = (0, _omitProps.omitProps)(this.props, MenuItemGroup.allowedProps);
     return (0, _emotion.jsx)("span", Object.assign({}, props, {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.menuItemGroup,
@@ -195,7 +157,6 @@ let MenuItemGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _de
       "aria-labelledby": this._labelId
     }, this.renderChildren()));
   }
-
 }, _class2.displayName = "MenuItemGroup", _class2.componentId = 'Menu.Group', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   disabled: false,
   children: null,

package/lib/Menu/MenuItemGroup/locator.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "MenuItemGroupLocator", {
   }
 });
 exports.default = void 0;
-
 var _MenuItemGroupLocator = require("./MenuItemGroupLocator");
-
 /*
  * The MIT License (MIT)
  *

package/lib/Menu/MenuItemGroup/props.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
-
 var _Children = require("@instructure/ui-prop-types/lib/Children.js");
-
 var _MenuItem = require("../MenuItem");
-
 var _MenuItemSeparator = require("../MenuItemSeparator");
-
 /*
  * The MIT License (MIT)
  *
@@ -40,6 +33,7 @@ var _MenuItemSeparator = require("../MenuItemSeparator");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   label: _propTypes.default.node.isRequired,
   allowMultiple: _propTypes.default.bool,

package/lib/Menu/MenuItemGroup/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -64,6 +63,5 @@ const generateStyle = componentTheme => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/Menu/MenuItemGroup/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,9 +35,9 @@ exports.default = void 0;
  */
 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']
@@ -52,10 +51,10 @@ const generateComponentTheme = theme => {
     color: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
     background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest
   };
-  return { ...componentVariables,
+  return {
+    ...componentVariables,
     ...themeSpecificStyle[themeName]
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/Menu/MenuItemSeparator/index.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MenuItemSeparator = void 0;
-
 var _react = require("react");
-
 var _emotion = require("@instructure/emotion");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 var _dec, _dec2, _class, _class2;
-
 /**
 ---
 parent: Menu
@@ -34,27 +24,20 @@ let MenuItemSeparator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       this.ref = 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() {
     var _this$props$styles;
-
     const props = (0, _omitProps.omitProps)(this.props, MenuItemSeparator.allowedProps);
     return (0, _emotion.jsx)("div", Object.assign({}, props, {
       role: "presentation",
@@ -62,7 +45,6 @@ let MenuItemSeparator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       ref: this.handleRef
     }));
   }
-
 }, _class2.displayName = "MenuItemSeparator", _class2.componentId = 'Menu.Separator', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2)) || _class) || _class);
 exports.MenuItemSeparator = MenuItemSeparator;
 var _default = MenuItemSeparator;

package/lib/Menu/MenuItemSeparator/props.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -28,8 +27,10 @@ exports.propTypes = exports.allowedProps = void 0;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 // keeping here to keep the structure of props.ts
 // eslint-disable-next-line
+
 const propTypes = {};
 exports.propTypes = propTypes;
 const allowedProps = [];

package/lib/Menu/MenuItemSeparator/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -50,6 +49,5 @@ const generateStyle = componentTheme => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/Menu/MenuItemSeparator/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,16 +35,16 @@ exports.default = void 0;
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        spacing = theme.spacing,
-        borders = theme.borders;
+    spacing = theme.spacing,
+    borders = theme.borders;
   const componentVariables = {
     background: colors === null || colors === void 0 ? void 0 : colors.backgroundMedium,
     height: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
     margin: `0 ${spacing === null || spacing === void 0 ? void 0 : spacing.small}`
   };
-  return { ...componentVariables
+  return {
+    ...componentVariables
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/Menu/MenuLocator.js

@@ -16,19 +16,12 @@ Object.defineProperty(exports, "MenuItemLocator", {
   }
 });
 exports.MenuLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _uiTestQueries = require("@instructure/ui-test-queries");
-
 var _PopoverLocator = require("@instructure/ui-popover/lib/Popover/PopoverLocator");
-
 var _index = require("./index");
-
 var _MenuItemLocator = require("./MenuItem/MenuItemLocator");
-
 var _MenuItemGroupLocator = require("./MenuItemGroup/MenuItemGroupLocator");
-
 /*
  * The MIT License (MIT)
  *
@@ -52,8 +45,10 @@ var _MenuItemGroupLocator = require("./MenuItemGroup/MenuItemGroupLocator");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 // @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
 // eslint-disable-next-line no-restricted-imports
+
 const customMethods = {
   findAllItems: function () {
     return _MenuItemLocator.MenuItemLocator.findAll(...arguments);
@@ -72,17 +67,19 @@ const customMethods = {
   },
   findPopoverContent: function () {
     const _parseQueryArguments = (0, _uiTestQueries.parseQueryArguments)(...arguments),
-          element = _parseQueryArguments.element,
-          selector = _parseQueryArguments.selector,
-          options = _parseQueryArguments.options;
-
-    return _PopoverLocator.PopoverLocator.findContent(element, selector, { ...options,
-      customMethods: { ...options.customMethods,
+      element = _parseQueryArguments.element,
+      selector = _parseQueryArguments.selector,
+      options = _parseQueryArguments.options;
+    return _PopoverLocator.PopoverLocator.findContent(element, selector, {
+      ...options,
+      customMethods: {
+        ...options.customMethods,
         ...customMethods
       }
     });
   }
-}; // @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 MenuLocator = (0, _locator.locator)(_index.Menu.selector, customMethods);
 exports.MenuLocator = MenuLocator;