@dhis2-ui/organisation-unit-tree 10.16.3 → 10.16.4
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/build/cjs/__e2e__/children_as_child_nodes.js +8 -11
- package/build/cjs/__e2e__/common.js +19 -26
- package/build/cjs/__e2e__/controlled_expanded.js +7 -10
- package/build/cjs/__e2e__/displaying_loading_error.js +1 -4
- package/build/cjs/__e2e__/expanded.js +25 -34
- package/build/cjs/__e2e__/force_reload.js +15 -22
- package/build/cjs/__e2e__/get-organisation-unit-data.js +25 -29
- package/build/cjs/__e2e__/highlight.js +7 -10
- package/build/cjs/__e2e__/loading_state.js +7 -13
- package/build/cjs/__e2e__/multi_selection.js +8 -11
- package/build/cjs/__e2e__/no_selection.js +15 -21
- package/build/cjs/__e2e__/path_based_filtering.js +16 -22
- package/build/cjs/__e2e__/single_selection.js +10 -16
- package/build/cjs/__e2e__/sub_unit_as_root.js +5 -7
- package/build/cjs/__e2e__/tree_api.js +15 -21
- package/build/cjs/__stories__/custom-expanded-imperative-open.js +7 -10
- package/build/cjs/__stories__/custom-node-label.js +4 -5
- package/build/cjs/__stories__/development-stories.js +6 -8
- package/build/cjs/__stories__/force-reload-all.js +1 -2
- package/build/cjs/__stories__/loading-error-grandchild.js +1 -4
- package/build/cjs/__stories__/loading.js +1 -4
- package/build/cjs/__stories__/multiple-roots.js +9 -12
- package/build/cjs/__stories__/root-error.js +1 -4
- package/build/cjs/__stories__/root-loading.js +1 -4
- package/build/cjs/__stories__/shared.js +46 -79
- package/build/cjs/features/controlled_expanded/index.js +3 -6
- package/build/cjs/locales/index.js +49 -27
- package/build/cjs/organisation-unit-node/error-message.js +10 -13
- package/build/cjs/organisation-unit-node/label/disabled-selection-label.js +9 -12
- package/build/cjs/organisation-unit-node/label/icon-empty.js +19 -22
- package/build/cjs/organisation-unit-node/label/icon-folder-closed.js +25 -28
- package/build/cjs/organisation-unit-node/label/icon-folder-open.js +34 -37
- package/build/cjs/organisation-unit-node/label/icon-single.js +28 -31
- package/build/cjs/organisation-unit-node/label/icon.js +6 -7
- package/build/cjs/organisation-unit-node/label/iconized-checkbox.js +12 -13
- package/build/cjs/organisation-unit-node/label/label-container.js +13 -16
- package/build/cjs/organisation-unit-node/label/label.js +27 -30
- package/build/cjs/organisation-unit-node/label/single-selection-label.js +18 -21
- package/build/cjs/organisation-unit-node/organisation-unit-node-children.js +27 -29
- package/build/cjs/organisation-unit-node/organisation-unit-node.js +22 -23
- package/build/cjs/organisation-unit-node/use-open-state.js +8 -9
- package/build/cjs/organisation-unit-node/use-org-children.js +14 -21
- package/build/cjs/organisation-unit-node/use-org-children.test.js +40 -59
- package/build/cjs/organisation-unit-node/use-org-data/use-org-data.js +13 -20
- package/build/cjs/organisation-unit-node/use-org-data/use-org-data.test.js +17 -27
- package/build/cjs/organisation-unit-tree/default-render-node-label/default-render-node-label.js +3 -6
- package/build/cjs/organisation-unit-tree/organisation-unit-tree-root-error.js +9 -12
- package/build/cjs/organisation-unit-tree/organisation-unit-tree-root-loading.js +10 -13
- package/build/cjs/organisation-unit-tree/organisation-unit-tree.js +24 -26
- package/build/cjs/organisation-unit-tree/use-expanded/create-expand-handlers.js +14 -17
- package/build/cjs/organisation-unit-tree/use-expanded/use-expanded.js +8 -9
- package/build/cjs/organisation-unit-tree/use-root-org-data/patch-missing-display-name.js +1 -2
- package/build/cjs/organisation-unit-tree/use-root-org-data/use-root-org-data.js +10 -14
- package/build/cjs/organisation-unit-tree/use-root-org-data/use-root-org-unit.test.js +32 -46
- package/build/es/__e2e__/children_as_child_nodes.js +8 -11
- package/build/es/__e2e__/common.js +18 -24
- package/build/es/__e2e__/controlled_expanded.js +6 -8
- package/build/es/__e2e__/displaying_loading_error.js +1 -4
- package/build/es/__e2e__/expanded.js +25 -34
- package/build/es/__e2e__/force_reload.js +14 -20
- package/build/es/__e2e__/get-organisation-unit-data.js +25 -29
- package/build/es/__e2e__/highlight.js +7 -10
- package/build/es/__e2e__/loading_state.js +7 -13
- package/build/es/__e2e__/multi_selection.js +8 -11
- package/build/es/__e2e__/no_selection.js +15 -21
- package/build/es/__e2e__/path_based_filtering.js +16 -22
- package/build/es/__e2e__/single_selection.js +10 -16
- package/build/es/__e2e__/sub_unit_as_root.js +4 -5
- package/build/es/__e2e__/tree_api.js +15 -21
- package/build/es/__stories__/custom-expanded-imperative-open.js +6 -8
- package/build/es/__stories__/custom-node-label.js +4 -5
- package/build/es/__stories__/development-stories.js +5 -6
- package/build/es/__stories__/loading-error-grandchild.js +1 -4
- package/build/es/__stories__/loading.js +1 -4
- package/build/es/__stories__/multiple-roots.js +9 -12
- package/build/es/__stories__/root-error.js +1 -4
- package/build/es/__stories__/root-loading.js +1 -4
- package/build/es/__stories__/shared.js +45 -77
- package/build/es/features/controlled_expanded/index.js +3 -6
- package/build/es/locales/index.js +40 -18
- package/build/es/organisation-unit-node/error-message.js +10 -13
- package/build/es/organisation-unit-node/label/disabled-selection-label.js +9 -12
- package/build/es/organisation-unit-node/label/icon-empty.js +19 -22
- package/build/es/organisation-unit-node/label/icon-folder-closed.js +25 -28
- package/build/es/organisation-unit-node/label/icon-folder-open.js +34 -37
- package/build/es/organisation-unit-node/label/icon-single.js +28 -31
- package/build/es/organisation-unit-node/label/icon.js +6 -7
- package/build/es/organisation-unit-node/label/iconized-checkbox.js +12 -13
- package/build/es/organisation-unit-node/label/label-container.js +13 -16
- package/build/es/organisation-unit-node/label/label.js +27 -30
- package/build/es/organisation-unit-node/label/single-selection-label.js +18 -21
- package/build/es/organisation-unit-node/organisation-unit-node-children.js +27 -29
- package/build/es/organisation-unit-node/organisation-unit-node.js +22 -23
- package/build/es/organisation-unit-node/use-open-state.js +8 -9
- package/build/es/organisation-unit-node/use-org-children.js +14 -21
- package/build/es/organisation-unit-node/use-org-children.test.js +40 -59
- package/build/es/organisation-unit-node/use-org-data/use-org-data.js +13 -20
- package/build/es/organisation-unit-node/use-org-data/use-org-data.test.js +17 -27
- package/build/es/organisation-unit-tree/default-render-node-label/default-render-node-label.js +3 -6
- package/build/es/organisation-unit-tree/organisation-unit-tree-root-error.js +9 -12
- package/build/es/organisation-unit-tree/organisation-unit-tree-root-loading.js +10 -13
- package/build/es/organisation-unit-tree/organisation-unit-tree.js +23 -24
- package/build/es/organisation-unit-tree/use-expanded/create-expand-handlers.js +14 -17
- package/build/es/organisation-unit-tree/use-expanded/use-expanded.js +8 -9
- package/build/es/organisation-unit-tree/use-root-org-data/patch-missing-display-name.js +1 -2
- package/build/es/organisation-unit-tree/use-root-org-data/use-root-org-data.js +10 -14
- package/build/es/organisation-unit-tree/use-root-org-data/use-root-org-unit.test.js +32 -46
- package/package.json +6 -6
- package/src/locales/index.js +57 -18
- package/src/organisation-unit-tree/use-root-org-data/use-root-org-unit.test.js +14 -14
|
@@ -14,15 +14,12 @@ var _default = exports.default = {
|
|
|
14
14
|
};
|
|
15
15
|
const ClosedWithChildren = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
|
|
16
16
|
data: _common.dataProviderData
|
|
17
|
-
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
selected: selected
|
|
26
|
-
});
|
|
27
|
-
}));
|
|
17
|
+
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
|
|
18
|
+
selected,
|
|
19
|
+
onChange
|
|
20
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
21
|
+
roots: "A0000000000",
|
|
22
|
+
onChange: onChange,
|
|
23
|
+
selected: selected
|
|
24
|
+
})));
|
|
28
25
|
exports.ClosedWithChildren = ClosedWithChildren;
|
|
@@ -21,19 +21,17 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
21
21
|
var _react = _interopRequireWildcard(require("react"));
|
|
22
22
|
var _getOrganisationUnitData = require("./get-organisation-unit-data.js");
|
|
23
23
|
var _namespace = require("./namespace.js");
|
|
24
|
-
function
|
|
25
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
24
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
26
25
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
27
26
|
/* eslint-disable react/display-name */
|
|
28
27
|
|
|
29
28
|
const delayResponse = (delay, response) => () => new Promise(resolve => setTimeout(() => resolve(response), delay));
|
|
30
29
|
exports.delayResponse = delayResponse;
|
|
31
30
|
const dataProviderData = exports.dataProviderData = {
|
|
32
|
-
organisationUnits: (_,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
} = _ref;
|
|
31
|
+
organisationUnits: (_, {
|
|
32
|
+
id,
|
|
33
|
+
params = {}
|
|
34
|
+
}) => {
|
|
37
35
|
console.log('id, params', id, params);
|
|
38
36
|
const data = (0, _getOrganisationUnitData.getOrganisationUnitData)(id, params);
|
|
39
37
|
if (!data) {
|
|
@@ -42,18 +40,16 @@ const dataProviderData = exports.dataProviderData = {
|
|
|
42
40
|
return Promise.resolve(data);
|
|
43
41
|
}
|
|
44
42
|
};
|
|
45
|
-
const StatefulMultiSelectionWrapper =
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
} = _ref2;
|
|
43
|
+
const StatefulMultiSelectionWrapper = ({
|
|
44
|
+
children,
|
|
45
|
+
onSelectionChange = () => null
|
|
46
|
+
}) => {
|
|
50
47
|
const [selected, setSelected] = (0, _react.useState)([]);
|
|
51
48
|
return children({
|
|
52
49
|
selected,
|
|
53
|
-
onChange:
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
} = _ref3;
|
|
50
|
+
onChange: ({
|
|
51
|
+
selected: newSelected
|
|
52
|
+
}) => {
|
|
57
53
|
setSelected(newSelected);
|
|
58
54
|
onSelectionChange(newSelected);
|
|
59
55
|
}
|
|
@@ -67,16 +63,13 @@ StatefulMultiSelectionWrapper.propTypes = {
|
|
|
67
63
|
const createDecoratorStatefulMultiSelection = args => {
|
|
68
64
|
return Story => /*#__PURE__*/_react.default.createElement(StatefulMultiSelectionWrapper, {
|
|
69
65
|
onSelectionChange: args === null || args === void 0 ? void 0 : args.onSelectionChange
|
|
70
|
-
},
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
onChange: onChange
|
|
78
|
-
});
|
|
79
|
-
});
|
|
66
|
+
}, ({
|
|
67
|
+
selected,
|
|
68
|
+
onChange
|
|
69
|
+
}) => /*#__PURE__*/_react.default.createElement(Story, {
|
|
70
|
+
selected: selected,
|
|
71
|
+
onChange: onChange
|
|
72
|
+
}));
|
|
80
73
|
};
|
|
81
74
|
exports.createDecoratorStatefulMultiSelection = createDecoratorStatefulMultiSelection;
|
|
82
75
|
const createDecoratorCustomDataProvider = args => {
|
|
@@ -8,25 +8,22 @@ var _button = require("@dhis2-ui/button");
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _index = require("../index.js");
|
|
10
10
|
var _common = require("./common.js");
|
|
11
|
-
function
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
12
|
window.initiallyExpandedPaths = ['/A0000000000/A0000000001'];
|
|
14
13
|
window.orgUnitPathToExpand = '/A0000000000/A0000000001';
|
|
15
14
|
const Controlled = () => {
|
|
16
15
|
const initiallyExpanded = (0, _index.getAllExpandedOrgUnitPaths)(window.initiallyExpandedPaths);
|
|
17
16
|
const [expanded, setExpanded] = (0, _react.useState)(initiallyExpanded);
|
|
18
|
-
const handleExpand =
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
} = _ref;
|
|
17
|
+
const handleExpand = ({
|
|
18
|
+
path
|
|
19
|
+
}) => {
|
|
22
20
|
if (!expanded.includes(path)) {
|
|
23
21
|
setExpanded([...expanded, path]);
|
|
24
22
|
}
|
|
25
23
|
};
|
|
26
|
-
const handleCollapse =
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
} = _ref2;
|
|
24
|
+
const handleCollapse = ({
|
|
25
|
+
path
|
|
26
|
+
}) => {
|
|
30
27
|
const pathIndex = expanded.indexOf(path);
|
|
31
28
|
if (pathIndex !== -1) {
|
|
32
29
|
const updatedExpanded = pathIndex === 0 ? expanded.slice(1) : [...expanded.slice(0, pathIndex), ...expanded.slice(pathIndex + 1)];
|
|
@@ -10,10 +10,7 @@ var _index = require("../index.js");
|
|
|
10
10
|
var _common = require("./common.js");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const dataProviderDataWithError = {
|
|
13
|
-
organisationUnits:
|
|
14
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
15
|
-
args[_key] = arguments[_key];
|
|
16
|
-
}
|
|
13
|
+
organisationUnits: (...args) => {
|
|
17
14
|
const [, {
|
|
18
15
|
id
|
|
19
16
|
}] = args;
|
|
@@ -9,43 +9,34 @@ var _index = require("../index.js");
|
|
|
9
9
|
var _common = require("./common.js");
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
const decorators = [(0, _common.createDecoratorStatefulMultiSelection)(), (0, _common.createDecoratorCustomDataProvider)()];
|
|
12
|
-
const NoInitiallyExpandedPaths = (_,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
onChange: onChange
|
|
21
|
-
});
|
|
22
|
-
};
|
|
12
|
+
const NoInitiallyExpandedPaths = (_, {
|
|
13
|
+
onChange,
|
|
14
|
+
selected
|
|
15
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
16
|
+
roots: "A0000000000",
|
|
17
|
+
selected: selected,
|
|
18
|
+
onChange: onChange
|
|
19
|
+
});
|
|
23
20
|
exports.NoInitiallyExpandedPaths = NoInitiallyExpandedPaths;
|
|
24
21
|
NoInitiallyExpandedPaths.decorators = decorators;
|
|
25
|
-
const InitiallyExpandedPaths = (_,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
initiallyExpanded: ['/A0000000000']
|
|
35
|
-
});
|
|
36
|
-
};
|
|
22
|
+
const InitiallyExpandedPaths = (_, {
|
|
23
|
+
onChange,
|
|
24
|
+
selected
|
|
25
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
26
|
+
roots: "A0000000000",
|
|
27
|
+
selected: selected,
|
|
28
|
+
onChange: onChange,
|
|
29
|
+
initiallyExpanded: ['/A0000000000']
|
|
30
|
+
});
|
|
37
31
|
exports.InitiallyExpandedPaths = InitiallyExpandedPaths;
|
|
38
32
|
InitiallyExpandedPaths.decorators = decorators;
|
|
39
|
-
const WithRootMainAndRootSubOrgUnit = (_,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
onChange: onChange
|
|
48
|
-
});
|
|
49
|
-
};
|
|
33
|
+
const WithRootMainAndRootSubOrgUnit = (_, {
|
|
34
|
+
onChange,
|
|
35
|
+
selected
|
|
36
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
37
|
+
roots: ['A0000000000', 'A0000000001'],
|
|
38
|
+
selected: selected,
|
|
39
|
+
onChange: onChange
|
|
40
|
+
});
|
|
50
41
|
exports.WithRootMainAndRootSubOrgUnit = WithRootMainAndRootSubOrgUnit;
|
|
51
42
|
WithRootMainAndRootSubOrgUnit.decorators = decorators;
|
|
@@ -8,13 +8,9 @@ var _appRuntime = require("@dhis2/app-runtime");
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _index = require("../index.js");
|
|
10
10
|
var _common = require("./common.js");
|
|
11
|
-
function
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
12
|
const afterReloadData = {
|
|
14
|
-
organisationUnits:
|
|
15
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
16
|
-
args[_key] = arguments[_key];
|
|
17
|
-
}
|
|
13
|
+
organisationUnits: (...args) => {
|
|
18
14
|
const [, {
|
|
19
15
|
id
|
|
20
16
|
}] = args;
|
|
@@ -35,23 +31,20 @@ const ForceReloading_ = () => {
|
|
|
35
31
|
disabled: forceReload,
|
|
36
32
|
"data-test": "reload-all",
|
|
37
33
|
onClick: () => setForceReload(true)
|
|
38
|
-
}, "Force reload tree"), /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
if (data.A0000000000) {
|
|
50
|
-
setForceReload(false);
|
|
51
|
-
}
|
|
34
|
+
}, "Force reload tree"), /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
|
|
35
|
+
selected,
|
|
36
|
+
onChange
|
|
37
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
38
|
+
roots: "A0000000000",
|
|
39
|
+
onChange: onChange,
|
|
40
|
+
selected: selected,
|
|
41
|
+
forceReload: forceReload,
|
|
42
|
+
onChildrenLoaded: data => {
|
|
43
|
+
if (data.A0000000000) {
|
|
44
|
+
setForceReload(false);
|
|
52
45
|
}
|
|
53
|
-
}
|
|
54
|
-
}));
|
|
46
|
+
}
|
|
47
|
+
})));
|
|
55
48
|
};
|
|
56
49
|
var _default = exports.default = {
|
|
57
50
|
title: _common.namespace
|
|
@@ -4,36 +4,32 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getOrganisationUnitData = void 0;
|
|
7
|
-
const createResponse =
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
const createResponse = ({
|
|
8
|
+
fields,
|
|
9
|
+
id,
|
|
10
|
+
path,
|
|
11
|
+
displayName,
|
|
12
|
+
children
|
|
13
|
+
}) => ({
|
|
14
|
+
...(fields.includes('id') ? {
|
|
15
|
+
id
|
|
16
|
+
} : {}),
|
|
17
|
+
...(fields.includes('path') ? {
|
|
18
|
+
path
|
|
19
|
+
} : {}),
|
|
20
|
+
...(fields.includes('displayName') ? {
|
|
21
|
+
displayName
|
|
22
|
+
} : {}),
|
|
23
|
+
...(fields.includes('children::size') ? {
|
|
24
|
+
children: children.length
|
|
25
|
+
} : {}),
|
|
26
|
+
...(fields.includes('children[id,path,displayName]') ? {
|
|
13
27
|
children
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
...(fields.includes('path') ? {
|
|
20
|
-
path
|
|
21
|
-
} : {}),
|
|
22
|
-
...(fields.includes('displayName') ? {
|
|
23
|
-
displayName
|
|
24
|
-
} : {}),
|
|
25
|
-
...(fields.includes('children::size') ? {
|
|
26
|
-
children: children.length
|
|
27
|
-
} : {}),
|
|
28
|
-
...(fields.includes('children[id,path,displayName]') ? {
|
|
29
|
-
children
|
|
30
|
-
} : {})
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
const getOrganisationUnitData = (id, _ref2) => {
|
|
34
|
-
let {
|
|
35
|
-
fields
|
|
36
|
-
} = _ref2;
|
|
28
|
+
} : {})
|
|
29
|
+
});
|
|
30
|
+
const getOrganisationUnitData = (id, {
|
|
31
|
+
fields
|
|
32
|
+
}) => {
|
|
37
33
|
let data;
|
|
38
34
|
if (id === 'A0000000000') {
|
|
39
35
|
data = createResponse({
|
|
@@ -14,14 +14,11 @@ var _default = exports.default = {
|
|
|
14
14
|
};
|
|
15
15
|
const RootHighlighted = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
|
|
16
16
|
data: _common.dataProviderData
|
|
17
|
-
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
highlighted: ['/A0000000000']
|
|
25
|
-
});
|
|
26
|
-
}));
|
|
17
|
+
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
|
|
18
|
+
onChange
|
|
19
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
20
|
+
roots: "A0000000000",
|
|
21
|
+
onChange: onChange,
|
|
22
|
+
highlighted: ['/A0000000000']
|
|
23
|
+
})));
|
|
27
24
|
exports.RootHighlighted = RootHighlighted;
|
|
@@ -10,10 +10,7 @@ var _index = require("../index.js");
|
|
|
10
10
|
var _common = require("./common.js");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const data = {
|
|
13
|
-
organisationUnits:
|
|
14
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
15
|
-
args[_key] = arguments[_key];
|
|
16
|
-
}
|
|
13
|
+
organisationUnits: (...args) => {
|
|
17
14
|
const [, {
|
|
18
15
|
id
|
|
19
16
|
}] = args;
|
|
@@ -28,13 +25,10 @@ const data = {
|
|
|
28
25
|
};
|
|
29
26
|
const A0000000001Loading = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
|
|
30
27
|
data: data
|
|
31
|
-
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
onChange: onChange
|
|
38
|
-
});
|
|
39
|
-
}));
|
|
28
|
+
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
|
|
29
|
+
onChange
|
|
30
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
31
|
+
roots: "A0000000000",
|
|
32
|
+
onChange: onChange
|
|
33
|
+
})));
|
|
40
34
|
exports.A0000000001Loading = A0000000001Loading;
|
|
@@ -14,15 +14,12 @@ const MultipleSelection = () => /*#__PURE__*/_react.default.createElement(_appRu
|
|
|
14
14
|
data: _common.dataProviderData
|
|
15
15
|
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, {
|
|
16
16
|
onSelectionChange: newSelection => window.selection = newSelection
|
|
17
|
-
},
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
selected: selected
|
|
26
|
-
});
|
|
27
|
-
}));
|
|
17
|
+
}, ({
|
|
18
|
+
selected,
|
|
19
|
+
onChange
|
|
20
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
21
|
+
roots: "A0000000000",
|
|
22
|
+
onChange: onChange,
|
|
23
|
+
selected: selected
|
|
24
|
+
})));
|
|
28
25
|
exports.MultipleSelection = MultipleSelection;
|
|
@@ -11,28 +11,22 @@ var _common = require("./common.js");
|
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const NoSelectionClosed = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
|
|
13
13
|
data: _common.dataProviderData
|
|
14
|
-
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
onChange: onChange
|
|
22
|
-
});
|
|
23
|
-
}));
|
|
14
|
+
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
|
|
15
|
+
onChange
|
|
16
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
17
|
+
disableSelection: true,
|
|
18
|
+
roots: "A0000000000",
|
|
19
|
+
onChange: onChange
|
|
20
|
+
})));
|
|
24
21
|
exports.NoSelectionClosed = NoSelectionClosed;
|
|
25
22
|
const NoSelectionRootOpened = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
|
|
26
23
|
data: _common.dataProviderData
|
|
27
|
-
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
initiallyExpanded: ['/A0000000000']
|
|
36
|
-
});
|
|
37
|
-
}));
|
|
24
|
+
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
|
|
25
|
+
onChange
|
|
26
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
27
|
+
disableSelection: true,
|
|
28
|
+
roots: "A0000000000",
|
|
29
|
+
onChange: onChange,
|
|
30
|
+
initiallyExpanded: ['/A0000000000']
|
|
31
|
+
})));
|
|
38
32
|
exports.NoSelectionRootOpened = NoSelectionRootOpened;
|
|
@@ -15,29 +15,23 @@ for (let i = 0; i < 7; ++i) {
|
|
|
15
15
|
}
|
|
16
16
|
const FilteredBy3LevelPath = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
|
|
17
17
|
data: _common.dataProviderData
|
|
18
|
-
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
filter: ['/A0000000000/A0000000001/A0000000003']
|
|
27
|
-
});
|
|
28
|
-
}));
|
|
18
|
+
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
|
|
19
|
+
onChange
|
|
20
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
21
|
+
roots: "A0000000000",
|
|
22
|
+
onChange: onChange,
|
|
23
|
+
initiallyExpanded: ['/A0000000000', '/A0000000000/A0000000001', '/A0000000000/A0000000002'],
|
|
24
|
+
filter: ['/A0000000000/A0000000001/A0000000003']
|
|
25
|
+
})));
|
|
29
26
|
exports.FilteredBy3LevelPath = FilteredBy3LevelPath;
|
|
30
27
|
const FilteredBy3LevelPathAnd2LevelPath = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
|
|
31
28
|
data: _common.dataProviderData
|
|
32
|
-
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
filter: ['/A0000000000/A0000000001/A0000000003', '/A0000000000/A0000000002']
|
|
41
|
-
});
|
|
42
|
-
}));
|
|
29
|
+
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
|
|
30
|
+
onChange
|
|
31
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
32
|
+
roots: "A0000000000",
|
|
33
|
+
onChange: onChange,
|
|
34
|
+
initiallyExpanded: ['/A0000000000', '/A0000000000/A0000000001', '/A0000000000/A0000000002'],
|
|
35
|
+
filter: ['/A0000000000/A0000000001/A0000000003', '/A0000000000/A0000000002']
|
|
36
|
+
})));
|
|
43
37
|
exports.FilteredBy3LevelPathAnd2LevelPath = FilteredBy3LevelPathAnd2LevelPath;
|
|
@@ -10,10 +10,7 @@ var _index = require("../index.js");
|
|
|
10
10
|
var _common = require("./common.js");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const data = {
|
|
13
|
-
organisationUnits:
|
|
14
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
15
|
-
args[_key] = arguments[_key];
|
|
16
|
-
}
|
|
13
|
+
organisationUnits: (...args) => {
|
|
17
14
|
const [, {
|
|
18
15
|
id
|
|
19
16
|
}] = args;
|
|
@@ -35,16 +32,13 @@ const data = {
|
|
|
35
32
|
};
|
|
36
33
|
const SingleSelection = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
|
|
37
34
|
data: data
|
|
38
|
-
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
selected: selected
|
|
48
|
-
});
|
|
49
|
-
}));
|
|
35
|
+
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
|
|
36
|
+
selected,
|
|
37
|
+
onChange
|
|
38
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
39
|
+
singleSelection: true,
|
|
40
|
+
roots: ['A0000000000', 'A0000000001'],
|
|
41
|
+
onChange: onChange,
|
|
42
|
+
selected: selected
|
|
43
|
+
})));
|
|
50
44
|
exports.SingleSelection = SingleSelection;
|
|
@@ -7,13 +7,11 @@ exports.MultipleRootSubAndOneMainOrgUnit = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _index = require("../index.js");
|
|
9
9
|
var _common = require("./common.js");
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
onChange
|
|
16
|
-
} = _ref;
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
+
const MultipleRootSubAndOneMainOrgUnit = (_, {
|
|
12
|
+
selected,
|
|
13
|
+
onChange
|
|
14
|
+
}) => {
|
|
17
15
|
const [filter, setFilter] = (0, _react.useState)('');
|
|
18
16
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
|
|
19
17
|
type: "input",
|
|
@@ -10,10 +10,7 @@ var _index = require("../index.js");
|
|
|
10
10
|
var _common = require("./common.js");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const customizedDataProviderData = {
|
|
13
|
-
organisationUnits:
|
|
14
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
15
|
-
args[_key] = arguments[_key];
|
|
16
|
-
}
|
|
13
|
+
organisationUnits: (...args) => {
|
|
17
14
|
const [, {
|
|
18
15
|
id,
|
|
19
16
|
params
|
|
@@ -46,21 +43,18 @@ window.onExpand = window.Cypress && window.Cypress.cy.stub();
|
|
|
46
43
|
window.onChildrenLoaded = window.Cypress && window.Cypress.cy.stub();
|
|
47
44
|
const Events = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
|
|
48
45
|
data: customizedDataProviderData
|
|
49
|
-
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
onChange
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
onChildrenLoaded: window.onChildrenLoaded
|
|
64
|
-
});
|
|
65
|
-
}));
|
|
46
|
+
}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
|
|
47
|
+
selected,
|
|
48
|
+
onChange
|
|
49
|
+
}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
|
|
50
|
+
roots: "A0000000000",
|
|
51
|
+
selected: selected,
|
|
52
|
+
onChange: (...args) => {
|
|
53
|
+
onChange(...args);
|
|
54
|
+
window.onChange(...args);
|
|
55
|
+
},
|
|
56
|
+
onExpand: window.onExpand,
|
|
57
|
+
onCollapse: window.onCollapse,
|
|
58
|
+
onChildrenLoaded: window.onChildrenLoaded
|
|
59
|
+
})));
|
|
66
60
|
exports.Events = Events;
|