@wavemaker/react-runtime 11.14.1-15.6409
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/actions/base-action.js +32 -0
- package/actions/login-action.js +53 -0
- package/actions/logout-action.js +41 -0
- package/actions/navigation-action.js +145 -0
- package/actions/notification-action.js +147 -0
- package/actions/timer-action.js +164 -0
- package/actions/toast-provider.js +111 -0
- package/actions/toast.js +115 -0
- package/actions/toast.service.js +94 -0
- package/actions/types/index.js +11 -0
- package/components/advanced/carousel/index.js +456 -0
- package/components/advanced/carousel/props.js +5 -0
- package/components/advanced/carousel/template.js +72 -0
- package/components/advanced/login/index.js +307 -0
- package/components/advanced/login/props.js +5 -0
- package/components/advanced/marquee/index.js +158 -0
- package/components/advanced/marquee/props.js +5 -0
- package/components/basic/anchor/index.js +239 -0
- package/components/basic/anchor/props.js +5 -0
- package/components/basic/audio/index.js +61 -0
- package/components/basic/html/index.js +158 -0
- package/components/basic/icon/index.js +85 -0
- package/components/basic/iframe/iframe.utils.js +10 -0
- package/components/basic/iframe/index.js +95 -0
- package/components/basic/label/index.js +139 -0
- package/components/basic/message/index.js +120 -0
- package/components/basic/message/props.js +5 -0
- package/components/basic/picture/index.js +117 -0
- package/components/basic/picture/props.js +5 -0
- package/components/basic/progress-bar/index.js +168 -0
- package/components/basic/progress-bar/props.js +18 -0
- package/components/basic/progress-circle/index.js +196 -0
- package/components/basic/progress-circle/props.js +16 -0
- package/components/basic/richtexteditor/index.js +533 -0
- package/components/basic/richtexteditor/props.js +5 -0
- package/components/basic/search/index.js +1023 -0
- package/components/basic/search/props.js +5 -0
- package/components/basic/search/providers.js +350 -0
- package/components/basic/spinner/index.js +202 -0
- package/components/basic/spinner/props.js +12 -0
- package/components/basic/tile/index.js +91 -0
- package/components/basic/tree/Components/TreeNodeComponent.js +142 -0
- package/components/basic/tree/index.js +503 -0
- package/components/basic/tree/props.js +5 -0
- package/components/basic/tree/utils.js +154 -0
- package/components/basic/video/index.js +85 -0
- package/components/basic/video/props.js +5 -0
- package/components/chart/components/barColumnChart/index.js +132 -0
- package/components/chart/components/barColumnChart/props.js +5 -0
- package/components/chart/components/bubbleChart/index.js +176 -0
- package/components/chart/components/bubbleChart/props.js +5 -0
- package/components/chart/components/chartLegend/components/ClassicLegendItem.js +39 -0
- package/components/chart/components/chartLegend/components/FuriousLegendItem.js +81 -0
- package/components/chart/components/chartLegend/index.js +69 -0
- package/components/chart/components/chartLegend/props.js +5 -0
- package/components/chart/components/chartLegend/utils.js +31 -0
- package/components/chart/components/chartTooltip/index.js +53 -0
- package/components/chart/components/chartTooltip/styles.js +37 -0
- package/components/chart/components/chartTooltip/utils.js +23 -0
- package/components/chart/components/cumulativeLineChart/index.js +113 -0
- package/components/chart/components/cumulativeLineChart/props.js +5 -0
- package/components/chart/components/cumulativeLineChart/utils.js +34 -0
- package/components/chart/components/index.js +40 -0
- package/components/chart/components/lineAreaChart/index.js +140 -0
- package/components/chart/components/lineAreaChart/props.js +5 -0
- package/components/chart/components/noDataMessage/index.js +27 -0
- package/components/chart/components/pieDonutChart/index.js +171 -0
- package/components/chart/components/pieDonutChart/props.js +5 -0
- package/components/chart/constant.js +72 -0
- package/components/chart/index.js +930 -0
- package/components/chart/props.js +5 -0
- package/components/chart/utils.js +691 -0
- package/components/common/AppSpinner.js +36 -0
- package/components/common/app-spinner.js +26 -0
- package/components/common/index.js +12 -0
- package/components/constants.js +1208 -0
- package/components/container/accordion/accordion-pane/index.js +108 -0
- package/components/container/accordion/accordion-pane/props.js +11 -0
- package/components/container/accordion/index.js +232 -0
- package/components/container/accordion/props.js +13 -0
- package/components/container/alignment-utils.js +183 -0
- package/components/container/index.js +188 -0
- package/components/container/layout-grid/grid-column/index.js +34 -0
- package/components/container/layout-grid/grid-row/index.js +24 -0
- package/components/container/layout-grid/index.js +33 -0
- package/components/container/linear-layout/index.js +72 -0
- package/components/container/linear-layout/linear-layout-item/index.js +43 -0
- package/components/container/panel/components/panel-header/index.js +144 -0
- package/components/container/panel/components/panel-header/props.js +5 -0
- package/components/container/panel/hooks.js +144 -0
- package/components/container/panel/index.js +286 -0
- package/components/container/panel/props.js +5 -0
- package/components/container/props.js +5 -0
- package/components/container/tabs/index.js +379 -0
- package/components/container/tabs/props.js +20 -0
- package/components/container/tabs/tab-pane/index.js +42 -0
- package/components/container/tabs/tab-pane/props.js +5 -0
- package/components/container/wizard/WizardContext.js +16 -0
- package/components/container/wizard/components/StepComponents.js +100 -0
- package/components/container/wizard/components/WizardStep.js +89 -0
- package/components/container/wizard/index.js +710 -0
- package/components/container/wizard/props.js +5 -0
- package/components/container/wizard/utils.js +133 -0
- package/components/container/wizard/wizard-action/index.js +22 -0
- package/components/container/wizard/wizard-step/index.js +94 -0
- package/components/data/card/card-actions/index.js +24 -0
- package/components/data/card/card-content/index.js +38 -0
- package/components/data/card/card-footer/index.js +24 -0
- package/components/data/card/index.js +246 -0
- package/components/data/card/props.js +5 -0
- package/components/data/form/base-form/constant.js +39 -0
- package/components/data/form/base-form/index.js +460 -0
- package/components/data/form/base-form/props.js +29 -0
- package/components/data/form/base-form/utils.js +42 -0
- package/components/data/form/dynamic-fields/index.js +196 -0
- package/components/data/form/dynamic-fields/props.js +5 -0
- package/components/data/form/dynamic-fields/utils.js +237 -0
- package/components/data/form/form-action/index.js +71 -0
- package/components/data/form/form-body/index.js +26 -0
- package/components/data/form/form-context.js +34 -0
- package/components/data/form/form-controller/props.js +19 -0
- package/components/data/form/form-controller/validation-contrustor.js +313 -0
- package/components/data/form/form-controller/withFormController.js +320 -0
- package/components/data/form/form-field/base-field.js +138 -0
- package/components/data/form/form-field/index.js +36 -0
- package/components/data/form/form-field/props.js +5 -0
- package/components/data/form/form-footer/index.js +26 -0
- package/components/data/form/form-header/index.js +56 -0
- package/components/data/form/index.js +39 -0
- package/components/data/form/props.js +5 -0
- package/components/data/list/components/GroupHeader.js +35 -0
- package/components/data/list/components/GroupedListItems.js +98 -0
- package/components/data/list/components/ListContainer.js +27 -0
- package/components/data/list/components/ListDND.js +241 -0
- package/components/data/list/components/ListHeader.js +59 -0
- package/components/data/list/components/ListItem.js +148 -0
- package/components/data/list/components/ListItemWithTemplate.js +59 -0
- package/components/data/list/components/ListItems.js +231 -0
- package/components/data/list/components/ListPagination.js +165 -0
- package/components/data/list/components/LoadMoreButton.js +39 -0
- package/components/data/list/components/NoDataMessage.js +22 -0
- package/components/data/list/components/StandardListItems.js +84 -0
- package/components/data/list/components/index.js +119 -0
- package/components/data/list/components/props.js +5 -0
- package/components/data/list/hooks/index.js +75 -0
- package/components/data/list/hooks/props.js +5 -0
- package/components/data/list/hooks/useCurrentPageItems.js +48 -0
- package/components/data/list/hooks/useGroupedData.js +37 -0
- package/components/data/list/hooks/useListData.js +60 -0
- package/components/data/list/hooks/useListEffects.js +285 -0
- package/components/data/list/hooks/useListEventHandlers.js +291 -0
- package/components/data/list/hooks/useListPagination.js +168 -0
- package/components/data/list/hooks/useListState.js +98 -0
- package/components/data/list/hooks/useListStateManager.js +195 -0
- package/components/data/list/hooks/usePaginatedGroupedData.js +121 -0
- package/components/data/list/index.js +611 -0
- package/components/data/list/props.js +5 -0
- package/components/data/list/templates/media-template.js +53 -0
- package/components/data/list/utils/constants.js +81 -0
- package/components/data/list/utils/list-helpers.js +173 -0
- package/components/data/list/utils/list-widget-methods.js +114 -0
- package/components/data/live-filter/index.js +279 -0
- package/components/data/live-filter/props.js +12 -0
- package/components/data/live-form/index.js +93 -0
- package/components/data/live-form/props.js +16 -0
- package/components/data/pagination/components/BasicPagination.js +77 -0
- package/components/data/pagination/components/ClassicPagination.js +191 -0
- package/components/data/pagination/components/InlinePagination.js +99 -0
- package/components/data/pagination/components/LoadingComponent.js +31 -0
- package/components/data/pagination/components/PageSizeSelector.js +175 -0
- package/components/data/pagination/components/PagerNavigation.js +105 -0
- package/components/data/pagination/components/TotalRecords.js +52 -0
- package/components/data/pagination/components/index.js +47 -0
- package/components/data/pagination/components/props.js +5 -0
- package/components/data/pagination/hooks/index.js +19 -0
- package/components/data/pagination/hooks/props.js +5 -0
- package/components/data/pagination/hooks/useNavigationSize.js +44 -0
- package/components/data/pagination/hooks/usePagination.js +796 -0
- package/components/data/pagination/index.js +322 -0
- package/components/data/table/components/AddNewRow.js +190 -0
- package/components/data/table/components/EditableCell.js +91 -0
- package/components/data/table/components/FieldValidationError.js +24 -0
- package/components/data/table/components/RowExpansionButton.js +74 -0
- package/components/data/table/components/TableBody.js +279 -0
- package/components/data/table/components/TableFilters.js +325 -0
- package/components/data/table/components/TableFooterActions.js +48 -0
- package/components/data/table/components/TableHeader.js +174 -0
- package/components/data/table/components/TablePanelHeading.js +68 -0
- package/components/data/table/components/index.js +74 -0
- package/components/data/table/hooks/index.js +219 -0
- package/components/data/table/hooks/useCellState.js +117 -0
- package/components/data/table/hooks/useDynamicColumns.js +85 -0
- package/components/data/table/hooks/useEditingState.js +47 -0
- package/components/data/table/hooks/useFormWidget.js +184 -0
- package/components/data/table/hooks/usePaginationState.js +60 -0
- package/components/data/table/hooks/usePanelStructure.js +40 -0
- package/components/data/table/hooks/useResponsiveColumns.js +34 -0
- package/components/data/table/hooks/useRowExpansion.js +110 -0
- package/components/data/table/hooks/useRowHandlers.js +38 -0
- package/components/data/table/hooks/useRowSelection.js +213 -0
- package/components/data/table/hooks/useServerSideSorting.js +165 -0
- package/components/data/table/hooks/useTableColumns.js +263 -0
- package/components/data/table/hooks/useTableData.js +154 -0
- package/components/data/table/hooks/useTableEdit.js +467 -0
- package/components/data/table/hooks/useTableEffects.js +139 -0
- package/components/data/table/hooks/useTableFilter.js +389 -0
- package/components/data/table/hooks/useTableInitialization.js +103 -0
- package/components/data/table/hooks/useTableState.js +69 -0
- package/components/data/table/hooks/useTableStateManager.js +558 -0
- package/components/data/table/index.js +1295 -0
- package/components/data/table/live-table/index.js +232 -0
- package/components/data/table/props.js +5 -0
- package/components/data/table/table-action/index.js +78 -0
- package/components/data/table/table-column/index.js +35 -0
- package/components/data/table/table-row/index.js +49 -0
- package/components/data/table/table-row-action/index.js +74 -0
- package/components/data/table/utils/buildSelectionColumns.js +173 -0
- package/components/data/table/utils/columnBuilder.js +209 -0
- package/components/data/table/utils/columnProxy.js +48 -0
- package/components/data/table/utils/columnWidthDistribution.js +98 -0
- package/components/data/table/utils/constants.js +80 -0
- package/components/data/table/utils/crud-handlers.js +518 -0
- package/components/data/table/utils/dynamic-columns.js +118 -0
- package/components/data/table/utils/index.js +607 -0
- package/components/data/table/utils/renderDisplayCell.js +183 -0
- package/components/data/table/utils/selectionUtils.js +166 -0
- package/components/data/table/utils/table-helpers.js +100 -0
- package/components/data/table/utils/validation.js +124 -0
- package/components/data/types.js +113 -0
- package/components/data/utils/field-data-utils.js +66 -0
- package/components/data/utils/filter-field-util.js +81 -0
- package/components/data/utils/index.js +216 -0
- package/components/dialogs/alert-dialog/index.js +80 -0
- package/components/dialogs/confirm-dialog/index.js +105 -0
- package/components/dialogs/dialog/index.js +56 -0
- package/components/dialogs/dialog-actions/index.js +18 -0
- package/components/dialogs/dialog-body/index.js +21 -0
- package/components/dialogs/dialog-content/index.js +30 -0
- package/components/dialogs/dialog-header/index.js +93 -0
- package/components/dialogs/iframe-dialog/index.js +114 -0
- package/components/dialogs/index.js +129 -0
- package/components/dialogs/login-dialog/index.js +369 -0
- package/components/dialogs/login-dialog/props.js +5 -0
- package/components/dialogs/page-dialog/index.js +96 -0
- package/components/dialogs/withDialogWrapper.js +108 -0
- package/components/form/button/index.js +216 -0
- package/components/form/button-group/index.js +60 -0
- package/components/input/calendar/index.js +546 -0
- package/components/input/calendar/props.js +5 -0
- package/components/input/calendar/utils.js +340 -0
- package/components/input/chips/SortableChip/index.js +115 -0
- package/components/input/chips/SortableChip/props.js +5 -0
- package/components/input/chips/index.js +488 -0
- package/components/input/chips/props.js +5 -0
- package/components/input/chips/utils.js +259 -0
- package/components/input/color-picker/index.js +678 -0
- package/components/input/color-picker/props.js +5 -0
- package/components/input/composite/index.js +137 -0
- package/components/input/currency/index.js +263 -0
- package/components/input/currency/props.js +5 -0
- package/components/input/default/checkbox/index.js +230 -0
- package/components/input/default/checkbox/props.js +5 -0
- package/components/input/default/checkboxset/index.js +476 -0
- package/components/input/default/checkboxset/props.js +5 -0
- package/components/input/default/radioset/index.js +379 -0
- package/components/input/default/radioset/props.js +5 -0
- package/components/input/default/switch/index.js +490 -0
- package/components/input/default/switch/prop.js +5 -0
- package/components/input/epoch/date/components/DatePickerPopover.js +220 -0
- package/components/input/epoch/date/index.js +520 -0
- package/components/input/epoch/date/props.js +5 -0
- package/components/input/epoch/date/styled.js +70 -0
- package/components/input/epoch/date/utils.js +108 -0
- package/components/input/epoch/datetime/index.js +656 -0
- package/components/input/epoch/datetime/props.js +5 -0
- package/components/input/epoch/datetime/styled.js +90 -0
- package/components/input/epoch/datetime/utils.js +244 -0
- package/components/input/epoch/time/index.js +412 -0
- package/components/input/epoch/time/props.js +5 -0
- package/components/input/epoch/time/utils.js +209 -0
- package/components/input/fileupload/Utils.js +134 -0
- package/components/input/fileupload/components/ListItems.js +140 -0
- package/components/input/fileupload/components/MultiUpload.js +85 -0
- package/components/input/fileupload/components/SingleUpload.js +65 -0
- package/components/input/fileupload/index.js +170 -0
- package/components/input/fileupload/props.js +5 -0
- package/components/input/fileupload/useFileUpload.js +400 -0
- package/components/input/number/index.js +295 -0
- package/components/input/number/props.js +5 -0
- package/components/input/rating/index.js +368 -0
- package/components/input/rating/props.js +5 -0
- package/components/input/select/index.js +344 -0
- package/components/input/select/props.js +5 -0
- package/components/input/slider/index.js +167 -0
- package/components/input/slider/props.js +5 -0
- package/components/input/text/index.js +434 -0
- package/components/input/text/props.js +5 -0
- package/components/input/text/util.js +179 -0
- package/components/input/textarea/index.js +347 -0
- package/components/input/textarea/props.js +5 -0
- package/components/layout/footer/index.js +30 -0
- package/components/layout/header/index.js +30 -0
- package/components/layout/leftnav/index.js +44 -0
- package/components/layout/rightnav/index.js +32 -0
- package/components/layout/topnav/index.js +34 -0
- package/components/navbar/index.js +41 -0
- package/components/navbar/nav/index.js +102 -0
- package/components/navbar/nav/props.js +5 -0
- package/components/navbar/nav-item/index.js +44 -0
- package/components/navigation/breadcrumb/index.js +56 -0
- package/components/navigation/breadcrumb/props.js +5 -0
- package/components/navigation/menu/components/ListItems.js +66 -0
- package/components/navigation/menu/constants.js +101 -0
- package/components/navigation/menu/index.js +807 -0
- package/components/navigation/menu/props.js +5 -0
- package/components/navigation/popover/index.js +209 -0
- package/components/navigation/popover/props.js +15 -0
- package/components/page/content/index.js +28 -0
- package/components/page/error-boundary/index.js +108 -0
- package/components/page/index.js +137 -0
- package/components/page/page-content/index.js +23 -0
- package/components/page/partial/index.js +36 -0
- package/components/page/partial-container/index.js +48 -0
- package/components/page/props.js +5 -0
- package/components/page/toast-container/index.js +33 -0
- package/components/prefab/container/index.js +46 -0
- package/components/prefab/index.js +67 -0
- package/context/AppContext.js +25 -0
- package/context/AppSpinnerProvider.js +43 -0
- package/context/LocalizationProvider.js +79 -0
- package/context/PrefabContext.js +66 -0
- package/context/WidgetProvider.js +187 -0
- package/core/app-config.js +1 -0
- package/core/app.service.js +357 -0
- package/core/appVariablesStore.js +20 -0
- package/core/appstore.js +88 -0
- package/core/constants/currency-constant.js +1071 -0
- package/core/constants/events.js +34 -0
- package/core/constants/index.js +27 -0
- package/core/dialog.service.js +76 -0
- package/core/event-notifier.js +151 -0
- package/core/formatter/date-formatters.js +222 -0
- package/core/formatter/index.js +131 -0
- package/core/formatter/number-formatters.js +142 -0
- package/core/formatter/security-formatters.js +323 -0
- package/core/formatter/string-formatters.js +52 -0
- package/core/formatter/types.js +18 -0
- package/core/formatters.js +24 -0
- package/core/proxy-service.js +412 -0
- package/core/script-registry.js +63 -0
- package/core/security.service.js +11 -0
- package/core/util/common.js +33 -0
- package/core/util/dom.js +107 -0
- package/core/util/index.js +136 -0
- package/core/util/security.js +184 -0
- package/core/util/utils.js +189 -0
- package/core/widget-observer.js +98 -0
- package/higherOrder/BaseApp.js +430 -0
- package/higherOrder/BaseAppProps.js +5 -0
- package/higherOrder/BaseDateTime.js +251 -0
- package/higherOrder/BasePage.js +715 -0
- package/higherOrder/BasePartial.js +124 -0
- package/higherOrder/BasePrefab.js +145 -0
- package/higherOrder/DataNav.js +377 -0
- package/higherOrder/helper.js +43 -0
- package/higherOrder/props.js +5 -0
- package/higherOrder/withBaseWrapper.js +183 -0
- package/hooks/useAccess.js +308 -0
- package/hooks/useAppConfig.js +42 -0
- package/hooks/useAuth.js +562 -0
- package/hooks/useDataSourceSubscription.js +125 -0
- package/hooks/useDebounce.js +76 -0
- package/hooks/useDeviceVisibility.js +49 -0
- package/hooks/useHttp.js +338 -0
- package/libs/index.js +20 -0
- package/mui-config/theme-provider.js +17 -0
- package/mui-config/theme.js +371 -0
- package/package-lock.json +10177 -0
- package/package.json +95 -0
- package/store/index.js +33 -0
- package/store/middleware/navigationMiddleware.js +48 -0
- package/store/slices/appConfigSlice.js +103 -0
- package/store/slices/authSlice.js +508 -0
- package/store/slices/i18nSlice.js +206 -0
- package/types/index.js +15 -0
- package/utils/dataset-util.js +174 -0
- package/utils/eval-expression.js +32 -0
- package/utils/form-state.util.js +140 -0
- package/utils/form-utils.js +187 -0
- package/utils/format-util.js +260 -0
- package/utils/page-params-util.js +24 -0
- package/utils/resource-url.js +27 -0
- package/utils/state-persistance.js +343 -0
- package/utils/style-utils.js +73 -0
- package/utils/transformedDataset-utils.js +633 -0
- package/utils/widget-cleanup-util.js +84 -0
- package/utils/widgets.js +99 -0
- package/variables/base-variable.js +173 -0
- package/variables/constants.js +27 -0
- package/variables/live-variable.js +166 -0
- package/variables/model-variable.js +77 -0
- package/variables/service-variable.js +307 -0
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.ListItems = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _LoadMoreButton = require("./LoadMoreButton");
|
|
10
|
+
var _StandardListItems = require("./StandardListItems");
|
|
11
|
+
var _GroupedListItems = require("./GroupedListItems");
|
|
12
|
+
var _constants = require("../utils/constants");
|
|
13
|
+
var _hooks = require("../hooks");
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
15
|
+
var __jsx = _react["default"].createElement;
|
|
16
|
+
/**
|
|
17
|
+
* Main ListItems component - orchestrates rendering of list items
|
|
18
|
+
* with support for grouping, pagination, and on-demand loading
|
|
19
|
+
*/
|
|
20
|
+
var ListItems = exports.ListItems = function ListItems(_ref) {
|
|
21
|
+
var items = _ref.items,
|
|
22
|
+
groupedData = _ref.groupedData,
|
|
23
|
+
groupby = _ref.groupby,
|
|
24
|
+
navigation = _ref.navigation,
|
|
25
|
+
currentPage = _ref.currentPage,
|
|
26
|
+
pagesize = _ref.pagesize,
|
|
27
|
+
visibleItems = _ref.visibleItems,
|
|
28
|
+
orderby = _ref.orderby,
|
|
29
|
+
disableitem = _ref.disableitem,
|
|
30
|
+
itemclass = _ref.itemclass,
|
|
31
|
+
itemsPerRowClass = _ref.itemsPerRowClass,
|
|
32
|
+
direction = _ref.direction,
|
|
33
|
+
enablereorder = _ref.enablereorder,
|
|
34
|
+
activeItems = _ref.activeItems,
|
|
35
|
+
name = _ref.name,
|
|
36
|
+
tabIndex = _ref.tabIndex,
|
|
37
|
+
renderItem = _ref.renderItem,
|
|
38
|
+
itemTemplate = _ref.itemTemplate,
|
|
39
|
+
nodatamessage = _ref.nodatamessage,
|
|
40
|
+
ondemandmessage = _ref.ondemandmessage,
|
|
41
|
+
loadingicon = _ref.loadingicon,
|
|
42
|
+
loadingdatamsg = _ref.loadingdatamsg,
|
|
43
|
+
paginationclass = _ref.paginationclass,
|
|
44
|
+
isLoadingMore = _ref.isLoadingMore,
|
|
45
|
+
collapsible = _ref.collapsible,
|
|
46
|
+
showcount = _ref.showcount,
|
|
47
|
+
groupCollapsed = _ref.groupCollapsed,
|
|
48
|
+
handleListItemClick = _ref.handleListItemClick,
|
|
49
|
+
handleListItemDoubleClick = _ref.handleListItemDoubleClick,
|
|
50
|
+
handleListItemMouseEnter = _ref.handleListItemMouseEnter,
|
|
51
|
+
handleListItemMouseLeave = _ref.handleListItemMouseLeave,
|
|
52
|
+
handleDragEnd = _ref.handleDragEnd,
|
|
53
|
+
handleLoadMore = _ref.handleLoadMore,
|
|
54
|
+
handleHeaderClick = _ref.handleHeaderClick,
|
|
55
|
+
onBeforedatarender = _ref.onBeforedatarender,
|
|
56
|
+
onRender = _ref.onRender,
|
|
57
|
+
widgetInstance = _ref.widgetInstance,
|
|
58
|
+
rawDataset = _ref.rawDataset,
|
|
59
|
+
datasource = _ref.datasource,
|
|
60
|
+
totalItems = _ref.totalItems,
|
|
61
|
+
isServerSidePagination = _ref.isServerSidePagination,
|
|
62
|
+
showNavigation = _ref.showNavigation;
|
|
63
|
+
// Use the server-side pagination flag passed from parent
|
|
64
|
+
var isServerPaginated = !!isServerSidePagination;
|
|
65
|
+
|
|
66
|
+
// Get pagination metadata from datasource
|
|
67
|
+
var paginationMeta = datasource === null || datasource === void 0 ? void 0 : datasource.pagination;
|
|
68
|
+
|
|
69
|
+
// Calculate current page items from raw dataset (unsorted) for onBeforedatarender
|
|
70
|
+
var rawCurrentPageItems = (0, _hooks.useCurrentPageItems)({
|
|
71
|
+
items: rawDataset || [],
|
|
72
|
+
navigation: navigation,
|
|
73
|
+
currentPage: currentPage,
|
|
74
|
+
pagesize: pagesize,
|
|
75
|
+
visibleItems: visibleItems,
|
|
76
|
+
isServerPaginated: isServerPaginated // Pass flag to indicate server pagination
|
|
77
|
+
});
|
|
78
|
+
|
|
79
|
+
// Calculate current page items from sorted dataset for rendering and onRender
|
|
80
|
+
var currentPageItems = (0, _hooks.useCurrentPageItems)({
|
|
81
|
+
items: items,
|
|
82
|
+
navigation: navigation,
|
|
83
|
+
currentPage: currentPage,
|
|
84
|
+
pagesize: pagesize,
|
|
85
|
+
visibleItems: visibleItems,
|
|
86
|
+
isServerPaginated: isServerPaginated // Pass flag to indicate server pagination
|
|
87
|
+
});
|
|
88
|
+
|
|
89
|
+
// Calculate paginated grouped data
|
|
90
|
+
var paginatedGroupedData = (0, _hooks.usePaginatedGroupedData)({
|
|
91
|
+
groupedData: groupedData || [],
|
|
92
|
+
navigation: navigation,
|
|
93
|
+
currentPage: currentPage,
|
|
94
|
+
pagesize: pagesize,
|
|
95
|
+
visibleItems: visibleItems
|
|
96
|
+
});
|
|
97
|
+
|
|
98
|
+
// Create stable identifiers for data changes
|
|
99
|
+
var rawCurrentItemsKey = (0, _react.useMemo)(function () {
|
|
100
|
+
return JSON.stringify(rawCurrentPageItems.currentItems);
|
|
101
|
+
}, [rawCurrentPageItems.currentItems]);
|
|
102
|
+
var currentItemsKey = (0, _react.useMemo)(function () {
|
|
103
|
+
return JSON.stringify(currentPageItems.currentItems);
|
|
104
|
+
}, [currentPageItems.currentItems]);
|
|
105
|
+
var paginatedGroupedDataKey = (0, _react.useMemo)(function () {
|
|
106
|
+
return JSON.stringify(paginatedGroupedData);
|
|
107
|
+
}, [paginatedGroupedData]);
|
|
108
|
+
|
|
109
|
+
// Call onBeforedatarender with unsorted current page items - only when data changes
|
|
110
|
+
(0, _react.useEffect)(function () {
|
|
111
|
+
if (onBeforedatarender && widgetInstance) {
|
|
112
|
+
if (groupby) {
|
|
113
|
+
// For grouped data, we need to get unsorted items for the current page
|
|
114
|
+
// Since grouped data is already sorted, we'll use the raw dataset approach
|
|
115
|
+
onBeforedatarender(widgetInstance, rawCurrentPageItems.currentItems);
|
|
116
|
+
} else {
|
|
117
|
+
// For standard lists, use raw current page items (unsorted)
|
|
118
|
+
onBeforedatarender(widgetInstance, rawCurrentPageItems.currentItems);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
}, [rawCurrentItemsKey, groupby]);
|
|
122
|
+
|
|
123
|
+
// Call onRender with sorted current page items - only when data changes
|
|
124
|
+
(0, _react.useEffect)(function () {
|
|
125
|
+
if (onRender && widgetInstance) {
|
|
126
|
+
var timer = setTimeout(function () {
|
|
127
|
+
if (groupby) {
|
|
128
|
+
// For grouped data, flatten the current page grouped items (sorted)
|
|
129
|
+
var currentPageGroupedItems = paginatedGroupedData.reduce(function (acc, group) {
|
|
130
|
+
return acc.concat(group.data);
|
|
131
|
+
}, []);
|
|
132
|
+
onRender(widgetInstance, currentPageGroupedItems);
|
|
133
|
+
} else {
|
|
134
|
+
// For standard lists, use sorted current page items
|
|
135
|
+
onRender(widgetInstance, currentPageItems.currentItems);
|
|
136
|
+
}
|
|
137
|
+
}, 10);
|
|
138
|
+
return function () {
|
|
139
|
+
return clearTimeout(timer);
|
|
140
|
+
};
|
|
141
|
+
}
|
|
142
|
+
}, [currentItemsKey, paginatedGroupedDataKey, groupby]);
|
|
143
|
+
|
|
144
|
+
// Calculate total items for grouped data
|
|
145
|
+
var totalGroupedItems = (0, _react.useMemo)(function () {
|
|
146
|
+
if (!groupedData || !Array.isArray(groupedData)) return 0;
|
|
147
|
+
return groupedData.reduce(function (total, group) {
|
|
148
|
+
var _group$data;
|
|
149
|
+
return total + (((_group$data = group.data) === null || _group$data === void 0 ? void 0 : _group$data.length) || 0);
|
|
150
|
+
}, 0);
|
|
151
|
+
}, [groupedData]);
|
|
152
|
+
|
|
153
|
+
// Determine if load more button should be shown
|
|
154
|
+
var shouldShowLoadMore = (0, _react.useMemo)(function () {
|
|
155
|
+
if (navigation !== _constants.LIST_NAVIGATION_TYPES.ON_DEMAND) {
|
|
156
|
+
return false;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
// If we have pagination metadata with 'last' property, use it
|
|
160
|
+
if ((paginationMeta === null || paginationMeta === void 0 ? void 0 : paginationMeta.last) !== undefined) {
|
|
161
|
+
return !paginationMeta.last; // Show Load More if not the last page
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
// For server-side pagination with totalItems
|
|
165
|
+
if (totalItems !== undefined && datasource) {
|
|
166
|
+
if (groupby) {
|
|
167
|
+
// For grouped data, we need to check if all groups have been loaded
|
|
168
|
+
// This is tricky with server-side pagination as groups might span pages
|
|
169
|
+
return totalGroupedItems < totalItems;
|
|
170
|
+
} else {
|
|
171
|
+
// For non-grouped data, check if all items have been loaded
|
|
172
|
+
return items.length < totalItems;
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
// For client-side pagination
|
|
177
|
+
if (groupby) {
|
|
178
|
+
return visibleItems < totalGroupedItems;
|
|
179
|
+
} else {
|
|
180
|
+
return visibleItems < items.length;
|
|
181
|
+
}
|
|
182
|
+
}, [navigation, paginationMeta === null || paginationMeta === void 0 ? void 0 : paginationMeta.last, totalItems, datasource, groupby, totalGroupedItems, items.length, visibleItems]);
|
|
183
|
+
return __jsx(_react["default"].Fragment, null, groupby ? __jsx(_GroupedListItems.GroupedListItems, {
|
|
184
|
+
groupedData: groupedData || [],
|
|
185
|
+
paginatedGroupedData: paginatedGroupedData,
|
|
186
|
+
direction: direction,
|
|
187
|
+
disableitem: disableitem,
|
|
188
|
+
itemclass: itemclass,
|
|
189
|
+
itemsPerRowClass: itemsPerRowClass,
|
|
190
|
+
name: name,
|
|
191
|
+
tabIndex: tabIndex,
|
|
192
|
+
activeItems: activeItems,
|
|
193
|
+
collapsible: collapsible,
|
|
194
|
+
showcount: showcount,
|
|
195
|
+
groupCollapsed: groupCollapsed,
|
|
196
|
+
renderItem: renderItem,
|
|
197
|
+
itemTemplate: itemTemplate,
|
|
198
|
+
nodatamessage: nodatamessage,
|
|
199
|
+
onItemClick: handleListItemClick,
|
|
200
|
+
onItemDoubleClick: handleListItemDoubleClick,
|
|
201
|
+
onItemMouseEnter: handleListItemMouseEnter,
|
|
202
|
+
onItemMouseLeave: handleListItemMouseLeave,
|
|
203
|
+
onHeaderClick: handleHeaderClick
|
|
204
|
+
}) : __jsx(_StandardListItems.StandardListItems, {
|
|
205
|
+
items: items,
|
|
206
|
+
currentPageItems: currentPageItems,
|
|
207
|
+
direction: direction,
|
|
208
|
+
enablereorder: enablereorder,
|
|
209
|
+
disableitem: disableitem,
|
|
210
|
+
itemclass: itemclass,
|
|
211
|
+
itemsPerRowClass: itemsPerRowClass,
|
|
212
|
+
name: name,
|
|
213
|
+
tabIndex: tabIndex,
|
|
214
|
+
activeItems: activeItems,
|
|
215
|
+
renderItem: renderItem,
|
|
216
|
+
itemTemplate: itemTemplate,
|
|
217
|
+
nodatamessage: nodatamessage,
|
|
218
|
+
onItemClick: handleListItemClick,
|
|
219
|
+
onItemDoubleClick: handleListItemDoubleClick,
|
|
220
|
+
onItemMouseEnter: handleListItemMouseEnter,
|
|
221
|
+
onItemMouseLeave: handleListItemMouseLeave,
|
|
222
|
+
onDragEnd: handleDragEnd
|
|
223
|
+
}), shouldShowLoadMore && showNavigation !== false && __jsx(_LoadMoreButton.LoadMoreButton, {
|
|
224
|
+
paginationclass: paginationclass,
|
|
225
|
+
isLoadingMore: isLoadingMore,
|
|
226
|
+
loadingicon: loadingicon,
|
|
227
|
+
loadingdatamsg: loadingdatamsg,
|
|
228
|
+
ondemandmessage: ondemandmessage,
|
|
229
|
+
onLoadMore: handleLoadMore
|
|
230
|
+
}));
|
|
231
|
+
};
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.ListPagination = void 0;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
|
11
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
|
+
var _pagination = _interopRequireDefault(require("@wavemaker/react-runtime/components/data/pagination"));
|
|
13
|
+
var _constants = require("../utils/constants");
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
15
|
+
var __jsx = _react["default"].createElement;
|
|
16
|
+
/**
|
|
17
|
+
* Maps list navigation types to pagination navigation types
|
|
18
|
+
*/
|
|
19
|
+
var mapNavigationType = function mapNavigationType(navigation) {
|
|
20
|
+
switch (navigation) {
|
|
21
|
+
case _constants.LIST_NAVIGATION_TYPES.BASIC:
|
|
22
|
+
case _constants.LIST_NAVIGATION_TYPES.PAGER:
|
|
23
|
+
case _constants.LIST_NAVIGATION_TYPES.CLASSIC:
|
|
24
|
+
return navigation;
|
|
25
|
+
case _constants.LIST_NAVIGATION_TYPES.ADVANCED:
|
|
26
|
+
return _constants.LIST_NAVIGATION_TYPES.CLASSIC;
|
|
27
|
+
default:
|
|
28
|
+
return _constants.LIST_NAVIGATION_TYPES.BASIC;
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Determines if pagination should be hidden
|
|
34
|
+
*/
|
|
35
|
+
/**
|
|
36
|
+
* Determines if pagination should be hidden
|
|
37
|
+
*/
|
|
38
|
+
var shouldHidePagination = function shouldHidePagination(navigation, allowpagesizechange, datasetLength, pagesize, paginationMeta, totalItems) {
|
|
39
|
+
// Hide for certain navigation types
|
|
40
|
+
var isNone = String(navigation) === String(_constants.LIST_NAVIGATION_TYPES.NONE) || navigation === "None";
|
|
41
|
+
var isOnDemand = String(navigation) === String(_constants.LIST_NAVIGATION_TYPES.ON_DEMAND) || navigation === "On-Demand";
|
|
42
|
+
if (isNone || isOnDemand) {
|
|
43
|
+
return true;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
// If we have pagination metadata with totalElements or totalPages, use that to determine visibility
|
|
47
|
+
if (paginationMeta) {
|
|
48
|
+
// Show pagination if totalPages is provided and greater than 1
|
|
49
|
+
if (paginationMeta.totalPages !== undefined && paginationMeta.totalPages > 1) {
|
|
50
|
+
return false;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// Show pagination if totalElements is provided and greater than pagesize
|
|
54
|
+
if (paginationMeta.totalElements !== undefined && paginationMeta.totalElements > pagesize) {
|
|
55
|
+
return false;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
// Use totalItems (calculated in hook) if provided
|
|
60
|
+
if (totalItems !== undefined && totalItems > pagesize) {
|
|
61
|
+
return false;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
// Hide if page size change is disabled and all items fit on one page
|
|
65
|
+
if (!allowpagesizechange && datasetLength <= pagesize) {
|
|
66
|
+
return true;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
// Always show pagination if we have page size change enabled
|
|
70
|
+
if (allowpagesizechange) {
|
|
71
|
+
return false;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
// Default to showing pagination if we have items
|
|
75
|
+
return datasetLength === 0;
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
/**
|
|
79
|
+
* List Pagination Component
|
|
80
|
+
* Handles pagination for the list component with improved type safety and structure
|
|
81
|
+
*/
|
|
82
|
+
var ListPagination = exports.ListPagination = function ListPagination(props) {
|
|
83
|
+
var name = props.name,
|
|
84
|
+
navigation = props.navigation,
|
|
85
|
+
orderedDataset = props.orderedDataset,
|
|
86
|
+
pagesize = props.pagesize,
|
|
87
|
+
currentPage = props.currentPage,
|
|
88
|
+
navigationalign = props.navigationalign,
|
|
89
|
+
showrecordcount = props.showrecordcount,
|
|
90
|
+
maxsize = props.maxsize,
|
|
91
|
+
boundarylinks = props.boundarylinks,
|
|
92
|
+
paginationclass = props.paginationclass,
|
|
93
|
+
_props$allowpagesizec = props.allowpagesizechange,
|
|
94
|
+
allowpagesizechange = _props$allowpagesizec === void 0 ? true : _props$allowpagesizec,
|
|
95
|
+
_props$pagesizeoption = props.pagesizeoptions,
|
|
96
|
+
pagesizeoptions = _props$pagesizeoption === void 0 ? "5,10,20,50,100" : _props$pagesizeoption,
|
|
97
|
+
onPaginationChange = props.onPaginationChange,
|
|
98
|
+
onSetRecord = props.onSetRecord,
|
|
99
|
+
onPageSizeChange = props.onPageSizeChange,
|
|
100
|
+
listener = props.listener,
|
|
101
|
+
paginationMeta = props.paginationMeta,
|
|
102
|
+
totalItems = props.totalItems,
|
|
103
|
+
datasource = props.datasource,
|
|
104
|
+
isLoadingMore = props.isLoadingMore,
|
|
105
|
+
setIsLoadingMore = props.setIsLoadingMore,
|
|
106
|
+
isServerSidePagination = props.isServerSidePagination;
|
|
107
|
+
// Early return if pagination should be hidden
|
|
108
|
+
var hidePagination = (0, _react.useMemo)(function () {
|
|
109
|
+
return shouldHidePagination(navigation, allowpagesizechange, orderedDataset.length, pagesize, paginationMeta, totalItems);
|
|
110
|
+
}, [navigation, allowpagesizechange, orderedDataset.length, pagesize, props.paginationMeta, props.totalItems]);
|
|
111
|
+
|
|
112
|
+
// Get the appropriate navigation type for the pagination component
|
|
113
|
+
var paginationNavigation = (0, _react.useMemo)(function () {
|
|
114
|
+
return mapNavigationType(navigation);
|
|
115
|
+
}, [navigation]);
|
|
116
|
+
|
|
117
|
+
// Wrap handlers to match the expected signatures
|
|
118
|
+
var handlePaginationChange = (0, _react.useMemo)(function () {
|
|
119
|
+
return function (event, widget, index) {
|
|
120
|
+
onPaginationChange(event, widget, index);
|
|
121
|
+
};
|
|
122
|
+
}, [onPaginationChange]);
|
|
123
|
+
var handleSetRecord = (0, _react.useMemo)(function () {
|
|
124
|
+
return function (event, widget, index, data) {
|
|
125
|
+
onSetRecord(event, widget, index, data);
|
|
126
|
+
};
|
|
127
|
+
}, [onSetRecord]);
|
|
128
|
+
if (hidePagination) {
|
|
129
|
+
return null;
|
|
130
|
+
}
|
|
131
|
+
return __jsx(_Box["default"], {
|
|
132
|
+
component: "div",
|
|
133
|
+
className: (0, _clsx["default"])("pagination-container", "app-datanavigator", "text-".concat(navigationalign))
|
|
134
|
+
}, __jsx(_pagination["default"], {
|
|
135
|
+
name: "".concat(name, "_pagination")
|
|
136
|
+
// If we have pagination metadata with totalElements, create a dataset array of the right length
|
|
137
|
+
,
|
|
138
|
+
dataset: totalItems ? Array(totalItems).fill(null) : orderedDataset,
|
|
139
|
+
maxResults: pagesize,
|
|
140
|
+
currentPage: currentPage,
|
|
141
|
+
navigation: paginationNavigation,
|
|
142
|
+
navigationalign: navigationalign,
|
|
143
|
+
showrecordcount: showrecordcount,
|
|
144
|
+
maxsize: maxsize,
|
|
145
|
+
boundarylinks: boundarylinks,
|
|
146
|
+
directionlinks: true,
|
|
147
|
+
allowpagesizechange: allowpagesizechange,
|
|
148
|
+
pagesizeoptions: pagesizeoptions,
|
|
149
|
+
className: (0, _clsx["default"])("pagination", paginationclass),
|
|
150
|
+
listener: listener,
|
|
151
|
+
onPaginationChange: handlePaginationChange,
|
|
152
|
+
onSetRecord: handleSetRecord,
|
|
153
|
+
onPageSizeChange: onPageSizeChange
|
|
154
|
+
// Pass pagination metadata to WmPagination component if available
|
|
155
|
+
,
|
|
156
|
+
paginationMeta: paginationMeta,
|
|
157
|
+
totalItems: totalItems
|
|
158
|
+
// Pass datasource for API-based pagination
|
|
159
|
+
,
|
|
160
|
+
datasource: datasource,
|
|
161
|
+
isLoadingMore: isLoadingMore,
|
|
162
|
+
setIsLoadingMore: setIsLoadingMore,
|
|
163
|
+
isServerSidePagination: isServerSidePagination
|
|
164
|
+
}));
|
|
165
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.LoadMoreButton = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
10
|
+
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
|
11
|
+
var _Button = _interopRequireDefault(require("@mui/material/Button"));
|
|
12
|
+
var __jsx = _react["default"].createElement;
|
|
13
|
+
/**
|
|
14
|
+
* Load more button component for on-demand pagination
|
|
15
|
+
*/
|
|
16
|
+
var LoadMoreButton = exports.LoadMoreButton = function LoadMoreButton(_ref) {
|
|
17
|
+
var paginationclass = _ref.paginationclass,
|
|
18
|
+
isLoadingMore = _ref.isLoadingMore,
|
|
19
|
+
loadingicon = _ref.loadingicon,
|
|
20
|
+
loadingdatamsg = _ref.loadingdatamsg,
|
|
21
|
+
ondemandmessage = _ref.ondemandmessage,
|
|
22
|
+
onLoadMore = _ref.onLoadMore;
|
|
23
|
+
return __jsx(_Box["default"], {
|
|
24
|
+
component: "div",
|
|
25
|
+
className: "panel-footer",
|
|
26
|
+
style: {
|
|
27
|
+
textAlign: "center",
|
|
28
|
+
padding: "16px"
|
|
29
|
+
}
|
|
30
|
+
}, __jsx(_Button["default"], {
|
|
31
|
+
className: (0, _clsx["default"])("app-button btn", paginationclass),
|
|
32
|
+
variant: "contained",
|
|
33
|
+
onClick: onLoadMore,
|
|
34
|
+
disabled: isLoadingMore
|
|
35
|
+
}, isLoadingMore ? __jsx(_react["default"].Fragment, null, __jsx("i", {
|
|
36
|
+
className: "app-icon ".concat(loadingicon, " fa-spin me-2"),
|
|
37
|
+
"aria-hidden": "true"
|
|
38
|
+
}), loadingdatamsg) : ondemandmessage));
|
|
39
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.NoDataMessage = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
10
|
+
var __jsx = _react["default"].createElement;
|
|
11
|
+
/**
|
|
12
|
+
* No data message component
|
|
13
|
+
*/
|
|
14
|
+
var NoDataMessage = exports.NoDataMessage = function NoDataMessage(_ref) {
|
|
15
|
+
var message = _ref.message,
|
|
16
|
+
_ref$className = _ref.className,
|
|
17
|
+
className = _ref$className === void 0 ? "no-data-message" : _ref$className;
|
|
18
|
+
return __jsx(_Typography["default"], {
|
|
19
|
+
className: className,
|
|
20
|
+
variant: "body2"
|
|
21
|
+
}, message);
|
|
22
|
+
};
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.StandardListItems = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _ListDND = require("./ListDND");
|
|
10
|
+
var _ListItemWithTemplate = require("./ListItemWithTemplate");
|
|
11
|
+
var _ListContainer = require("./ListContainer");
|
|
12
|
+
var _NoDataMessage = require("./NoDataMessage");
|
|
13
|
+
var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
|
|
14
|
+
var _some = _interopRequireDefault(require("lodash-es/some"));
|
|
15
|
+
var __jsx = _react["default"].createElement;
|
|
16
|
+
/**
|
|
17
|
+
* Standard list items renderer for non-grouped lists
|
|
18
|
+
*/
|
|
19
|
+
var StandardListItems = exports.StandardListItems = function StandardListItems(_ref) {
|
|
20
|
+
var items = _ref.items,
|
|
21
|
+
currentPageItems = _ref.currentPageItems,
|
|
22
|
+
direction = _ref.direction,
|
|
23
|
+
enablereorder = _ref.enablereorder,
|
|
24
|
+
disableitem = _ref.disableitem,
|
|
25
|
+
itemclass = _ref.itemclass,
|
|
26
|
+
itemsPerRowClass = _ref.itemsPerRowClass,
|
|
27
|
+
name = _ref.name,
|
|
28
|
+
tabIndex = _ref.tabIndex,
|
|
29
|
+
activeItems = _ref.activeItems,
|
|
30
|
+
renderItem = _ref.renderItem,
|
|
31
|
+
itemTemplate = _ref.itemTemplate,
|
|
32
|
+
nodatamessage = _ref.nodatamessage,
|
|
33
|
+
onItemClick = _ref.onItemClick,
|
|
34
|
+
onItemDoubleClick = _ref.onItemDoubleClick,
|
|
35
|
+
onItemMouseEnter = _ref.onItemMouseEnter,
|
|
36
|
+
onItemMouseLeave = _ref.onItemMouseLeave,
|
|
37
|
+
onDragEnd = _ref.onDragEnd;
|
|
38
|
+
if (!items || !Array.isArray(items) || items.length === 0) {
|
|
39
|
+
return __jsx(_NoDataMessage.NoDataMessage, {
|
|
40
|
+
message: nodatamessage
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
var currentItems = currentPageItems.currentItems,
|
|
44
|
+
startIndex = currentPageItems.startIndex;
|
|
45
|
+
var listItems = currentItems.map(function (item, index) {
|
|
46
|
+
var globalIndex = startIndex + index;
|
|
47
|
+
var itemId = (0, _ListDND.getItemId)(item, globalIndex);
|
|
48
|
+
var isFirst = index === 0;
|
|
49
|
+
var isLast = index === currentItems.length - 1;
|
|
50
|
+
var isActive = Array.isArray(activeItems) || activeItems instanceof Set ? (0, _some["default"])(Array.from(activeItems), function (active) {
|
|
51
|
+
return (0, _isEqual["default"])(active, item);
|
|
52
|
+
}) : false;
|
|
53
|
+
return __jsx(_ListItemWithTemplate.ListItemWithTemplate, {
|
|
54
|
+
key: itemId,
|
|
55
|
+
item: item,
|
|
56
|
+
index: index,
|
|
57
|
+
globalIndex: globalIndex,
|
|
58
|
+
itemId: itemId,
|
|
59
|
+
isFirst: isFirst,
|
|
60
|
+
isLast: isLast,
|
|
61
|
+
disableitem: disableitem,
|
|
62
|
+
itemclass: itemclass,
|
|
63
|
+
itemsPerRowClass: itemsPerRowClass,
|
|
64
|
+
name: name,
|
|
65
|
+
tabIndex: tabIndex,
|
|
66
|
+
isActive: isActive,
|
|
67
|
+
enablereorder: enablereorder,
|
|
68
|
+
direction: direction,
|
|
69
|
+
renderItem: renderItem,
|
|
70
|
+
itemTemplate: itemTemplate,
|
|
71
|
+
onItemClick: onItemClick,
|
|
72
|
+
onItemDoubleClick: onItemDoubleClick,
|
|
73
|
+
onItemMouseEnter: onItemMouseEnter,
|
|
74
|
+
onItemMouseLeave: onItemMouseLeave
|
|
75
|
+
});
|
|
76
|
+
});
|
|
77
|
+
return __jsx(_ListContainer.ListContainer, {
|
|
78
|
+
direction: direction,
|
|
79
|
+
enablereorder: enablereorder,
|
|
80
|
+
items: currentItems,
|
|
81
|
+
startIndex: startIndex,
|
|
82
|
+
onDragEnd: onDragEnd
|
|
83
|
+
}, listItems);
|
|
84
|
+
};
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "DndWrapper", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _ListDND.DndWrapper;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "GroupHeader", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _GroupHeader.GroupHeader;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "GroupedListItems", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _GroupedListItems.GroupedListItems;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "ListContainer", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _ListContainer.ListContainer;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "ListHeader", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _ListHeader.ListHeader;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "ListItemContext", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _ListItem.ListItemContext;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "ListItemWithTemplate", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _ListItemWithTemplate.ListItemWithTemplate;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "ListItems", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _ListItems.ListItems;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "ListPagination", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _ListPagination.ListPagination;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "LoadMoreButton", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function get() {
|
|
63
|
+
return _LoadMoreButton.LoadMoreButton;
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
Object.defineProperty(exports, "NoDataMessage", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function get() {
|
|
69
|
+
return _NoDataMessage.NoDataMessage;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
Object.defineProperty(exports, "SortableItem", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
get: function get() {
|
|
75
|
+
return _ListDND.SortableItem;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(exports, "StandardListItems", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function get() {
|
|
81
|
+
return _StandardListItems.StandardListItems;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(exports, "WmListItem", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function get() {
|
|
87
|
+
return _ListItem.WmListItem;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "dragStyles", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function get() {
|
|
93
|
+
return _ListDND.dragStyles;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
Object.defineProperty(exports, "getItemId", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function get() {
|
|
99
|
+
return _ListDND.getItemId;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
Object.defineProperty(exports, "useDragAndDrop", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function get() {
|
|
105
|
+
return _ListDND.useDragAndDrop;
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
var _ListHeader = require("./ListHeader");
|
|
109
|
+
var _ListPagination = require("./ListPagination");
|
|
110
|
+
var _ListItems = require("./ListItems");
|
|
111
|
+
var _ListDND = require("./ListDND");
|
|
112
|
+
var _ListItem = require("./ListItem");
|
|
113
|
+
var _NoDataMessage = require("./NoDataMessage");
|
|
114
|
+
var _LoadMoreButton = require("./LoadMoreButton");
|
|
115
|
+
var _GroupHeader = require("./GroupHeader");
|
|
116
|
+
var _ListContainer = require("./ListContainer");
|
|
117
|
+
var _ListItemWithTemplate = require("./ListItemWithTemplate");
|
|
118
|
+
var _StandardListItems = require("./StandardListItems");
|
|
119
|
+
var _GroupedListItems = require("./GroupedListItems");
|