@instructure/ui-drilldown 8.21.1-snapshot.10

package/CHANGELOG.md

@@ -0,0 +1,36 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [8.21.0](https://github.com/instructure/instructure-ui/compare/v8.20.0...v8.21.0) (2022-03-30)
+
+**Note:** Version bump only for package @instructure/ui-drilldown
+
+# [8.20.0](https://github.com/instructure/instructure-ui/compare/v8.19.0...v8.20.0) (2022-03-22)
+
+**Note:** Version bump only for package @instructure/ui-drilldown
+
+# [8.19.0](https://github.com/instructure/instructure-ui/compare/v8.18.0...v8.19.0) (2022-03-16)
+
+**Note:** Version bump only for package @instructure/ui-drilldown
+
+# [8.18.0](https://github.com/instructure/instructure-ui/compare/v8.17.0...v8.18.0) (2022-02-23)
+
+**Note:** Version bump only for package @instructure/ui-drilldown
+
+# [8.17.0](https://github.com/instructure/instructure-ui/compare/v8.16.0...v8.17.0) (2022-02-07)
+
+### Bug Fixes
+
+- remove type:"commonjs" from package.json files ([0b243be](https://github.com/instructure/instructure-ui/commit/0b243bee389ee14493e6b3dbb30a8b660c295d3d))
+
+# [8.16.0](https://github.com/instructure/instructure-ui/compare/v8.15.0...v8.16.0) (2022-02-03)
+
+**Note:** Version bump only for package @instructure/ui-drilldown
+
+# [8.15.0](https://github.com/instructure/instructure-ui/compare/v8.14.0...v8.15.0) (2022-01-26)
+
+**Note:** Version bump only for package @instructure/ui-drilldown
+
+See the instructure-ui mono-repo [change log](#CHANGELOG) for past changes.

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+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.

package/README.md

@@ -0,0 +1,30 @@
+---
+category: packages
+---
+
+## ui-drilldown
+
+[![npm][npm]][npm-url] 
+[![MIT License][license-badge]][license] 
+[![Code of Conduct][coc-badge]][coc]
+
+A drilldown menu component.
+
+### Components
+
+The `ui-drilldown` package contains the following:
+
+- [Drilldown](#Drilldown)
+
+### Installation
+
+```sh
+yarn add @instructure/ui-drilldown
+```
+
+[npm]: https://img.shields.io/npm/v/@instructure/ui-drilldown.svg
+[npm-url]: https://npmjs.com/package/@instructure/ui-drilldown
+[license-badge]: https://img.shields.io/npm/l/instructure-ui.svg?style=flat-square
+[license]: https://github.com/instructure/instructure-ui/blob/master/LICENSE
+[coc-badge]: https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square
+[coc]: https://github.com/instructure/instructure-ui/blob/master/CODE_OF_CONDUCT.md

package/es/Drilldown/DrilldownGroup/index.js

@@ -0,0 +1,56 @@
+var _dec, _class, _class2, _temp;
+
+/*
+ * 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 */
+import { Component } from 'react';
+import { withStyle } from '@instructure/emotion';
+import { optionsThemeGenerator } from '@instructure/ui-options';
+import { propTypes, allowedProps } from './props';
+
+/**
+---
+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 = withStyle(null, optionsThemeGenerator), _dec(_class = (_temp = _class2 = class DrilldownGroup extends 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 = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+  disabled: false,
+  withoutSeparators: false,
+  role: 'group'
+}, _temp)) || _class);
+export default DrilldownGroup;
+export { DrilldownGroup };

package/es/Drilldown/DrilldownGroup/props.js

@@ -0,0 +1,42 @@
+/*
+ * 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 } from '@instructure/ui-prop-types';
+import DrilldownOption from '../DrilldownOption';
+import DrilldownSeparator from '../DrilldownSeparator';
+const propTypes = {
+  id: PropTypes.string.isRequired,
+  children: Children.oneOf([DrilldownOption, DrilldownSeparator]),
+  renderGroupTitle: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  withoutSeparators: PropTypes.bool,
+  disabled: PropTypes.bool,
+  role: PropTypes.string,
+  as: PropTypes.elementType,
+  elementRef: PropTypes.func,
+  selectableType: PropTypes.oneOf(['single', 'multiple']),
+  defaultSelected: PropTypes.array,
+  onSelect: PropTypes.func
+};
+const allowedProps = ['id', 'children', 'renderGroupTitle', 'withoutSeparators', 'disabled', 'role', 'as', 'elementRef', 'selectableType', 'defaultSelected', 'onSelect'];
+export { propTypes, allowedProps };

package/es/Drilldown/DrilldownLocator.js

@@ -0,0 +1,144 @@
+/*
+ * 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 { locator } from '@instructure/ui-test-locator';
+import { find, findAll, parseQueryArguments } from '@instructure/ui-test-utils';
+/* eslint-disable no-restricted-imports */
+// @ts-expect-error bypass no type definition found error
+
+import { OptionsItemLocator } from '@instructure/ui-options/es/Options/Item/OptionsItemLocator'; // @ts-expect-error bypass no type definition found error
+
+import { PopoverLocator } from '@instructure/ui-popover/es/Popover/PopoverLocator';
+/* eslint-enable no-restricted-imports */
+
+import { Drilldown } from './index';
+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 findAll('[role^=menuitem]', ...args);
+  },
+  findAllOptionWrappers: async function () {
+    return await 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.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 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 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 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 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 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 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 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 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 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 find('[class$=__description]', ...args);
+  },
+  findPopoverRoot: function () {
+    return PopoverLocator.find(...arguments);
+  },
+  findPopoverTrigger: function () {
+    return PopoverLocator.findTrigger(...arguments);
+  },
+  findPopoverContent: function () {
+    const _parseQueryArguments = parseQueryArguments(...arguments),
+          element = _parseQueryArguments.element,
+          selector = _parseQueryArguments.selector,
+          options = _parseQueryArguments.options;
+
+    return 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
+
+export const DrilldownLocator = locator(Drilldown.selector, customMethods);

package/es/Drilldown/DrilldownOption/index.js

@@ -0,0 +1,59 @@
+var _dec, _class, _class2, _temp;
+
+/*
+ * 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 */
+import { Component } from 'react';
+import { withStyle } from '@instructure/emotion';
+import { optionsItemThemeGenerator } from '@instructure/ui-options';
+import { propTypes, allowedProps } from './props';
+
+/**
+---
+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 = withStyle(null, optionsItemThemeGenerator), _dec(_class = (_temp = _class2 = class DrilldownOption extends 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 = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+  disabled: false,
+  beforeLabelContentVAlign: 'start',
+  afterLabelContentVAlign: 'start',
+  descriptionRole: 'note',
+  as: 'li',
+  role: 'menuitem'
+}, _temp)) || _class);
+export default DrilldownOption;
+export { DrilldownOption };

package/es/Drilldown/DrilldownOption/props.js

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

package/es/Drilldown/DrilldownPage/index.js

@@ -0,0 +1,56 @@
+/*
+ * 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 */
+import { Component } from 'react';
+import { propTypes, allowedProps } from './props';
+
+/**
+---
+parent: Drilldown
+id: Drilldown.Page
+---
+@module DrilldownPage
+@tsProps
+**/
+class DrilldownPage extends Component {
+  render() {
+    // this component is only used for prop validation.
+    // Drilldown.Page children are parsed in Drilldown.
+    return null;
+  }
+
+}
+
+DrilldownPage.displayName = "DrilldownPage";
+DrilldownPage.componentId = 'Drilldown.Page';
+DrilldownPage.propTypes = propTypes;
+DrilldownPage.allowedProps = allowedProps;
+DrilldownPage.defaultProps = {
+  renderBackButtonLabel: 'Back',
+  disabled: false,
+  withoutHeaderSeparator: false
+};
+export default DrilldownPage;
+export { DrilldownPage };

package/es/Drilldown/DrilldownPage/props.js

@@ -0,0 +1,41 @@
+/*
+ * 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 } from '@instructure/ui-prop-types';
+import DrilldownGroup from '../DrilldownGroup';
+import DrilldownOption from '../DrilldownOption';
+import DrilldownSeparator from '../DrilldownSeparator';
+const propTypes = {
+  id: PropTypes.string.isRequired,
+  children: Children.oneOf([DrilldownOption, DrilldownSeparator, DrilldownGroup]),
+  renderTitle: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  renderActionLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  renderBackButtonLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  onHeaderActionClicked: PropTypes.func,
+  onBackButtonClicked: PropTypes.func,
+  withoutHeaderSeparator: PropTypes.bool,
+  disabled: PropTypes.bool
+};
+const allowedProps = ['id', 'children', 'renderTitle', 'renderActionLabel', 'renderBackButtonLabel', 'onHeaderActionClicked', 'onBackButtonClicked', 'withoutHeaderSeparator', 'disabled'];
+export { propTypes, allowedProps };

package/es/Drilldown/DrilldownSeparator/index.js

@@ -0,0 +1,52 @@
+var _dec, _class, _class2, _temp;
+
+/*
+ * 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 */
+import { Component } from 'react';
+import { withStyle } from '@instructure/emotion';
+import { optionsSeparatorThemeGenerator } from '@instructure/ui-options';
+import { propTypes, allowedProps } from './props';
+
+/**
+---
+parent: Drilldown
+id: Drilldown.Separator
+---
+@module DrilldownSeparator
+@tsProps
+**/
+// needed for listing the available theme variables on docs page,
+// we pass the themeOverrides to Options.Separator
+let DrilldownSeparator = (_dec = withStyle(null, optionsSeparatorThemeGenerator), _dec(_class = (_temp = _class2 = class DrilldownSeparator extends Component {
+  render() {
+    // this component is only used for prop validation. Drilldown.Separator children
+    // are parsed in Drilldown and rendered as Options.Separator components
+    return null;
+  }
+
+}, _class2.displayName = "DrilldownSeparator", _class2.componentId = 'Drilldown.Separator', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {}, _temp)) || _class);
+export default DrilldownSeparator;
+export { DrilldownSeparator };

package/es/Drilldown/DrilldownSeparator/props.js

@@ -0,0 +1,30 @@
+/*
+ * 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';
+const propTypes = {
+  id: PropTypes.string.isRequired,
+  as: PropTypes.elementType
+};
+const allowedProps = ['id', 'as'];
+export { propTypes, allowedProps };