@instructure/ui-drilldown 8.46.2-snapshot-5 → 8.46.2-snapshot-7
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 +1 -1
- package/lib/Drilldown/DrilldownGroup/index.js +2 -4
- package/lib/Drilldown/DrilldownGroup/props.js +2 -4
- package/lib/Drilldown/DrilldownLocator.js +1 -2
- package/lib/Drilldown/DrilldownOption/index.js +2 -4
- package/lib/Drilldown/DrilldownOption/props.js +2 -4
- package/lib/Drilldown/DrilldownPage/index.js +1 -2
- package/lib/Drilldown/DrilldownPage/props.js +2 -4
- package/lib/Drilldown/DrilldownSeparator/index.js +2 -4
- package/lib/Drilldown/DrilldownSeparator/props.js +2 -4
- package/lib/Drilldown/__examples__/Drilldown.examples.js +1 -2
- package/lib/Drilldown/index.js +2 -4
- package/lib/Drilldown/locator.js +1 -2
- package/lib/Drilldown/props.js +3 -5
- package/lib/Drilldown/styles.js +1 -2
- package/lib/Drilldown/theme.js +1 -2
- package/package.json +21 -21
- package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
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
|
-
## [8.46.2-snapshot-
|
|
6
|
+
## [8.46.2-snapshot-7](https://github.com/instructure/instructure-ui/compare/v8.46.1...v8.46.2-snapshot-7) (2023-10-20)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-drilldown
|
|
9
9
|
|
|
@@ -43,7 +43,7 @@ id: Drilldown.Group
|
|
|
43
43
|
**/
|
|
44
44
|
// needed for listing the available theme variables on docs page,
|
|
45
45
|
// we pass the themeOverrides to Options
|
|
46
|
-
let DrilldownGroup = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsThemeGenerator), _dec(_class = (_class2 = class DrilldownGroup extends _react.Component {
|
|
46
|
+
let DrilldownGroup = exports.DrilldownGroup = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsThemeGenerator), _dec(_class = (_class2 = class DrilldownGroup extends _react.Component {
|
|
47
47
|
render() {
|
|
48
48
|
// this component is only used for prop validation.
|
|
49
49
|
// Drilldown.Group is parsed in Drilldown as an Options component.
|
|
@@ -54,6 +54,4 @@ let DrilldownGroup = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsThe
|
|
|
54
54
|
withoutSeparators: false,
|
|
55
55
|
role: 'group'
|
|
56
56
|
}, _class2)) || _class);
|
|
57
|
-
exports.
|
|
58
|
-
var _default = DrilldownGroup;
|
|
59
|
-
exports.default = _default;
|
|
57
|
+
var _default = exports.default = DrilldownGroup;
|
|
@@ -33,7 +33,7 @@ var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"
|
|
|
33
33
|
* SOFTWARE.
|
|
34
34
|
*/
|
|
35
35
|
|
|
36
|
-
const propTypes = {
|
|
36
|
+
const propTypes = exports.propTypes = {
|
|
37
37
|
id: _propTypes.default.string.isRequired,
|
|
38
38
|
children: _Children.Children.oneOf([_DrilldownOption.default, _DrilldownSeparator.default]),
|
|
39
39
|
renderGroupTitle: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
|
@@ -46,6 +46,4 @@ const propTypes = {
|
|
|
46
46
|
defaultSelected: _propTypes.default.array,
|
|
47
47
|
onSelect: _propTypes.default.func
|
|
48
48
|
};
|
|
49
|
-
exports.
|
|
50
|
-
const allowedProps = ['id', 'children', 'renderGroupTitle', 'withoutSeparators', 'disabled', 'role', 'as', 'elementRef', 'selectableType', 'defaultSelected', 'onSelect'];
|
|
51
|
-
exports.allowedProps = allowedProps;
|
|
49
|
+
const allowedProps = exports.allowedProps = ['id', 'children', 'renderGroupTitle', 'withoutSeparators', 'disabled', 'role', 'as', 'elementRef', 'selectableType', 'defaultSelected', 'onSelect'];
|
|
@@ -99,5 +99,4 @@ const customMethods = {
|
|
|
99
99
|
};
|
|
100
100
|
|
|
101
101
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
102
|
-
const DrilldownLocator = (0, _locator.locator)(_index.Drilldown.selector, customMethods);
|
|
103
|
-
exports.DrilldownLocator = DrilldownLocator;
|
|
102
|
+
const DrilldownLocator = exports.DrilldownLocator = (0, _locator.locator)(_index.Drilldown.selector, customMethods);
|
|
@@ -43,7 +43,7 @@ id: Drilldown.Option
|
|
|
43
43
|
**/
|
|
44
44
|
// needed for listing the available theme variables on docs page,
|
|
45
45
|
// we pass the themeOverrides to Options.Item
|
|
46
|
-
let DrilldownOption = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsItemThemeGenerator), _dec(_class = (_class2 = class DrilldownOption extends _react.Component {
|
|
46
|
+
let DrilldownOption = exports.DrilldownOption = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsItemThemeGenerator), _dec(_class = (_class2 = class DrilldownOption extends _react.Component {
|
|
47
47
|
render() {
|
|
48
48
|
// this component is only used for prop validation. Drilldown.Option children
|
|
49
49
|
// are parsed in Drilldown and rendered as Options.Item components
|
|
@@ -56,6 +56,4 @@ let DrilldownOption = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsIt
|
|
|
56
56
|
as: 'li',
|
|
57
57
|
role: 'menuitem'
|
|
58
58
|
}, _class2)) || _class);
|
|
59
|
-
exports.
|
|
60
|
-
var _default = DrilldownOption;
|
|
61
|
-
exports.default = _default;
|
|
59
|
+
var _default = exports.default = DrilldownOption;
|
|
@@ -30,7 +30,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
30
|
* SOFTWARE.
|
|
31
31
|
*/
|
|
32
32
|
|
|
33
|
-
const propTypes = {
|
|
33
|
+
const propTypes = exports.propTypes = {
|
|
34
34
|
id: _propTypes.default.string.isRequired,
|
|
35
35
|
children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
|
36
36
|
subPageId: _propTypes.default.string,
|
|
@@ -51,6 +51,4 @@ const propTypes = {
|
|
|
51
51
|
defaultSelected: _propTypes.default.bool,
|
|
52
52
|
elementRef: _propTypes.default.func
|
|
53
53
|
};
|
|
54
|
-
exports.
|
|
55
|
-
const allowedProps = ['id', 'children', 'subPageId', 'disabled', 'selected', 'value', 'href', 'as', 'role', 'renderLabelInfo', 'renderBeforeLabel', 'renderAfterLabel', 'beforeLabelContentVAlign', 'afterLabelContentVAlign', 'description', 'descriptionRole', 'onOptionClick', 'defaultSelected', 'elementRef'];
|
|
56
|
-
exports.allowedProps = allowedProps;
|
|
54
|
+
const allowedProps = exports.allowedProps = ['id', 'children', 'subPageId', 'disabled', 'selected', 'value', 'href', 'as', 'role', 'renderLabelInfo', 'renderBeforeLabel', 'renderAfterLabel', 'beforeLabelContentVAlign', 'afterLabelContentVAlign', 'description', 'descriptionRole', 'onOptionClick', 'defaultSelected', 'elementRef'];
|
|
@@ -34,7 +34,7 @@ var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"
|
|
|
34
34
|
* SOFTWARE.
|
|
35
35
|
*/
|
|
36
36
|
|
|
37
|
-
const propTypes = {
|
|
37
|
+
const propTypes = exports.propTypes = {
|
|
38
38
|
id: _propTypes.default.string.isRequired,
|
|
39
39
|
children: _Children.Children.oneOf([_DrilldownOption.default, _DrilldownSeparator.default, _DrilldownGroup.default]),
|
|
40
40
|
renderTitle: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
|
@@ -45,6 +45,4 @@ const propTypes = {
|
|
|
45
45
|
withoutHeaderSeparator: _propTypes.default.bool,
|
|
46
46
|
disabled: _propTypes.default.bool
|
|
47
47
|
};
|
|
48
|
-
exports.
|
|
49
|
-
const allowedProps = ['id', 'children', 'renderTitle', 'renderActionLabel', 'renderBackButtonLabel', 'onHeaderActionClicked', 'onBackButtonClicked', 'withoutHeaderSeparator', 'disabled'];
|
|
50
|
-
exports.allowedProps = allowedProps;
|
|
48
|
+
const allowedProps = exports.allowedProps = ['id', 'children', 'renderTitle', 'renderActionLabel', 'renderBackButtonLabel', 'onHeaderActionClicked', 'onBackButtonClicked', 'withoutHeaderSeparator', 'disabled'];
|
|
@@ -43,13 +43,11 @@ id: Drilldown.Separator
|
|
|
43
43
|
**/
|
|
44
44
|
// needed for listing the available theme variables on docs page,
|
|
45
45
|
// we pass the themeOverrides to Options.Separator
|
|
46
|
-
let DrilldownSeparator = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsSeparatorThemeGenerator), _dec(_class = (_class2 = class DrilldownSeparator extends _react.Component {
|
|
46
|
+
let DrilldownSeparator = exports.DrilldownSeparator = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsSeparatorThemeGenerator), _dec(_class = (_class2 = class DrilldownSeparator extends _react.Component {
|
|
47
47
|
render() {
|
|
48
48
|
// this component is only used for prop validation. Drilldown.Separator children
|
|
49
49
|
// are parsed in Drilldown and rendered as Options.Separator components
|
|
50
50
|
return null;
|
|
51
51
|
}
|
|
52
52
|
}, _class2.displayName = "DrilldownSeparator", _class2.componentId = 'Drilldown.Separator', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2)) || _class);
|
|
53
|
-
exports.
|
|
54
|
-
var _default = DrilldownSeparator;
|
|
55
|
-
exports.default = _default;
|
|
53
|
+
var _default = exports.default = DrilldownSeparator;
|
|
@@ -30,10 +30,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
30
|
* SOFTWARE.
|
|
31
31
|
*/
|
|
32
32
|
|
|
33
|
-
const propTypes = {
|
|
33
|
+
const propTypes = exports.propTypes = {
|
|
34
34
|
id: _propTypes.default.string.isRequired,
|
|
35
35
|
as: _propTypes.default.elementType
|
|
36
36
|
};
|
|
37
|
-
exports.
|
|
38
|
-
const allowedProps = ['id', 'as'];
|
|
39
|
-
exports.allowedProps = allowedProps;
|
|
37
|
+
const allowedProps = exports.allowedProps = ['id', 'as'];
|
|
@@ -39,7 +39,7 @@ const triggerButton = /*#__PURE__*/_react.default.createElement("button", {
|
|
|
39
39
|
top: '45%'
|
|
40
40
|
}
|
|
41
41
|
}, "a drilldown trigger");
|
|
42
|
-
var _default = {
|
|
42
|
+
var _default = exports.default = {
|
|
43
43
|
maxExamplesPerPage: 10,
|
|
44
44
|
propValues: {
|
|
45
45
|
// these are non-existing props, we just pass them to getComponentProps()
|
|
@@ -229,7 +229,6 @@ var _default = {
|
|
|
229
229
|
};
|
|
230
230
|
}
|
|
231
231
|
};
|
|
232
|
-
exports.default = _default;
|
|
233
232
|
function generateDrilldownChildren(props, variant) {
|
|
234
233
|
if (variant == 'pageWithSubpages') {
|
|
235
234
|
return [_Drilldown$Page || (_Drilldown$Page = /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
package/lib/Drilldown/index.js
CHANGED
|
@@ -74,7 +74,7 @@ category: components
|
|
|
74
74
|
---
|
|
75
75
|
@tsProps
|
|
76
76
|
**/
|
|
77
|
-
let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Drilldown extends _react.Component {
|
|
77
|
+
let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Drilldown extends _react.Component {
|
|
78
78
|
constructor(props) {
|
|
79
79
|
super(props);
|
|
80
80
|
this._drilldownRef = null;
|
|
@@ -1196,6 +1196,4 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
|
|
|
1196
1196
|
offsetX: 0,
|
|
1197
1197
|
offsetY: 0
|
|
1198
1198
|
}, _class2.Group = _DrilldownGroup.DrilldownGroup, _class2.Option = _DrilldownOption.DrilldownOption, _class2.Page = _DrilldownPage.DrilldownPage, _class2.Separator = _DrilldownSeparator.DrilldownSeparator, _class2)) || _class) || _class) || _class);
|
|
1199
|
-
exports.
|
|
1200
|
-
var _default = Drilldown;
|
|
1201
|
-
exports.default = _default;
|
|
1199
|
+
var _default = exports.default = Drilldown;
|
package/lib/Drilldown/locator.js
CHANGED
|
@@ -34,5 +34,4 @@ var _DrilldownLocator = require("./DrilldownLocator");
|
|
|
34
34
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
35
35
|
* SOFTWARE.
|
|
36
36
|
*/
|
|
37
|
-
var _default = _DrilldownLocator.DrilldownLocator;
|
|
38
|
-
exports.default = _default;
|
|
37
|
+
var _default = exports.default = _DrilldownLocator.DrilldownLocator;
|
package/lib/Drilldown/props.js
CHANGED
|
@@ -34,7 +34,7 @@ var _DrilldownPage = require("./DrilldownPage");
|
|
|
34
34
|
* SOFTWARE.
|
|
35
35
|
*/
|
|
36
36
|
|
|
37
|
-
const propTypes = {
|
|
37
|
+
const propTypes = exports.propTypes = {
|
|
38
38
|
rootPageId: _propTypes.default.string.isRequired,
|
|
39
39
|
children: _Children.Children.oneOf([_DrilldownPage.DrilldownPage]),
|
|
40
40
|
id: _propTypes.default.string,
|
|
@@ -74,8 +74,6 @@ const propTypes = {
|
|
|
74
74
|
offsetX: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
75
75
|
offsetY: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
|
|
76
76
|
};
|
|
77
|
-
exports.
|
|
78
|
-
const allowedProps = ['rootPageId', 'children', 'id', 'label', 'disabled', 'rotateFocus', 'as', 'role', 'overflowX', 'overflowY', 'height', 'width', 'minHeight', 'minWidth', 'maxHeight', 'maxWidth',
|
|
77
|
+
const allowedProps = exports.allowedProps = ['rootPageId', 'children', 'id', 'label', 'disabled', 'rotateFocus', 'as', 'role', 'overflowX', 'overflowY', 'height', 'width', 'minHeight', 'minWidth', 'maxHeight', 'maxWidth',
|
|
79
78
|
// Popover version props
|
|
80
|
-
'trigger', 'placement', 'defaultShow', 'show', 'onToggle', 'onSelect', 'onDismiss', 'onFocus', 'onMouseOver', 'elementRef', 'drilldownRef', 'popoverRef', 'mountNode', 'positionTarget', 'positionContainerDisplay', 'constrain', 'shouldHideOnSelect', 'shouldContainFocus', 'shouldReturnFocus', 'withArrow', 'offsetX', 'offsetY'];
|
|
81
|
-
exports.allowedProps = allowedProps;
|
|
79
|
+
'trigger', 'placement', 'defaultShow', 'show', 'onToggle', 'onSelect', 'onDismiss', 'onFocus', 'onMouseOver', 'elementRef', 'drilldownRef', 'popoverRef', 'mountNode', 'positionTarget', 'positionContainerDisplay', 'constrain', 'shouldHideOnSelect', 'shouldContainFocus', 'shouldReturnFocus', 'withArrow', 'offsetX', 'offsetY'];
|
package/lib/Drilldown/styles.js
CHANGED
package/lib/Drilldown/theme.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-drilldown",
|
|
3
|
-
"version": "8.46.2-snapshot-
|
|
3
|
+
"version": "8.46.2-snapshot-7",
|
|
4
4
|
"description": "A drilldown menu component",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,29 +23,29 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "^7.
|
|
27
|
-
"@instructure/console": "8.46.2-snapshot-
|
|
28
|
-
"@instructure/emotion": "8.46.2-snapshot-
|
|
29
|
-
"@instructure/shared-types": "8.46.2-snapshot-
|
|
30
|
-
"@instructure/ui-dom-utils": "8.46.2-snapshot-
|
|
31
|
-
"@instructure/ui-icons": "8.46.2-snapshot-
|
|
32
|
-
"@instructure/ui-options": "8.46.2-snapshot-
|
|
33
|
-
"@instructure/ui-popover": "8.46.2-snapshot-
|
|
34
|
-
"@instructure/ui-position": "8.46.2-snapshot-
|
|
35
|
-
"@instructure/ui-prop-types": "8.46.2-snapshot-
|
|
36
|
-
"@instructure/ui-react-utils": "8.46.2-snapshot-
|
|
37
|
-
"@instructure/ui-selectable": "8.46.2-snapshot-
|
|
38
|
-
"@instructure/ui-testable": "8.46.2-snapshot-
|
|
39
|
-
"@instructure/ui-utils": "8.46.2-snapshot-
|
|
40
|
-
"@instructure/ui-view": "8.46.2-snapshot-
|
|
26
|
+
"@babel/runtime": "^7.23.2",
|
|
27
|
+
"@instructure/console": "8.46.2-snapshot-7",
|
|
28
|
+
"@instructure/emotion": "8.46.2-snapshot-7",
|
|
29
|
+
"@instructure/shared-types": "8.46.2-snapshot-7",
|
|
30
|
+
"@instructure/ui-dom-utils": "8.46.2-snapshot-7",
|
|
31
|
+
"@instructure/ui-icons": "8.46.2-snapshot-7",
|
|
32
|
+
"@instructure/ui-options": "8.46.2-snapshot-7",
|
|
33
|
+
"@instructure/ui-popover": "8.46.2-snapshot-7",
|
|
34
|
+
"@instructure/ui-position": "8.46.2-snapshot-7",
|
|
35
|
+
"@instructure/ui-prop-types": "8.46.2-snapshot-7",
|
|
36
|
+
"@instructure/ui-react-utils": "8.46.2-snapshot-7",
|
|
37
|
+
"@instructure/ui-selectable": "8.46.2-snapshot-7",
|
|
38
|
+
"@instructure/ui-testable": "8.46.2-snapshot-7",
|
|
39
|
+
"@instructure/ui-utils": "8.46.2-snapshot-7",
|
|
40
|
+
"@instructure/ui-view": "8.46.2-snapshot-7",
|
|
41
41
|
"prop-types": "^15.8.1"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@instructure/ui-babel-preset": "8.46.2-snapshot-
|
|
45
|
-
"@instructure/ui-color-utils": "8.46.2-snapshot-
|
|
46
|
-
"@instructure/ui-test-locator": "8.46.2-snapshot-
|
|
47
|
-
"@instructure/ui-test-utils": "8.46.2-snapshot-
|
|
48
|
-
"@instructure/ui-themes": "8.46.2-snapshot-
|
|
44
|
+
"@instructure/ui-babel-preset": "8.46.2-snapshot-7",
|
|
45
|
+
"@instructure/ui-color-utils": "8.46.2-snapshot-7",
|
|
46
|
+
"@instructure/ui-test-locator": "8.46.2-snapshot-7",
|
|
47
|
+
"@instructure/ui-test-utils": "8.46.2-snapshot-7",
|
|
48
|
+
"@instructure/ui-themes": "8.46.2-snapshot-7"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
51
|
"react": ">=16.8 <=18"
|