@instructure/ui-tree-browser 8.12.1-snapshot.44 → 8.12.1-snapshot.50
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/es/TreeBrowser/TreeBrowserLocator.js +4 -4
- package/es/TreeBrowser/TreeButton/index.js +2 -2
- package/es/TreeBrowser/TreeNode/index.js +2 -2
- package/es/TreeBrowser/index.js +8 -4
- package/lib/TreeBrowser/TreeBrowserLocator.js +4 -4
- package/lib/TreeBrowser/TreeButton/index.js +3 -3
- package/lib/TreeBrowser/TreeButton/props.js +1 -1
- package/lib/TreeBrowser/TreeCollection/index.js +1 -1
- package/lib/TreeBrowser/TreeCollection/props.js +1 -1
- package/lib/TreeBrowser/TreeNode/index.js +3 -3
- package/lib/TreeBrowser/TreeNode/props.js +1 -1
- package/lib/TreeBrowser/index.js +9 -5
- package/lib/TreeBrowser/props.js +1 -1
- package/package.json +15 -15
|
@@ -26,10 +26,10 @@ import { TreeBrowser } from './index'; // TODO: if we make a TreeBrowserItem com
|
|
|
26
26
|
|
|
27
27
|
const TreeBrowserItemLocator = locator('[role="treeitem"]');
|
|
28
28
|
export const TreeBrowserLocator = locator(TreeBrowser.selector, {
|
|
29
|
-
findAllItems: (
|
|
30
|
-
return TreeBrowserItemLocator.findAll(...
|
|
29
|
+
findAllItems: function () {
|
|
30
|
+
return TreeBrowserItemLocator.findAll(...arguments);
|
|
31
31
|
},
|
|
32
|
-
findItem: (
|
|
33
|
-
return TreeBrowserItemLocator.find(...
|
|
32
|
+
findItem: function () {
|
|
33
|
+
return TreeBrowserItemLocator.find(...arguments);
|
|
34
34
|
}
|
|
35
35
|
});
|
|
@@ -42,8 +42,8 @@ id: TreeBrowser.Button
|
|
|
42
42
|
// Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode
|
|
43
43
|
|
|
44
44
|
let TreeButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class TreeButton extends Component {
|
|
45
|
-
constructor(
|
|
46
|
-
super(...
|
|
45
|
+
constructor() {
|
|
46
|
+
super(...arguments);
|
|
47
47
|
this.ref = null;
|
|
48
48
|
|
|
49
49
|
this.handleRef = el => {
|
|
@@ -45,8 +45,8 @@ in the TreeBrowser.
|
|
|
45
45
|
// Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode
|
|
46
46
|
|
|
47
47
|
let TreeNode = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class TreeNode extends Component {
|
|
48
|
-
constructor(
|
|
49
|
-
super(...
|
|
48
|
+
constructor() {
|
|
49
|
+
super(...arguments);
|
|
50
50
|
this.ref = null;
|
|
51
51
|
|
|
52
52
|
this.handleRef = el => {
|
package/es/TreeBrowser/index.js
CHANGED
|
@@ -45,16 +45,20 @@ category: components
|
|
|
45
45
|
|
|
46
46
|
let TreeBrowser = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class TreeBrowser extends Component {
|
|
47
47
|
constructor(props) {
|
|
48
|
+
var _this;
|
|
49
|
+
|
|
48
50
|
super(props);
|
|
51
|
+
_this = this;
|
|
49
52
|
this.ref = null;
|
|
50
53
|
|
|
51
|
-
this.handleCollectionClick = (e, collection
|
|
54
|
+
this.handleCollectionClick = function (e, collection) {
|
|
55
|
+
let expand = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : true;
|
|
52
56
|
e.stopPropagation();
|
|
53
|
-
const onCollectionClick =
|
|
54
|
-
if (expand)
|
|
57
|
+
const onCollectionClick = _this.props.onCollectionClick;
|
|
58
|
+
if (expand) _this.expandOrCollapseNode(collection);
|
|
55
59
|
onCollectionClick(collection.id, collection); // TODO: this should pass the event as the first arg
|
|
56
60
|
|
|
57
|
-
|
|
61
|
+
_this.handleSelection(collection.id, 'collection');
|
|
58
62
|
};
|
|
59
63
|
|
|
60
64
|
this.handleItemClick = (e, item) => {
|
|
@@ -35,11 +35,11 @@ var _index = require("./index");
|
|
|
35
35
|
// TODO: if we make a TreeBrowserItem component + locator we could use it here.
|
|
36
36
|
const TreeBrowserItemLocator = (0, _locator.locator)('[role="treeitem"]');
|
|
37
37
|
const TreeBrowserLocator = (0, _locator.locator)(_index.TreeBrowser.selector, {
|
|
38
|
-
findAllItems: (
|
|
39
|
-
return TreeBrowserItemLocator.findAll(...
|
|
38
|
+
findAllItems: function () {
|
|
39
|
+
return TreeBrowserItemLocator.findAll(...arguments);
|
|
40
40
|
},
|
|
41
|
-
findItem: (
|
|
42
|
-
return TreeBrowserItemLocator.find(...
|
|
41
|
+
findItem: function () {
|
|
42
|
+
return TreeBrowserItemLocator.find(...arguments);
|
|
43
43
|
}
|
|
44
44
|
});
|
|
45
45
|
exports.TreeBrowserLocator = TreeBrowserLocator;
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.default = exports.TreeButton = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = require("react");
|
|
11
11
|
|
|
@@ -33,8 +33,8 @@ id: TreeBrowser.Button
|
|
|
33
33
|
**/
|
|
34
34
|
// Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode
|
|
35
35
|
let TreeButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class TreeButton extends _react.Component {
|
|
36
|
-
constructor(
|
|
37
|
-
super(...
|
|
36
|
+
constructor() {
|
|
37
|
+
super(...arguments);
|
|
38
38
|
this.ref = null;
|
|
39
39
|
|
|
40
40
|
this.handleRef = el => {
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.propTypes = exports.allowedProps = void 0;
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports.
|
|
10
|
+
exports.default = exports.TreeCollection = void 0;
|
|
11
11
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.propTypes = exports.allowedProps = void 0;
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.default = exports.TreeNode = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = require("react");
|
|
11
11
|
|
|
@@ -35,8 +35,8 @@ in the TreeBrowser.
|
|
|
35
35
|
**/
|
|
36
36
|
// Todo: merge TreeButton and TreeNode: TreeButton should be a special type of TreeNode
|
|
37
37
|
let TreeNode = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class TreeNode extends _react.Component {
|
|
38
|
-
constructor(
|
|
39
|
-
super(...
|
|
38
|
+
constructor() {
|
|
39
|
+
super(...arguments);
|
|
40
40
|
this.ref = null;
|
|
41
41
|
|
|
42
42
|
this.handleRef = el => {
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.propTypes = exports.allowedProps = void 0;
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
package/lib/TreeBrowser/index.js
CHANGED
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.default = exports.TreeBrowser = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = require("react");
|
|
11
11
|
|
|
@@ -44,16 +44,20 @@ category: components
|
|
|
44
44
|
**/
|
|
45
45
|
let TreeBrowser = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class TreeBrowser extends _react.Component {
|
|
46
46
|
constructor(props) {
|
|
47
|
+
var _this;
|
|
48
|
+
|
|
47
49
|
super(props);
|
|
50
|
+
_this = this;
|
|
48
51
|
this.ref = null;
|
|
49
52
|
|
|
50
|
-
this.handleCollectionClick = (e, collection
|
|
53
|
+
this.handleCollectionClick = function (e, collection) {
|
|
54
|
+
let expand = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : true;
|
|
51
55
|
e.stopPropagation();
|
|
52
|
-
const onCollectionClick =
|
|
53
|
-
if (expand)
|
|
56
|
+
const onCollectionClick = _this.props.onCollectionClick;
|
|
57
|
+
if (expand) _this.expandOrCollapseNode(collection);
|
|
54
58
|
onCollectionClick(collection.id, collection); // TODO: this should pass the event as the first arg
|
|
55
59
|
|
|
56
|
-
|
|
60
|
+
_this.handleSelection(collection.id, 'collection');
|
|
57
61
|
};
|
|
58
62
|
|
|
59
63
|
this.handleItemClick = (e, item) => {
|
package/lib/TreeBrowser/props.js
CHANGED
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.propTypes = exports.allowedProps = void 0;
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-tree-browser",
|
|
3
|
-
"version": "8.12.1-snapshot.
|
|
3
|
+
"version": "8.12.1-snapshot.50+3786369ec",
|
|
4
4
|
"description": "A component for displaying a hierarchical view of information",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"type": "commonjs",
|
|
@@ -24,22 +24,22 @@
|
|
|
24
24
|
},
|
|
25
25
|
"license": "MIT",
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"@instructure/ui-babel-preset": "8.12.1-snapshot.
|
|
28
|
-
"@instructure/ui-color-utils": "8.12.1-snapshot.
|
|
29
|
-
"@instructure/ui-test-locator": "8.12.1-snapshot.
|
|
30
|
-
"@instructure/ui-test-utils": "8.12.1-snapshot.
|
|
31
|
-
"@instructure/ui-themes": "8.12.1-snapshot.
|
|
27
|
+
"@instructure/ui-babel-preset": "8.12.1-snapshot.50+3786369ec",
|
|
28
|
+
"@instructure/ui-color-utils": "8.12.1-snapshot.50+3786369ec",
|
|
29
|
+
"@instructure/ui-test-locator": "8.12.1-snapshot.50+3786369ec",
|
|
30
|
+
"@instructure/ui-test-utils": "8.12.1-snapshot.50+3786369ec",
|
|
31
|
+
"@instructure/ui-themes": "8.12.1-snapshot.50+3786369ec"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.13.10",
|
|
35
|
-
"@instructure/emotion": "8.12.1-snapshot.
|
|
36
|
-
"@instructure/shared-types": "8.12.1-snapshot.
|
|
37
|
-
"@instructure/ui-icons": "8.12.1-snapshot.
|
|
38
|
-
"@instructure/ui-img": "8.12.1-snapshot.
|
|
39
|
-
"@instructure/ui-prop-types": "8.12.1-snapshot.
|
|
40
|
-
"@instructure/ui-react-utils": "8.12.1-snapshot.
|
|
41
|
-
"@instructure/ui-testable": "8.12.1-snapshot.
|
|
42
|
-
"@instructure/ui-utils": "8.12.1-snapshot.
|
|
35
|
+
"@instructure/emotion": "8.12.1-snapshot.50+3786369ec",
|
|
36
|
+
"@instructure/shared-types": "8.12.1-snapshot.50+3786369ec",
|
|
37
|
+
"@instructure/ui-icons": "8.12.1-snapshot.50+3786369ec",
|
|
38
|
+
"@instructure/ui-img": "8.12.1-snapshot.50+3786369ec",
|
|
39
|
+
"@instructure/ui-prop-types": "8.12.1-snapshot.50+3786369ec",
|
|
40
|
+
"@instructure/ui-react-utils": "8.12.1-snapshot.50+3786369ec",
|
|
41
|
+
"@instructure/ui-testable": "8.12.1-snapshot.50+3786369ec",
|
|
42
|
+
"@instructure/ui-utils": "8.12.1-snapshot.50+3786369ec",
|
|
43
43
|
"keycode": "^2",
|
|
44
44
|
"prop-types": "^15"
|
|
45
45
|
},
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"access": "public"
|
|
51
51
|
},
|
|
52
52
|
"sideEffects": false,
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "3786369ec892bc0f716844828cc2729447adb8be"
|
|
54
54
|
}
|