@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.
- package/CHANGELOG.md +11 -0
- package/es/Drilldown/DrilldownGroup/index.js +2 -2
- package/es/Drilldown/DrilldownGroup/props.js +1 -18
- package/es/Drilldown/DrilldownOption/index.js +2 -2
- package/es/Drilldown/DrilldownOption/props.js +1 -24
- package/es/Drilldown/DrilldownPage/index.js +1 -2
- package/es/Drilldown/DrilldownPage/props.js +1 -17
- package/es/Drilldown/DrilldownSeparator/index.js +2 -2
- package/es/Drilldown/DrilldownSeparator/props.js +1 -6
- package/es/Drilldown/index.js +30 -18
- package/es/Drilldown/props.js +1 -46
- package/lib/Drilldown/DrilldownGroup/index.js +1 -1
- package/lib/Drilldown/DrilldownGroup/props.js +1 -19
- package/lib/Drilldown/DrilldownOption/index.js +1 -1
- package/lib/Drilldown/DrilldownOption/props.js +1 -25
- package/lib/Drilldown/DrilldownPage/index.js +0 -1
- package/lib/Drilldown/DrilldownPage/props.js +1 -18
- package/lib/Drilldown/DrilldownSeparator/index.js +1 -1
- package/lib/Drilldown/DrilldownSeparator/props.js +1 -7
- package/lib/Drilldown/index.js +29 -17
- package/lib/Drilldown/props.js +1 -48
- package/package.json +19 -22
- package/src/Drilldown/DrilldownGroup/index.tsx +1 -2
- package/src/Drilldown/DrilldownGroup/props.ts +1 -23
- package/src/Drilldown/DrilldownOption/index.tsx +1 -2
- package/src/Drilldown/DrilldownOption/props.ts +1 -28
- package/src/Drilldown/DrilldownPage/index.tsx +1 -2
- package/src/Drilldown/DrilldownPage/props.ts +2 -30
- package/src/Drilldown/DrilldownSeparator/index.tsx +1 -2
- package/src/Drilldown/DrilldownSeparator/props.ts +1 -10
- package/src/Drilldown/index.tsx +26 -18
- package/src/Drilldown/props.ts +1 -52
- package/tsconfig.build.json +0 -2
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Drilldown/DrilldownGroup/index.d.ts +0 -18
- package/types/Drilldown/DrilldownGroup/index.d.ts.map +1 -1
- package/types/Drilldown/DrilldownGroup/props.d.ts +2 -3
- package/types/Drilldown/DrilldownGroup/props.d.ts.map +1 -1
- package/types/Drilldown/DrilldownOption/index.d.ts +0 -44
- package/types/Drilldown/DrilldownOption/index.d.ts.map +1 -1
- package/types/Drilldown/DrilldownOption/props.d.ts +2 -3
- package/types/Drilldown/DrilldownOption/props.d.ts.map +1 -1
- package/types/Drilldown/DrilldownPage/index.d.ts +0 -11
- package/types/Drilldown/DrilldownPage/index.d.ts.map +1 -1
- package/types/Drilldown/DrilldownPage/props.d.ts +2 -3
- package/types/Drilldown/DrilldownPage/props.d.ts.map +1 -1
- package/types/Drilldown/DrilldownSeparator/index.d.ts +0 -4
- package/types/Drilldown/DrilldownSeparator/index.d.ts.map +1 -1
- package/types/Drilldown/DrilldownSeparator/props.d.ts +2 -3
- package/types/Drilldown/DrilldownSeparator/props.d.ts.map +1 -1
- package/types/Drilldown/index.d.ts +0 -58
- package/types/Drilldown/index.d.ts.map +1 -1
- package/types/Drilldown/props.d.ts +2 -3
- 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 {
|
|
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.
|
|
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 {
|
|
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 {
|
|
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.
|
|
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 {
|
|
26
|
+
export { allowedProps };
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
25
|
import { Component } from 'react';
|
|
26
|
-
import {
|
|
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 {
|
|
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 {
|
|
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.
|
|
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 {
|
|
26
|
+
export { allowedProps };
|
package/es/Drilldown/index.js
CHANGED
|
@@ -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,
|
|
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 {
|
|
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),
|
|
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:
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
817
|
-
|
|
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.
|
|
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)
|
|
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 };
|
package/es/Drilldown/props.js
CHANGED
|
@@ -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 {
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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'];
|