@instructure/ui-drilldown 8.21.1-snapshot.10

package/es/Drilldown/locator.js

@@ -0,0 +1,26 @@
+/*
+ * 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 { DrilldownLocator } from './DrilldownLocator';
+export { DrilldownLocator };
+export default DrilldownLocator;

package/es/Drilldown/props.js

@@ -0,0 +1,67 @@
+/*
+ * 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 { Children, controllable } from '@instructure/ui-prop-types';
+import { PositionPropTypes } from '@instructure/ui-position';
+import { DrilldownPage } from './DrilldownPage';
+const propTypes = {
+  rootPageId: PropTypes.string.isRequired,
+  children: Children.oneOf([DrilldownPage]),
+  id: PropTypes.string,
+  label: PropTypes.string,
+  disabled: PropTypes.bool,
+  rotateFocus: PropTypes.bool,
+  as: PropTypes.elementType,
+  role: PropTypes.string,
+  elementRef: PropTypes.func,
+  drilldownRef: PropTypes.func,
+  overflowX: PropTypes.oneOf(['auto', 'hidden', 'visible']),
+  overflowY: PropTypes.oneOf(['auto', 'hidden', 'visible']),
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  trigger: PropTypes.node,
+  placement: PositionPropTypes.placement,
+  defaultShow: PropTypes.bool,
+  show: controllable(PropTypes.bool, 'onToggle', 'defaultShow'),
+  onToggle: PropTypes.func,
+  onSelect: PropTypes.func,
+  onDismiss: PropTypes.func,
+  onFocus: PropTypes.func,
+  onMouseOver: PropTypes.func,
+  popoverRef: PropTypes.func,
+  mountNode: PositionPropTypes.mountNode,
+  positionTarget: PositionPropTypes.mountNode,
+  constrain: PositionPropTypes.constrain,
+  shouldHideOnSelect: PropTypes.bool,
+  shouldContainFocus: PropTypes.bool,
+  shouldReturnFocus: PropTypes.bool,
+  withArrow: PropTypes.bool,
+  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', 'maxHeight', 'maxWidth', // Popover version props
+'trigger', 'placement', 'defaultShow', 'show', 'onToggle', 'onSelect', 'onDismiss', 'onFocus', 'onMouseOver', 'elementRef', 'drilldownRef', 'popoverRef', 'mountNode', 'positionTarget', 'constrain', 'shouldHideOnSelect', 'shouldContainFocus', 'shouldReturnFocus', 'withArrow', 'offsetX', 'offsetY'];
+export { propTypes, allowedProps };

package/es/Drilldown/styles.js

@@ -0,0 +1,82 @@
+/*
+ * 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.
+ */
+
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+const generateStyle = (componentTheme, _props, state) => {
+  const hasHighlightedOption = state.hasHighlightedOption;
+  return {
+    drilldown: {
+      label: 'drilldown',
+      overflow: 'visible',
+      // needed for focus ring!
+      ...(hasHighlightedOption && {
+        '&:focus::before': {
+          display: 'none'
+        }
+      })
+    },
+    container: {
+      label: 'drilldown__container'
+    },
+    headerBack: {
+      label: 'drilldown__headerBack',
+      minHeight: '1.25em'
+    },
+    headerTitle: {
+      label: 'drilldown__headerTitle',
+      fontWeight: componentTheme.headerTitleFontWeight
+    },
+    optionContainer: {
+      label: 'drilldown__optionContainer',
+      alignItems: 'center',
+      display: 'flex',
+      height: '100%'
+    },
+    optionLabelInfo: {
+      label: 'drilldown__optionLabelInfo',
+      display: 'flex',
+      flexShrink: 0,
+      height: '100%',
+      alignItems: 'center',
+      paddingInlineStart: componentTheme.labelInfoPadding
+    },
+    optionContent: {
+      label: 'drilldown__optionContent',
+      flexGrow: 1
+    },
+    // we use it in the index file
+    headerActionColor: componentTheme.headerActionColor
+  };
+};
+
+export default generateStyle;

package/es/Drilldown/theme.js

@@ -0,0 +1,43 @@
+/*
+ * 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.
+ */
+
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+const generateComponentTheme = theme => {
+  const colors = theme.colors,
+        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
+  };
+};
+
+export default generateComponentTheme;

package/es/index.js

@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+export { Drilldown } from './Drilldown';

package/lib/Drilldown/DrilldownGroup/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+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, _temp;
+
+/**
+---
+parent: Drilldown
+id: Drilldown.Group
+---
+@module DrilldownGroup
+@tsProps
+**/
+// needed for listing the available theme variables on docs page,
+// we pass the themeOverrides to Options
+let DrilldownGroup = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsThemeGenerator), _dec(_class = (_temp = _class2 = class DrilldownGroup extends _react.Component {
+  render() {
+    // this component is only used for prop validation.
+    // 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,
+  role: 'group'
+}, _temp)) || _class);
+exports.DrilldownGroup = DrilldownGroup;
+var _default = DrilldownGroup;
+exports.default = _default;

package/lib/Drilldown/DrilldownGroup/props.js

@@ -0,0 +1,56 @@
+"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)
+ *
+ * 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 = {
+  id: _propTypes.default.string.isRequired,
+  children: _Children.Children.oneOf([_DrilldownOption.default, _DrilldownSeparator.default]),
+  renderGroupTitle: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+  withoutSeparators: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  role: _propTypes.default.string,
+  as: _propTypes.default.elementType,
+  elementRef: _propTypes.default.func,
+  selectableType: _propTypes.default.oneOf(['single', 'multiple']),
+  defaultSelected: _propTypes.default.array,
+  onSelect: _propTypes.default.func
+};
+exports.propTypes = propTypes;
+const allowedProps = ['id', 'children', 'renderGroupTitle', 'withoutSeparators', 'disabled', 'role', 'as', 'elementRef', 'selectableType', 'defaultSelected', 'onSelect'];
+exports.allowedProps = allowedProps;

package/lib/Drilldown/DrilldownLocator.js

@@ -0,0 +1,157 @@
+"use strict";
+
+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)
+ *
+ * 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.
+ */
+
+/* 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)('[role^=menuitem]', ...args);
+  },
+  findAllOptionWrappers: async function () {
+    return await _OptionsItemLocator.OptionsItemLocator.findAll(...arguments);
+  },
+  findOptionWrapperByOptionId: async function (_element, optionId) {
+    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 () {
+    return _PopoverLocator.PopoverLocator.find(...arguments);
+  },
+  findPopoverTrigger: function () {
+    return _PopoverLocator.PopoverLocator.findTrigger(...arguments);
+  },
+  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,
+        ...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
+
+const DrilldownLocator = (0, _locator.locator)(_index.Drilldown.selector, customMethods);
+exports.DrilldownLocator = DrilldownLocator;

package/lib/Drilldown/DrilldownOption/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+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, _temp;
+
+/**
+---
+parent: Drilldown
+id: Drilldown.Option
+---
+@module DrilldownOption
+@tsProps
+**/
+// needed for listing the available theme variables on docs page,
+// we pass the themeOverrides to Options.Item
+let DrilldownOption = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsItemThemeGenerator), _dec(_class = (_temp = _class2 = class DrilldownOption extends _react.Component {
+  render() {
+    // this component is only used for prop validation. Drilldown.Option children
+    // 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',
+  afterLabelContentVAlign: 'start',
+  descriptionRole: 'note',
+  as: 'li',
+  role: 'menuitem'
+}, _temp)) || _class);
+exports.DrilldownOption = DrilldownOption;
+var _default = DrilldownOption;
+exports.default = _default;

package/lib/Drilldown/DrilldownOption/props.js

@@ -0,0 +1,57 @@
+"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)
+ *
+ * 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 = {
+  id: _propTypes.default.string.isRequired,
+  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+  subPageId: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  href: _propTypes.default.string,
+  as: _propTypes.default.elementType,
+  role: _propTypes.default.string,
+  renderLabelInfo: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+  renderBeforeLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+  renderAfterLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+  beforeLabelContentVAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
+  afterLabelContentVAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
+  description: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+  descriptionRole: _propTypes.default.string,
+  onOptionClick: _propTypes.default.func,
+  defaultSelected: _propTypes.default.bool,
+  elementRef: _propTypes.default.func
+};
+exports.propTypes = propTypes;
+const allowedProps = ['id', 'children', 'subPageId', 'disabled', 'value', 'href', 'as', 'role', 'renderLabelInfo', 'renderBeforeLabel', 'renderAfterLabel', 'beforeLabelContentVAlign', 'afterLabelContentVAlign', 'description', 'descriptionRole', 'onOptionClick', 'defaultSelected', 'elementRef'];
+exports.allowedProps = allowedProps;

package/lib/Drilldown/DrilldownPage/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DrilldownPage = void 0;
+
+var _react = require("react");
+
+var _props = require("./props");
+
+/*
+ * 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.
+ */
+
+/** @jsx jsx */
+
+/**
+---
+parent: Drilldown
+id: Drilldown.Page
+---
+@module DrilldownPage
+@tsProps
+**/
+class DrilldownPage extends _react.Component {
+  render() {
+    // this component is only used for prop validation.
+    // Drilldown.Page children are parsed in Drilldown.
+    return null;
+  }
+
+}
+
+exports.DrilldownPage = DrilldownPage;
+DrilldownPage.displayName = "DrilldownPage";
+DrilldownPage.componentId = 'Drilldown.Page';
+DrilldownPage.propTypes = _props.propTypes;
+DrilldownPage.allowedProps = _props.allowedProps;
+DrilldownPage.defaultProps = {
+  renderBackButtonLabel: 'Back',
+  disabled: false,
+  withoutHeaderSeparator: false
+};
+var _default = DrilldownPage;
+exports.default = _default;