@ansible/ansible-ui-framework 0.0.613 → 0.0.615
Sign up to get free protection for your applications and to get access to all the features.
- package/framework/BulkActionDialog.d.ts +14 -0
- package/framework/BulkConfirmationDialog.d.ts +20 -0
- package/{cjs → framework}/PageActions/PageActions.d.ts +0 -13
- package/{cjs → framework}/PageActions/PageButtonAction.d.ts +0 -1
- package/{cjs → framework}/PageActions/PagePinnedActions.d.ts +0 -4
- package/{cjs → framework}/PageForm/Inputs/FormGroupSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/FormGroupSelectOption.d.ts +0 -5
- package/{cjs → framework}/PageForm/Inputs/FormGroupTextArea.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/FormGroupTextInput.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/FormGroupTypeAheadMultiSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormCheckbox.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormCreatableSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormFileUpload.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormGroup.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormSelectOption.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormTextArea.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormTextInput.d.ts +0 -1
- package/{cjs → framework}/PageForm/PageFormSchema.d.ts +0 -2
- package/framework/PageFramework.d.ts +6 -0
- package/framework/PageHeader.d.ts +22 -0
- package/framework/PageLayout.d.ts +4 -0
- package/{cjs → framework}/PageTable/PageTable.d.ts +0 -15
- package/{cjs → framework}/components/useBreakPoint.d.ts +0 -1
- package/{cjs → framework}/index.d.ts +1 -0
- package/{cjs → framework}/utils/compare.d.ts +3 -3
- package/index.js +16475 -0
- package/index.umd.cjs +165 -0
- package/package.json +16 -15
- package/style.css +1 -0
- package/cjs/BulkActionDialog.d.ts +0 -34
- package/cjs/BulkActionDialog.js +0 -300
- package/cjs/BulkConfirmationDialog.d.ts +0 -36
- package/cjs/BulkConfirmationDialog.js +0 -135
- package/cjs/PageActions/PageAction.js +0 -2
- package/cjs/PageActions/PageActionType.js +0 -12
- package/cjs/PageActions/PageActions.js +0 -69
- package/cjs/PageActions/PageBulkAction.js +0 -35
- package/cjs/PageActions/PageButtonAction.js +0 -41
- package/cjs/PageActions/PageDropdownAction.js +0 -132
- package/cjs/PageActions/PagePinnedActions.js +0 -55
- package/cjs/PageActions/PageSingleAction.js +0 -38
- package/cjs/PageAlertToaster.js +0 -102
- package/cjs/PageAlerts.js +0 -98
- package/cjs/PageBody.js +0 -52
- package/cjs/PageCells/BytesCell.js +0 -16
- package/cjs/PageCells/CapacityCell.js +0 -67
- package/cjs/PageCells/CopyCell.js +0 -25
- package/cjs/PageCells/DateTimeCell.js +0 -66
- package/cjs/PageCells/ElapsedTimeCell.js +0 -48
- package/cjs/PageCells/LabelsCell.js +0 -20
- package/cjs/PageCells/TextCell.js +0 -39
- package/cjs/PageColumnModal.js +0 -131
- package/cjs/PageDashboard/PageChartContainer.js +0 -69
- package/cjs/PageDashboard/PageDashboardCard.js +0 -22
- package/cjs/PageDashboard/PageDashboardChart.js +0 -54
- package/cjs/PageDashboard/PageDonutChart.js +0 -53
- package/cjs/PageDashboard/PageScatterChart.js +0 -5564
- package/cjs/PageDetails/PageDetail.js +0 -28
- package/cjs/PageDetails/PageDetails.js +0 -41
- package/cjs/PageDetails/PageDetailsFromColumns.js +0 -27
- package/cjs/PageDialog.js +0 -28
- package/cjs/PageForm/Inputs/FormGroupSelect.js +0 -60
- package/cjs/PageForm/Inputs/FormGroupSelectOption.js +0 -61
- package/cjs/PageForm/Inputs/FormGroupTextArea.js +0 -53
- package/cjs/PageForm/Inputs/FormGroupTextInput.js +0 -58
- package/cjs/PageForm/Inputs/FormGroupTypeAheadMultiSelect.js +0 -67
- package/cjs/PageForm/Inputs/PageFormCheckbox.js +0 -39
- package/cjs/PageForm/Inputs/PageFormCodeEditor.js +0 -154
- package/cjs/PageForm/Inputs/PageFormCreatableSelect.js +0 -82
- package/cjs/PageForm/Inputs/PageFormFileUpload.js +0 -72
- package/cjs/PageForm/Inputs/PageFormGroup.js +0 -24
- package/cjs/PageForm/Inputs/PageFormMultiInput.js +0 -102
- package/cjs/PageForm/Inputs/PageFormSelect.js +0 -26
- package/cjs/PageForm/Inputs/PageFormSelectOption.js +0 -42
- package/cjs/PageForm/Inputs/PageFormSlider.js +0 -36
- package/cjs/PageForm/Inputs/PageFormSwitch.js +0 -38
- package/cjs/PageForm/Inputs/PageFormTextArea.js +0 -50
- package/cjs/PageForm/Inputs/PageFormTextInput.js +0 -72
- package/cjs/PageForm/Inputs/PageFormTextSelect.js +0 -40
- package/cjs/PageForm/PageForm.js +0 -146
- package/cjs/PageForm/PageFormAlerts.js +0 -32
- package/cjs/PageForm/PageFormButtons.js +0 -28
- package/cjs/PageForm/PageFormInputPopover.js +0 -2
- package/cjs/PageForm/PageFormSchema.js +0 -138
- package/cjs/PageForm/Utils/PageFormHidden.js +0 -13
- package/cjs/PageForm/Utils/PageFormSection.js +0 -20
- package/cjs/PageForm/Utils/PageFormWatch.js +0 -10
- package/cjs/PageFramework.css +0 -27
- package/cjs/PageFramework.d.ts +0 -12
- package/cjs/PageFramework.js +0 -31
- package/cjs/PageHeader.d.ts +0 -45
- package/cjs/PageHeader.js +0 -111
- package/cjs/PageLayout.d.ts +0 -17
- package/cjs/PageLayout.js +0 -60
- package/cjs/PageTable/PagePagination.js +0 -28
- package/cjs/PageTable/PageTable.js +0 -266
- package/cjs/PageTable/PageTableCard.js +0 -161
- package/cjs/PageTable/PageTableCards.js +0 -38
- package/cjs/PageTable/PageTableList.js +0 -153
- package/cjs/PageTable/PageTableViewType.js +0 -9
- package/cjs/PageTable/PageToolbar.css +0 -7
- package/cjs/PageTable/PageToolbar.js +0 -228
- package/cjs/PageTable/useTableItems.js +0 -507
- package/cjs/PageTabs.js +0 -86
- package/cjs/Settings.js +0 -125
- package/cjs/components/BulkSelector.js +0 -91
- package/cjs/components/Collapse.css +0 -12
- package/cjs/components/Collapse.js +0 -23
- package/cjs/components/DetailInfo.js +0 -21
- package/cjs/components/Dotted.js +0 -19
- package/cjs/components/DropdownControlled.js +0 -28
- package/cjs/components/EmptyStateCustom.js +0 -21
- package/cjs/components/EmptyStateFilter.js +0 -26
- package/cjs/components/EmptyStateNoData.js +0 -11
- package/cjs/components/EmptyStateUnauthorized.js +0 -13
- package/cjs/components/ErrorBoundary.js +0 -45
- package/cjs/components/Help.js +0 -24
- package/cjs/components/IconWrapper.js +0 -53
- package/cjs/components/LoadingPage.js +0 -25
- package/cjs/components/LoadingState.js +0 -20
- package/cjs/components/Masonry.js +0 -113
- package/cjs/components/PageGrid.js +0 -61
- package/cjs/components/Scrollable.js +0 -87
- package/cjs/components/StandardPopover.js +0 -64
- package/cjs/components/icons/RunningIcon.js +0 -36
- package/cjs/components/pfcolors.js +0 -54
- package/cjs/components/useBreakPoint.js +0 -145
- package/cjs/components/useIsMounted.js +0 -28
- package/cjs/components/useOpen.js +0 -36
- package/cjs/components/usePageNavigate.js +0 -37
- package/cjs/components/useSearchParams.js +0 -20
- package/cjs/components/useWindowLocation.js +0 -49
- package/cjs/index.js +0 -67
- package/cjs/useFrameworkTranslations.js +0 -52
- package/cjs/useInMemoryView.js +0 -102
- package/cjs/useSelectDialog.js +0 -96
- package/cjs/useSelectMultipleDialog.js +0 -62
- package/cjs/useView.js +0 -155
- package/cjs/utils/capitalize.js +0 -7
- package/cjs/utils/compare.js +0 -59
- package/cjs/utils/download-file.js +0 -23
- package/cjs/utils/formatDateString.js +0 -11
- package/cjs/utils/random-string.js +0 -17
- /package/{cjs → framework}/PageActions/PageAction.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageActionType.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageBulkAction.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageDropdownAction.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageSingleAction.d.ts +0 -0
- /package/{cjs → framework}/PageAlertToaster.d.ts +0 -0
- /package/{cjs → framework}/PageAlerts.d.ts +0 -0
- /package/{cjs → framework}/PageBody.d.ts +0 -0
- /package/{cjs → framework}/PageCells/BytesCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/CapacityCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/CopyCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/DateTimeCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/ElapsedTimeCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/LabelsCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/TextCell.d.ts +0 -0
- /package/{cjs → framework}/PageColumnModal.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageChartContainer.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageDashboardCard.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageDashboardChart.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageDonutChart.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageScatterChart.d.ts +0 -0
- /package/{cjs → framework}/PageDetails/PageDetail.d.ts +0 -0
- /package/{cjs → framework}/PageDetails/PageDetails.d.ts +0 -0
- /package/{cjs → framework}/PageDetails/PageDetailsFromColumns.d.ts +0 -0
- /package/{cjs → framework}/PageDialog.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormCodeEditor.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormMultiInput.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormSlider.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormSwitch.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormTextSelect.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageForm.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageFormAlerts.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageFormButtons.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageFormInputPopover.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Utils/PageFormHidden.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Utils/PageFormSection.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Utils/PageFormWatch.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PagePagination.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableCard.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableCards.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableList.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableViewType.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageToolbar.d.ts +0 -0
- /package/{cjs → framework}/PageTable/useTableItems.d.ts +0 -0
- /package/{cjs → framework}/PageTabs.d.ts +0 -0
- /package/{cjs → framework}/Settings.d.ts +0 -0
- /package/{cjs → framework}/components/BulkSelector.d.ts +0 -0
- /package/{cjs → framework}/components/Collapse.d.ts +0 -0
- /package/{cjs → framework}/components/DetailInfo.d.ts +0 -0
- /package/{cjs → framework}/components/Dotted.d.ts +0 -0
- /package/{cjs → framework}/components/DropdownControlled.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateCustom.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateFilter.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateNoData.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateUnauthorized.d.ts +0 -0
- /package/{cjs → framework}/components/ErrorBoundary.d.ts +0 -0
- /package/{cjs → framework}/components/Help.d.ts +0 -0
- /package/{cjs → framework}/components/IconWrapper.d.ts +0 -0
- /package/{cjs → framework}/components/LoadingPage.d.ts +0 -0
- /package/{cjs → framework}/components/LoadingState.d.ts +0 -0
- /package/{cjs → framework}/components/Masonry.d.ts +0 -0
- /package/{cjs → framework}/components/PageGrid.d.ts +0 -0
- /package/{cjs → framework}/components/Scrollable.d.ts +0 -0
- /package/{cjs → framework}/components/StandardPopover.d.ts +0 -0
- /package/{cjs → framework}/components/icons/RunningIcon.d.ts +0 -0
- /package/{cjs → framework}/components/pfcolors.d.ts +0 -0
- /package/{cjs → framework}/components/useIsMounted.d.ts +0 -0
- /package/{cjs → framework}/components/useOpen.d.ts +0 -0
- /package/{cjs → framework}/components/usePageNavigate.d.ts +0 -0
- /package/{cjs → framework}/components/useSearchParams.d.ts +0 -0
- /package/{cjs → framework}/components/useWindowLocation.d.ts +0 -0
- /package/{cjs → framework}/useFrameworkTranslations.d.ts +0 -0
- /package/{cjs → framework}/useInMemoryView.d.ts +0 -0
- /package/{cjs → framework}/useSelectDialog.d.ts +0 -0
- /package/{cjs → framework}/useSelectMultipleDialog.d.ts +0 -0
- /package/{cjs → framework}/useView.d.ts +0 -0
- /package/{cjs → framework}/utils/capitalize.d.ts +0 -0
- /package/{cjs → framework}/utils/download-file.d.ts +0 -0
- /package/{cjs → framework}/utils/formatDateString.d.ts +0 -0
- /package/{cjs → framework}/utils/random-string.d.ts +0 -0
@@ -1,20 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.useSearchParams = void 0;
|
4
|
-
var react_1 = require("react");
|
5
|
-
var useWindowLocation_1 = require("./useWindowLocation");
|
6
|
-
function useSearchParams() {
|
7
|
-
var _a, _b;
|
8
|
-
var location = (0, useWindowLocation_1.useWindowLocation)();
|
9
|
-
var pathname = ((_a = location.location) === null || _a === void 0 ? void 0 : _a.pathname) || '/';
|
10
|
-
var searchParams = (0, react_1.useMemo)(function () { var _a, _b; return new URLSearchParams((_b = (_a = location.location) === null || _a === void 0 ? void 0 : _a.search) !== null && _b !== void 0 ? _b : '/'); }, [(_b = location.location) === null || _b === void 0 ? void 0 : _b.search]);
|
11
|
-
var setSearchParams = (0, react_1.useCallback)(function (searchParams) {
|
12
|
-
var newSearch = searchParams.toString();
|
13
|
-
if (newSearch)
|
14
|
-
location.update('?' + newSearch);
|
15
|
-
else
|
16
|
-
location.update(pathname); // retain the existing pathname
|
17
|
-
}, [location, pathname]);
|
18
|
-
return [searchParams, setSearchParams];
|
19
|
-
}
|
20
|
-
exports.useSearchParams = useSearchParams;
|
@@ -1,49 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __read = (this && this.__read) || function (o, n) {
|
3
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
4
|
-
if (!m) return o;
|
5
|
-
var i = m.call(o), r, ar = [], e;
|
6
|
-
try {
|
7
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
8
|
-
}
|
9
|
-
catch (error) { e = { error: error }; }
|
10
|
-
finally {
|
11
|
-
try {
|
12
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
13
|
-
}
|
14
|
-
finally { if (e) throw e.error; }
|
15
|
-
}
|
16
|
-
return ar;
|
17
|
-
};
|
18
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
19
|
-
exports.useWindowLocation = void 0;
|
20
|
-
var react_1 = require("react");
|
21
|
-
var useIsMounted_1 = require("./useIsMounted");
|
22
|
-
function useWindowLocation() {
|
23
|
-
var isMounted = (0, useIsMounted_1.useIsMounted)();
|
24
|
-
var _a = __read((0, react_1.useState)(isMounted ? window.location : undefined), 2), location = _a[0], setLocation = _a[1];
|
25
|
-
var setWindowLocation = (0, react_1.useCallback)(function () {
|
26
|
-
setLocation(window.location);
|
27
|
-
}, []);
|
28
|
-
(0, react_1.useEffect)(function () {
|
29
|
-
if (!isMounted)
|
30
|
-
return;
|
31
|
-
if (!location) {
|
32
|
-
setWindowLocation();
|
33
|
-
}
|
34
|
-
window.addEventListener('popstate', setWindowLocation);
|
35
|
-
return function () {
|
36
|
-
window.removeEventListener('popstate', setWindowLocation);
|
37
|
-
};
|
38
|
-
}, [isMounted, location, setWindowLocation]);
|
39
|
-
var push = (0, react_1.useCallback)(function (url) {
|
40
|
-
window.history.replaceState(null, '', url);
|
41
|
-
setWindowLocation();
|
42
|
-
}, [setWindowLocation]);
|
43
|
-
var update = (0, react_1.useCallback)(function (url) {
|
44
|
-
window.history.replaceState(null, '', url);
|
45
|
-
setWindowLocation();
|
46
|
-
}, [setWindowLocation]);
|
47
|
-
return { location: location, push: push, update: update };
|
48
|
-
}
|
49
|
-
exports.useWindowLocation = useWindowLocation;
|
package/cjs/index.js
DELETED
@@ -1,67 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
-
}
|
8
|
-
Object.defineProperty(o, k2, desc);
|
9
|
-
}) : (function(o, m, k, k2) {
|
10
|
-
if (k2 === undefined) k2 = k;
|
11
|
-
o[k2] = m[k];
|
12
|
-
}));
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
15
|
-
};
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
17
|
-
__exportStar(require("./BulkActionDialog"), exports);
|
18
|
-
__exportStar(require("./BulkConfirmationDialog"), exports);
|
19
|
-
__exportStar(require("./components/BulkSelector"), exports);
|
20
|
-
__exportStar(require("./components/Collapse"), exports);
|
21
|
-
__exportStar(require("./components/Help"), exports);
|
22
|
-
__exportStar(require("./components/icons/RunningIcon"), exports);
|
23
|
-
__exportStar(require("./components/pfcolors"), exports);
|
24
|
-
__exportStar(require("./components/Scrollable"), exports);
|
25
|
-
__exportStar(require("./components/useBreakPoint"), exports);
|
26
|
-
__exportStar(require("./PageActions/PageAction"), exports);
|
27
|
-
__exportStar(require("./PageActions/PageActions"), exports);
|
28
|
-
__exportStar(require("./PageActions/PageActionType"), exports);
|
29
|
-
__exportStar(require("./PageAlertToaster"), exports);
|
30
|
-
__exportStar(require("./PageBody"), exports);
|
31
|
-
__exportStar(require("./PageCells/BytesCell"), exports);
|
32
|
-
__exportStar(require("./PageCells/CapacityCell"), exports);
|
33
|
-
__exportStar(require("./PageCells/CopyCell"), exports);
|
34
|
-
__exportStar(require("./PageCells/DateTimeCell"), exports);
|
35
|
-
__exportStar(require("./PageCells/ElapsedTimeCell"), exports);
|
36
|
-
__exportStar(require("./PageCells/LabelsCell"), exports);
|
37
|
-
__exportStar(require("./PageCells/TextCell"), exports);
|
38
|
-
__exportStar(require("./PageDetails/PageDetail"), exports);
|
39
|
-
__exportStar(require("./PageDetails/PageDetails"), exports);
|
40
|
-
__exportStar(require("./PageDetails/PageDetailsFromColumns"), exports);
|
41
|
-
__exportStar(require("./PageDialog"), exports);
|
42
|
-
__exportStar(require("./PageForm/Inputs/FormGroupSelect"), exports);
|
43
|
-
__exportStar(require("./PageForm/Inputs/FormGroupSelectOption"), exports);
|
44
|
-
__exportStar(require("./PageForm/Inputs/FormGroupTextArea"), exports);
|
45
|
-
__exportStar(require("./PageForm/Inputs/FormGroupTextInput"), exports);
|
46
|
-
__exportStar(require("./PageForm/Inputs/PageFormCheckbox"), exports);
|
47
|
-
__exportStar(require("./PageForm/Inputs/PageFormSelect"), exports);
|
48
|
-
__exportStar(require("./PageForm/Inputs/PageFormSelectOption"), exports);
|
49
|
-
__exportStar(require("./PageForm/Inputs/PageFormSwitch"), exports);
|
50
|
-
__exportStar(require("./PageForm/Inputs/PageFormTextArea"), exports);
|
51
|
-
__exportStar(require("./PageForm/Inputs/PageFormTextInput"), exports);
|
52
|
-
__exportStar(require("./PageForm/Inputs/PageFormTextSelect"), exports);
|
53
|
-
__exportStar(require("./PageForm/PageForm"), exports);
|
54
|
-
__exportStar(require("./PageFramework"), exports);
|
55
|
-
__exportStar(require("./PageHeader"), exports);
|
56
|
-
__exportStar(require("./PageLayout"), exports);
|
57
|
-
__exportStar(require("./PageTable/PageTable"), exports);
|
58
|
-
__exportStar(require("./PageTable/PageTableCards"), exports);
|
59
|
-
__exportStar(require("./PageTable/PageToolbar"), exports);
|
60
|
-
__exportStar(require("./PageTable/useTableItems"), exports);
|
61
|
-
__exportStar(require("./PageTabs"), exports);
|
62
|
-
__exportStar(require("./Settings"), exports);
|
63
|
-
__exportStar(require("./useFrameworkTranslations"), exports);
|
64
|
-
__exportStar(require("./useInMemoryView"), exports);
|
65
|
-
__exportStar(require("./useSelectDialog"), exports);
|
66
|
-
__exportStar(require("./useSelectMultipleDialog"), exports);
|
67
|
-
__exportStar(require("./utils/compare"), exports);
|
@@ -1,52 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.useFrameworkTranslations = exports.FrameworkTranslationsProvider = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_1 = require("react");
|
17
|
-
var defaultTranslations = {
|
18
|
-
cancelText: 'Cancel',
|
19
|
-
canceledText: 'Canceled',
|
20
|
-
closeText: 'Close',
|
21
|
-
confirmText: 'Confirm',
|
22
|
-
errorText: 'Error',
|
23
|
-
noItemsFound: 'No items found',
|
24
|
-
ofText: 'of',
|
25
|
-
pendingText: 'Pending',
|
26
|
-
processingText: 'Processing',
|
27
|
-
selectedText: 'Selected',
|
28
|
-
submitText: 'Submit',
|
29
|
-
submittingText: 'Submitting',
|
30
|
-
successText: 'Success',
|
31
|
-
manageColumns: 'Manage columns',
|
32
|
-
moreInformation: 'More information',
|
33
|
-
showLess: 'Show less',
|
34
|
-
countMore: '{count} more',
|
35
|
-
documentation: 'Documnetation',
|
36
|
-
noResultsFound: 'No results found',
|
37
|
-
noResultsMatchCriteria: 'No results match this filter criteria. Clear all filters and try again.',
|
38
|
-
clearAllFilters: 'Clear all filters',
|
39
|
-
by: 'by',
|
40
|
-
selectNone: 'Select none',
|
41
|
-
pleaseFixValidationErrors: 'Please fix validation errors.',
|
42
|
-
};
|
43
|
-
var FrameworkTranslationsContext = (0, react_1.createContext)([defaultTranslations, function () { return alert('Use FrameworkTranslationsProvider'); }]);
|
44
|
-
function FrameworkTranslationsProvider(props) {
|
45
|
-
var state = (0, react_1.useState)(defaultTranslations);
|
46
|
-
return ((0, jsx_runtime_1.jsx)(FrameworkTranslationsContext.Provider, __assign({ value: state }, { children: props.children })));
|
47
|
-
}
|
48
|
-
exports.FrameworkTranslationsProvider = FrameworkTranslationsProvider;
|
49
|
-
function useFrameworkTranslations() {
|
50
|
-
return (0, react_1.useContext)(FrameworkTranslationsContext);
|
51
|
-
}
|
52
|
-
exports.useFrameworkTranslations = useFrameworkTranslations;
|
package/cjs/useInMemoryView.js
DELETED
@@ -1,102 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __values = (this && this.__values) || function(o) {
|
14
|
-
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
15
|
-
if (m) return m.call(o);
|
16
|
-
if (o && typeof o.length === "number") return {
|
17
|
-
next: function () {
|
18
|
-
if (o && i >= o.length) o = void 0;
|
19
|
-
return { value: o && o[i++], done: !o };
|
20
|
-
}
|
21
|
-
};
|
22
|
-
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
23
|
-
};
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
26
|
-
};
|
27
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
28
|
-
exports.useInMemoryView = void 0;
|
29
|
-
var get_value_1 = __importDefault(require("get-value"));
|
30
|
-
var react_1 = require("react");
|
31
|
-
var useTableItems_1 = require("./PageTable/useTableItems");
|
32
|
-
var useView_1 = require("./useView");
|
33
|
-
var compare_1 = require("./utils/compare");
|
34
|
-
function useInMemoryView(options) {
|
35
|
-
var items = options.items, keyFn = options.keyFn, tableColumns = options.tableColumns, toolbarFilters = options.toolbarFilters, disableQueryString = options.disableQueryString;
|
36
|
-
var view = (0, useView_1.useView)({
|
37
|
-
sort: tableColumns && tableColumns.length ? tableColumns[0].sort : undefined,
|
38
|
-
}, disableQueryString);
|
39
|
-
var page = view.page, perPage = view.perPage, sort = view.sort, sortDirection = view.sortDirection, filters = view.filters;
|
40
|
-
var sorted = (0, useTableItems_1.useSorted)(items);
|
41
|
-
var setSort = sorted.setSort;
|
42
|
-
(0, react_1.useEffect)(function () {
|
43
|
-
return setSort({
|
44
|
-
id: sort,
|
45
|
-
sortFn: function (l, r) {
|
46
|
-
var lv = (0, get_value_1.default)(l, sort);
|
47
|
-
var rv = (0, get_value_1.default)(r, sort);
|
48
|
-
return (0, compare_1.compareUnknowns)(lv, rv);
|
49
|
-
},
|
50
|
-
direction: sortDirection,
|
51
|
-
});
|
52
|
-
}, [sort, sortDirection, setSort]);
|
53
|
-
var filtered = (0, useTableItems_1.useFiltered)(sorted.sorted, keyFn);
|
54
|
-
var setFilterFn = filtered.setFilterFn;
|
55
|
-
(0, react_1.useEffect)(function () {
|
56
|
-
if (Object.keys(filters).length === 0) {
|
57
|
-
setFilterFn(undefined);
|
58
|
-
}
|
59
|
-
else {
|
60
|
-
setFilterFn(function (item) {
|
61
|
-
var _loop_1 = function (key) {
|
62
|
-
var e_1, _a;
|
63
|
-
var toolbarFilter = toolbarFilters === null || toolbarFilters === void 0 ? void 0 : toolbarFilters.find(function (filter) { return filter.key === key; });
|
64
|
-
if (toolbarFilter) {
|
65
|
-
var value = (0, get_value_1.default)(item, toolbarFilter.query);
|
66
|
-
if (typeof value === 'string') {
|
67
|
-
try {
|
68
|
-
for (var _b = (e_1 = void 0, __values(filters[key])), _c = _b.next(); !_c.done; _c = _b.next()) {
|
69
|
-
var filterValue = _c.value;
|
70
|
-
if (value.toLowerCase().includes(filterValue.toLowerCase()))
|
71
|
-
return { value: true };
|
72
|
-
}
|
73
|
-
}
|
74
|
-
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
75
|
-
finally {
|
76
|
-
try {
|
77
|
-
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
78
|
-
}
|
79
|
-
finally { if (e_1) throw e_1.error; }
|
80
|
-
}
|
81
|
-
}
|
82
|
-
}
|
83
|
-
};
|
84
|
-
for (var key in filters) {
|
85
|
-
var state_1 = _loop_1(key);
|
86
|
-
if (typeof state_1 === "object")
|
87
|
-
return state_1.value;
|
88
|
-
}
|
89
|
-
return false;
|
90
|
-
});
|
91
|
-
}
|
92
|
-
}, [filters, setFilterFn, toolbarFilters]);
|
93
|
-
var paged = (0, useTableItems_1.usePaged)(filtered.filtered);
|
94
|
-
var setPage = paged.setPage, setPerPage = paged.setPerPage;
|
95
|
-
(0, react_1.useEffect)(function () { return setPage(page); }, [page, paged, setPage]);
|
96
|
-
(0, react_1.useEffect)(function () { return setPerPage(perPage); }, [perPage, paged, setPerPage]);
|
97
|
-
var selection = (0, useTableItems_1.useSelectedInMemory)(items, keyFn);
|
98
|
-
return (0, react_1.useMemo)(function () {
|
99
|
-
return __assign(__assign({ itemCount: items ? filtered.filtered.length : undefined, pageItems: items ? paged.paged : undefined, error: options.error }, view), selection);
|
100
|
-
}, [filtered.filtered.length, items, options.error, paged.paged, selection, view]);
|
101
|
-
}
|
102
|
-
exports.useInMemoryView = useInMemoryView;
|
package/cjs/useSelectDialog.js
DELETED
@@ -1,96 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __read = (this && this.__read) || function (o, n) {
|
14
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
15
|
-
if (!m) return o;
|
16
|
-
var i = m.call(o), r, ar = [], e;
|
17
|
-
try {
|
18
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
19
|
-
}
|
20
|
-
catch (error) { e = { error: error }; }
|
21
|
-
finally {
|
22
|
-
try {
|
23
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
24
|
-
}
|
25
|
-
finally { if (e) throw e.error; }
|
26
|
-
}
|
27
|
-
return ar;
|
28
|
-
};
|
29
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
30
|
-
exports.SelectDialog = exports.useSelectDialog = void 0;
|
31
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
32
|
-
var react_core_1 = require("@patternfly/react-core");
|
33
|
-
var react_1 = require("react");
|
34
|
-
var Collapse_1 = require("./components/Collapse");
|
35
|
-
var PageDialog_1 = require("./PageDialog");
|
36
|
-
var PageTable_1 = require("./PageTable/PageTable");
|
37
|
-
function useSelectDialog(options) {
|
38
|
-
var view = options.view, tableColumns = options.tableColumns, toolbarFilters = options.toolbarFilters, confirm = options.confirm, cancel = options.cancel, selected = options.selected, isMultiple = options.isMultiple;
|
39
|
-
var _a = __read((0, react_1.useState)(''), 2), title = _a[0], setTitle = _a[1];
|
40
|
-
var _b = __read((0, react_1.useState)(), 2), onSelect = _b[0], setOnSelect = _b[1];
|
41
|
-
var openSetting = (0, react_1.useCallback)(function (onSelect, title) {
|
42
|
-
setTitle(title !== null && title !== void 0 ? title : '');
|
43
|
-
setOnSelect(function () { return onSelect; });
|
44
|
-
}, []);
|
45
|
-
var _c = __read((0, PageDialog_1.usePageDialog)(), 2), _ = _c[0], setDialog = _c[1];
|
46
|
-
(0, react_1.useEffect)(function () {
|
47
|
-
if (onSelect !== undefined) {
|
48
|
-
setDialog((0, jsx_runtime_1.jsx)(SelectDialog, { title: title, open: true, isMultiple: isMultiple, setOpen: function () { return setOnSelect(undefined); }, onSelect: onSelect, view: view, tableColumns: tableColumns, toolbarFilters: toolbarFilters, confirm: confirm, cancel: cancel, selected: selected, keyFn: view.keyFn }));
|
49
|
-
}
|
50
|
-
else {
|
51
|
-
setDialog(undefined);
|
52
|
-
view.unselectAll();
|
53
|
-
}
|
54
|
-
}, [
|
55
|
-
cancel,
|
56
|
-
confirm,
|
57
|
-
onSelect,
|
58
|
-
selected,
|
59
|
-
setDialog,
|
60
|
-
tableColumns,
|
61
|
-
title,
|
62
|
-
toolbarFilters,
|
63
|
-
view,
|
64
|
-
isMultiple,
|
65
|
-
]);
|
66
|
-
return openSetting;
|
67
|
-
}
|
68
|
-
exports.useSelectDialog = useSelectDialog;
|
69
|
-
function SelectDialog(props) {
|
70
|
-
var title = props.title, open = props.open, _a = props.isMultiple, isMultiple = _a === void 0 ? false : _a, setOpen = props.setOpen, onSelect = props.onSelect, view = props.view, tableColumns = props.tableColumns, toolbarFilters = props.toolbarFilters, confirm = props.confirm, cancel = props.cancel, selected = props.selected;
|
71
|
-
var onClose = function () { return setOpen(false); };
|
72
|
-
return ((0, jsx_runtime_1.jsxs)(react_core_1.Modal, __assign({ title: title, "aria-label": title, isOpen: open, onClose: onClose, variant: react_core_1.ModalVariant.medium, tabIndex: 0, actions: [
|
73
|
-
(0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "primary", onClick: function () {
|
74
|
-
if (!isMultiple && view.selectedItems.length > 0) {
|
75
|
-
onSelect(view.selectedItems[0]);
|
76
|
-
}
|
77
|
-
else if (isMultiple) {
|
78
|
-
onSelect(view.selectedItems);
|
79
|
-
}
|
80
|
-
onClose();
|
81
|
-
}, isAriaDisabled: view.selectedItems.length === 0 }, { children: confirm }), "confirm"),
|
82
|
-
(0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "link", onClick: onClose }, { children: cancel }), "cancel"),
|
83
|
-
], hasNoBodyWrapper: true }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.ModalBoxBody, __assign({ style: { overflow: 'hidden' } }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ hasGutter: true }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SplitItem, __assign({ style: { opacity: view.selectedItems.length === 0 ? 0 : undefined } }, { children: selected })), (0, jsx_runtime_1.jsx)(react_core_1.ChipGroup, { children: view.selectedItems.map(function (item, i) {
|
84
|
-
var _a;
|
85
|
-
if (tableColumns && tableColumns.length > 0) {
|
86
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.Chip, __assign({ onClick: function () { return view.unselectItem(item); } }, { children: (0, jsx_runtime_1.jsx)(PageTable_1.TableColumnCell, { item: item, column: (_a = tableColumns.find(function (column) { return column.card === 'name' || column.list === 'name'; })) !== null && _a !== void 0 ? _a : tableColumns[0] }) }), i));
|
87
|
-
}
|
88
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
89
|
-
}) })] })) })), (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, __assign({ open: view.itemCount === undefined }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Skeleton, { height: "80px" }) })), (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, __assign({ open: view.itemCount !== undefined }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
|
90
|
-
display: 'flex',
|
91
|
-
flexDirection: 'column',
|
92
|
-
maxHeight: 500,
|
93
|
-
overflow: 'hidden',
|
94
|
-
} }, { children: (0, jsx_runtime_1.jsx)(PageTable_1.PageTable, __assign({ tableColumns: tableColumns, toolbarFilters: toolbarFilters, emptyStateTitle: "No organizations found", errorStateTitle: "Error loading organizations" }, view, { isSelectMultiple: isMultiple, onSelect: function () { return null; }, disableCardView: true, disableListView: true, disableColumnManagement: true, compact: true })) })) }))] })));
|
95
|
-
}
|
96
|
-
exports.SelectDialog = SelectDialog;
|
@@ -1,62 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __read = (this && this.__read) || function (o, n) {
|
14
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
15
|
-
if (!m) return o;
|
16
|
-
var i = m.call(o), r, ar = [], e;
|
17
|
-
try {
|
18
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
19
|
-
}
|
20
|
-
catch (error) { e = { error: error }; }
|
21
|
-
finally {
|
22
|
-
try {
|
23
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
24
|
-
}
|
25
|
-
finally { if (e) throw e.error; }
|
26
|
-
}
|
27
|
-
return ar;
|
28
|
-
};
|
29
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
30
|
-
exports.useSelectMultipleDialog = exports.SelectMultipleDialog = void 0;
|
31
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
32
|
-
var react_core_1 = require("@patternfly/react-core");
|
33
|
-
var react_1 = require("react");
|
34
|
-
var PageDialog_1 = require("./PageDialog");
|
35
|
-
var PageTable_1 = require("./PageTable/PageTable");
|
36
|
-
var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
|
37
|
-
function SelectMultipleDialog(props) {
|
38
|
-
var _a, _b;
|
39
|
-
var title = props.title, view = props.view, tableColumns = props.tableColumns, toolbarFilters = props.toolbarFilters, confirmText = props.confirmText, cancelText = props.cancelText, onSelect = props.onSelect;
|
40
|
-
var _c = __read((0, PageDialog_1.usePageDialog)(), 2), _ = _c[0], setDialog = _c[1];
|
41
|
-
var onClose = (0, react_1.useCallback)(function () { return setDialog(undefined); }, [setDialog]);
|
42
|
-
var _d = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _d[0];
|
43
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.Modal, __assign({ title: title, isOpen: true, onClose: onClose, variant: react_core_1.ModalVariant.medium, tabIndex: 0, actions: [
|
44
|
-
(0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "primary", id: "confirm", onClick: function () {
|
45
|
-
onClose();
|
46
|
-
onSelect(view.selectedItems);
|
47
|
-
}, isAriaDisabled: view.selectedItems.length === 0 }, { children: confirmText !== null && confirmText !== void 0 ? confirmText : translations.confirmText }), "confirm"),
|
48
|
-
(0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "link", onClick: onClose }, { children: cancelText !== null && cancelText !== void 0 ? cancelText : translations.cancelText }), "cancel"),
|
49
|
-
], hasNoBodyWrapper: true }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
|
50
|
-
display: 'flex',
|
51
|
-
flexDirection: 'column',
|
52
|
-
maxHeight: 500,
|
53
|
-
overflow: 'hidden',
|
54
|
-
} }, { children: (0, jsx_runtime_1.jsx)(PageTable_1.PageTable, __assign({ tableColumns: tableColumns, toolbarFilters: toolbarFilters }, view, { emptyStateTitle: (_a = props.emptyStateTitle) !== null && _a !== void 0 ? _a : translations.noItemsFound, errorStateTitle: (_b = props.errorStateTitle) !== null && _b !== void 0 ? _b : translations.errorText, showSelect: true, disableCardView: true, disableListView: true, disableColumnManagement: true, compact: true })) })) })));
|
55
|
-
}
|
56
|
-
exports.SelectMultipleDialog = SelectMultipleDialog;
|
57
|
-
function useSelectMultipleDialog() {
|
58
|
-
var _a = __read((0, PageDialog_1.usePageDialog)(), 2), _ = _a[0], setDialog = _a[1];
|
59
|
-
var openSelectMultipleDialog = (0, react_1.useCallback)(function (props) { return setDialog((0, jsx_runtime_1.jsx)(SelectMultipleDialog, __assign({}, props))); }, [setDialog]);
|
60
|
-
return openSelectMultipleDialog;
|
61
|
-
}
|
62
|
-
exports.useSelectMultipleDialog = useSelectMultipleDialog;
|
package/cjs/useView.js
DELETED
@@ -1,155 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __read = (this && this.__read) || function (o, n) {
|
3
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
4
|
-
if (!m) return o;
|
5
|
-
var i = m.call(o), r, ar = [], e;
|
6
|
-
try {
|
7
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
8
|
-
}
|
9
|
-
catch (error) { e = { error: error }; }
|
10
|
-
finally {
|
11
|
-
try {
|
12
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
13
|
-
}
|
14
|
-
finally { if (e) throw e.error; }
|
15
|
-
}
|
16
|
-
return ar;
|
17
|
-
};
|
18
|
-
var __values = (this && this.__values) || function(o) {
|
19
|
-
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
20
|
-
if (m) return m.call(o);
|
21
|
-
if (o && typeof o.length === "number") return {
|
22
|
-
next: function () {
|
23
|
-
if (o && i >= o.length) o = void 0;
|
24
|
-
return { value: o && o[i++], done: !o };
|
25
|
-
}
|
26
|
-
};
|
27
|
-
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
28
|
-
};
|
29
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
30
|
-
exports.useView = void 0;
|
31
|
-
var react_1 = require("react");
|
32
|
-
var useSearchParams_1 = require("./components/useSearchParams");
|
33
|
-
function useView(view, disableQueryString) {
|
34
|
-
var _a = __read((0, useSearchParams_1.useSearchParams)(), 2), searchParams = _a[0], setSearchParams = _a[1];
|
35
|
-
var _b = __read((0, react_1.useState)(function () {
|
36
|
-
var _a;
|
37
|
-
if (!disableQueryString) {
|
38
|
-
var queryPage = searchParams.get('page');
|
39
|
-
if (queryPage) {
|
40
|
-
var page_1 = Number(queryPage);
|
41
|
-
if (Number.isInteger(page_1)) {
|
42
|
-
return page_1;
|
43
|
-
}
|
44
|
-
}
|
45
|
-
}
|
46
|
-
return (_a = view === null || view === void 0 ? void 0 : view.page) !== null && _a !== void 0 ? _a : 1;
|
47
|
-
}), 2), page = _b[0], setPage = _b[1];
|
48
|
-
var _c = __read((0, react_1.useState)(function () {
|
49
|
-
var _a;
|
50
|
-
if (!disableQueryString) {
|
51
|
-
var queryPerPage = searchParams.get('perPage');
|
52
|
-
if (queryPerPage) {
|
53
|
-
var perPage_1 = Number(queryPerPage);
|
54
|
-
if (Number.isInteger(perPage_1)) {
|
55
|
-
return perPage_1;
|
56
|
-
}
|
57
|
-
}
|
58
|
-
}
|
59
|
-
var localPerPage = localStorage.getItem('perPage');
|
60
|
-
if (localPerPage) {
|
61
|
-
var perPage_2 = Number(localPerPage);
|
62
|
-
if (Number.isInteger(perPage_2)) {
|
63
|
-
return perPage_2;
|
64
|
-
}
|
65
|
-
}
|
66
|
-
return (_a = view === null || view === void 0 ? void 0 : view.perPage) !== null && _a !== void 0 ? _a : 10;
|
67
|
-
}), 2), perPage = _c[0], setPerPage = _c[1];
|
68
|
-
var _d = __read((0, react_1.useState)(function () {
|
69
|
-
var _a;
|
70
|
-
if (!disableQueryString) {
|
71
|
-
var querySort = searchParams.get('sort');
|
72
|
-
if (querySort) {
|
73
|
-
if (querySort.startsWith('-'))
|
74
|
-
return querySort.slice(1);
|
75
|
-
return querySort;
|
76
|
-
}
|
77
|
-
}
|
78
|
-
return (_a = view === null || view === void 0 ? void 0 : view.sort) !== null && _a !== void 0 ? _a : '';
|
79
|
-
}), 2), sort = _d[0], setSort = _d[1];
|
80
|
-
var _e = __read((0, react_1.useState)(function () {
|
81
|
-
var _a;
|
82
|
-
if (!disableQueryString) {
|
83
|
-
var querySort = searchParams.get('sort');
|
84
|
-
if (querySort) {
|
85
|
-
if (querySort.startsWith('-'))
|
86
|
-
return 'desc';
|
87
|
-
return 'asc';
|
88
|
-
}
|
89
|
-
}
|
90
|
-
return (_a = view === null || view === void 0 ? void 0 : view.sortDirection) !== null && _a !== void 0 ? _a : 'asc';
|
91
|
-
}), 2), sortDirection = _e[0], setSortDirection = _e[1];
|
92
|
-
var _f = __read((0, react_1.useState)(function () {
|
93
|
-
var e_1, _a;
|
94
|
-
var _b;
|
95
|
-
var filters = {};
|
96
|
-
try {
|
97
|
-
for (var _c = __values(searchParams.keys()), _d = _c.next(); !_d.done; _d = _c.next()) {
|
98
|
-
var key = _d.value;
|
99
|
-
switch (key) {
|
100
|
-
case 'sort':
|
101
|
-
case 'page':
|
102
|
-
case 'perPage':
|
103
|
-
break;
|
104
|
-
default: {
|
105
|
-
var value = searchParams.get(key);
|
106
|
-
if (value) {
|
107
|
-
var values = value.split(',');
|
108
|
-
filters[key] = values;
|
109
|
-
}
|
110
|
-
}
|
111
|
-
}
|
112
|
-
}
|
113
|
-
}
|
114
|
-
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
115
|
-
finally {
|
116
|
-
try {
|
117
|
-
if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
|
118
|
-
}
|
119
|
-
finally { if (e_1) throw e_1.error; }
|
120
|
-
}
|
121
|
-
if (Object.keys(filters))
|
122
|
-
return filters;
|
123
|
-
return (_b = view === null || view === void 0 ? void 0 : view.filters) !== null && _b !== void 0 ? _b : {};
|
124
|
-
}), 2), filters = _f[0], setFilters = _f[1];
|
125
|
-
var clearAllFilters = (0, react_1.useCallback)(function () { return setFilters({}); }, [setFilters]);
|
126
|
-
(0, react_1.useEffect)(function () {
|
127
|
-
if (disableQueryString)
|
128
|
-
return;
|
129
|
-
var newSearchParams = new URLSearchParams();
|
130
|
-
sortDirection === 'asc'
|
131
|
-
? newSearchParams.set('sort', sort)
|
132
|
-
: newSearchParams.set('sort', "-".concat(sort));
|
133
|
-
newSearchParams.set('page', page.toString());
|
134
|
-
newSearchParams.set('perPage', perPage.toString());
|
135
|
-
for (var filter in filters) {
|
136
|
-
newSearchParams.set(filter, filters[filter].join(','));
|
137
|
-
}
|
138
|
-
localStorage.setItem('perPage', perPage.toString());
|
139
|
-
setSearchParams(newSearchParams);
|
140
|
-
}, [sort, sortDirection, setSearchParams, disableQueryString, page, perPage, filters]);
|
141
|
-
return (0, react_1.useMemo)(function () { return ({
|
142
|
-
page: page,
|
143
|
-
setPage: setPage,
|
144
|
-
perPage: perPage,
|
145
|
-
setPerPage: setPerPage,
|
146
|
-
sort: sort,
|
147
|
-
setSort: setSort,
|
148
|
-
sortDirection: sortDirection,
|
149
|
-
setSortDirection: setSortDirection,
|
150
|
-
filters: filters,
|
151
|
-
setFilters: setFilters,
|
152
|
-
clearAllFilters: clearAllFilters,
|
153
|
-
}); }, [clearAllFilters, filters, page, perPage, sort, sortDirection]);
|
154
|
-
}
|
155
|
-
exports.useView = useView;
|
package/cjs/utils/capitalize.js
DELETED
@@ -1,7 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.capitalizeFirstLetter = void 0;
|
4
|
-
function capitalizeFirstLetter(text) {
|
5
|
-
return text.charAt(0).toUpperCase() + text.slice(1);
|
6
|
-
}
|
7
|
-
exports.capitalizeFirstLetter = capitalizeFirstLetter;
|