@blaze-cms/plugin-data-ui 0.146.0-node18.1 → 0.146.0-rc-eagle-3.0
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 +35 -12
- package/README.md +64 -0
- package/lib/components/EntityDataListing/EntityDataListing.js +21 -19
- package/lib/components/EntityDataListing/EntityDataListing.js.map +1 -1
- package/lib/components/EntityDataListing/index.js +2 -3
- package/lib/components/EntityDataListing/index.js.map +1 -1
- package/lib/components/EntityManager/Entity/EntitiyNavLinks/EntityNavLinks.js +18 -20
- package/lib/components/EntityManager/Entity/EntitiyNavLinks/EntityNavLinks.js.map +1 -1
- package/lib/components/EntityManager/Entity/EntitiyNavLinks/index.js +2 -3
- package/lib/components/EntityManager/Entity/EntitiyNavLinks/index.js.map +1 -1
- package/lib/components/EntityManager/Entity/Entity.js +290 -452
- package/lib/components/EntityManager/Entity/Entity.js.map +1 -1
- package/lib/components/EntityManager/Entity/EntityHeader/EntityHeader.js +62 -66
- package/lib/components/EntityManager/Entity/EntityHeader/EntityHeader.js.map +1 -1
- package/lib/components/EntityManager/Entity/EntityHeader/HeaderPreviewButton/HeaderPreviewButton.js +34 -50
- package/lib/components/EntityManager/Entity/EntityHeader/HeaderPreviewButton/HeaderPreviewButton.js.map +1 -1
- package/lib/components/EntityManager/Entity/EntityHeader/HeaderPreviewButton/index.js +2 -3
- package/lib/components/EntityManager/Entity/EntityHeader/HeaderPreviewButton/index.js.map +1 -1
- package/lib/components/EntityManager/Entity/EntityHeader/index.js +2 -3
- package/lib/components/EntityManager/Entity/EntityHeader/index.js.map +1 -1
- package/lib/components/EntityManager/Entity/SideBarRelations/container/CustomSidebarInfoContainer.js +20 -26
- package/lib/components/EntityManager/Entity/SideBarRelations/container/CustomSidebarInfoContainer.js.map +1 -1
- package/lib/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js +20 -18
- package/lib/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js.map +1 -1
- package/lib/components/EntityManager/Entity/SideBarRelations/hooks/useCustomSidebarData.js +34 -32
- package/lib/components/EntityManager/Entity/SideBarRelations/hooks/useCustomSidebarData.js.map +1 -1
- package/lib/components/EntityManager/Entity/SideBarRelations/index.js +105 -150
- package/lib/components/EntityManager/Entity/SideBarRelations/index.js.map +1 -1
- package/lib/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js +24 -24
- package/lib/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js.map +1 -1
- package/lib/components/EntityManager/Entity/actions-handlers/create/index.js +2 -3
- package/lib/components/EntityManager/Entity/actions-handlers/create/index.js.map +1 -1
- package/lib/components/EntityManager/Entity/actions-handlers/create/submit.js +34 -59
- package/lib/components/EntityManager/Entity/actions-handlers/create/submit.js.map +1 -1
- package/lib/components/EntityManager/Entity/actions-handlers/delete/delete.js +29 -45
- package/lib/components/EntityManager/Entity/actions-handlers/delete/delete.js.map +1 -1
- package/lib/components/EntityManager/Entity/actions-handlers/delete/index.js +2 -3
- package/lib/components/EntityManager/Entity/actions-handlers/delete/index.js.map +1 -1
- package/lib/components/EntityManager/Entity/actions-handlers/index.js +7 -8
- package/lib/components/EntityManager/Entity/actions-handlers/index.js.map +1 -1
- package/lib/components/EntityManager/Entity/actions-handlers/shared/index.js +2 -3
- package/lib/components/EntityManager/Entity/actions-handlers/shared/index.js.map +1 -1
- package/lib/components/EntityManager/Entity/actions-handlers/shared/publish.js +36 -57
- package/lib/components/EntityManager/Entity/actions-handlers/shared/publish.js.map +1 -1
- package/lib/components/EntityManager/Entity/actions-handlers/update/index.js +2 -3
- package/lib/components/EntityManager/Entity/actions-handlers/update/index.js.map +1 -1
- package/lib/components/EntityManager/Entity/actions-handlers/update/submit.js +47 -66
- package/lib/components/EntityManager/Entity/actions-handlers/update/submit.js.map +1 -1
- package/lib/components/EntityManager/Entity/index.js +2 -3
- package/lib/components/EntityManager/Entity/index.js.map +1 -1
- package/lib/components/EntityManager/EntityManager.js +92 -166
- package/lib/components/EntityManager/EntityManager.js.map +1 -1
- package/lib/components/EntityManager/index.js +2 -3
- package/lib/components/EntityManager/index.js.map +1 -1
- package/lib/components/EntityManager/utils/RecordEditContext/index.js +3 -4
- package/lib/components/EntityManager/utils/RecordEditContext/index.js.map +1 -1
- package/lib/components/EntityManager/utils/data-mappers.js +34 -46
- package/lib/components/EntityManager/utils/data-mappers.js.map +1 -1
- package/lib/components/EntityManager/utils/entity.js +36 -75
- package/lib/components/EntityManager/utils/entity.js.map +1 -1
- package/lib/components/EntityManager/utils/entityAvailableActions.js +51 -110
- package/lib/components/EntityManager/utils/entityAvailableActions.js.map +1 -1
- package/lib/components/EntityManager/utils/is-form-empty.js +6 -10
- package/lib/components/EntityManager/utils/is-form-empty.js.map +1 -1
- package/lib/components/EntityManager/utils/query.js +17 -10
- package/lib/components/EntityManager/utils/query.js.map +1 -1
- package/lib/components/InfoBoxes/InfoBoxTooltip.js +43 -0
- package/lib/components/InfoBoxes/InfoBoxTooltip.js.map +1 -0
- package/lib/components/InfoBoxes/InfoBoxes.js +19 -20
- package/lib/components/InfoBoxes/InfoBoxes.js.map +1 -1
- package/lib/components/InfoBoxes/container/InfoBoxContainer.js +27 -38
- package/lib/components/InfoBoxes/container/InfoBoxContainer.js.map +1 -1
- package/lib/components/InfoBoxes/helpers/build-dynamic-query.js +21 -17
- package/lib/components/InfoBoxes/helpers/build-dynamic-query.js.map +1 -1
- package/lib/components/InfoBoxes/hooks/useData.js +33 -30
- package/lib/components/InfoBoxes/hooks/useData.js.map +1 -1
- package/lib/components/InfoBoxes/hooks/useInfoBox.js +10 -10
- package/lib/components/InfoBoxes/hooks/useInfoBox.js.map +1 -1
- package/lib/components/InfoBoxes/index.js +2 -3
- package/lib/components/InfoBoxes/index.js.map +1 -1
- package/lib/components/InfoBoxes/presentational/InfoBox.js +28 -32
- package/lib/components/InfoBoxes/presentational/InfoBox.js.map +1 -1
- package/lib/components/InfoBoxes/presentational/InfoBoxLabel.js +11 -12
- package/lib/components/InfoBoxes/presentational/InfoBoxLabel.js.map +1 -1
- package/lib/components/InfoBoxes/presentational/InfoBoxValue.js +12 -12
- package/lib/components/InfoBoxes/presentational/InfoBoxValue.js.map +1 -1
- package/lib/components/ListingTable/ListingTable.js +164 -303
- package/lib/components/ListingTable/ListingTable.js.map +1 -1
- package/lib/components/ListingTable/ListingTableContent/ListingTableContent.js +62 -40
- package/lib/components/ListingTable/ListingTableContent/ListingTableContent.js.map +1 -1
- package/lib/components/ListingTable/ListingTableContent/index.js +2 -3
- package/lib/components/ListingTable/ListingTableContent/index.js.map +1 -1
- package/lib/components/ListingTable/SearchFilter/RelationMultiSelectFilter.js +182 -0
- package/lib/components/ListingTable/SearchFilter/RelationMultiSelectFilter.js.map +1 -0
- package/lib/components/ListingTable/SearchFilter/SearchContainer.js +505 -0
- package/lib/components/ListingTable/SearchFilter/SearchContainer.js.map +1 -0
- package/lib/components/ListingTable/SearchFilter/SearchFilter.js +53 -0
- package/lib/components/ListingTable/SearchFilter/SearchFilter.js.map +1 -0
- package/lib/components/ListingTable/SearchFilter/helpers.js +138 -0
- package/lib/components/ListingTable/SearchFilter/helpers.js.map +1 -0
- package/lib/components/ListingTable/SearchFilter/querys.js +13 -0
- package/lib/components/ListingTable/SearchFilter/querys.js.map +1 -0
- package/lib/components/ListingTable/TableActions/TableActions.js +27 -31
- package/lib/components/ListingTable/TableActions/TableActions.js.map +1 -1
- package/lib/components/ListingTable/TableActions/index.js +2 -3
- package/lib/components/ListingTable/TableActions/index.js.map +1 -1
- package/lib/components/ListingTable/index.js +2 -3
- package/lib/components/ListingTable/index.js.map +1 -1
- package/lib/components/ListingTable/mappers/populate-rows.js +104 -120
- package/lib/components/ListingTable/mappers/populate-rows.js.map +1 -1
- package/lib/components/ListingTable/service/index.js +66 -84
- package/lib/components/ListingTable/service/index.js.map +1 -1
- package/lib/components/Tabs/index.js +27 -42
- package/lib/components/Tabs/index.js.map +1 -1
- package/lib/components/hooks/useCallbackDebounce.js +5 -9
- package/lib/components/hooks/useCallbackDebounce.js.map +1 -1
- package/lib/constants.js +31 -29
- package/lib/constants.js.map +1 -1
- package/lib/icons/ContentIcon.js +17 -20
- package/lib/icons/ContentIcon.js.map +1 -1
- package/lib/icons/SettingsIcon.js +12 -15
- package/lib/icons/SettingsIcon.js.map +1 -1
- package/lib/icons/TaxonomyIcon.js +15 -18
- package/lib/icons/TaxonomyIcon.js.map +1 -1
- package/lib/icons/UsersIcon.js +11 -14
- package/lib/icons/UsersIcon.js.map +1 -1
- package/lib/icons/index.js +8 -9
- package/lib/icons/index.js.map +1 -1
- package/lib/index.js +88 -121
- package/lib/index.js.map +1 -1
- package/lib/utils/add-content-menu-items.js +67 -93
- package/lib/utils/add-content-menu-items.js.map +1 -1
- package/lib/utils/build-create-entity-mutation.js +5 -18
- package/lib/utils/build-create-entity-mutation.js.map +1 -1
- package/lib/utils/build-delete-entity-mutation.js +11 -8
- package/lib/utils/build-delete-entity-mutation.js.map +1 -1
- package/lib/utils/build-listing-query.js +20 -17
- package/lib/utils/build-listing-query.js.map +1 -1
- package/lib/utils/build-update-data-query.js +15 -9
- package/lib/utils/build-update-data-query.js.map +1 -1
- package/lib/utils/build-update-publish-unpublish-mutation.js +15 -8
- package/lib/utils/build-update-publish-unpublish-mutation.js.map +1 -1
- package/lib/utils/get-default-query-params.js +23 -10
- package/lib/utils/get-default-query-params.js.map +1 -1
- package/lib/utils/hoc/withContext.js +4 -6
- package/lib/utils/hoc/withContext.js.map +1 -1
- package/lib/utils/hooks/useToggle.js +4 -12
- package/lib/utils/hooks/useToggle.js.map +1 -1
- package/lib/utils/index.js +2 -3
- package/lib/utils/index.js.map +1 -1
- package/lib-es/components/EntityManager/Entity/Entity.js +23 -30
- package/lib-es/components/EntityManager/Entity/Entity.js.map +1 -1
- package/lib-es/components/EntityManager/Entity/EntityHeader/HeaderPreviewButton/HeaderPreviewButton.js +6 -1
- package/lib-es/components/EntityManager/Entity/EntityHeader/HeaderPreviewButton/HeaderPreviewButton.js.map +1 -1
- package/lib-es/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js +2 -0
- package/lib-es/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js.map +1 -1
- package/lib-es/components/EntityManager/Entity/SideBarRelations/index.js +26 -7
- package/lib-es/components/EntityManager/Entity/SideBarRelations/index.js.map +1 -1
- package/lib-es/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js +8 -2
- package/lib-es/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js.map +1 -1
- package/lib-es/components/EntityManager/Entity/actions-handlers/create/submit.js +4 -14
- package/lib-es/components/EntityManager/Entity/actions-handlers/create/submit.js.map +1 -1
- package/lib-es/components/EntityManager/utils/entity.js +8 -5
- package/lib-es/components/EntityManager/utils/entity.js.map +1 -1
- package/lib-es/components/InfoBoxes/InfoBoxTooltip.js +36 -0
- package/lib-es/components/InfoBoxes/InfoBoxTooltip.js.map +1 -0
- package/lib-es/components/InfoBoxes/helpers/build-dynamic-query.js +2 -0
- package/lib-es/components/InfoBoxes/helpers/build-dynamic-query.js.map +1 -1
- package/lib-es/components/InfoBoxes/presentational/InfoBox.js +4 -1
- package/lib-es/components/InfoBoxes/presentational/InfoBox.js.map +1 -1
- package/lib-es/components/ListingTable/ListingTable.js +12 -11
- package/lib-es/components/ListingTable/ListingTable.js.map +1 -1
- package/lib-es/components/ListingTable/ListingTableContent/ListingTableContent.js +34 -16
- package/lib-es/components/ListingTable/ListingTableContent/ListingTableContent.js.map +1 -1
- package/lib-es/components/ListingTable/SearchFilter/RelationMultiSelectFilter.js +173 -0
- package/lib-es/components/ListingTable/SearchFilter/RelationMultiSelectFilter.js.map +1 -0
- package/lib-es/components/ListingTable/SearchFilter/SearchContainer.js +496 -0
- package/lib-es/components/ListingTable/SearchFilter/SearchContainer.js.map +1 -0
- package/lib-es/components/ListingTable/SearchFilter/SearchFilter.js +44 -0
- package/lib-es/components/ListingTable/SearchFilter/SearchFilter.js.map +1 -0
- package/lib-es/components/ListingTable/SearchFilter/helpers.js +127 -0
- package/lib-es/components/ListingTable/SearchFilter/helpers.js.map +1 -0
- package/lib-es/components/ListingTable/SearchFilter/querys.js +8 -0
- package/lib-es/components/ListingTable/SearchFilter/querys.js.map +1 -0
- package/lib-es/components/ListingTable/mappers/populate-rows.js +3 -0
- package/lib-es/components/ListingTable/mappers/populate-rows.js.map +1 -1
- package/lib-es/components/ListingTable/service/index.js +3 -2
- package/lib-es/components/ListingTable/service/index.js.map +1 -1
- package/lib-es/components/Tabs/index.js +6 -7
- package/lib-es/components/Tabs/index.js.map +1 -1
- package/lib-es/constants.js +4 -1
- package/lib-es/constants.js.map +1 -1
- package/lib-es/index.js +12 -3
- package/lib-es/index.js.map +1 -1
- package/lib-es/utils/build-create-entity-mutation.js +5 -19
- package/lib-es/utils/build-create-entity-mutation.js.map +1 -1
- package/lib-es/utils/build-listing-query.js +4 -4
- package/lib-es/utils/build-listing-query.js.map +1 -1
- package/lib-es/utils/get-default-query-params.js +17 -5
- package/lib-es/utils/get-default-query-params.js.map +1 -1
- package/lib-es/utils/hoc/withContext.js +1 -1
- package/lib-es/utils/hoc/withContext.js.map +1 -1
- package/package.json +21 -17
- package/src/components/EntityManager/Entity/Entity.js +35 -40
- package/src/components/EntityManager/Entity/EntityHeader/HeaderPreviewButton/HeaderPreviewButton.js +8 -1
- package/src/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js +2 -0
- package/src/components/EntityManager/Entity/SideBarRelations/index.js +51 -17
- package/src/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js +5 -3
- package/src/components/EntityManager/Entity/actions-handlers/create/submit.js +4 -11
- package/src/components/EntityManager/utils/entity.js +11 -6
- package/src/components/InfoBoxes/InfoBoxTooltip.js +32 -0
- package/src/components/InfoBoxes/helpers/build-dynamic-query.js +2 -0
- package/src/components/InfoBoxes/presentational/InfoBox.js +4 -2
- package/src/components/ListingTable/ListingTable.js +13 -18
- package/src/components/ListingTable/ListingTableContent/ListingTableContent.js +43 -25
- package/src/components/ListingTable/SearchFilter/RelationMultiSelectFilter.js +160 -0
- package/src/components/ListingTable/SearchFilter/SearchContainer.js +553 -0
- package/src/components/ListingTable/SearchFilter/SearchFilter.js +41 -0
- package/src/components/ListingTable/SearchFilter/helpers.js +146 -0
- package/src/components/ListingTable/SearchFilter/querys.js +9 -0
- package/src/components/ListingTable/mappers/populate-rows.js +3 -0
- package/src/components/ListingTable/service/index.js +2 -2
- package/src/components/Tabs/index.js +17 -21
- package/src/constants.js +9 -1
- package/src/index.js +11 -7
- package/src/utils/build-create-entity-mutation.js +5 -28
- package/src/utils/build-listing-query.js +4 -4
- package/src/utils/get-default-query-params.js +21 -9
- package/src/utils/hoc/withContext.js +5 -4
- package/babel.config.js +0 -3
- package/jest.config.js +0 -5
|
@@ -1,59 +1,81 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
var _react =
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
9
|
var _table = _interopRequireDefault(require("@blaze-react/table"));
|
|
11
10
|
var _pagination = _interopRequireDefault(require("@blaze-react/pagination"));
|
|
12
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
12
|
var _reactRouterDom = require("react-router-dom");
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
+
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; }
|
|
15
|
+
const ListingTableContent = ({
|
|
16
|
+
tableData,
|
|
17
|
+
handleSelect,
|
|
18
|
+
onSort,
|
|
19
|
+
handleOnPageChange,
|
|
20
|
+
currentPage,
|
|
21
|
+
totalItems
|
|
22
|
+
}) => {
|
|
23
|
+
const ref = (0, _react.useRef)(null);
|
|
24
|
+
const displayTable = tableData && tableData.rows && !!tableData.rows.length;
|
|
25
|
+
const {
|
|
26
|
+
isEnquiry
|
|
27
|
+
} = tableData;
|
|
28
|
+
const className = `page__content${isEnquiry ? ' array-table' : ''}`;
|
|
29
|
+
(0, _react.useEffect)(() => {
|
|
30
|
+
// set table head to match body column widths to handle dynamic content
|
|
31
|
+
if (ref.current && displayTable) {
|
|
32
|
+
const tableHeadCells = ref.current.querySelectorAll('.table-head .table-cell');
|
|
33
|
+
const firstRowCells = ref.current.querySelectorAll('.table-body .table-row:first-child .table-cell');
|
|
34
|
+
firstRowCells.forEach((element, i) => {
|
|
35
|
+
const styles = window.getComputedStyle(element);
|
|
36
|
+
if (tableHeadCells[i]) {
|
|
37
|
+
tableHeadCells[i].style.flex = styles.flex;
|
|
38
|
+
tableHeadCells[i].style['justify-content'] = styles['justify-content'];
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
}, [tableData, displayTable]);
|
|
43
|
+
if (displayTable) {
|
|
44
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
45
|
+
ref: ref,
|
|
46
|
+
className: className
|
|
47
|
+
}, /*#__PURE__*/_react.default.createElement(_table.default, {
|
|
48
|
+
onSort: onSort,
|
|
49
|
+
data: tableData,
|
|
50
|
+
onSelect: handleSelect,
|
|
51
|
+
"data-testid": "listing-table-content"
|
|
52
|
+
}), /*#__PURE__*/_react.default.createElement(_pagination.default, {
|
|
53
|
+
visiblePages: 10,
|
|
54
|
+
totalItems: totalItems,
|
|
55
|
+
currentPage: currentPage,
|
|
56
|
+
onPageChange: handleOnPageChange
|
|
57
|
+
}));
|
|
58
|
+
}
|
|
59
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
38
60
|
className: "table-no-results",
|
|
39
61
|
"data-testid": "no-results"
|
|
40
|
-
}, "No results")
|
|
62
|
+
}, "No results");
|
|
41
63
|
};
|
|
42
64
|
ListingTableContent.propTypes = {
|
|
43
|
-
tableData: _propTypes
|
|
44
|
-
match: _propTypes
|
|
45
|
-
url: _propTypes
|
|
65
|
+
tableData: _propTypes.default.object.isRequired,
|
|
66
|
+
match: _propTypes.default.shape({
|
|
67
|
+
url: _propTypes.default.string
|
|
46
68
|
}).isRequired,
|
|
47
|
-
handleSelect: _propTypes
|
|
48
|
-
onSort: _propTypes
|
|
49
|
-
handleOnPageChange: _propTypes
|
|
50
|
-
currentPage: _propTypes
|
|
51
|
-
totalItems: _propTypes
|
|
69
|
+
handleSelect: _propTypes.default.func,
|
|
70
|
+
onSort: _propTypes.default.func,
|
|
71
|
+
handleOnPageChange: _propTypes.default.func,
|
|
72
|
+
currentPage: _propTypes.default.number.isRequired,
|
|
73
|
+
totalItems: _propTypes.default.number.isRequired
|
|
52
74
|
};
|
|
53
75
|
ListingTableContent.defaultProps = {
|
|
54
|
-
handleSelect:
|
|
55
|
-
onSort:
|
|
56
|
-
handleOnPageChange:
|
|
76
|
+
handleSelect: () => {},
|
|
77
|
+
onSort: () => {},
|
|
78
|
+
handleOnPageChange: () => {}
|
|
57
79
|
};
|
|
58
|
-
var _default = exports
|
|
80
|
+
var _default = exports.default = (0, _reactRouterDom.withRouter)(ListingTableContent);
|
|
59
81
|
//# sourceMappingURL=ListingTableContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListingTableContent.js","names":["_react","
|
|
1
|
+
{"version":3,"file":"ListingTableContent.js","names":["_react","_interopRequireWildcard","require","_table","_interopRequireDefault","_pagination","_propTypes","_reactRouterDom","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ListingTableContent","tableData","handleSelect","onSort","handleOnPageChange","currentPage","totalItems","ref","useRef","displayTable","rows","length","isEnquiry","className","useEffect","current","tableHeadCells","querySelectorAll","firstRowCells","forEach","element","styles","window","getComputedStyle","style","flex","createElement","data","onSelect","visiblePages","onPageChange","propTypes","PropTypes","object","isRequired","match","shape","url","string","func","number","defaultProps","_default","exports","withRouter"],"sources":["../../../../src/components/ListingTable/ListingTableContent/ListingTableContent.js"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport Table from '@blaze-react/table';\nimport Pagination from '@blaze-react/pagination';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\n\nconst ListingTableContent = ({\n tableData,\n handleSelect,\n onSort,\n handleOnPageChange,\n currentPage,\n totalItems\n}) => {\n const ref = useRef(null);\n const displayTable = tableData && tableData.rows && !!tableData.rows.length;\n const { isEnquiry } = tableData;\n const className = `page__content${isEnquiry ? ' array-table' : ''}`;\n\n useEffect(() => {\n // set table head to match body column widths to handle dynamic content\n if (ref.current && displayTable) {\n const tableHeadCells = ref.current.querySelectorAll('.table-head .table-cell');\n const firstRowCells = ref.current.querySelectorAll(\n '.table-body .table-row:first-child .table-cell'\n );\n\n firstRowCells.forEach((element, i) => {\n const styles = window.getComputedStyle(element);\n\n if (tableHeadCells[i]) {\n tableHeadCells[i].style.flex = styles.flex;\n tableHeadCells[i].style['justify-content'] = styles['justify-content'];\n }\n });\n }\n }, [tableData, displayTable]);\n\n if (displayTable) {\n return (\n <div ref={ref} className={className}>\n <Table\n onSort={onSort}\n data={tableData}\n onSelect={handleSelect}\n data-testid=\"listing-table-content\"\n />\n <Pagination\n visiblePages={10}\n totalItems={totalItems}\n currentPage={currentPage}\n onPageChange={handleOnPageChange}\n />\n </div>\n );\n }\n\n return (\n <span className=\"table-no-results\" data-testid=\"no-results\">\n No results\n </span>\n );\n};\n\nListingTableContent.propTypes = {\n tableData: PropTypes.object.isRequired,\n match: PropTypes.shape({\n url: PropTypes.string\n }).isRequired,\n handleSelect: PropTypes.func,\n onSort: PropTypes.func,\n handleOnPageChange: PropTypes.func,\n currentPage: PropTypes.number.isRequired,\n totalItems: PropTypes.number.isRequired\n};\n\nListingTableContent.defaultProps = {\n handleSelect: () => {},\n onSort: () => {},\n handleOnPageChange: () => {}\n};\n\nexport default withRouter(ListingTableContent);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _ListingTableContent = _interopRequireDefault(require("./ListingTableContent"));
|
|
10
|
-
var _default = exports
|
|
9
|
+
var _default = exports.default = _ListingTableContent.default;
|
|
11
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_ListingTableContent","_interopRequireDefault","require","_default","exports","ListingTableContent"],"sources":["../../../../src/components/ListingTable/ListingTableContent/index.js"],"sourcesContent":["import ListingTableContent from './ListingTableContent';\n\nexport default ListingTableContent;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_ListingTableContent","_interopRequireDefault","require","_default","exports","default","ListingTableContent"],"sources":["../../../../src/components/ListingTable/ListingTableContent/index.js"],"sourcesContent":["import ListingTableContent from './ListingTableContent';\n\nexport default ListingTableContent;\n"],"mappings":";;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwD,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzCC,4BAAmB","ignoreList":[]}
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _multiselect = _interopRequireDefault(require("@blaze-react/multiselect"));
|
|
12
|
+
var _lodash = _interopRequireDefault(require("lodash.debounce"));
|
|
13
|
+
var _lodash2 = _interopRequireDefault(require("lodash.unionby"));
|
|
14
|
+
var _client = require("@apollo/client");
|
|
15
|
+
var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
17
|
+
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; }
|
|
18
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
+
const DEBOUNCE_TIME = 500;
|
|
21
|
+
const SEARCH_LOAD_OFFSET = 10;
|
|
22
|
+
const SELECTION_LIMIT = 10;
|
|
23
|
+
const shouldLoadMore = (searchTerm, stopIndex, currentDataLength) => searchTerm && stopIndex > SEARCH_LOAD_OFFSET && stopIndex >= currentDataLength - SEARCH_LOAD_OFFSET;
|
|
24
|
+
const RelationMultiSelectFilter = ({
|
|
25
|
+
id,
|
|
26
|
+
label,
|
|
27
|
+
entityIdentifier,
|
|
28
|
+
selectedIds,
|
|
29
|
+
onChange
|
|
30
|
+
}) => {
|
|
31
|
+
const client = (0, _client.useApolloClient)();
|
|
32
|
+
const [schema, setSchema] = (0, _react.useState)(null);
|
|
33
|
+
const [data, setData] = (0, _react.useState)([]);
|
|
34
|
+
const [searchTerm, setSearchTerm] = (0, _react.useState)('');
|
|
35
|
+
const {
|
|
36
|
+
displayProperties
|
|
37
|
+
} = schema || {};
|
|
38
|
+
(0, _react.useEffect)(() => {
|
|
39
|
+
let active = true;
|
|
40
|
+
(async () => {
|
|
41
|
+
try {
|
|
42
|
+
const {
|
|
43
|
+
data: {
|
|
44
|
+
getEntitySchemas = []
|
|
45
|
+
} = {}
|
|
46
|
+
} = await client.query({
|
|
47
|
+
query: (0, _adminUiUtils.getQuery)('GET_ENTITY_SCHEMA'),
|
|
48
|
+
variables: {
|
|
49
|
+
identifier: entityIdentifier
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
const [relationSchema] = getEntitySchemas;
|
|
53
|
+
if (active && relationSchema) setSchema(relationSchema);
|
|
54
|
+
} catch {
|
|
55
|
+
if (active) setSchema(null);
|
|
56
|
+
}
|
|
57
|
+
})();
|
|
58
|
+
return () => {
|
|
59
|
+
active = false;
|
|
60
|
+
};
|
|
61
|
+
}, [client, entityIdentifier]);
|
|
62
|
+
(0, _react.useEffect)(() => {
|
|
63
|
+
if (!schema || !selectedIds.length) return undefined;
|
|
64
|
+
let active = true;
|
|
65
|
+
(async () => {
|
|
66
|
+
try {
|
|
67
|
+
const {
|
|
68
|
+
data: {
|
|
69
|
+
result = []
|
|
70
|
+
} = {}
|
|
71
|
+
} = await client.query({
|
|
72
|
+
query: (0, _adminUiUtils.getDynamicQuery)('GET_ALL_ENTITIES')(schema),
|
|
73
|
+
variables: {
|
|
74
|
+
where: {
|
|
75
|
+
id: {
|
|
76
|
+
_in: selectedIds
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
sort: [{
|
|
80
|
+
property: 'name',
|
|
81
|
+
direction: 'asc'
|
|
82
|
+
}]
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
if (active && result.length) setData(prev => (0, _lodash2.default)([...prev, ...result], 'id'));
|
|
86
|
+
} catch {
|
|
87
|
+
// ignore - selected chips will fall back to id-only display
|
|
88
|
+
}
|
|
89
|
+
})();
|
|
90
|
+
return () => {
|
|
91
|
+
active = false;
|
|
92
|
+
};
|
|
93
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
94
|
+
}, [schema]);
|
|
95
|
+
const onSearch = (0, _react.useMemo)(() => schema ? (0, _adminUiUtils.getAdminRecordSearch)(schema, client) : null, [schema, client]);
|
|
96
|
+
const currentData = (0, _react.useMemo)(() => data.map(option => {
|
|
97
|
+
const checked = selectedIds.includes(option.id);
|
|
98
|
+
return _objectSpread(_objectSpread({}, option), {}, {
|
|
99
|
+
checked,
|
|
100
|
+
show: true,
|
|
101
|
+
name: (0, _adminUiUtils.buildLabel)(displayProperties, option)
|
|
102
|
+
});
|
|
103
|
+
}), [data, selectedIds, displayProperties]);
|
|
104
|
+
const interceptOnSearchChange = (0, _lodash.default)(async ({
|
|
105
|
+
value
|
|
106
|
+
}) => {
|
|
107
|
+
setSearchTerm(value);
|
|
108
|
+
if (!onSearch) return;
|
|
109
|
+
const result = await onSearch({
|
|
110
|
+
event: {
|
|
111
|
+
value
|
|
112
|
+
},
|
|
113
|
+
currentValue: selectedIds
|
|
114
|
+
});
|
|
115
|
+
if (!result) return;
|
|
116
|
+
setData(prev => {
|
|
117
|
+
const selected = prev.filter(item => selectedIds.includes(item.id));
|
|
118
|
+
const newOnes = result.filter(item => !selectedIds.includes(item.id));
|
|
119
|
+
return (0, _lodash2.default)([...selected, ...newOnes], 'id');
|
|
120
|
+
});
|
|
121
|
+
}, DEBOUNCE_TIME);
|
|
122
|
+
const scrollHook = (0, _lodash.default)(async ({
|
|
123
|
+
stopIndex
|
|
124
|
+
}) => {
|
|
125
|
+
if (!onSearch) return;
|
|
126
|
+
const currentDataLength = data.length - selectedIds.length;
|
|
127
|
+
if (!shouldLoadMore(searchTerm, stopIndex, currentDataLength)) return;
|
|
128
|
+
const result = await onSearch({
|
|
129
|
+
event: {
|
|
130
|
+
value: searchTerm
|
|
131
|
+
},
|
|
132
|
+
currentValue: selectedIds,
|
|
133
|
+
currentOffset: currentDataLength
|
|
134
|
+
});
|
|
135
|
+
if (!result || !result.length) return;
|
|
136
|
+
setData(prev => (0, _lodash2.default)([...prev, ...result], 'id'));
|
|
137
|
+
}, DEBOUNCE_TIME);
|
|
138
|
+
const onItemsRenderedIntercept = async event => {
|
|
139
|
+
if (!onSearch) return;
|
|
140
|
+
scrollHook(event);
|
|
141
|
+
};
|
|
142
|
+
const getSelected = ({
|
|
143
|
+
event: {
|
|
144
|
+
target: {
|
|
145
|
+
value
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
}) => {
|
|
149
|
+
onChange(id, value);
|
|
150
|
+
};
|
|
151
|
+
return /*#__PURE__*/_react.default.createElement(_multiselect.default, {
|
|
152
|
+
label: label,
|
|
153
|
+
name: id,
|
|
154
|
+
data: {
|
|
155
|
+
data: currentData,
|
|
156
|
+
filterBy: ['name'],
|
|
157
|
+
identification: 'id',
|
|
158
|
+
keyValue: 'name'
|
|
159
|
+
},
|
|
160
|
+
limit: SELECTION_LIMIT,
|
|
161
|
+
onChange: interceptOnSearchChange,
|
|
162
|
+
getSelected: getSelected,
|
|
163
|
+
onItemsRendered: onItemsRenderedIntercept,
|
|
164
|
+
required: false,
|
|
165
|
+
checkedPreviewCount: 1,
|
|
166
|
+
formatMoreLabel: count => `${count} more`,
|
|
167
|
+
isDynamic: true
|
|
168
|
+
});
|
|
169
|
+
};
|
|
170
|
+
RelationMultiSelectFilter.propTypes = {
|
|
171
|
+
id: _propTypes.default.string.isRequired,
|
|
172
|
+
label: _propTypes.default.string,
|
|
173
|
+
entityIdentifier: _propTypes.default.string.isRequired,
|
|
174
|
+
selectedIds: _propTypes.default.array,
|
|
175
|
+
onChange: _propTypes.default.func.isRequired
|
|
176
|
+
};
|
|
177
|
+
RelationMultiSelectFilter.defaultProps = {
|
|
178
|
+
label: '',
|
|
179
|
+
selectedIds: []
|
|
180
|
+
};
|
|
181
|
+
var _default = exports.default = RelationMultiSelectFilter;
|
|
182
|
+
//# sourceMappingURL=RelationMultiSelectFilter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RelationMultiSelectFilter.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_multiselect","_lodash","_lodash2","_client","_adminUiUtils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","DEBOUNCE_TIME","SEARCH_LOAD_OFFSET","SELECTION_LIMIT","shouldLoadMore","searchTerm","stopIndex","currentDataLength","RelationMultiSelectFilter","id","label","entityIdentifier","selectedIds","onChange","client","useApolloClient","schema","setSchema","useState","data","setData","setSearchTerm","displayProperties","useEffect","active","getEntitySchemas","query","getQuery","variables","identifier","relationSchema","undefined","result","getDynamicQuery","where","_in","sort","property","direction","prev","unionBy","onSearch","useMemo","getAdminRecordSearch","currentData","map","option","checked","includes","show","name","buildLabel","interceptOnSearchChange","debounce","value","event","currentValue","selected","item","newOnes","scrollHook","currentOffset","onItemsRenderedIntercept","getSelected","target","createElement","filterBy","identification","keyValue","limit","onItemsRendered","required","checkedPreviewCount","formatMoreLabel","count","isDynamic","propTypes","PropTypes","string","isRequired","array","func","defaultProps","_default","exports"],"sources":["../../../../src/components/ListingTable/SearchFilter/RelationMultiSelectFilter.js"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport MultiSelect from '@blaze-react/multiselect';\nimport debounce from 'lodash.debounce';\nimport unionBy from 'lodash.unionby';\nimport { useApolloClient } from '@apollo/client';\nimport {\n getQuery,\n getDynamicQuery,\n getAdminRecordSearch,\n buildLabel\n} from '@blaze-cms/admin-ui-utils';\n\nconst DEBOUNCE_TIME = 500;\nconst SEARCH_LOAD_OFFSET = 10;\nconst SELECTION_LIMIT = 10;\n\nconst shouldLoadMore = (searchTerm, stopIndex, currentDataLength) =>\n searchTerm &&\n stopIndex > SEARCH_LOAD_OFFSET &&\n stopIndex >= currentDataLength - SEARCH_LOAD_OFFSET;\n\nconst RelationMultiSelectFilter = ({ id, label, entityIdentifier, selectedIds, onChange }) => {\n const client = useApolloClient();\n const [schema, setSchema] = useState(null);\n const [data, setData] = useState([]);\n const [searchTerm, setSearchTerm] = useState('');\n\n const { displayProperties } = schema || {};\n\n useEffect(() => {\n let active = true;\n (async () => {\n try {\n const { data: { getEntitySchemas = [] } = {} } = await client.query({\n query: getQuery('GET_ENTITY_SCHEMA'),\n variables: { identifier: entityIdentifier }\n });\n const [relationSchema] = getEntitySchemas;\n if (active && relationSchema) setSchema(relationSchema);\n } catch {\n if (active) setSchema(null);\n }\n })();\n return () => {\n active = false;\n };\n }, [client, entityIdentifier]);\n\n useEffect(() => {\n if (!schema || !selectedIds.length) return undefined;\n let active = true;\n (async () => {\n try {\n const { data: { result = [] } = {} } = await client.query({\n query: getDynamicQuery('GET_ALL_ENTITIES')(schema),\n variables: {\n where: { id: { _in: selectedIds } },\n sort: [{ property: 'name', direction: 'asc' }]\n }\n });\n if (active && result.length) setData(prev => unionBy([...prev, ...result], 'id'));\n } catch {\n // ignore - selected chips will fall back to id-only display\n }\n })();\n return () => {\n active = false;\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [schema]);\n\n const onSearch = useMemo(\n () => (schema ? getAdminRecordSearch(schema, client) : null),\n [schema, client]\n );\n\n const currentData = useMemo(\n () =>\n data.map(option => {\n const checked = selectedIds.includes(option.id);\n return {\n ...option,\n checked,\n show: true,\n name: buildLabel(displayProperties, option)\n };\n }),\n [data, selectedIds, displayProperties]\n );\n\n const interceptOnSearchChange = debounce(async ({ value }) => {\n setSearchTerm(value);\n if (!onSearch) return;\n const result = await onSearch({ event: { value }, currentValue: selectedIds });\n if (!result) return;\n setData(prev => {\n const selected = prev.filter(item => selectedIds.includes(item.id));\n const newOnes = result.filter(item => !selectedIds.includes(item.id));\n return unionBy([...selected, ...newOnes], 'id');\n });\n }, DEBOUNCE_TIME);\n\n const scrollHook = debounce(async ({ stopIndex }) => {\n if (!onSearch) return;\n const currentDataLength = data.length - selectedIds.length;\n if (!shouldLoadMore(searchTerm, stopIndex, currentDataLength)) return;\n const result = await onSearch({\n event: { value: searchTerm },\n currentValue: selectedIds,\n currentOffset: currentDataLength\n });\n if (!result || !result.length) return;\n setData(prev => unionBy([...prev, ...result], 'id'));\n }, DEBOUNCE_TIME);\n\n const onItemsRenderedIntercept = async event => {\n if (!onSearch) return;\n scrollHook(event);\n };\n\n const getSelected = ({\n event: {\n target: { value }\n }\n }) => {\n onChange(id, value);\n };\n\n return (\n <MultiSelect\n label={label}\n name={id}\n data={{ data: currentData, filterBy: ['name'], identification: 'id', keyValue: 'name' }}\n limit={SELECTION_LIMIT}\n onChange={interceptOnSearchChange}\n getSelected={getSelected}\n onItemsRendered={onItemsRenderedIntercept}\n required={false}\n checkedPreviewCount={1}\n formatMoreLabel={count => `${count} more`}\n isDynamic\n />\n );\n};\n\nRelationMultiSelectFilter.propTypes = {\n id: PropTypes.string.isRequired,\n label: PropTypes.string,\n entityIdentifier: PropTypes.string.isRequired,\n selectedIds: PropTypes.array,\n onChange: PropTypes.func.isRequired\n};\n\nRelationMultiSelectFilter.defaultProps = {\n label: '',\n selectedIds: []\n};\n\nexport default RelationMultiSelectFilter;\n"],"mappings":"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","ignoreList":[]}
|