@instructure/ui-drilldown 10.25.0 → 10.25.1-pr-snapshot-1757941125745

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/es/Drilldown/DrilldownGroup/index.js +2 -2
  3. package/es/Drilldown/DrilldownGroup/props.js +1 -18
  4. package/es/Drilldown/DrilldownOption/index.js +2 -2
  5. package/es/Drilldown/DrilldownOption/props.js +1 -24
  6. package/es/Drilldown/DrilldownPage/index.js +1 -2
  7. package/es/Drilldown/DrilldownPage/props.js +1 -17
  8. package/es/Drilldown/DrilldownSeparator/index.js +2 -2
  9. package/es/Drilldown/DrilldownSeparator/props.js +1 -6
  10. package/es/Drilldown/index.js +30 -18
  11. package/es/Drilldown/props.js +1 -46
  12. package/lib/Drilldown/DrilldownGroup/index.js +1 -1
  13. package/lib/Drilldown/DrilldownGroup/props.js +1 -19
  14. package/lib/Drilldown/DrilldownOption/index.js +1 -1
  15. package/lib/Drilldown/DrilldownOption/props.js +1 -25
  16. package/lib/Drilldown/DrilldownPage/index.js +0 -1
  17. package/lib/Drilldown/DrilldownPage/props.js +1 -18
  18. package/lib/Drilldown/DrilldownSeparator/index.js +1 -1
  19. package/lib/Drilldown/DrilldownSeparator/props.js +1 -7
  20. package/lib/Drilldown/index.js +29 -17
  21. package/lib/Drilldown/props.js +1 -48
  22. package/package.json +19 -22
  23. package/src/Drilldown/DrilldownGroup/index.tsx +1 -2
  24. package/src/Drilldown/DrilldownGroup/props.ts +1 -23
  25. package/src/Drilldown/DrilldownOption/index.tsx +1 -2
  26. package/src/Drilldown/DrilldownOption/props.ts +1 -28
  27. package/src/Drilldown/DrilldownPage/index.tsx +1 -2
  28. package/src/Drilldown/DrilldownPage/props.ts +2 -30
  29. package/src/Drilldown/DrilldownSeparator/index.tsx +1 -2
  30. package/src/Drilldown/DrilldownSeparator/props.ts +1 -10
  31. package/src/Drilldown/index.tsx +26 -18
  32. package/src/Drilldown/props.ts +1 -52
  33. package/tsconfig.build.json +0 -2
  34. package/tsconfig.build.tsbuildinfo +1 -1
  35. package/types/Drilldown/DrilldownGroup/index.d.ts +0 -18
  36. package/types/Drilldown/DrilldownGroup/index.d.ts.map +1 -1
  37. package/types/Drilldown/DrilldownGroup/props.d.ts +2 -3
  38. package/types/Drilldown/DrilldownGroup/props.d.ts.map +1 -1
  39. package/types/Drilldown/DrilldownOption/index.d.ts +0 -44
  40. package/types/Drilldown/DrilldownOption/index.d.ts.map +1 -1
  41. package/types/Drilldown/DrilldownOption/props.d.ts +2 -3
  42. package/types/Drilldown/DrilldownOption/props.d.ts.map +1 -1
  43. package/types/Drilldown/DrilldownPage/index.d.ts +0 -11
  44. package/types/Drilldown/DrilldownPage/index.d.ts.map +1 -1
  45. package/types/Drilldown/DrilldownPage/props.d.ts +2 -3
  46. package/types/Drilldown/DrilldownPage/props.d.ts.map +1 -1
  47. package/types/Drilldown/DrilldownSeparator/index.d.ts +0 -4
  48. package/types/Drilldown/DrilldownSeparator/index.d.ts.map +1 -1
  49. package/types/Drilldown/DrilldownSeparator/props.d.ts +2 -3
  50. package/types/Drilldown/DrilldownSeparator/props.d.ts.map +1 -1
  51. package/types/Drilldown/index.d.ts +0 -58
  52. package/types/Drilldown/index.d.ts.map +1 -1
  53. package/types/Drilldown/props.d.ts +2 -3
  54. package/types/Drilldown/props.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [10.25.1-pr-snapshot-1757941125745](https://github.com/instructure/instructure-ui/compare/v10.25.0...v10.25.1-pr-snapshot-1757941125745) (2025-09-15)
7
+
8
+
9
+ ### Features
10
+
11
+ * **many:** remove prop-types; add support for react 19 and upgrade docs app to use it ([22311c7](https://github.com/instructure/instructure-ui/commit/22311c7bcf52d4e7b094c60c92192e5c85eac6c2))
12
+
13
+
14
+
15
+
16
+
6
17
  # [10.25.0](https://github.com/instructure/instructure-ui/compare/v10.24.2...v10.25.0) (2025-09-09)
7
18
 
8
19
  **Note:** Version bump only for package @instructure/ui-drilldown
@@ -26,7 +26,7 @@ var _dec, _class, _DrilldownGroup;
26
26
  import { Component } from 'react';
27
27
  import { withStyle } from '@instructure/emotion';
28
28
  import { optionsThemeGenerator } from '@instructure/ui-options';
29
- import { propTypes, allowedProps } from './props';
29
+ import { allowedProps } from './props';
30
30
  /**
31
31
  ---
32
32
  parent: Drilldown
@@ -42,7 +42,7 @@ let DrilldownGroup = (_dec = withStyle(null, optionsThemeGenerator), _dec(_class
42
42
  // Drilldown.Group is parsed in Drilldown as an Options component.
43
43
  return null;
44
44
  }
45
- }, _DrilldownGroup.displayName = "DrilldownGroup", _DrilldownGroup.componentId = 'Drilldown.Group', _DrilldownGroup.propTypes = propTypes, _DrilldownGroup.allowedProps = allowedProps, _DrilldownGroup.defaultProps = {
45
+ }, _DrilldownGroup.displayName = "DrilldownGroup", _DrilldownGroup.componentId = 'Drilldown.Group', _DrilldownGroup.allowedProps = allowedProps, _DrilldownGroup.defaultProps = {
46
46
  disabled: false,
47
47
  withoutSeparators: false,
48
48
  role: 'group'
@@ -22,22 +22,5 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
- import PropTypes from 'prop-types';
26
- import { Children } from '@instructure/ui-prop-types';
27
- import DrilldownOption from '../DrilldownOption';
28
- import DrilldownSeparator from '../DrilldownSeparator';
29
- const propTypes = {
30
- id: PropTypes.string.isRequired,
31
- children: Children.oneOf([DrilldownOption, DrilldownSeparator]),
32
- renderGroupTitle: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
33
- withoutSeparators: PropTypes.bool,
34
- disabled: PropTypes.bool,
35
- role: PropTypes.string,
36
- as: PropTypes.elementType,
37
- elementRef: PropTypes.func,
38
- selectableType: PropTypes.oneOf(['single', 'multiple']),
39
- defaultSelected: PropTypes.array,
40
- onSelect: PropTypes.func
41
- };
42
25
  const allowedProps = ['id', 'children', 'renderGroupTitle', 'withoutSeparators', 'disabled', 'role', 'as', 'elementRef', 'selectableType', 'defaultSelected', 'onSelect'];
43
- export { propTypes, allowedProps };
26
+ export { allowedProps };
@@ -26,7 +26,7 @@ var _dec, _class, _DrilldownOption;
26
26
  import { Component } from 'react';
27
27
  import { withStyle } from '@instructure/emotion';
28
28
  import { optionsItemThemeGenerator } from '@instructure/ui-options';
29
- import { propTypes, allowedProps } from './props';
29
+ import { allowedProps } from './props';
30
30
  /**
31
31
  ---
32
32
  parent: Drilldown
@@ -42,7 +42,7 @@ let DrilldownOption = (_dec = withStyle(null, optionsItemThemeGenerator), _dec(_
42
42
  // are parsed in Drilldown and rendered as Options.Item components
43
43
  return null;
44
44
  }
45
- }, _DrilldownOption.displayName = "DrilldownOption", _DrilldownOption.componentId = 'Drilldown.Option', _DrilldownOption.propTypes = propTypes, _DrilldownOption.allowedProps = allowedProps, _DrilldownOption.defaultProps = {
45
+ }, _DrilldownOption.displayName = "DrilldownOption", _DrilldownOption.componentId = 'Drilldown.Option', _DrilldownOption.allowedProps = allowedProps, _DrilldownOption.defaultProps = {
46
46
  disabled: false,
47
47
  beforeLabelContentVAlign: 'start',
48
48
  afterLabelContentVAlign: 'start',
@@ -22,28 +22,5 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
- import PropTypes from 'prop-types';
26
- const propTypes = {
27
- id: PropTypes.string.isRequired,
28
- children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
29
- subPageId: PropTypes.string,
30
- disabled: PropTypes.bool,
31
- selected: PropTypes.bool,
32
- value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
33
- href: PropTypes.string,
34
- as: PropTypes.elementType,
35
- role: PropTypes.string,
36
- renderLabelInfo: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
37
- renderBeforeLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
38
- renderAfterLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
39
- beforeLabelContentVAlign: PropTypes.oneOf(['start', 'center', 'end']),
40
- afterLabelContentVAlign: PropTypes.oneOf(['start', 'center', 'end']),
41
- description: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
42
- descriptionRole: PropTypes.string,
43
- onOptionClick: PropTypes.func,
44
- defaultSelected: PropTypes.bool,
45
- elementRef: PropTypes.func,
46
- shouldCloseOnClick: PropTypes.oneOf(['auto', 'always', 'never'])
47
- };
48
25
  const allowedProps = ['id', 'children', 'subPageId', 'disabled', 'selected', 'value', 'href', 'as', 'role', 'renderLabelInfo', 'renderBeforeLabel', 'renderAfterLabel', 'beforeLabelContentVAlign', 'afterLabelContentVAlign', 'description', 'descriptionRole', 'onOptionClick', 'defaultSelected', 'elementRef', 'shouldCloseOnClick'];
49
- export { propTypes, allowedProps };
26
+ export { allowedProps };
@@ -23,7 +23,7 @@
23
23
  */
24
24
 
25
25
  import { Component } from 'react';
26
- import { propTypes, allowedProps } from './props';
26
+ import { allowedProps } from './props';
27
27
  /**
28
28
  ---
29
29
  parent: Drilldown
@@ -40,7 +40,6 @@ class DrilldownPage extends Component {
40
40
  }
41
41
  DrilldownPage.displayName = "DrilldownPage";
42
42
  DrilldownPage.componentId = 'Drilldown.Page';
43
- DrilldownPage.propTypes = propTypes;
44
43
  DrilldownPage.allowedProps = allowedProps;
45
44
  DrilldownPage.defaultProps = {
46
45
  renderBackButtonLabel: 'Back',
@@ -22,21 +22,5 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
- import PropTypes from 'prop-types';
26
- import { Children } from '@instructure/ui-prop-types';
27
- import DrilldownGroup from '../DrilldownGroup';
28
- import DrilldownOption from '../DrilldownOption';
29
- import DrilldownSeparator from '../DrilldownSeparator';
30
- const propTypes = {
31
- id: PropTypes.string.isRequired,
32
- children: Children.oneOf([DrilldownOption, DrilldownSeparator, DrilldownGroup]),
33
- renderTitle: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
34
- renderActionLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
35
- renderBackButtonLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
36
- onHeaderActionClicked: PropTypes.func,
37
- onBackButtonClicked: PropTypes.func,
38
- withoutHeaderSeparator: PropTypes.bool,
39
- disabled: PropTypes.bool
40
- };
41
25
  const allowedProps = ['id', 'children', 'renderTitle', 'renderActionLabel', 'renderBackButtonLabel', 'onHeaderActionClicked', 'onBackButtonClicked', 'withoutHeaderSeparator', 'disabled'];
42
- export { propTypes, allowedProps };
26
+ export { allowedProps };
@@ -26,7 +26,7 @@ var _dec, _class, _DrilldownSeparator;
26
26
  import { Component } from 'react';
27
27
  import { withStyle } from '@instructure/emotion';
28
28
  import { optionsSeparatorThemeGenerator } from '@instructure/ui-options';
29
- import { propTypes, allowedProps } from './props';
29
+ import { allowedProps } from './props';
30
30
  /**
31
31
  ---
32
32
  parent: Drilldown
@@ -42,6 +42,6 @@ let DrilldownSeparator = (_dec = withStyle(null, optionsSeparatorThemeGenerator)
42
42
  // are parsed in Drilldown and rendered as Options.Separator components
43
43
  return null;
44
44
  }
45
- }, _DrilldownSeparator.displayName = "DrilldownSeparator", _DrilldownSeparator.componentId = 'Drilldown.Separator', _DrilldownSeparator.propTypes = propTypes, _DrilldownSeparator.allowedProps = allowedProps, _DrilldownSeparator.defaultProps = {}, _DrilldownSeparator)) || _class);
45
+ }, _DrilldownSeparator.displayName = "DrilldownSeparator", _DrilldownSeparator.componentId = 'Drilldown.Separator', _DrilldownSeparator.allowedProps = allowedProps, _DrilldownSeparator.defaultProps = {}, _DrilldownSeparator)) || _class);
46
46
  export default DrilldownSeparator;
47
47
  export { DrilldownSeparator };
@@ -22,10 +22,5 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
- import PropTypes from 'prop-types';
26
- const propTypes = {
27
- id: PropTypes.string.isRequired,
28
- as: PropTypes.elementType
29
- };
30
25
  const allowedProps = ['id', 'as'];
31
- export { propTypes, allowedProps };
26
+ export { allowedProps };
@@ -2,7 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
2
2
  const _excluded = ["groupProps"],
3
3
  _excluded2 = ["groupProps"],
4
4
  _excluded3 = ["id", "themeOverride"];
5
- var _dec, _dec2, _dec3, _class, _Drilldown, _IconArrowOpenEndSoli, _IconArrowOpenStartSo, _Options$Separator, _Options$Separator2;
5
+ var _dec, _dec2, _class, _Drilldown, _IconArrowOpenEndSoli, _IconArrowOpenStartSo, _Options$Separator, _Options$Separator2;
6
6
  /*
7
7
  * The MIT License (MIT)
8
8
  *
@@ -29,7 +29,6 @@ var _dec, _dec2, _dec3, _class, _Drilldown, _IconArrowOpenEndSoli, _IconArrowOpe
29
29
 
30
30
  import { Children, Component } from 'react';
31
31
  import { warn, error } from '@instructure/console';
32
- import { testable } from '@instructure/ui-testable';
33
32
  import { contains, containsActiveElement } from '@instructure/ui-dom-utils';
34
33
  import { callRenderProp, matchComponentTypes, omitProps, safeCloneElement, withDeterministicId } from '@instructure/ui-react-utils';
35
34
  import { View } from '@instructure/ui-view';
@@ -44,7 +43,7 @@ import { DrilldownGroup } from './DrilldownGroup';
44
43
  import { DrilldownPage } from './DrilldownPage';
45
44
  import generateStyle from './styles';
46
45
  import generateComponentTheme from './theme';
47
- import { propTypes, allowedProps } from './props';
46
+ import { allowedProps } from './props';
48
47
 
49
48
  // Additional data we need to track on the Options,
50
49
  // but shouldn't be settable via props
@@ -63,7 +62,7 @@ import { createElement as _createElement } from "@emotion/react";
63
62
  category: components
64
63
  ---
65
64
  **/
66
- let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_Drilldown = class Drilldown extends Component {
65
+ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec(_class = _dec2(_class = (_Drilldown = class Drilldown extends Component {
67
66
  constructor(props) {
68
67
  super(props);
69
68
  this._drilldownRef = null;
@@ -229,9 +228,6 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
229
228
  id
230
229
  }) => {
231
230
  const selectedOption = this.getPageChildById(id);
232
-
233
- // TODO: this line can be removed when React 16 is no longer supported
234
- event.persist();
235
231
  if (!id || !selectedOption || selectedOption.props.disabled || event.target.getAttribute('disabled') || event.target.getAttribute('aria-disabled')) {
236
232
  event.preventDefault();
237
233
  event.stopPropagation();
@@ -271,11 +267,19 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
271
267
  if (groupProps !== null && groupProps !== void 0 && groupProps.selectableType) {
272
268
  this.handleGroupOptionSelected(event, selectedOption);
273
269
  } else {
270
+ // TODO workaround for react 19 default props
271
+ const optionWithDefaultProps = {
272
+ ...selectedOptionChild,
273
+ props: {
274
+ ...selectedOptionChild.props,
275
+ role: 'menuitem'
276
+ }
277
+ };
274
278
  if (typeof onSelect === 'function') {
275
279
  onSelect(event, {
276
280
  value,
277
281
  isSelected: true,
278
- selectedOption: selectedOptionChild,
282
+ selectedOption: optionWithDefaultProps,
279
283
  drilldown: this
280
284
  });
281
285
  }
@@ -806,15 +810,20 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
806
810
  id = _option$props.id,
807
811
  children = _option$props.children,
808
812
  href = _option$props.href,
809
- as = _option$props.as,
810
- role = _option$props.role,
813
+ _option$props$as = _option$props.as,
814
+ as = _option$props$as === void 0 ? 'li' : _option$props$as,
815
+ _option$props$role = _option$props.role,
816
+ role = _option$props$role === void 0 ? 'menuitem' : _option$props$role,
811
817
  subPageId = _option$props.subPageId,
812
- disabled = _option$props.disabled,
818
+ _option$props$disable = _option$props.disabled,
819
+ disabled = _option$props$disable === void 0 ? false : _option$props$disable,
813
820
  renderLabelInfo = _option$props.renderLabelInfo,
814
821
  renderBeforeLabel = _option$props.renderBeforeLabel,
815
822
  renderAfterLabel = _option$props.renderAfterLabel,
816
- beforeLabelContentVAlign = _option$props.beforeLabelContentVAlign,
817
- afterLabelContentVAlign = _option$props.afterLabelContentVAlign,
823
+ _option$props$beforeL = _option$props.beforeLabelContentVAlign,
824
+ beforeLabelContentVAlign = _option$props$beforeL === void 0 ? 'start' : _option$props$beforeL,
825
+ _option$props$afterLa = _option$props.afterLabelContentVAlign,
826
+ afterLabelContentVAlign = _option$props$afterLa === void 0 ? 'start' : _option$props$afterLa,
818
827
  description = _option$props.description,
819
828
  descriptionRole = _option$props.descriptionRole,
820
829
  elementRef = _option$props.elementRef,
@@ -999,7 +1008,8 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
999
1008
  children = _group$props.children,
1000
1009
  renderGroupTitle = _group$props.renderGroupTitle,
1001
1010
  themeOverride = _group$props.themeOverride,
1002
- role = _group$props.role,
1011
+ _group$props$role = _group$props.role,
1012
+ role = _group$props$role === void 0 ? 'group' : _group$props$role,
1003
1013
  as = _group$props.as,
1004
1014
  elementRef = _group$props.elementRef;
1005
1015
  if (!children) {
@@ -1009,7 +1019,7 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
1009
1019
 
1010
1020
  // add a separator above
1011
1021
  if (needsFirstSeparator) {
1012
- groupChildren.push(_Options$Separator || (_Options$Separator = _jsx(Options.Separator, {})));
1022
+ groupChildren.push(_Options$Separator || (_Options$Separator = _jsx(Options.Separator, {}, "drilldown-options-separator")));
1013
1023
  }
1014
1024
 
1015
1025
  // create a sublist as a group
@@ -1036,7 +1046,7 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
1036
1046
 
1037
1047
  // add a separator below
1038
1048
  if (needsLastSeparator) {
1039
- groupChildren.push(_Options$Separator2 || (_Options$Separator2 = _jsx(Options.Separator, {})));
1049
+ groupChildren.push(_Options$Separator2 || (_Options$Separator2 = _jsx(Options.Separator, {}, "drilldown-options-separator-2")));
1040
1050
  }
1041
1051
  return groupChildren;
1042
1052
  }
@@ -1096,6 +1106,7 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
1096
1106
  borderWidth: 'small'
1097
1107
  }),
1098
1108
  as: "div",
1109
+ "data-cid": "Drilldown",
1099
1110
  elementRef: this.handleDrilldownRef,
1100
1111
  tabIndex: 0,
1101
1112
  css: styles === null || styles === void 0 ? void 0 : styles.drilldown,
@@ -1183,6 +1194,7 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
1183
1194
  styles = _this$props7.styles;
1184
1195
  const borderColor = styles === null || styles === void 0 ? void 0 : (_styles$drilldown = styles.drilldown) === null || _styles$drilldown === void 0 ? void 0 : _styles$drilldown.borderColor;
1185
1196
  return trigger ? _jsx(Popover, {
1197
+ "data-cid": "Drilldown",
1186
1198
  themeOverride: {
1187
1199
  // use here own theme's color
1188
1200
  borderColor: borderColor
@@ -1247,7 +1259,7 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
1247
1259
  children: this.renderPage()
1248
1260
  }) : this.renderPage();
1249
1261
  }
1250
- }, _Drilldown.displayName = "Drilldown", _Drilldown.componentId = 'Drilldown', _Drilldown.propTypes = propTypes, _Drilldown.allowedProps = allowedProps, _Drilldown.defaultProps = {
1262
+ }, _Drilldown.displayName = "Drilldown", _Drilldown.componentId = 'Drilldown', _Drilldown.allowedProps = allowedProps, _Drilldown.defaultProps = {
1251
1263
  disabled: false,
1252
1264
  rotateFocus: true,
1253
1265
  as: 'ul',
@@ -1263,6 +1275,6 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
1263
1275
  offsetX: 0,
1264
1276
  offsetY: 0,
1265
1277
  shouldSetAriaExpanded: true
1266
- }, _Drilldown.Group = DrilldownGroup, _Drilldown.Option = DrilldownOption, _Drilldown.Page = DrilldownPage, _Drilldown.Separator = DrilldownSeparator, _Drilldown)) || _class) || _class) || _class);
1278
+ }, _Drilldown.Group = DrilldownGroup, _Drilldown.Option = DrilldownOption, _Drilldown.Page = DrilldownPage, _Drilldown.Separator = DrilldownSeparator, _Drilldown)) || _class) || _class);
1267
1279
  export default Drilldown;
1268
1280
  export { Drilldown };
@@ -22,52 +22,7 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
- import PropTypes from 'prop-types';
26
- import { Children, controllable } from '@instructure/ui-prop-types';
27
- import { PositionPropTypes } from '@instructure/ui-position';
28
- import { DrilldownPage } from './DrilldownPage';
29
- const propTypes = {
30
- rootPageId: PropTypes.string.isRequired,
31
- children: Children.oneOf([DrilldownPage]),
32
- id: PropTypes.string,
33
- label: PropTypes.string,
34
- disabled: PropTypes.bool,
35
- rotateFocus: PropTypes.bool,
36
- as: PropTypes.elementType,
37
- role: PropTypes.string,
38
- elementRef: PropTypes.func,
39
- drilldownRef: PropTypes.func,
40
- overflowX: PropTypes.oneOf(['auto', 'hidden', 'visible']),
41
- overflowY: PropTypes.oneOf(['auto', 'hidden', 'visible']),
42
- height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
43
- width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
44
- minHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
45
- minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
46
- maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
47
- maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
48
- trigger: PropTypes.node,
49
- placement: PositionPropTypes.placement,
50
- defaultShow: PropTypes.bool,
51
- show: controllable(PropTypes.bool, 'onToggle', 'defaultShow'),
52
- onToggle: PropTypes.func,
53
- onSelect: PropTypes.func,
54
- onDismiss: PropTypes.func,
55
- onFocus: PropTypes.func,
56
- onMouseOver: PropTypes.func,
57
- popoverRef: PropTypes.func,
58
- mountNode: PositionPropTypes.mountNode,
59
- positionTarget: PositionPropTypes.mountNode,
60
- positionContainerDisplay: PropTypes.oneOf(['inline-block', 'block']),
61
- constrain: PositionPropTypes.constrain,
62
- shouldHideOnSelect: PropTypes.bool,
63
- shouldContainFocus: PropTypes.bool,
64
- shouldReturnFocus: PropTypes.bool,
65
- withArrow: PropTypes.bool,
66
- offsetX: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
67
- offsetY: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
68
- shouldSetAriaExpanded: PropTypes.bool
69
- };
70
25
  const allowedProps = ['rootPageId', 'children', 'id', 'label', 'disabled', 'rotateFocus', 'as', 'role', 'overflowX', 'overflowY', 'height', 'width', 'minHeight', 'minWidth', 'maxHeight', 'maxWidth',
71
26
  // Popover version props
72
27
  'trigger', 'placement', 'defaultShow', 'show', 'onToggle', 'onSelect', 'onDismiss', 'onFocus', 'onMouseOver', 'elementRef', 'drilldownRef', 'popoverRef', 'mountNode', 'positionTarget', 'positionContainerDisplay', 'constrain', 'shouldHideOnSelect', 'shouldContainFocus', 'shouldReturnFocus', 'withArrow', 'offsetX', 'offsetY'];
73
- export { propTypes, allowedProps };
28
+ export { allowedProps };
@@ -47,7 +47,7 @@ let DrilldownGroup = exports.DrilldownGroup = (_dec = (0, _emotion.withStyle)(nu
47
47
  // Drilldown.Group is parsed in Drilldown as an Options component.
48
48
  return null;
49
49
  }
50
- }, _DrilldownGroup.displayName = "DrilldownGroup", _DrilldownGroup.componentId = 'Drilldown.Group', _DrilldownGroup.propTypes = _props.propTypes, _DrilldownGroup.allowedProps = _props.allowedProps, _DrilldownGroup.defaultProps = {
50
+ }, _DrilldownGroup.displayName = "DrilldownGroup", _DrilldownGroup.componentId = 'Drilldown.Group', _DrilldownGroup.allowedProps = _props.allowedProps, _DrilldownGroup.defaultProps = {
51
51
  disabled: false,
52
52
  withoutSeparators: false,
53
53
  role: 'group'
@@ -1,14 +1,9 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
- exports.propTypes = exports.allowedProps = void 0;
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _Children = require("@instructure/ui-prop-types/lib/Children.js");
10
- var _DrilldownOption = _interopRequireDefault(require("../DrilldownOption"));
11
- var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"));
6
+ exports.allowedProps = void 0;
12
7
  /*
13
8
  * The MIT License (MIT)
14
9
  *
@@ -33,17 +28,4 @@ var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"
33
28
  * SOFTWARE.
34
29
  */
35
30
 
36
- const propTypes = exports.propTypes = {
37
- id: _propTypes.default.string.isRequired,
38
- children: _Children.Children.oneOf([_DrilldownOption.default, _DrilldownSeparator.default]),
39
- renderGroupTitle: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
40
- withoutSeparators: _propTypes.default.bool,
41
- disabled: _propTypes.default.bool,
42
- role: _propTypes.default.string,
43
- as: _propTypes.default.elementType,
44
- elementRef: _propTypes.default.func,
45
- selectableType: _propTypes.default.oneOf(['single', 'multiple']),
46
- defaultSelected: _propTypes.default.array,
47
- onSelect: _propTypes.default.func
48
- };
49
31
  const allowedProps = exports.allowedProps = ['id', 'children', 'renderGroupTitle', 'withoutSeparators', 'disabled', 'role', 'as', 'elementRef', 'selectableType', 'defaultSelected', 'onSelect'];
@@ -47,7 +47,7 @@ let DrilldownOption = exports.DrilldownOption = (_dec = (0, _emotion.withStyle)(
47
47
  // are parsed in Drilldown and rendered as Options.Item components
48
48
  return null;
49
49
  }
50
- }, _DrilldownOption.displayName = "DrilldownOption", _DrilldownOption.componentId = 'Drilldown.Option', _DrilldownOption.propTypes = _props.propTypes, _DrilldownOption.allowedProps = _props.allowedProps, _DrilldownOption.defaultProps = {
50
+ }, _DrilldownOption.displayName = "DrilldownOption", _DrilldownOption.componentId = 'Drilldown.Option', _DrilldownOption.allowedProps = _props.allowedProps, _DrilldownOption.defaultProps = {
51
51
  disabled: false,
52
52
  beforeLabelContentVAlign: 'start',
53
53
  afterLabelContentVAlign: 'start',
@@ -1,11 +1,9 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
- exports.propTypes = exports.allowedProps = void 0;
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
6
+ exports.allowedProps = void 0;
9
7
  /*
10
8
  * The MIT License (MIT)
11
9
  *
@@ -30,26 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
30
28
  * SOFTWARE.
31
29
  */
32
30
 
33
- const propTypes = exports.propTypes = {
34
- id: _propTypes.default.string.isRequired,
35
- children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
36
- subPageId: _propTypes.default.string,
37
- disabled: _propTypes.default.bool,
38
- selected: _propTypes.default.bool,
39
- value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
40
- href: _propTypes.default.string,
41
- as: _propTypes.default.elementType,
42
- role: _propTypes.default.string,
43
- renderLabelInfo: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
44
- renderBeforeLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
45
- renderAfterLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
46
- beforeLabelContentVAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
47
- afterLabelContentVAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
48
- description: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
49
- descriptionRole: _propTypes.default.string,
50
- onOptionClick: _propTypes.default.func,
51
- defaultSelected: _propTypes.default.bool,
52
- elementRef: _propTypes.default.func,
53
- shouldCloseOnClick: _propTypes.default.oneOf(['auto', 'always', 'never'])
54
- };
55
31
  const allowedProps = exports.allowedProps = ['id', 'children', 'subPageId', 'disabled', 'selected', 'value', 'href', 'as', 'role', 'renderLabelInfo', 'renderBeforeLabel', 'renderAfterLabel', 'beforeLabelContentVAlign', 'afterLabelContentVAlign', 'description', 'descriptionRole', 'onOptionClick', 'defaultSelected', 'elementRef', 'shouldCloseOnClick'];
@@ -47,7 +47,6 @@ class DrilldownPage extends _react.Component {
47
47
  exports.DrilldownPage = DrilldownPage;
48
48
  DrilldownPage.displayName = "DrilldownPage";
49
49
  DrilldownPage.componentId = 'Drilldown.Page';
50
- DrilldownPage.propTypes = _props.propTypes;
51
50
  DrilldownPage.allowedProps = _props.allowedProps;
52
51
  DrilldownPage.defaultProps = {
53
52
  renderBackButtonLabel: 'Back',
@@ -1,15 +1,9 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
- exports.propTypes = exports.allowedProps = void 0;
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _Children = require("@instructure/ui-prop-types/lib/Children.js");
10
- var _DrilldownGroup = _interopRequireDefault(require("../DrilldownGroup"));
11
- var _DrilldownOption = _interopRequireDefault(require("../DrilldownOption"));
12
- var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"));
6
+ exports.allowedProps = void 0;
13
7
  /*
14
8
  * The MIT License (MIT)
15
9
  *
@@ -34,15 +28,4 @@ var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"
34
28
  * SOFTWARE.
35
29
  */
36
30
 
37
- const propTypes = exports.propTypes = {
38
- id: _propTypes.default.string.isRequired,
39
- children: _Children.Children.oneOf([_DrilldownOption.default, _DrilldownSeparator.default, _DrilldownGroup.default]),
40
- renderTitle: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
41
- renderActionLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
42
- renderBackButtonLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
43
- onHeaderActionClicked: _propTypes.default.func,
44
- onBackButtonClicked: _propTypes.default.func,
45
- withoutHeaderSeparator: _propTypes.default.bool,
46
- disabled: _propTypes.default.bool
47
- };
48
31
  const allowedProps = exports.allowedProps = ['id', 'children', 'renderTitle', 'renderActionLabel', 'renderBackButtonLabel', 'onHeaderActionClicked', 'onBackButtonClicked', 'withoutHeaderSeparator', 'disabled'];
@@ -47,5 +47,5 @@ let DrilldownSeparator = exports.DrilldownSeparator = (_dec = (0, _emotion.withS
47
47
  // are parsed in Drilldown and rendered as Options.Separator components
48
48
  return null;
49
49
  }
50
- }, _DrilldownSeparator.displayName = "DrilldownSeparator", _DrilldownSeparator.componentId = 'Drilldown.Separator', _DrilldownSeparator.propTypes = _props.propTypes, _DrilldownSeparator.allowedProps = _props.allowedProps, _DrilldownSeparator.defaultProps = {}, _DrilldownSeparator)) || _class);
50
+ }, _DrilldownSeparator.displayName = "DrilldownSeparator", _DrilldownSeparator.componentId = 'Drilldown.Separator', _DrilldownSeparator.allowedProps = _props.allowedProps, _DrilldownSeparator.defaultProps = {}, _DrilldownSeparator)) || _class);
51
51
  var _default = exports.default = DrilldownSeparator;
@@ -1,11 +1,9 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
- exports.propTypes = exports.allowedProps = void 0;
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
6
+ exports.allowedProps = void 0;
9
7
  /*
10
8
  * The MIT License (MIT)
11
9
  *
@@ -30,8 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
30
28
  * SOFTWARE.
31
29
  */
32
30
 
33
- const propTypes = exports.propTypes = {
34
- id: _propTypes.default.string.isRequired,
35
- as: _propTypes.default.elementType
36
- };
37
31
  const allowedProps = exports.allowedProps = ['id', 'as'];