@instructure/ui-drilldown 8.33.1 → 8.33.2-snapshot-5

package/es/Drilldown/locator.js

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

package/es/Drilldown/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, controllable } from '@instructure/ui-prop-types';
 import { PositionPropTypes } from '@instructure/ui-position';
@@ -65,6 +66,7 @@ const propTypes = {
   offsetX: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   offsetY: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-const allowedProps = ['rootPageId', 'children', 'id', 'label', 'disabled', 'rotateFocus', 'as', 'role', 'overflowX', 'overflowY', 'height', 'width', 'minHeight', 'minWidth', 'maxHeight', 'maxWidth', // Popover version props
+const allowedProps = ['rootPageId', 'children', 'id', 'label', 'disabled', 'rotateFocus', 'as', 'role', 'overflowX', 'overflowY', 'height', 'width', 'minHeight', 'minWidth', 'maxHeight', 'maxWidth',
+// Popover version props
 'trigger', 'placement', 'defaultShow', 'show', 'onToggle', 'onSelect', 'onDismiss', 'onFocus', 'onMouseOver', 'elementRef', 'drilldownRef', 'popoverRef', 'mountNode', 'positionTarget', 'positionContainerDisplay', 'constrain', 'shouldHideOnSelect', 'shouldContainFocus', 'shouldReturnFocus', 'withArrow', 'offsetX', 'offsetY'];
 export { propTypes, allowedProps };

package/es/Drilldown/styles.js

@@ -39,6 +39,7 @@ const generateStyle = (componentTheme, _props, state) => {
       label: 'drilldown',
       overflow: 'visible',
       // needed for focus ring!
+
       ...(hasHighlightedOption && {
         '&:focus::before': {
           display: 'none'
@@ -78,5 +79,4 @@ const generateStyle = (componentTheme, _props, state) => {
     headerActionColor: componentTheme.headerActionColor
   };
 };
-
 export default generateStyle;

package/es/Drilldown/theme.js

@@ -29,15 +29,15 @@
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        typography = theme.typography,
-        spacing = theme.spacing;
+    typography = theme.typography,
+    spacing = theme.spacing;
   const componentVariables = {
     headerTitleFontWeight: typography.fontWeightBold,
     headerActionColor: colors.textLink,
     labelInfoPadding: spacing === null || spacing === void 0 ? void 0 : spacing.small
   };
-  return { ...componentVariables
+  return {
+    ...componentVariables
   };
 };
-
 export default generateComponentTheme;

package/es/index.js

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

package/lib/Drilldown/DrilldownGroup/index.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DrilldownGroup = void 0;
-
 var _react = require("react");
-
 var _emotion = require("@instructure/emotion");
-
 var _uiOptions = require("@instructure/ui-options");
-
 var _props = require("./props");
-
 var _dec, _class, _class2;
-
 /**
 ---
 parent: Drilldown
@@ -31,7 +25,6 @@ let DrilldownGroup = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsThe
     // Drilldown.Group is parsed in Drilldown as an Options component.
     return null;
   }
-
 }, _class2.displayName = "DrilldownGroup", _class2.componentId = 'Drilldown.Group', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   disabled: false,
   withoutSeparators: false,

package/lib/Drilldown/DrilldownGroup/props.js

@@ -1,20 +1,14 @@
 "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 _Children = require("@instructure/ui-prop-types/lib/Children.js");
-
 var _DrilldownOption = _interopRequireDefault(require("../DrilldownOption"));
-
 var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"));
-
 /*
  * The MIT License (MIT)
  *
@@ -38,6 +32,7 @@ var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   id: _propTypes.default.string.isRequired,
   children: _Children.Children.oneOf([_DrilldownOption.default, _DrilldownSeparator.default]),

package/lib/Drilldown/DrilldownLocator.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DrilldownLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _uiTestUtils = require("@instructure/ui-test-utils");
-
 var _OptionsItemLocator = require("@instructure/ui-options/lib/Options/Item/OptionsItemLocator");
-
 var _PopoverLocator = require("@instructure/ui-popover/lib/Popover/PopoverLocator");
-
 var _index = require("./index");
-
 /*
  * The MIT License (MIT)
  *
@@ -41,16 +35,17 @@ var _index = require("./index");
 
 /* eslint-disable no-restricted-imports */
 // @ts-expect-error bypass no type definition found error
+
 // @ts-expect-error bypass no type definition found error
 
 /* eslint-enable no-restricted-imports */
+
 const customMethods = {
   // return the wrapper Option.Items
   findAllOptions: async function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     return await (0, _uiTestUtils.findAll)('[class$=-optionItem__container]:not([role="presentation"])', ...args);
   },
   findAllOptionWrappers: async function () {
@@ -60,77 +55,66 @@ const customMethods = {
     for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
       args[_key2 - 2] = arguments[_key2];
     }
-
     return _OptionsItemLocator.OptionsItemLocator.find(`:has(#${optionId})`, ...args);
   },
   findSizableContainer: async function () {
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       args[_key3] = arguments[_key3];
     }
-
     return await (0, _uiTestUtils.find)('[class$=-drilldown__container]', ...args);
   },
   findSelectableContainer: async function () {
     for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
       args[_key4] = arguments[_key4];
     }
-
     return await (0, _uiTestUtils.find)('[id^=Selectable_][id$=-list]', ...args);
   },
   findHeaderTitle: async function () {
     for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
       args[_key5] = arguments[_key5];
     }
-
     return await (0, _uiTestUtils.find)('[id^=DrilldownHeader-Title]', ...args);
   },
   findHeaderActionOption: async function () {
     for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
       args[_key6] = arguments[_key6];
     }
-
     return await (0, _uiTestUtils.find)('[id^=DrilldownHeader-Action]', ...args);
   },
   findHeaderBackOption: async function () {
     for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
       args[_key7] = arguments[_key7];
     }
-
     return await (0, _uiTestUtils.find)('[id^=DrilldownHeader-Back]', ...args);
   },
   findHeaderSeparator: async function () {
     for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
       args[_key8] = arguments[_key8];
     }
-
     return await (0, _uiTestUtils.find)('[id^=DrilldownHeader-Separator]', ...args);
   },
   findAllSeparators: async function () {
     for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
       args[_key9] = arguments[_key9];
     }
-
     return await (0, _uiTestUtils.findAll)('[class$=-separator]', ...args);
   },
   findAllGroupLabels: async function () {
     for (var _len10 = arguments.length, args = new Array(_len10), _key10 = 0; _key10 < _len10; _key10++) {
       args[_key10] = arguments[_key10];
     }
-
     return await (0, _uiTestUtils.findAll)('[class$=-options__label]', ...args);
   },
   findLabelInfo: async function () {
     for (var _len11 = arguments.length, args = new Array(_len11), _key11 = 0; _key11 < _len11; _key11++) {
       args[_key11] = arguments[_key11];
     }
-
     return await (0, _uiTestUtils.find)('[class$=-drilldown__optionLabelInfo]', ...args);
   },
   findDescription: async function () {
     for (var _len12 = arguments.length, args = new Array(_len12), _key12 = 0; _key12 < _len12; _key12++) {
       args[_key12] = arguments[_key12];
     }
-
     return await (0, _uiTestUtils.find)('[class$=__description]', ...args);
   },
   findPopoverRoot: function () {
@@ -141,17 +125,19 @@ const customMethods = {
   },
   findPopoverContent: function () {
     const _parseQueryArguments = (0, _uiTestUtils.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 DrilldownLocator = (0, _locator.locator)(_index.Drilldown.selector, customMethods);
 exports.DrilldownLocator = DrilldownLocator;

package/lib/Drilldown/DrilldownOption/index.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DrilldownOption = void 0;
-
 var _react = require("react");
-
 var _emotion = require("@instructure/emotion");
-
 var _uiOptions = require("@instructure/ui-options");
-
 var _props = require("./props");
-
 var _dec, _class, _class2;
-
 /**
 ---
 parent: Drilldown
@@ -31,7 +25,6 @@ let DrilldownOption = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsIt
     // are parsed in Drilldown and rendered as Options.Item components
     return null;
   }
-
 }, _class2.displayName = "DrilldownOption", _class2.componentId = 'Drilldown.Option', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   disabled: false,
   beforeLabelContentVAlign: 'start',

package/lib/Drilldown/DrilldownOption/props.js

@@ -1,14 +1,11 @@
 "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"));
-
 /*
  * The MIT License (MIT)
  *
@@ -32,6 +29,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   id: _propTypes.default.string.isRequired,
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),

package/lib/Drilldown/DrilldownPage/index.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DrilldownPage = void 0;
-
 var _react = require("react");
-
 var _props = require("./props");
-
 /*
  * The MIT License (MIT)
  *
@@ -49,9 +46,7 @@ class DrilldownPage extends _react.Component {
     // Drilldown.Page children are parsed in Drilldown.
     return null;
   }
-
 }
-
 exports.DrilldownPage = DrilldownPage;
 DrilldownPage.displayName = "DrilldownPage";
 DrilldownPage.componentId = 'Drilldown.Page';

package/lib/Drilldown/DrilldownPage/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 _Children = require("@instructure/ui-prop-types/lib/Children.js");
-
 var _DrilldownGroup = _interopRequireDefault(require("../DrilldownGroup"));
-
 var _DrilldownOption = _interopRequireDefault(require("../DrilldownOption"));
-
 var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"));
-
 /*
  * The MIT License (MIT)
  *
@@ -40,6 +33,7 @@ var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   id: _propTypes.default.string.isRequired,
   children: _Children.Children.oneOf([_DrilldownOption.default, _DrilldownSeparator.default, _DrilldownGroup.default]),

package/lib/Drilldown/DrilldownSeparator/index.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DrilldownSeparator = void 0;
-
 var _react = require("react");
-
 var _emotion = require("@instructure/emotion");
-
 var _uiOptions = require("@instructure/ui-options");
-
 var _props = require("./props");
-
 var _dec, _class, _class2;
-
 /**
 ---
 parent: Drilldown
@@ -31,7 +25,6 @@ let DrilldownSeparator = (_dec = (0, _emotion.withStyle)(null, _uiOptions.option
     // are parsed in Drilldown and rendered as Options.Separator components
     return null;
   }
-
 }, _class2.displayName = "DrilldownSeparator", _class2.componentId = 'Drilldown.Separator', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2)) || _class);
 exports.DrilldownSeparator = DrilldownSeparator;
 var _default = DrilldownSeparator;

package/lib/Drilldown/DrilldownSeparator/props.js

@@ -1,14 +1,11 @@
 "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"));
-
 /*
  * The MIT License (MIT)
  *
@@ -32,6 +29,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   id: _propTypes.default.string.isRequired,
   as: _propTypes.default.elementType

package/lib/Drilldown/__examples__/Drilldown.examples.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../index");
-
 var _Drilldown$Page, _Drilldown$Page2, _Drilldown$Page3, _Drilldown$Page4, _Drilldown$Option, _Drilldown$Option2, _Drilldown$Option3, _Drilldown$Option4, _br, _br2, _br3, _Drilldown$Option5;
-
 const triggerButton = /*#__PURE__*/_react.default.createElement("button", {
   key: 1,
   style: {
@@ -21,7 +16,6 @@ const triggerButton = /*#__PURE__*/_react.default.createElement("button", {
     top: '45%'
   }
 }, "a drilldown trigger");
-
 var _default = {
   maxExamplesPerPage: 10,
   propValues: {
@@ -40,7 +34,8 @@ var _default = {
       groupDisabled: true,
       renderGroupTitle: 'groupTitle',
       contentVAlign: 'start'
-    }, // overflowX tests
+    },
+    // overflowX tests
     {
       text: 'overflowX auto',
       defaultShow: true,
@@ -71,7 +66,8 @@ var _default = {
       groupDisabled: false,
       renderGroupTitle: void 0,
       contentVAlign: 'end'
-    }, // overflowY tests
+    },
+    // overflowY tests
     {
       text: 'overflowY auto',
       defaultShow: true,
@@ -102,12 +98,14 @@ var _default = {
       groupDisabled: false,
       renderGroupTitle: void 0,
       contentVAlign: 'end'
-    }, // tests for Drilldown.Page
+    },
+    // tests for Drilldown.Page
     {
       page: 'pageWithSubpages'
     }, {
       page: 'pageWithSubpages2'
-    }, // Popover version
+    },
+    // Popover version
     {
       text: 'with trigger',
       trigger: triggerButton,
@@ -167,7 +165,6 @@ var _default = {
       positionContainerDisplay: 'block'
     }]
   },
-
   getExampleProps(props) {
     return {
       height: props.customProps.defaultShow || !props.customProps.trigger ? '57rem' : '5rem',
@@ -177,7 +174,6 @@ var _default = {
       position: 'relative'
     };
   },
-
   getComponentProps: props => {
     return {
       rootPageId: 'page0',
@@ -211,7 +207,6 @@ var _default = {
   }
 };
 exports.default = _default;
-
 function generateDrilldownChildren(props, variant) {
   if (variant == 'pageWithSubpages') {
     return [_Drilldown$Page || (_Drilldown$Page = /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
@@ -258,7 +253,6 @@ function generateDrilldownChildren(props, variant) {
       id: "tmp"
     }, "subpage option")))];
   }
-
   return [/*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
     id: "page0",
     key: "page0"