mod-arch-shared 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +201 -0
- package/README.md +115 -0
- package/dist/__tests__/__mocks__/mockGenericResponse.d.ts +8 -0
- package/dist/__tests__/__mocks__/mockGenericResponse.d.ts.map +1 -0
- package/dist/__tests__/__mocks__/mockGenericResponse.js +9 -0
- package/dist/__tests__/__mocks__/mockGenericResponse.js.map +1 -0
- package/dist/__tests__/__mocks__/styleMock.d.ts +2 -0
- package/dist/__tests__/__mocks__/styleMock.d.ts.map +1 -0
- package/dist/__tests__/__mocks__/styleMock.js +3 -0
- package/dist/__tests__/__mocks__/styleMock.js.map +1 -0
- package/dist/__tests__/unit/jest.setup.d.ts +2 -0
- package/dist/__tests__/unit/jest.setup.d.ts.map +1 -0
- package/dist/__tests__/unit/jest.setup.js +57 -0
- package/dist/__tests__/unit/jest.setup.js.map +1 -0
- package/dist/__tests__/unit/testUtils/hooks.d.ts +80 -0
- package/dist/__tests__/unit/testUtils/hooks.d.ts.map +1 -0
- package/dist/__tests__/unit/testUtils/hooks.js +149 -0
- package/dist/__tests__/unit/testUtils/hooks.js.map +1 -0
- package/dist/__tests__/unit/testUtils/hooks.spec.d.ts +2 -0
- package/dist/__tests__/unit/testUtils/hooks.spec.d.ts.map +1 -0
- package/dist/__tests__/unit/testUtils/hooks.spec.js +227 -0
- package/dist/__tests__/unit/testUtils/hooks.spec.js.map +1 -0
- package/dist/api/__tests__/errorUtils.spec.d.ts +2 -0
- package/dist/api/__tests__/errorUtils.spec.d.ts.map +1 -0
- package/dist/api/__tests__/errorUtils.spec.js +60 -0
- package/dist/api/__tests__/errorUtils.spec.js.map +1 -0
- package/dist/api/apiUtils.d.ts +16 -0
- package/dist/api/apiUtils.d.ts.map +1 -0
- package/dist/api/apiUtils.js +117 -0
- package/dist/api/apiUtils.js.map +1 -0
- package/dist/api/errorUtils.d.ts +2 -0
- package/dist/api/errorUtils.d.ts.map +1 -0
- package/dist/api/errorUtils.js +24 -0
- package/dist/api/errorUtils.js.map +1 -0
- package/dist/api/index.d.ts +6 -0
- package/dist/api/index.d.ts.map +1 -0
- package/dist/api/index.js +7 -0
- package/dist/api/index.js.map +1 -0
- package/dist/api/k8s.d.ts +5 -0
- package/dist/api/k8s.d.ts.map +1 -0
- package/dist/api/k8s.js +24 -0
- package/dist/api/k8s.js.map +1 -0
- package/dist/api/types.d.ts +19 -0
- package/dist/api/types.d.ts.map +1 -0
- package/dist/api/types.js +2 -0
- package/dist/api/types.js.map +1 -0
- package/dist/api/useAPIState.d.ts +3 -0
- package/dist/api/useAPIState.d.ts.map +1 -0
- package/dist/api/useAPIState.js +23 -0
- package/dist/api/useAPIState.js.map +1 -0
- package/dist/components/ApplicationsPage.d.ts +23 -0
- package/dist/components/ApplicationsPage.d.ts.map +1 -0
- package/dist/components/ApplicationsPage.js +43 -0
- package/dist/components/ApplicationsPage.js.map +1 -0
- package/dist/components/DashboardDescriptionListGroup.d.ts +31 -0
- package/dist/components/DashboardDescriptionListGroup.d.ts.map +1 -0
- package/dist/components/DashboardDescriptionListGroup.js +26 -0
- package/dist/components/DashboardDescriptionListGroup.js.map +1 -0
- package/dist/components/DashboardDescriptionListGroup.scss +4 -0
- package/dist/components/DashboardEmptyTableView.d.ts +10 -0
- package/dist/components/DashboardEmptyTableView.d.ts.map +1 -0
- package/dist/components/DashboardEmptyTableView.js +13 -0
- package/dist/components/DashboardEmptyTableView.js.map +1 -0
- package/dist/components/DashboardHelpTooltip.d.ts +7 -0
- package/dist/components/DashboardHelpTooltip.d.ts.map +1 -0
- package/dist/components/DashboardHelpTooltip.js +10 -0
- package/dist/components/DashboardHelpTooltip.js.map +1 -0
- package/dist/components/DashboardModalFooter.d.ts +16 -0
- package/dist/components/DashboardModalFooter.d.ts.map +1 -0
- package/dist/components/DashboardModalFooter.js +19 -0
- package/dist/components/DashboardModalFooter.js.map +1 -0
- package/dist/components/DashboardSearchField.d.ts +29 -0
- package/dist/components/DashboardSearchField.d.ts.map +1 -0
- package/dist/components/DashboardSearchField.js +43 -0
- package/dist/components/DashboardSearchField.js.map +1 -0
- package/dist/components/EditableLabelsDescriptionListGroup.d.ts +12 -0
- package/dist/components/EditableLabelsDescriptionListGroup.d.ts.map +1 -0
- package/dist/components/EditableLabelsDescriptionListGroup.js +143 -0
- package/dist/components/EditableLabelsDescriptionListGroup.js.map +1 -0
- package/dist/components/EditableTextDescriptionListGroup.d.ts +12 -0
- package/dist/components/EditableTextDescriptionListGroup.d.ts.map +1 -0
- package/dist/components/EditableTextDescriptionListGroup.js +45 -0
- package/dist/components/EditableTextDescriptionListGroup.js.map +1 -0
- package/dist/components/EmptyStateErrorMessage.d.ts +9 -0
- package/dist/components/EmptyStateErrorMessage.d.ts.map +1 -0
- package/dist/components/EmptyStateErrorMessage.js +14 -0
- package/dist/components/EmptyStateErrorMessage.js.map +1 -0
- package/dist/components/FieldGroupHelpLabelIcon.d.ts +8 -0
- package/dist/components/FieldGroupHelpLabelIcon.d.ts.map +1 -0
- package/dist/components/FieldGroupHelpLabelIcon.js +11 -0
- package/dist/components/FieldGroupHelpLabelIcon.js.map +1 -0
- package/dist/components/FormFieldset.d.ts +9 -0
- package/dist/components/FormFieldset.d.ts.map +1 -0
- package/dist/components/FormFieldset.js +10 -0
- package/dist/components/FormFieldset.js.map +1 -0
- package/dist/components/InlineTruncatedClipboardCopy.d.ts +14 -0
- package/dist/components/InlineTruncatedClipboardCopy.d.ts.map +1 -0
- package/dist/components/InlineTruncatedClipboardCopy.js +19 -0
- package/dist/components/InlineTruncatedClipboardCopy.js.map +1 -0
- package/dist/components/InlineTruncatedClipboardCopy.scss +4 -0
- package/dist/components/KubeflowDocs.d.ts +10 -0
- package/dist/components/KubeflowDocs.d.ts.map +1 -0
- package/dist/components/KubeflowDocs.js +11 -0
- package/dist/components/KubeflowDocs.js.map +1 -0
- package/dist/components/MarkdownView.d.ts +12 -0
- package/dist/components/MarkdownView.d.ts.map +1 -0
- package/dist/components/MarkdownView.js +14 -0
- package/dist/components/MarkdownView.js.map +1 -0
- package/dist/components/MarkdownView.scss +88 -0
- package/dist/components/NavBar.d.ts +8 -0
- package/dist/components/NavBar.d.ts.map +1 -0
- package/dist/components/NavBar.js +48 -0
- package/dist/components/NavBar.js.map +1 -0
- package/dist/components/NavSidebar.d.ts +8 -0
- package/dist/components/NavSidebar.d.ts.map +1 -0
- package/dist/components/NavSidebar.js +31 -0
- package/dist/components/NavSidebar.js.map +1 -0
- package/dist/components/NotebookController.scss +113 -0
- package/dist/components/PopoverListContent.d.ts +10 -0
- package/dist/components/PopoverListContent.d.ts.map +1 -0
- package/dist/components/PopoverListContent.js +17 -0
- package/dist/components/PopoverListContent.js.map +1 -0
- package/dist/components/ResourceNameTooltip.d.ts +11 -0
- package/dist/components/ResourceNameTooltip.d.ts.map +1 -0
- package/dist/components/ResourceNameTooltip.js +26 -0
- package/dist/components/ResourceNameTooltip.js.map +1 -0
- package/dist/components/SimpleSelect.d.ts +37 -0
- package/dist/components/SimpleSelect.d.ts.map +1 -0
- package/dist/components/SimpleSelect.js +57 -0
- package/dist/components/SimpleSelect.js.map +1 -0
- package/dist/components/SimpleSelect.scss +9 -0
- package/dist/components/ToastNotification.d.ts +8 -0
- package/dist/components/ToastNotification.d.ts.map +1 -0
- package/dist/components/ToastNotification.js +32 -0
- package/dist/components/ToastNotification.js.map +1 -0
- package/dist/components/ToastNotifications.d.ts +4 -0
- package/dist/components/ToastNotifications.d.ts.map +1 -0
- package/dist/components/ToastNotifications.js +10 -0
- package/dist/components/ToastNotifications.js.map +1 -0
- package/dist/components/TruncatedText.d.ts +8 -0
- package/dist/components/TruncatedText.d.ts.map +1 -0
- package/dist/components/TruncatedText.js +27 -0
- package/dist/components/TruncatedText.js.map +1 -0
- package/dist/components/TypeaheadSelect.d.ts +53 -0
- package/dist/components/TypeaheadSelect.d.ts.map +1 -0
- package/dist/components/TypeaheadSelect.js +265 -0
- package/dist/components/TypeaheadSelect.js.map +1 -0
- package/dist/components/WhosMyAdministrator.d.ts +14 -0
- package/dist/components/WhosMyAdministrator.d.ts.map +1 -0
- package/dist/components/WhosMyAdministrator.js +12 -0
- package/dist/components/WhosMyAdministrator.js.map +1 -0
- package/dist/components/browserStorage/BrowserStorageContext.d.ts +25 -0
- package/dist/components/browserStorage/BrowserStorageContext.d.ts.map +1 -0
- package/dist/components/browserStorage/BrowserStorageContext.js +112 -0
- package/dist/components/browserStorage/BrowserStorageContext.js.map +1 -0
- package/dist/components/browserStorage/index.d.ts +2 -0
- package/dist/components/browserStorage/index.d.ts.map +1 -0
- package/dist/components/browserStorage/index.js +2 -0
- package/dist/components/browserStorage/index.js.map +1 -0
- package/dist/components/dashboard/DashboardPopupIconButton.d.ts +12 -0
- package/dist/components/dashboard/DashboardPopupIconButton.d.ts.map +1 -0
- package/dist/components/dashboard/DashboardPopupIconButton.js +12 -0
- package/dist/components/dashboard/DashboardPopupIconButton.js.map +1 -0
- package/dist/components/dashboard/index.d.ts +2 -0
- package/dist/components/dashboard/index.d.ts.map +1 -0
- package/dist/components/dashboard/index.js +2 -0
- package/dist/components/dashboard/index.js.map +1 -0
- package/dist/components/design/CollapsibleSection.d.ts +14 -0
- package/dist/components/design/CollapsibleSection.d.ts.map +1 -0
- package/dist/components/design/CollapsibleSection.js +30 -0
- package/dist/components/design/CollapsibleSection.js.map +1 -0
- package/dist/components/design/DividedGallery.d.ts +14 -0
- package/dist/components/design/DividedGallery.d.ts.map +1 -0
- package/dist/components/design/DividedGallery.js +18 -0
- package/dist/components/design/DividedGallery.js.map +1 -0
- package/dist/components/design/DividedGallery.scss +27 -0
- package/dist/components/design/DividedGalleryItem.d.ts +6 -0
- package/dist/components/design/DividedGalleryItem.d.ts.map +1 -0
- package/dist/components/design/DividedGalleryItem.js +10 -0
- package/dist/components/design/DividedGalleryItem.js.map +1 -0
- package/dist/components/design/HeaderIcon.d.ts +12 -0
- package/dist/components/design/HeaderIcon.d.ts.map +1 -0
- package/dist/components/design/HeaderIcon.js +20 -0
- package/dist/components/design/HeaderIcon.js.map +1 -0
- package/dist/components/design/InfoGalleryItem.d.ts +15 -0
- package/dist/components/design/InfoGalleryItem.d.ts.map +1 -0
- package/dist/components/design/InfoGalleryItem.js +30 -0
- package/dist/components/design/InfoGalleryItem.js.map +1 -0
- package/dist/components/design/ScrolledGallery.d.ts +8 -0
- package/dist/components/design/ScrolledGallery.d.ts.map +1 -0
- package/dist/components/design/ScrolledGallery.js +19 -0
- package/dist/components/design/ScrolledGallery.js.map +1 -0
- package/dist/components/design/TitleWithIcon.d.ts +11 -0
- package/dist/components/design/TitleWithIcon.d.ts.map +1 -0
- package/dist/components/design/TitleWithIcon.js +20 -0
- package/dist/components/design/TitleWithIcon.js.map +1 -0
- package/dist/components/design/TypeBorderCard.scss +141 -0
- package/dist/components/design/TypeBorderedCard.d.ts +13 -0
- package/dist/components/design/TypeBorderedCard.d.ts.map +1 -0
- package/dist/components/design/TypeBorderedCard.js +11 -0
- package/dist/components/design/TypeBorderedCard.js.map +1 -0
- package/dist/components/design/TypedObjectIcon.d.ts +11 -0
- package/dist/components/design/TypedObjectIcon.d.ts.map +1 -0
- package/dist/components/design/TypedObjectIcon.js +19 -0
- package/dist/components/design/TypedObjectIcon.js.map +1 -0
- package/dist/components/design/index.d.ts +11 -0
- package/dist/components/design/index.d.ts.map +1 -0
- package/dist/components/design/index.js +11 -0
- package/dist/components/design/index.js.map +1 -0
- package/dist/components/design/utils.d.ts +52 -0
- package/dist/components/design/utils.d.ts.map +1 -0
- package/dist/components/design/utils.js +336 -0
- package/dist/components/design/utils.js.map +1 -0
- package/dist/components/design/vars.scss +31 -0
- package/dist/components/index.d.ts +31 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +33 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/notFound/NotFound.d.ts +4 -0
- package/dist/components/notFound/NotFound.d.ts.map +1 -0
- package/dist/components/notFound/NotFound.js +10 -0
- package/dist/components/notFound/NotFound.js.map +1 -0
- package/dist/components/notFound/index.d.ts +2 -0
- package/dist/components/notFound/index.d.ts.map +1 -0
- package/dist/components/notFound/index.js +2 -0
- package/dist/components/notFound/index.js.map +1 -0
- package/dist/components/pf-overrides/FormSection.d.ts +9 -0
- package/dist/components/pf-overrides/FormSection.d.ts.map +1 -0
- package/dist/components/pf-overrides/FormSection.js +13 -0
- package/dist/components/pf-overrides/FormSection.js.map +1 -0
- package/dist/components/pf-overrides/FormSection.scss +8 -0
- package/dist/components/pf-overrides/index.d.ts +2 -0
- package/dist/components/pf-overrides/index.d.ts.map +1 -0
- package/dist/components/pf-overrides/index.js +2 -0
- package/dist/components/pf-overrides/index.js.map +1 -0
- package/dist/components/table/CheckboxTd.d.ts +12 -0
- package/dist/components/table/CheckboxTd.d.ts.map +1 -0
- package/dist/components/table/CheckboxTd.js +14 -0
- package/dist/components/table/CheckboxTd.js.map +1 -0
- package/dist/components/table/Table.d.ts +14 -0
- package/dist/components/table/Table.d.ts.map +1 -0
- package/dist/components/table/Table.js +33 -0
- package/dist/components/table/Table.js.map +1 -0
- package/dist/components/table/TableBase.d.ts +43 -0
- package/dist/components/table/TableBase.d.ts.map +1 -0
- package/dist/components/table/TableBase.js +103 -0
- package/dist/components/table/TableBase.js.map +1 -0
- package/dist/components/table/TableRowTitleDescription.d.ts +11 -0
- package/dist/components/table/TableRowTitleDescription.d.ts.map +1 -0
- package/dist/components/table/TableRowTitleDescription.js +19 -0
- package/dist/components/table/TableRowTitleDescription.js.map +1 -0
- package/dist/components/table/__tests__/useCheckboxTable.spec.d.ts +2 -0
- package/dist/components/table/__tests__/useCheckboxTable.spec.d.ts.map +1 -0
- package/dist/components/table/__tests__/useCheckboxTable.spec.js +45 -0
- package/dist/components/table/__tests__/useCheckboxTable.spec.js.map +1 -0
- package/dist/components/table/const.d.ts +8 -0
- package/dist/components/table/const.d.ts.map +1 -0
- package/dist/components/table/const.js +19 -0
- package/dist/components/table/const.js.map +1 -0
- package/dist/components/table/index.d.ts +11 -0
- package/dist/components/table/index.d.ts.map +1 -0
- package/dist/components/table/index.js +10 -0
- package/dist/components/table/index.js.map +1 -0
- package/dist/components/table/types.d.ts +17 -0
- package/dist/components/table/types.d.ts.map +1 -0
- package/dist/components/table/types.js +2 -0
- package/dist/components/table/types.js.map +1 -0
- package/dist/components/table/useCheckboxTable.d.ts +12 -0
- package/dist/components/table/useCheckboxTable.d.ts.map +1 -0
- package/dist/components/table/useCheckboxTable.js +9 -0
- package/dist/components/table/useCheckboxTable.js.map +1 -0
- package/dist/components/table/useCheckboxTableBase.d.ts +19 -0
- package/dist/components/table/useCheckboxTableBase.d.ts.map +1 -0
- package/dist/components/table/useCheckboxTableBase.js +76 -0
- package/dist/components/table/useCheckboxTableBase.js.map +1 -0
- package/dist/components/table/useTableColumnSort.d.ts +26 -0
- package/dist/components/table/useTableColumnSort.d.ts.map +1 -0
- package/dist/components/table/useTableColumnSort.js +83 -0
- package/dist/components/table/useTableColumnSort.js.map +1 -0
- package/dist/config/stylePaths.d.ts +2 -0
- package/dist/config/stylePaths.d.ts.map +1 -0
- package/dist/config/stylePaths.js +17 -0
- package/dist/config/stylePaths.js.map +1 -0
- package/dist/config/transform.file.d.ts +2 -0
- package/dist/config/transform.file.d.ts.map +1 -0
- package/dist/config/transform.file.js +9 -0
- package/dist/config/transform.file.js.map +1 -0
- package/dist/config/transform.style.d.ts +2 -0
- package/dist/config/transform.style.d.ts.map +1 -0
- package/dist/config/transform.style.js +3 -0
- package/dist/config/transform.style.js.map +1 -0
- package/dist/context/DashboardScriptLoader.d.ts +7 -0
- package/dist/context/DashboardScriptLoader.d.ts.map +1 -0
- package/dist/context/DashboardScriptLoader.js +38 -0
- package/dist/context/DashboardScriptLoader.js.map +1 -0
- package/dist/context/NamespaceSelectorContext.d.ts +22 -0
- package/dist/context/NamespaceSelectorContext.d.ts.map +1 -0
- package/dist/context/NamespaceSelectorContext.js +58 -0
- package/dist/context/NamespaceSelectorContext.js.map +1 -0
- package/dist/context/NotificationContext.d.ts +15 -0
- package/dist/context/NotificationContext.d.ts.map +1 -0
- package/dist/context/NotificationContext.js +44 -0
- package/dist/context/NotificationContext.js.map +1 -0
- package/dist/context/ThemeContext.d.ts +14 -0
- package/dist/context/ThemeContext.d.ts.map +1 -0
- package/dist/context/ThemeContext.js +24 -0
- package/dist/context/ThemeContext.js.map +1 -0
- package/dist/context/__tests__/NamespaceSelectorContext.test.d.ts +2 -0
- package/dist/context/__tests__/NamespaceSelectorContext.test.d.ts.map +1 -0
- package/dist/context/__tests__/NamespaceSelectorContext.test.js +147 -0
- package/dist/context/__tests__/NamespaceSelectorContext.test.js.map +1 -0
- package/dist/context/index.d.ts +5 -0
- package/dist/context/index.d.ts.map +1 -0
- package/dist/context/index.js +6 -0
- package/dist/context/index.js.map +1 -0
- package/dist/hooks/index.d.ts +6 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +7 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useNamespaces.d.ts +5 -0
- package/dist/hooks/useNamespaces.d.ts.map +1 -0
- package/dist/hooks/useNamespaces.js +19 -0
- package/dist/hooks/useNamespaces.js.map +1 -0
- package/dist/hooks/useNotification.d.ts +18 -0
- package/dist/hooks/useNotification.d.ts.map +1 -0
- package/dist/hooks/useNotification.js +75 -0
- package/dist/hooks/useNotification.js.map +1 -0
- package/dist/hooks/useQueryParamNamespaces.d.ts +2 -0
- package/dist/hooks/useQueryParamNamespaces.d.ts.map +1 -0
- package/dist/hooks/useQueryParamNamespaces.js +9 -0
- package/dist/hooks/useQueryParamNamespaces.js.map +1 -0
- package/dist/hooks/useSettings.d.ts +9 -0
- package/dist/hooks/useSettings.d.ts.map +1 -0
- package/dist/hooks/useSettings.js +74 -0
- package/dist/hooks/useSettings.js.map +1 -0
- package/dist/hooks/useTimeBasedRefresh.d.ts +4 -0
- package/dist/hooks/useTimeBasedRefresh.d.ts.map +1 -0
- package/dist/hooks/useTimeBasedRefresh.js +33 -0
- package/dist/hooks/useTimeBasedRefresh.js.map +1 -0
- package/dist/images/Icon-Layered_A_Black-RGB.svg +66 -0
- package/dist/images/Icon-Storage-A-Black-RGB.svg +3 -0
- package/dist/images/Icon-Sys_admin-A-Black-RGB.svg +8 -0
- package/dist/images/UI_icon-Branch-RGB.svg +1 -0
- package/dist/images/UI_icon-Connected-RGB.svg +1 -0
- package/dist/images/UI_icon-Cubes-RGB.svg +1 -0
- package/dist/images/UI_icon-Double_arrow_right-RGB.svg +1 -0
- package/dist/images/UI_icon-Folder-RGB.svg +1 -0
- package/dist/images/UI_icon-Notebook-Images-RGB.svg +9 -0
- package/dist/images/UI_icon-Server-RGB.svg +1 -0
- package/dist/images/UI_icon-Server_upload-RGB.svg +1 -0
- package/dist/images/UI_icon-Shared_workspace-RGB.svg +8 -0
- package/dist/images/UI_icon-Storage-RGB.svg +1 -0
- package/dist/images/UI_icon-User-RGB.svg +1 -0
- package/dist/images/UI_icon-Wrench-RGB.svg +1 -0
- package/dist/images/empty-state-cluster-storage.svg +472 -0
- package/dist/images/empty-state-data-connections.svg +299 -0
- package/dist/images/empty-state-model-registries.svg +9 -0
- package/dist/images/empty-state-model-serving.svg +249 -0
- package/dist/images/empty-state-notebooks.svg +392 -0
- package/dist/images/empty-state-pipelines.svg +393 -0
- package/dist/images/empty-state-project-overview.svg +482 -0
- package/dist/images/empty-state-projects-color.svg +275 -0
- package/dist/images/empty-state-storage-classes.svg +56 -0
- package/dist/images/icons/AcceleratorProfileIcon.d.ts +3 -0
- package/dist/images/icons/AcceleratorProfileIcon.d.ts.map +1 -0
- package/dist/images/icons/AcceleratorProfileIcon.js +11 -0
- package/dist/images/icons/AcceleratorProfileIcon.js.map +1 -0
- package/dist/images/icons/AcceleratorProfileIcon.ts +13 -0
- package/dist/images/icons/ArtifactIcon.d.ts +3 -0
- package/dist/images/icons/ArtifactIcon.d.ts.map +1 -0
- package/dist/images/icons/ArtifactIcon.js +11 -0
- package/dist/images/icons/ArtifactIcon.js.map +1 -0
- package/dist/images/icons/ArtifactIcon.ts +13 -0
- package/dist/images/icons/BuildIcon.d.ts +3 -0
- package/dist/images/icons/BuildIcon.d.ts.map +1 -0
- package/dist/images/icons/BuildIcon.js +11 -0
- package/dist/images/icons/BuildIcon.js.map +1 -0
- package/dist/images/icons/BuildIcon.ts +13 -0
- package/dist/images/icons/ClusterSettingsIcon.d.ts +3 -0
- package/dist/images/icons/ClusterSettingsIcon.d.ts.map +1 -0
- package/dist/images/icons/ClusterSettingsIcon.js +11 -0
- package/dist/images/icons/ClusterSettingsIcon.js.map +1 -0
- package/dist/images/icons/ClusterSettingsIcon.ts +13 -0
- package/dist/images/icons/ConfigurationIcon.d.ts +3 -0
- package/dist/images/icons/ConfigurationIcon.d.ts.map +1 -0
- package/dist/images/icons/ConfigurationIcon.js +11 -0
- package/dist/images/icons/ConfigurationIcon.js.map +1 -0
- package/dist/images/icons/ConfigurationIcon.ts +13 -0
- package/dist/images/icons/CreateAndTrainIcon.d.ts +3 -0
- package/dist/images/icons/CreateAndTrainIcon.d.ts.map +1 -0
- package/dist/images/icons/CreateAndTrainIcon.js +11 -0
- package/dist/images/icons/CreateAndTrainIcon.js.map +1 -0
- package/dist/images/icons/CreateAndTrainIcon.ts +13 -0
- package/dist/images/icons/DataConnectionIcon.d.ts +3 -0
- package/dist/images/icons/DataConnectionIcon.d.ts.map +1 -0
- package/dist/images/icons/DataConnectionIcon.js +11 -0
- package/dist/images/icons/DataConnectionIcon.js.map +1 -0
- package/dist/images/icons/DataConnectionIcon.ts +13 -0
- package/dist/images/icons/DeployedModelIcon.d.ts +3 -0
- package/dist/images/icons/DeployedModelIcon.d.ts.map +1 -0
- package/dist/images/icons/DeployedModelIcon.js +11 -0
- package/dist/images/icons/DeployedModelIcon.js.map +1 -0
- package/dist/images/icons/DeployedModelIcon.ts +13 -0
- package/dist/images/icons/DistributedWorkloadIcon.d.ts +3 -0
- package/dist/images/icons/DistributedWorkloadIcon.d.ts.map +1 -0
- package/dist/images/icons/DistributedWorkloadIcon.js +11 -0
- package/dist/images/icons/DistributedWorkloadIcon.js.map +1 -0
- package/dist/images/icons/DistributedWorkloadIcon.ts +13 -0
- package/dist/images/icons/EnabledApplicationsIcon.d.ts +3 -0
- package/dist/images/icons/EnabledApplicationsIcon.d.ts.map +1 -0
- package/dist/images/icons/EnabledApplicationsIcon.js +11 -0
- package/dist/images/icons/EnabledApplicationsIcon.js.map +1 -0
- package/dist/images/icons/EnabledApplicationsIcon.ts +13 -0
- package/dist/images/icons/ExperimentIcon.d.ts +3 -0
- package/dist/images/icons/ExperimentIcon.d.ts.map +1 -0
- package/dist/images/icons/ExperimentIcon.js +11 -0
- package/dist/images/icons/ExperimentIcon.js.map +1 -0
- package/dist/images/icons/ExperimentIcon.ts +13 -0
- package/dist/images/icons/ExploreApplicationsIcon.d.ts +3 -0
- package/dist/images/icons/ExploreApplicationsIcon.d.ts.map +1 -0
- package/dist/images/icons/ExploreApplicationsIcon.js +11 -0
- package/dist/images/icons/ExploreApplicationsIcon.js.map +1 -0
- package/dist/images/icons/ExploreApplicationsIcon.ts +13 -0
- package/dist/images/icons/GroupIcon.d.ts +3 -0
- package/dist/images/icons/GroupIcon.d.ts.map +1 -0
- package/dist/images/icons/GroupIcon.js +11 -0
- package/dist/images/icons/GroupIcon.js.map +1 -0
- package/dist/images/icons/GroupIcon.ts +13 -0
- package/dist/images/icons/ModelIcon.d.ts +3 -0
- package/dist/images/icons/ModelIcon.d.ts.map +1 -0
- package/dist/images/icons/ModelIcon.js +11 -0
- package/dist/images/icons/ModelIcon.js.map +1 -0
- package/dist/images/icons/ModelIcon.ts +13 -0
- package/dist/images/icons/ModelRegistryIcon.d.ts +3 -0
- package/dist/images/icons/ModelRegistryIcon.d.ts.map +1 -0
- package/dist/images/icons/ModelRegistryIcon.js +11 -0
- package/dist/images/icons/ModelRegistryIcon.js.map +1 -0
- package/dist/images/icons/ModelRegistryIcon.ts +13 -0
- package/dist/images/icons/ModelServerIcon.d.ts +3 -0
- package/dist/images/icons/ModelServerIcon.d.ts.map +1 -0
- package/dist/images/icons/ModelServerIcon.js +11 -0
- package/dist/images/icons/ModelServerIcon.js.map +1 -0
- package/dist/images/icons/ModelServerIcon.ts +13 -0
- package/dist/images/icons/MultiModelIcon.d.ts +3 -0
- package/dist/images/icons/MultiModelIcon.d.ts.map +1 -0
- package/dist/images/icons/MultiModelIcon.js +11 -0
- package/dist/images/icons/MultiModelIcon.js.map +1 -0
- package/dist/images/icons/MultiModelIcon.ts +13 -0
- package/dist/images/icons/NotebookIcon.d.ts +3 -0
- package/dist/images/icons/NotebookIcon.d.ts.map +1 -0
- package/dist/images/icons/NotebookIcon.js +11 -0
- package/dist/images/icons/NotebookIcon.js.map +1 -0
- package/dist/images/icons/NotebookIcon.ts +13 -0
- package/dist/images/icons/NotebookImageIcon.d.ts +3 -0
- package/dist/images/icons/NotebookImageIcon.d.ts.map +1 -0
- package/dist/images/icons/NotebookImageIcon.js +11 -0
- package/dist/images/icons/NotebookImageIcon.js.map +1 -0
- package/dist/images/icons/NotebookImageIcon.ts +13 -0
- package/dist/images/icons/PermissionsIcon.d.ts +3 -0
- package/dist/images/icons/PermissionsIcon.d.ts.map +1 -0
- package/dist/images/icons/PermissionsIcon.js +11 -0
- package/dist/images/icons/PermissionsIcon.js.map +1 -0
- package/dist/images/icons/PermissionsIcon.ts +13 -0
- package/dist/images/icons/PipelineExecutionIcon.d.ts +3 -0
- package/dist/images/icons/PipelineExecutionIcon.d.ts.map +1 -0
- package/dist/images/icons/PipelineExecutionIcon.js +11 -0
- package/dist/images/icons/PipelineExecutionIcon.js.map +1 -0
- package/dist/images/icons/PipelineExecutionIcon.ts +13 -0
- package/dist/images/icons/PipelineIcon.d.ts +3 -0
- package/dist/images/icons/PipelineIcon.d.ts.map +1 -0
- package/dist/images/icons/PipelineIcon.js +11 -0
- package/dist/images/icons/PipelineIcon.js.map +1 -0
- package/dist/images/icons/PipelineIcon.ts +13 -0
- package/dist/images/icons/PipelineRunIcon.d.ts +3 -0
- package/dist/images/icons/PipelineRunIcon.d.ts.map +1 -0
- package/dist/images/icons/PipelineRunIcon.js +11 -0
- package/dist/images/icons/PipelineRunIcon.js.map +1 -0
- package/dist/images/icons/PipelineRunIcon.ts +13 -0
- package/dist/images/icons/ProjectIcon.d.ts +3 -0
- package/dist/images/icons/ProjectIcon.d.ts.map +1 -0
- package/dist/images/icons/ProjectIcon.js +11 -0
- package/dist/images/icons/ProjectIcon.js.map +1 -0
- package/dist/images/icons/ProjectIcon.ts +13 -0
- package/dist/images/icons/RegisteredModelIcon.d.ts +3 -0
- package/dist/images/icons/RegisteredModelIcon.d.ts.map +1 -0
- package/dist/images/icons/RegisteredModelIcon.js +11 -0
- package/dist/images/icons/RegisteredModelIcon.js.map +1 -0
- package/dist/images/icons/RegisteredModelIcon.ts +13 -0
- package/dist/images/icons/ResourcesIcon.d.ts +3 -0
- package/dist/images/icons/ResourcesIcon.d.ts.map +1 -0
- package/dist/images/icons/ResourcesIcon.js +11 -0
- package/dist/images/icons/ResourcesIcon.js.map +1 -0
- package/dist/images/icons/ResourcesIcon.ts +13 -0
- package/dist/images/icons/ServingRuntimeIcon.d.ts +3 -0
- package/dist/images/icons/ServingRuntimeIcon.d.ts.map +1 -0
- package/dist/images/icons/ServingRuntimeIcon.js +11 -0
- package/dist/images/icons/ServingRuntimeIcon.js.map +1 -0
- package/dist/images/icons/ServingRuntimeIcon.ts +13 -0
- package/dist/images/icons/SingleModelIcon.d.ts +3 -0
- package/dist/images/icons/SingleModelIcon.d.ts.map +1 -0
- package/dist/images/icons/SingleModelIcon.js +11 -0
- package/dist/images/icons/SingleModelIcon.js.map +1 -0
- package/dist/images/icons/SingleModelIcon.ts +13 -0
- package/dist/images/icons/StorageClassIcon.d.ts +3 -0
- package/dist/images/icons/StorageClassIcon.d.ts.map +1 -0
- package/dist/images/icons/StorageClassIcon.js +11 -0
- package/dist/images/icons/StorageClassIcon.js.map +1 -0
- package/dist/images/icons/StorageClassIcon.ts +13 -0
- package/dist/images/icons/StorageIcon.d.ts +3 -0
- package/dist/images/icons/StorageIcon.d.ts.map +1 -0
- package/dist/images/icons/StorageIcon.js +11 -0
- package/dist/images/icons/StorageIcon.js.map +1 -0
- package/dist/images/icons/StorageIcon.ts +13 -0
- package/dist/images/icons/UserIcon.d.ts +3 -0
- package/dist/images/icons/UserIcon.d.ts.map +1 -0
- package/dist/images/icons/UserIcon.js +11 -0
- package/dist/images/icons/UserIcon.js.map +1 -0
- package/dist/images/icons/UserIcon.ts +13 -0
- package/dist/images/icons/index.d.ts +32 -0
- package/dist/images/icons/index.d.ts.map +1 -0
- package/dist/images/icons/index.js +32 -0
- package/dist/images/icons/index.js.map +1 -0
- package/dist/images/icons/index.ts +31 -0
- package/dist/images/index.d.ts +29 -0
- package/dist/images/index.d.ts.map +1 -0
- package/dist/images/index.js +33 -0
- package/dist/images/index.js.map +1 -0
- package/dist/images/index.ts +62 -0
- package/dist/images/logo-dark-theme.svg +43 -0
- package/dist/images/logo-light-theme.svg +43 -0
- package/dist/images/no-models-model-registry.svg +180 -0
- package/dist/images/no-versions-model-registry.svg +149 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +20 -0
- package/dist/index.js.map +1 -0
- package/dist/jest.config.d.ts +21 -0
- package/dist/jest.config.d.ts.map +1 -0
- package/dist/jest.config.js +41 -0
- package/dist/jest.config.js.map +1 -0
- package/dist/style/MUI-theme.scss +971 -0
- package/dist/style/index.d.ts +2 -0
- package/dist/style/index.d.ts.map +1 -0
- package/dist/style/index.js +7 -0
- package/dist/style/index.js.map +1 -0
- package/dist/style/index.ts +8 -0
- package/dist/types/common.d.ts +188 -0
- package/dist/types/common.d.ts.map +1 -0
- package/dist/types/common.js +25 -0
- package/dist/types/common.js.map +1 -0
- package/dist/types/index.d.ts +4 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +6 -0
- package/dist/types/index.js.map +1 -0
- package/dist/types/k8sTypes.d.ts +237 -0
- package/dist/types/k8sTypes.d.ts.map +1 -0
- package/dist/types/k8sTypes.js +12 -0
- package/dist/types/k8sTypes.js.map +1 -0
- package/dist/types/typeHelpers.d.ts +147 -0
- package/dist/types/typeHelpers.d.ts.map +1 -0
- package/dist/types/typeHelpers.js +2 -0
- package/dist/types/typeHelpers.js.map +1 -0
- package/dist/utilities/appUtils.d.ts +2 -0
- package/dist/utilities/appUtils.d.ts.map +1 -0
- package/dist/utilities/appUtils.js +5 -0
- package/dist/utilities/appUtils.js.map +1 -0
- package/dist/utilities/const.d.ts +32 -0
- package/dist/utilities/const.d.ts.map +1 -0
- package/dist/utilities/const.js +43 -0
- package/dist/utilities/const.js.map +1 -0
- package/dist/utilities/index.d.ts +12 -0
- package/dist/utilities/index.d.ts.map +1 -0
- package/dist/utilities/index.js +13 -0
- package/dist/utilities/index.js.map +1 -0
- package/dist/utilities/markdown.d.ts +4 -0
- package/dist/utilities/markdown.d.ts.map +1 -0
- package/dist/utilities/markdown.js +50 -0
- package/dist/utilities/markdown.js.map +1 -0
- package/dist/utilities/time.d.ts +2 -0
- package/dist/utilities/time.d.ts.map +1 -0
- package/dist/utilities/time.js +72 -0
- package/dist/utilities/time.js.map +1 -0
- package/dist/utilities/useDebounceCallback.d.ts +3 -0
- package/dist/utilities/useDebounceCallback.d.ts.map +1 -0
- package/dist/utilities/useDebounceCallback.js +8 -0
- package/dist/utilities/useDebounceCallback.js.map +1 -0
- package/dist/utilities/useDeepCompareMemoize.d.ts +2 -0
- package/dist/utilities/useDeepCompareMemoize.d.ts.map +1 -0
- package/dist/utilities/useDeepCompareMemoize.js +10 -0
- package/dist/utilities/useDeepCompareMemoize.js.map +1 -0
- package/dist/utilities/useEventListener.d.ts +2 -0
- package/dist/utilities/useEventListener.d.ts.map +1 -0
- package/dist/utilities/useEventListener.js +10 -0
- package/dist/utilities/useEventListener.js.map +1 -0
- package/dist/utilities/useFetchState.d.ts +92 -0
- package/dist/utilities/useFetchState.d.ts.map +1 -0
- package/dist/utilities/useFetchState.js +165 -0
- package/dist/utilities/useFetchState.js.map +1 -0
- package/dist/utilities/useGenericObjectState.d.ts +9 -0
- package/dist/utilities/useGenericObjectState.d.ts.map +1 -0
- package/dist/utilities/useGenericObjectState.js +18 -0
- package/dist/utilities/useGenericObjectState.js.map +1 -0
- package/dist/utilities/useMakeFetchObject.d.ts +4 -0
- package/dist/utilities/useMakeFetchObject.d.ts.map +1 -0
- package/dist/utilities/useMakeFetchObject.js +7 -0
- package/dist/utilities/useMakeFetchObject.js.map +1 -0
- package/dist/utilities/utils.d.ts +3 -0
- package/dist/utilities/utils.d.ts.map +1 -0
- package/dist/utilities/utils.js +18 -0
- package/dist/utilities/utils.js.map +1 -0
- package/images/Icon-Layered_A_Black-RGB.svg +66 -0
- package/images/Icon-Storage-A-Black-RGB.svg +3 -0
- package/images/Icon-Sys_admin-A-Black-RGB.svg +8 -0
- package/images/UI_icon-Branch-RGB.svg +1 -0
- package/images/UI_icon-Connected-RGB.svg +1 -0
- package/images/UI_icon-Cubes-RGB.svg +1 -0
- package/images/UI_icon-Double_arrow_right-RGB.svg +1 -0
- package/images/UI_icon-Folder-RGB.svg +1 -0
- package/images/UI_icon-Notebook-Images-RGB.svg +9 -0
- package/images/UI_icon-Server-RGB.svg +1 -0
- package/images/UI_icon-Server_upload-RGB.svg +1 -0
- package/images/UI_icon-Shared_workspace-RGB.svg +8 -0
- package/images/UI_icon-Storage-RGB.svg +1 -0
- package/images/UI_icon-User-RGB.svg +1 -0
- package/images/UI_icon-Wrench-RGB.svg +1 -0
- package/images/empty-state-cluster-storage.svg +472 -0
- package/images/empty-state-data-connections.svg +299 -0
- package/images/empty-state-model-registries.svg +9 -0
- package/images/empty-state-model-serving.svg +249 -0
- package/images/empty-state-notebooks.svg +392 -0
- package/images/empty-state-pipelines.svg +393 -0
- package/images/empty-state-project-overview.svg +482 -0
- package/images/empty-state-projects-color.svg +275 -0
- package/images/empty-state-storage-classes.svg +56 -0
- package/images/icons/AcceleratorProfileIcon.ts +13 -0
- package/images/icons/ArtifactIcon.ts +13 -0
- package/images/icons/BuildIcon.ts +13 -0
- package/images/icons/ClusterSettingsIcon.ts +13 -0
- package/images/icons/ConfigurationIcon.ts +13 -0
- package/images/icons/CreateAndTrainIcon.ts +13 -0
- package/images/icons/DataConnectionIcon.ts +13 -0
- package/images/icons/DeployedModelIcon.ts +13 -0
- package/images/icons/DistributedWorkloadIcon.ts +13 -0
- package/images/icons/EnabledApplicationsIcon.ts +13 -0
- package/images/icons/ExperimentIcon.ts +13 -0
- package/images/icons/ExploreApplicationsIcon.ts +13 -0
- package/images/icons/GroupIcon.ts +13 -0
- package/images/icons/ModelIcon.ts +13 -0
- package/images/icons/ModelRegistryIcon.ts +13 -0
- package/images/icons/ModelServerIcon.ts +13 -0
- package/images/icons/MultiModelIcon.ts +13 -0
- package/images/icons/NotebookIcon.ts +13 -0
- package/images/icons/NotebookImageIcon.ts +13 -0
- package/images/icons/PermissionsIcon.ts +13 -0
- package/images/icons/PipelineExecutionIcon.ts +13 -0
- package/images/icons/PipelineIcon.ts +13 -0
- package/images/icons/PipelineRunIcon.ts +13 -0
- package/images/icons/ProjectIcon.ts +13 -0
- package/images/icons/RegisteredModelIcon.ts +13 -0
- package/images/icons/ResourcesIcon.ts +13 -0
- package/images/icons/ServingRuntimeIcon.ts +13 -0
- package/images/icons/SingleModelIcon.ts +13 -0
- package/images/icons/StorageClassIcon.ts +13 -0
- package/images/icons/StorageIcon.ts +13 -0
- package/images/icons/UserIcon.ts +13 -0
- package/images/icons/index.ts +31 -0
- package/images/index.ts +62 -0
- package/images/logo-dark-theme.svg +43 -0
- package/images/logo-light-theme.svg +43 -0
- package/images/no-models-model-registry.svg +180 -0
- package/images/no-versions-model-registry.svg +149 -0
- package/package.json +108 -0
- package/style/MUI-theme.scss +971 -0
- package/style/index.ts +8 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { __assign, __read, __rest } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import TableBase, { MIN_PAGE_SIZE } from './TableBase';
|
|
4
|
+
import useTableColumnSort from './useTableColumnSort';
|
|
5
|
+
var Table = function (_a) {
|
|
6
|
+
var allData = _a.data, columns = _a.columns, subColumns = _a.subColumns, enablePagination = _a.enablePagination, _b = _a.defaultSortColumn, defaultSortColumn = _b === void 0 ? 0 : _b, _c = _a.truncateRenderingAt, truncateRenderingAt = _c === void 0 ? 0 : _c, props = __rest(_a, ["data", "columns", "subColumns", "enablePagination", "defaultSortColumn", "truncateRenderingAt"]);
|
|
7
|
+
var _d = __read(React.useState(1), 2), page = _d[0], setPage = _d[1];
|
|
8
|
+
var _e = __read(React.useState(MIN_PAGE_SIZE), 2), pageSize = _e[0], setPageSize = _e[1];
|
|
9
|
+
var sort = useTableColumnSort(columns, subColumns || [], defaultSortColumn);
|
|
10
|
+
var sortedData = sort.transformData(allData);
|
|
11
|
+
var data;
|
|
12
|
+
if (truncateRenderingAt) {
|
|
13
|
+
data = sortedData.slice(0, truncateRenderingAt);
|
|
14
|
+
}
|
|
15
|
+
else if (enablePagination) {
|
|
16
|
+
data = sortedData.slice(pageSize * (page - 1), pageSize * page);
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
data = sortedData;
|
|
20
|
+
}
|
|
21
|
+
// update page to 1 if data changes (common when filter is applied)
|
|
22
|
+
React.useEffect(function () {
|
|
23
|
+
if (data.length === 0) {
|
|
24
|
+
setPage(1);
|
|
25
|
+
}
|
|
26
|
+
}, [data.length]);
|
|
27
|
+
return (React.createElement(TableBase, __assign({ data: data, columns: columns, subColumns: subColumns, enablePagination: enablePagination, itemCount: allData.length, perPage: pageSize, page: page, onSetPage: function (e, newPage) { return setPage(newPage); }, onPerPageSelect: function (e, newSize, newPage) {
|
|
28
|
+
setPageSize(newSize);
|
|
29
|
+
setPage(newPage);
|
|
30
|
+
}, getColumnSort: sort.getColumnSort }, props)));
|
|
31
|
+
};
|
|
32
|
+
export default Table;
|
|
33
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../components/table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,SAAS,EAAE,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAWtD,IAAM,KAAK,GAAG,UAAK,EAQH;IAPd,IAAM,OAAO,UAAA,EACb,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,yBAAqB,EAArB,iBAAiB,mBAAG,CAAC,KAAA,EACrB,2BAAuB,EAAvB,mBAAmB,mBAAG,CAAC,KAAA,EACpB,KAAK,cAPS,iGAQlB,CADS;IAEF,IAAA,KAAA,OAAkB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,EAAlC,IAAI,QAAA,EAAE,OAAO,QAAqB,CAAC;IACpC,IAAA,KAAA,OAA0B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAA,EAAtD,QAAQ,QAAA,EAAE,WAAW,QAAiC,CAAC;IAC9D,IAAM,IAAI,GAAG,kBAAkB,CAAI,OAAO,EAAE,UAAU,IAAI,EAAE,EAAE,iBAAiB,CAAC,CAAC;IACjF,IAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAE/C,IAAI,IAAS,CAAC;IACd,IAAI,mBAAmB,EAAE,CAAC;QACxB,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC;IAClD,CAAC;SAAM,IAAI,gBAAgB,EAAE,CAAC;QAC5B,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC,CAAC;IAClE,CAAC;SAAM,CAAC;QACN,IAAI,GAAG,UAAU,CAAC;IACpB,CAAC;IAED,mEAAmE;IACnE,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtB,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,oBAAC,SAAS,aACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAC,CAAC,EAAE,OAAO,IAAK,OAAA,OAAO,CAAC,OAAO,CAAC,EAAhB,CAAgB,EAC3C,eAAe,EAAE,UAAC,CAAC,EAAE,OAAO,EAAE,OAAO;YACnC,WAAW,CAAC,OAAO,CAAC,CAAC;YACrB,OAAO,CAAC,OAAO,CAAC,CAAC;QACnB,CAAC,EACD,aAAa,EAAE,IAAI,CAAC,aAAa,IAC7B,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { PaginationProps, ToolbarGroup, ToolbarItem } from '@patternfly/react-core';
|
|
3
|
+
import { Tr, TableProps, TbodyProps, TrProps } from '@patternfly/react-table';
|
|
4
|
+
import { EitherNotBoth } from '../../types/typeHelpers';
|
|
5
|
+
import { GetColumnSort, SortableData } from './types';
|
|
6
|
+
type Props<DataType> = {
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
skeletonRowCount?: number;
|
|
9
|
+
skeletonRowProps?: TrProps;
|
|
10
|
+
data: DataType[];
|
|
11
|
+
columns: SortableData<DataType>[];
|
|
12
|
+
subColumns?: SortableData<DataType>[];
|
|
13
|
+
hasNestedHeader?: boolean;
|
|
14
|
+
defaultSortColumn?: number;
|
|
15
|
+
rowRenderer: (data: DataType, rowIndex: number) => React.ReactNode;
|
|
16
|
+
enablePagination?: boolean | 'compact';
|
|
17
|
+
truncateRenderingAt?: number;
|
|
18
|
+
toolbarContent?: React.ReactElement<typeof ToolbarItem | typeof ToolbarGroup>;
|
|
19
|
+
onClearFilters?: () => void;
|
|
20
|
+
bottomToolbarContent?: React.ReactElement<typeof ToolbarItem | typeof ToolbarGroup>;
|
|
21
|
+
emptyTableView?: React.ReactNode;
|
|
22
|
+
caption?: string;
|
|
23
|
+
footerRow?: (pageNumber: number) => React.ReactElement<typeof Tr> | null;
|
|
24
|
+
selectAll?: {
|
|
25
|
+
onSelect: (value: boolean) => void;
|
|
26
|
+
selected: boolean;
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
tooltip?: string;
|
|
29
|
+
};
|
|
30
|
+
getColumnSort?: GetColumnSort;
|
|
31
|
+
disableItemCount?: boolean;
|
|
32
|
+
hasStickyColumns?: boolean;
|
|
33
|
+
} & EitherNotBoth<{
|
|
34
|
+
disableRowRenderSupport?: boolean;
|
|
35
|
+
}, {
|
|
36
|
+
tbodyProps?: TbodyProps & {
|
|
37
|
+
ref?: React.Ref<HTMLTableSectionElement>;
|
|
38
|
+
};
|
|
39
|
+
}> & Omit<TableProps, 'ref' | 'data'> & Pick<PaginationProps, 'itemCount' | 'onPerPageSelect' | 'onSetPage' | 'page' | 'perPage' | 'perPageOptions' | 'toggleTemplate' | 'onNextClick' | 'onPreviousClick'>;
|
|
40
|
+
export declare const MIN_PAGE_SIZE = 10;
|
|
41
|
+
declare const TableBase: <T>({ data, columns, subColumns, hasNestedHeader, rowRenderer, enablePagination, toolbarContent, onClearFilters, bottomToolbarContent, emptyTableView, caption, disableRowRenderSupport, selectAll, footerRow, tbodyProps, perPage, page, perPageOptions, onSetPage, onNextClick, onPreviousClick, onPerPageSelect, getColumnSort, itemCount, loading, skeletonRowCount, skeletonRowProps, toggleTemplate, disableItemCount, hasStickyColumns, ...props }: Props<T>) => React.ReactElement;
|
|
42
|
+
export default TableBase;
|
|
43
|
+
//# sourceMappingURL=TableBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableBase.d.ts","sourceRoot":"","sources":["../../../components/table/TableBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,eAAe,EAIf,YAAY,EACZ,WAAW,EAEZ,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAGL,EAAE,EAEF,UAAU,EAIV,UAAU,EAEV,OAAO,EACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGtD,KAAK,KAAK,CAAC,QAAQ,IAAI;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACnE,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,GAAG,OAAO,YAAY,CAAC,CAAC;IAC9E,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,oBAAoB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,GAAG,OAAO,YAAY,CAAC,CAAC;IACpF,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC;IACzE,SAAS,CAAC,EAAE;QACV,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QACnC,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG,aAAa,CACf;IAAE,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAAE,EACrC;IAAE,UAAU,CAAC,EAAE,UAAU,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;KAAE,CAAA;CAAE,CAC3E,GACC,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,MAAM,CAAC,GAChC,IAAI,CACF,eAAe,EACb,WAAW,GACX,iBAAiB,GACjB,WAAW,GACX,MAAM,GACN,SAAS,GACT,gBAAgB,GAChB,gBAAgB,GAChB,aAAa,GACb,iBAAiB,CACpB,CAAC;AAEJ,eAAO,MAAM,aAAa,KAAK,CAAC;AAiBhC,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,ubAgCpB,KAAK,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YA0MnB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Pagination, Skeleton, Toolbar, ToolbarContent, ToolbarItem, Tooltip, } from '@patternfly/react-core';
|
|
4
|
+
import { Table, Thead, Tr, Th, Caption, Tbody, Td, InnerScrollContainer, } from '@patternfly/react-table';
|
|
5
|
+
import { CHECKBOX_FIELD_ID, EXPAND_FIELD_ID, KEBAB_FIELD_ID } from './const';
|
|
6
|
+
export var MIN_PAGE_SIZE = 10;
|
|
7
|
+
var defaultPerPageOptions = [
|
|
8
|
+
{
|
|
9
|
+
title: '10',
|
|
10
|
+
value: 10,
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
title: '20',
|
|
14
|
+
value: 20,
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
title: '30',
|
|
18
|
+
value: 30,
|
|
19
|
+
},
|
|
20
|
+
];
|
|
21
|
+
var TableBase = function (_a) {
|
|
22
|
+
var data = _a.data, columns = _a.columns, subColumns = _a.subColumns, hasNestedHeader = _a.hasNestedHeader, rowRenderer = _a.rowRenderer, enablePagination = _a.enablePagination, toolbarContent = _a.toolbarContent, onClearFilters = _a.onClearFilters, bottomToolbarContent = _a.bottomToolbarContent, emptyTableView = _a.emptyTableView, caption = _a.caption, disableRowRenderSupport = _a.disableRowRenderSupport, selectAll = _a.selectAll, footerRow = _a.footerRow, tbodyProps = _a.tbodyProps, _b = _a.perPage, perPage = _b === void 0 ? 10 : _b, _c = _a.page, page = _c === void 0 ? 1 : _c, _d = _a.perPageOptions, perPageOptions = _d === void 0 ? defaultPerPageOptions : _d, onSetPage = _a.onSetPage, onNextClick = _a.onNextClick, onPreviousClick = _a.onPreviousClick, onPerPageSelect = _a.onPerPageSelect, getColumnSort = _a.getColumnSort, _e = _a.itemCount, itemCount = _e === void 0 ? 0 : _e, loading = _a.loading, skeletonRowCount = _a.skeletonRowCount, _f = _a.skeletonRowProps, skeletonRowProps = _f === void 0 ? {} : _f, toggleTemplate = _a.toggleTemplate, _g = _a.disableItemCount, disableItemCount = _g === void 0 ? false : _g, hasStickyColumns = _a.hasStickyColumns, props = __rest(_a, ["data", "columns", "subColumns", "hasNestedHeader", "rowRenderer", "enablePagination", "toolbarContent", "onClearFilters", "bottomToolbarContent", "emptyTableView", "caption", "disableRowRenderSupport", "selectAll", "footerRow", "tbodyProps", "perPage", "page", "perPageOptions", "onSetPage", "onNextClick", "onPreviousClick", "onPerPageSelect", "getColumnSort", "itemCount", "loading", "skeletonRowCount", "skeletonRowProps", "toggleTemplate", "disableItemCount", "hasStickyColumns"]);
|
|
23
|
+
var selectAllRef = React.useRef(null);
|
|
24
|
+
var showPagination = enablePagination;
|
|
25
|
+
var pagination = function (variant) { return (React.createElement(Pagination, __assign({ isCompact: true }, (!disableItemCount && { itemCount: itemCount }), { perPage: perPage, page: page, onSetPage: onSetPage, onNextClick: onNextClick, onPreviousClick: onPreviousClick, onPerPageSelect: onPerPageSelect, toggleTemplate: toggleTemplate, variant: variant, widgetId: "table-pagination", perPageOptions: perPageOptions, menuAppendTo: "inline", titles: {
|
|
26
|
+
paginationAriaLabel: "".concat(variant, " pagination"),
|
|
27
|
+
} }))); };
|
|
28
|
+
// Use a reference to store the heights of table rows once loaded
|
|
29
|
+
var tableRef = React.useRef(null);
|
|
30
|
+
var rowHeightsRef = React.useRef();
|
|
31
|
+
React.useLayoutEffect(function () {
|
|
32
|
+
var _a;
|
|
33
|
+
if (!loading || rowHeightsRef.current == null) {
|
|
34
|
+
var heights_1 = [];
|
|
35
|
+
var rows = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(':scope > tbody > tr');
|
|
36
|
+
rows === null || rows === void 0 ? void 0 : rows.forEach(function (r) { return heights_1.push(r.offsetHeight); });
|
|
37
|
+
rowHeightsRef.current = heights_1;
|
|
38
|
+
}
|
|
39
|
+
}, [loading]);
|
|
40
|
+
var renderColumnHeader = function (col, i, isSubheader) {
|
|
41
|
+
var _a;
|
|
42
|
+
if (col.field === CHECKBOX_FIELD_ID && selectAll) {
|
|
43
|
+
return (React.createElement(React.Fragment, { key: "checkbox-".concat(i) },
|
|
44
|
+
React.createElement(Tooltip, { key: "select-all-checkbox", content: (_a = selectAll.tooltip) !== null && _a !== void 0 ? _a : 'Select all page items', triggerRef: selectAllRef }),
|
|
45
|
+
React.createElement(Th, { ref: selectAllRef, colSpan: col.colSpan, rowSpan: col.rowSpan, isStickyColumn: col.isStickyColumn, stickyMinWidth: col.stickyMinWidth, select: {
|
|
46
|
+
isSelected: selectAll.selected,
|
|
47
|
+
onSelect: function (e, value) { return selectAll.onSelect(value); },
|
|
48
|
+
isDisabled: selectAll.disabled,
|
|
49
|
+
},
|
|
50
|
+
// TODO: Log PF bug -- when there are no rows this gets truncated
|
|
51
|
+
style: { minWidth: '45px' }, isSubheader: isSubheader, "aria-label": "Select all" })));
|
|
52
|
+
}
|
|
53
|
+
return col.label ? (React.createElement(Th, { key: col.field + i, colSpan: col.colSpan, rowSpan: col.rowSpan, sort: getColumnSort && col.sortable ? getColumnSort(i) : undefined, width: col.width, info: col.info, isSubheader: isSubheader, isStickyColumn: col.isStickyColumn, stickyMinWidth: col.stickyMinWidth, stickyLeftOffset: col.stickyLeftOffset, hasRightBorder: col.hasRightBorder, modifier: col.modifier, visibility: col.visibility, className: col.className }, col.label)) : (
|
|
54
|
+
// Table headers cannot be empty for a11y, table cells can -- https://dequeuniversity.com/rules/axe/4.0/empty-table-header
|
|
55
|
+
React.createElement(Td, { key: col.field + i, width: col.width }));
|
|
56
|
+
};
|
|
57
|
+
var renderRows = function () {
|
|
58
|
+
var _a;
|
|
59
|
+
return loading
|
|
60
|
+
? // compute the number of items in the upcoming page
|
|
61
|
+
new Array(itemCount === 0
|
|
62
|
+
? skeletonRowCount || ((_a = rowHeightsRef.current) === null || _a === void 0 ? void 0 : _a.length) || MIN_PAGE_SIZE
|
|
63
|
+
: Math.max(0, Math.min(perPage, itemCount - perPage * (page - 1))))
|
|
64
|
+
.fill(undefined)
|
|
65
|
+
.map(function (_, i) {
|
|
66
|
+
// Set the height to the last known row height or otherwise the same height as the first row.
|
|
67
|
+
// When going to a previous page, the number of rows may be greater than the current.
|
|
68
|
+
var getRow = function () {
|
|
69
|
+
var _a, _b;
|
|
70
|
+
return (React.createElement(Tr, __assign({ key: "skeleton-".concat(i) }, skeletonRowProps, { style: __assign(__assign({}, (skeletonRowProps.style || {})), { height: ((_a = rowHeightsRef.current) === null || _a === void 0 ? void 0 : _a[i]) || ((_b = rowHeightsRef.current) === null || _b === void 0 ? void 0 : _b[0]) }) }), columns.map(function (col) { return (React.createElement(Td, { key: col.field,
|
|
71
|
+
// assign classes to reserve space
|
|
72
|
+
className: col.field === CHECKBOX_FIELD_ID || col.field === EXPAND_FIELD_ID
|
|
73
|
+
? 'pf-c-table__toggle'
|
|
74
|
+
: col.field === KEBAB_FIELD_ID
|
|
75
|
+
? 'pf-c-table__action'
|
|
76
|
+
: undefined },
|
|
77
|
+
// render placeholders to reserve space
|
|
78
|
+
col.field === EXPAND_FIELD_ID || col.field === KEBAB_FIELD_ID ? (React.createElement("div", { style: { width: 46 } })) : col.field === CHECKBOX_FIELD_ID ? (React.createElement("div", { style: { width: 13 } })) : (React.createElement(Skeleton, { width: "50%" })))); })));
|
|
79
|
+
};
|
|
80
|
+
return disableRowRenderSupport ? (React.createElement(Tbody, { key: "skeleton-tbody-".concat(i) }, getRow())) : (getRow());
|
|
81
|
+
})
|
|
82
|
+
: data.map(function (row, rowIndex) { return rowRenderer(row, rowIndex); });
|
|
83
|
+
};
|
|
84
|
+
var table = (React.createElement(Table, __assign({}, props, (hasStickyColumns && { gridBreakPoint: '' }), { ref: tableRef }),
|
|
85
|
+
caption && React.createElement(Caption, null, caption),
|
|
86
|
+
React.createElement(Thead, { noWrap: true, hasNestedHeader: hasNestedHeader },
|
|
87
|
+
React.createElement(Tr, null, columns.map(function (col, i) { return renderColumnHeader(col, i); })),
|
|
88
|
+
(subColumns === null || subColumns === void 0 ? void 0 : subColumns.length) ? (React.createElement(Tr, null, subColumns.map(function (col, i) { return renderColumnHeader(col, columns.length + i, true); }))) : null),
|
|
89
|
+
disableRowRenderSupport ? renderRows() : React.createElement(Tbody, __assign({}, tbodyProps), renderRows()),
|
|
90
|
+
footerRow && footerRow(page)));
|
|
91
|
+
return (React.createElement(React.Fragment, null,
|
|
92
|
+
(toolbarContent || showPagination) && (React.createElement(Toolbar, { inset: { default: 'insetNone' }, className: "pf-v6-u-w-100", customLabelGroupContent: onClearFilters ? undefined : React.createElement(React.Fragment, null), clearAllFilters: onClearFilters },
|
|
93
|
+
React.createElement(ToolbarContent, null,
|
|
94
|
+
toolbarContent,
|
|
95
|
+
showPagination && (React.createElement(ToolbarItem, { variant: "pagination", align: { default: 'alignEnd' }, className: "pf-v6-u-pr-lg" }, pagination('top')))))),
|
|
96
|
+
hasStickyColumns ? React.createElement(InnerScrollContainer, null, table) : table,
|
|
97
|
+
!loading && emptyTableView && data.length === 0 && (React.createElement("div", { style: { padding: 'var(--pf-global--spacer--2xl) 0', textAlign: 'center' } }, emptyTableView)),
|
|
98
|
+
bottomToolbarContent && (React.createElement(Toolbar, { inset: { default: 'insetNone' }, className: "pf-v6-u-w-100" },
|
|
99
|
+
React.createElement(ToolbarContent, { alignItems: "center" }, bottomToolbarContent))),
|
|
100
|
+
showPagination && React.createElement(React.Fragment, null, pagination('bottom'))));
|
|
101
|
+
};
|
|
102
|
+
export default TableBase;
|
|
103
|
+
//# sourceMappingURL=TableBase.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableBase.js","sourceRoot":"","sources":["../../../components/table/TableBase.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type TableRowTitleDescriptionProps = {
|
|
3
|
+
title: React.ReactNode;
|
|
4
|
+
subtitle?: React.ReactNode;
|
|
5
|
+
description?: string;
|
|
6
|
+
descriptionAsMarkdown?: boolean;
|
|
7
|
+
label?: React.ReactNode;
|
|
8
|
+
};
|
|
9
|
+
declare const TableRowTitleDescription: React.FC<TableRowTitleDescriptionProps>;
|
|
10
|
+
export default TableRowTitleDescription;
|
|
11
|
+
//# sourceMappingURL=TableRowTitleDescription.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableRowTitleDescription.d.ts","sourceRoot":"","sources":["../../../components/table/TableRowTitleDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,6BAA6B,GAAG;IACnC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAkCrE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Content } from '@patternfly/react-core';
|
|
3
|
+
import MarkdownView from '../../components/MarkdownView';
|
|
4
|
+
var TableRowTitleDescription = function (_a) {
|
|
5
|
+
var title = _a.title, description = _a.description,
|
|
6
|
+
// resource,
|
|
7
|
+
subtitle = _a.subtitle, descriptionAsMarkdown = _a.descriptionAsMarkdown, label = _a.label;
|
|
8
|
+
var descriptionNode;
|
|
9
|
+
if (description) {
|
|
10
|
+
descriptionNode = descriptionAsMarkdown ? (React.createElement(MarkdownView, { conciseDisplay: true, markdown: description })) : (React.createElement(Content, { component: "p", "data-testid": "table-row-title-description", style: { color: 'var(--pf-v6-global--Color--200)' } }, description));
|
|
11
|
+
}
|
|
12
|
+
return (React.createElement(React.Fragment, null,
|
|
13
|
+
React.createElement("b", { "data-testid": "table-row-title" }, title),
|
|
14
|
+
subtitle,
|
|
15
|
+
descriptionNode,
|
|
16
|
+
label));
|
|
17
|
+
};
|
|
18
|
+
export default TableRowTitleDescription;
|
|
19
|
+
//# sourceMappingURL=TableRowTitleDescription.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableRowTitleDescription.js","sourceRoot":"","sources":["../../../components/table/TableRowTitleDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAWrD,IAAM,wBAAwB,GAA4C,UAAC,EAO1E;QANC,KAAK,WAAA,EACL,WAAW,iBAAA;IACX,YAAY;IACZ,QAAQ,cAAA,EACR,qBAAqB,2BAAA,EACrB,KAAK,WAAA;IAEL,IAAI,eAAgC,CAAC;IACrC,IAAI,WAAW,EAAE,CAAC;QAChB,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CACxC,oBAAC,YAAY,IAAC,cAAc,QAAC,QAAQ,EAAE,WAAW,GAAI,CACvD,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IACN,SAAS,EAAC,GAAG,iBACD,6BAA6B,EACzC,KAAK,EAAE,EAAE,KAAK,EAAE,iCAAiC,EAAE,IAElD,WAAW,CACJ,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL;QACE,0CAAe,iBAAiB,IAE7B,KAAK,CACJ;QACH,QAAQ;QACR,eAAe;QACf,KAAK,CACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCheckboxTable.spec.d.ts","sourceRoot":"","sources":["../../../../components/table/__tests__/useCheckboxTable.spec.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { act } from 'react';
|
|
2
|
+
import { testHook } from '../../../__tests__/unit/testUtils/hooks';
|
|
3
|
+
import { useCheckboxTable } from '../../../components/table';
|
|
4
|
+
describe('useCheckboxTable', function () {
|
|
5
|
+
it('should select/unselect all', function () {
|
|
6
|
+
var renderResult = testHook(useCheckboxTable)(['a', 'b', 'c']);
|
|
7
|
+
act(function () {
|
|
8
|
+
renderResult.result.current.tableProps.selectAll.onSelect(true);
|
|
9
|
+
});
|
|
10
|
+
expect(renderResult.result.current.selections).toStrictEqual(['a', 'b', 'c']);
|
|
11
|
+
expect(renderResult.result.current.tableProps.selectAll.selected).toBe(true);
|
|
12
|
+
act(function () {
|
|
13
|
+
renderResult.result.current.tableProps.selectAll.onSelect(false);
|
|
14
|
+
});
|
|
15
|
+
expect(renderResult.result.current.selections).toStrictEqual([]);
|
|
16
|
+
expect(renderResult.result.current.tableProps.selectAll.selected).toBe(false);
|
|
17
|
+
});
|
|
18
|
+
it('should select/unselect ids', function () {
|
|
19
|
+
var renderResult = testHook(useCheckboxTable)(['a', 'b', 'c']);
|
|
20
|
+
act(function () {
|
|
21
|
+
renderResult.result.current.toggleSelection('a');
|
|
22
|
+
renderResult.result.current.toggleSelection('b');
|
|
23
|
+
});
|
|
24
|
+
expect(renderResult.result.current.selections).toStrictEqual(['a', 'b']);
|
|
25
|
+
expect(renderResult.result.current.isSelected('a')).toBe(true);
|
|
26
|
+
expect(renderResult.result.current.isSelected('b')).toBe(true);
|
|
27
|
+
expect(renderResult.result.current.isSelected('c')).toBe(false);
|
|
28
|
+
act(function () {
|
|
29
|
+
renderResult.result.current.toggleSelection('a');
|
|
30
|
+
});
|
|
31
|
+
expect(renderResult.result.current.selections).toStrictEqual(['b']);
|
|
32
|
+
expect(renderResult.result.current.isSelected('a')).toBe(false);
|
|
33
|
+
expect(renderResult.result.current.isSelected('b')).toBe(true);
|
|
34
|
+
expect(renderResult.result.current.isSelected('c')).toBe(false);
|
|
35
|
+
});
|
|
36
|
+
it('should remove selected ids that no longer exist', function () {
|
|
37
|
+
var renderResult = testHook(useCheckboxTable)(['a', 'b', 'c']);
|
|
38
|
+
act(function () {
|
|
39
|
+
renderResult.result.current.tableProps.selectAll.onSelect(true);
|
|
40
|
+
});
|
|
41
|
+
renderResult.rerender(['c']);
|
|
42
|
+
expect(renderResult.result.current.selections).toStrictEqual(['c']);
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
//# sourceMappingURL=useCheckboxTable.spec.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCheckboxTable.spec.js","sourceRoot":"","sources":["../../../../components/table/__tests__/useCheckboxTable.spec.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SortableData } from './types';
|
|
2
|
+
export declare const CHECKBOX_FIELD_ID = "checkbox";
|
|
3
|
+
export declare const KEBAB_FIELD_ID = "kebab";
|
|
4
|
+
export declare const EXPAND_FIELD_ID = "expand";
|
|
5
|
+
export declare const checkboxTableColumn: () => SortableData<unknown>;
|
|
6
|
+
export declare const kebabTableColumn: () => SortableData<unknown>;
|
|
7
|
+
export declare const expandTableColumn: () => SortableData<unknown>;
|
|
8
|
+
//# sourceMappingURL=const.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../components/table/const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,iBAAiB,aAAa,CAAC;AAC5C,eAAO,MAAM,cAAc,UAAU,CAAC;AACtC,eAAO,MAAM,eAAe,WAAW,CAAC;AAExC,eAAO,MAAM,mBAAmB,QAAO,YAAY,CAAC,OAAO,CAIzD,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAAO,YAAY,CAAC,OAAO,CAItD,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAAO,YAAY,CAAC,OAAO,CAIvD,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export var CHECKBOX_FIELD_ID = 'checkbox';
|
|
2
|
+
export var KEBAB_FIELD_ID = 'kebab';
|
|
3
|
+
export var EXPAND_FIELD_ID = 'expand';
|
|
4
|
+
export var checkboxTableColumn = function () { return ({
|
|
5
|
+
label: '',
|
|
6
|
+
field: CHECKBOX_FIELD_ID,
|
|
7
|
+
sortable: false,
|
|
8
|
+
}); };
|
|
9
|
+
export var kebabTableColumn = function () { return ({
|
|
10
|
+
label: '',
|
|
11
|
+
field: KEBAB_FIELD_ID,
|
|
12
|
+
sortable: false,
|
|
13
|
+
}); };
|
|
14
|
+
export var expandTableColumn = function () { return ({
|
|
15
|
+
label: '',
|
|
16
|
+
field: EXPAND_FIELD_ID,
|
|
17
|
+
sortable: false,
|
|
18
|
+
}); };
|
|
19
|
+
//# sourceMappingURL=const.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"const.js","sourceRoot":"","sources":["../../../components/table/const.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAU,CAAC;AAC5C,MAAM,CAAC,IAAM,cAAc,GAAG,OAAO,CAAC;AACtC,MAAM,CAAC,IAAM,eAAe,GAAG,QAAQ,CAAC;AAExC,MAAM,CAAC,IAAM,mBAAmB,GAAG,cAA6B,OAAA,CAAC;IAC/D,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,iBAAiB;IACxB,QAAQ,EAAE,KAAK;CAChB,CAAC,EAJ8D,CAI9D,CAAC;AAEH,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAA6B,OAAA,CAAC;IAC5D,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,KAAK;CAChB,CAAC,EAJ2D,CAI3D,CAAC;AAEH,MAAM,CAAC,IAAM,iBAAiB,GAAG,cAA6B,OAAA,CAAC;IAC7D,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,eAAe;IACtB,QAAQ,EAAE,KAAK;CAChB,CAAC,EAJ4D,CAI5D,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './types';
|
|
2
|
+
export * from './const';
|
|
3
|
+
export { default as Table } from './Table';
|
|
4
|
+
export { default as TableBase } from './TableBase';
|
|
5
|
+
export { default as useCheckboxTable } from './useCheckboxTable';
|
|
6
|
+
export { default as useCheckboxTableBase } from './useCheckboxTableBase';
|
|
7
|
+
export type { UseCheckboxTableBaseProps } from './useCheckboxTableBase';
|
|
8
|
+
export { default as TableRowTitleDescription } from './TableRowTitleDescription';
|
|
9
|
+
export { default as CheckboxTd } from './CheckboxTd';
|
|
10
|
+
export { getTableColumnSort } from './useTableColumnSort';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export * from './types';
|
|
2
|
+
export * from './const';
|
|
3
|
+
export { default as Table } from './Table';
|
|
4
|
+
export { default as TableBase } from './TableBase';
|
|
5
|
+
export { default as useCheckboxTable } from './useCheckboxTable';
|
|
6
|
+
export { default as useCheckboxTableBase } from './useCheckboxTableBase';
|
|
7
|
+
export { default as TableRowTitleDescription } from './TableRowTitleDescription';
|
|
8
|
+
export { default as CheckboxTd } from './CheckboxTd';
|
|
9
|
+
export { getTableColumnSort } from './useTableColumnSort';
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGzE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ThProps } from '@patternfly/react-table';
|
|
2
|
+
export type GetColumnSort = (columnIndex: number) => ThProps['sort'];
|
|
3
|
+
export type SortableData<T> = Pick<ThProps, 'hasRightBorder' | 'isStickyColumn' | 'stickyMinWidth' | 'stickyLeftOffset' | 'modifier' | 'width' | 'info' | 'visibility' | 'className'> & {
|
|
4
|
+
label: string;
|
|
5
|
+
field: string;
|
|
6
|
+
colSpan?: number;
|
|
7
|
+
rowSpan?: number;
|
|
8
|
+
/**
|
|
9
|
+
* Set to false to disable sort.
|
|
10
|
+
* Set to true to handle string and number fields automatically (everything else is equal).
|
|
11
|
+
* Pass a function that will get the two results and what field needs to be matched.
|
|
12
|
+
* Assume ASC -- the result will be inverted internally if needed.
|
|
13
|
+
*/
|
|
14
|
+
sortable: boolean | ((a: T, b: T, keyField: string) => number);
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;AAErE,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,IAAI,CAChC,OAAO,EACL,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,kBAAkB,GAClB,UAAU,GACV,OAAO,GACP,MAAM,GACN,YAAY,GACZ,WAAW,CACd,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,QAAQ,EAAE,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAE/D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../components/table/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type Table from './Table';
|
|
3
|
+
type UseCheckboxTable = {
|
|
4
|
+
selections: string[];
|
|
5
|
+
tableProps: Required<Pick<React.ComponentProps<typeof Table>, 'selectAll'>>;
|
|
6
|
+
toggleSelection: (id: string) => void;
|
|
7
|
+
isSelected: (id: string) => boolean;
|
|
8
|
+
setSelections: (selections: string[]) => void;
|
|
9
|
+
};
|
|
10
|
+
declare const useCheckboxTable: (dataIds: string[], defaultSelectedIds?: string[], persistSelections?: boolean) => UseCheckboxTable;
|
|
11
|
+
export default useCheckboxTable;
|
|
12
|
+
//# sourceMappingURL=useCheckboxTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCheckboxTable.d.ts","sourceRoot":"","sources":["../../../components/table/useCheckboxTable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;IAC5E,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,QAAA,MAAM,gBAAgB,GACpB,SAAS,MAAM,EAAE,EACjB,qBAAqB,MAAM,EAAE,EAC7B,oBAAoB,OAAO,KAC1B,gBAUF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { __read } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { useCheckboxTableBase } from '../../components/table';
|
|
4
|
+
var useCheckboxTable = function (dataIds, defaultSelectedIds, persistSelections) {
|
|
5
|
+
var _a = __read(React.useState(defaultSelectedIds !== null && defaultSelectedIds !== void 0 ? defaultSelectedIds : []), 2), selectedIds = _a[0], setSelectedIds = _a[1];
|
|
6
|
+
return useCheckboxTableBase(dataIds, selectedIds, setSelectedIds, React.useCallback(function (d) { return d; }, []), { persistSelections: persistSelections });
|
|
7
|
+
};
|
|
8
|
+
export default useCheckboxTable;
|
|
9
|
+
//# sourceMappingURL=useCheckboxTable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCheckboxTable.js","sourceRoot":"","sources":["../../../components/table/useCheckboxTable.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAW1D,IAAM,gBAAgB,GAAG,UACvB,OAAiB,EACjB,kBAA6B,EAC7B,iBAA2B;IAErB,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAW,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,EAAE,CAAC,IAAA,EAAjF,WAAW,QAAA,EAAE,cAAc,QAAsD,CAAC;IAEzF,OAAO,oBAAoB,CACzB,OAAO,EACP,WAAW,EACX,cAAc,EACd,KAAK,CAAC,WAAW,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,EAAD,CAAC,EAAE,EAAE,CAAC,EAC/B,EAAE,iBAAiB,mBAAA,EAAE,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type Table from './Table';
|
|
3
|
+
export type UseCheckboxTableBaseProps<DataType> = {
|
|
4
|
+
selections: DataType[];
|
|
5
|
+
tableProps: Required<Pick<React.ComponentProps<typeof Table>, 'selectAll'>>;
|
|
6
|
+
toggleSelection: (selection: DataType) => void;
|
|
7
|
+
isSelected: (selection: DataType) => boolean;
|
|
8
|
+
disableCheck: (item: DataType, enabled: boolean) => void;
|
|
9
|
+
setSelections: React.Dispatch<React.SetStateAction<DataType[]>>;
|
|
10
|
+
};
|
|
11
|
+
declare const useCheckboxTableBase: <T>(data: T[], selectedData: T[], setSelectedData: React.Dispatch<React.SetStateAction<T[]>>, dataMappingHelper: (selectData: T) => string, options?: {
|
|
12
|
+
selectAll?: {
|
|
13
|
+
selected?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
};
|
|
16
|
+
persistSelections?: boolean;
|
|
17
|
+
}) => UseCheckboxTableBaseProps<T>;
|
|
18
|
+
export default useCheckboxTableBase;
|
|
19
|
+
//# sourceMappingURL=useCheckboxTableBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCheckboxTableBase.d.ts","sourceRoot":"","sources":["../../../components/table/useCheckboxTableBase.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,MAAM,MAAM,yBAAyB,CAAC,QAAQ,IAAI;IAChD,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,UAAU,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;IAC5E,eAAe,EAAE,CAAC,SAAS,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,CAAC,SAAS,EAAE,QAAQ,KAAK,OAAO,CAAC;IAC7C,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;CACjE,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,CAAC,EAC7B,MAAM,CAAC,EAAE,EACT,cAAc,CAAC,EAAE,EACjB,iBAAiB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,EAC1D,mBAAmB,CAAC,UAAU,EAAE,CAAC,KAAK,MAAM,EAC5C,UAAU;IAAE,SAAS,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAAE,KAChG,yBAAyB,CAAC,CAAC,CA+F7B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { __assign, __read, __spreadArray } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { intersection, xor } from 'lodash-es';
|
|
4
|
+
var useCheckboxTableBase = function (data, selectedData, setSelectedData, dataMappingHelper, options) {
|
|
5
|
+
var dataIds = React.useMemo(function () { return data.map(dataMappingHelper); }, [data, dataMappingHelper]);
|
|
6
|
+
var _a = __read(React.useState([]), 2), disabledData = _a[0], setDisabledData = _a[1];
|
|
7
|
+
var selectedDataIds = React.useMemo(function () { return selectedData.map(dataMappingHelper); }, [selectedData, dataMappingHelper]);
|
|
8
|
+
// remove selected ids that are no longer present in the provided dataIds
|
|
9
|
+
React.useEffect(function () {
|
|
10
|
+
if (options === null || options === void 0 ? void 0 : options.persistSelections) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
var newSelectedIds = intersection(selectedDataIds, dataIds);
|
|
14
|
+
var newSelectedData = newSelectedIds
|
|
15
|
+
.map(function (id) { return data.find(function (d) { return dataMappingHelper(d) === id; }); })
|
|
16
|
+
.filter(function (v) { return !!v; });
|
|
17
|
+
if (selectedData.length !== newSelectedData.length) {
|
|
18
|
+
setSelectedData(newSelectedData);
|
|
19
|
+
}
|
|
20
|
+
}, [
|
|
21
|
+
data,
|
|
22
|
+
dataIds,
|
|
23
|
+
dataMappingHelper,
|
|
24
|
+
options === null || options === void 0 ? void 0 : options.persistSelections,
|
|
25
|
+
selectedData,
|
|
26
|
+
selectedDataIds,
|
|
27
|
+
setSelectedData,
|
|
28
|
+
]);
|
|
29
|
+
var disableCheck = React.useCallback(function (item, disabled) {
|
|
30
|
+
return setDisabledData(function (prevData) {
|
|
31
|
+
return disabled
|
|
32
|
+
? prevData.some(function (d) { return dataMappingHelper(d) === dataMappingHelper(item); })
|
|
33
|
+
? prevData
|
|
34
|
+
: __spreadArray(__spreadArray([], __read(prevData), false), [item], false)
|
|
35
|
+
: prevData.filter(function (d) { return dataMappingHelper(d) !== dataMappingHelper(item); });
|
|
36
|
+
});
|
|
37
|
+
}, [dataMappingHelper]);
|
|
38
|
+
return React.useMemo(function () {
|
|
39
|
+
// Header is selected if all selections and all ids are equal
|
|
40
|
+
// This will allow for checking of the header to "reset" to provided ids during a trim/filter
|
|
41
|
+
var checkable = data.filter(function (d) { return !disabledData.some(function (item) { return dataMappingHelper(item) === dataMappingHelper(d); }); });
|
|
42
|
+
var headerSelected = selectedDataIds.length > 0 &&
|
|
43
|
+
xor(selectedDataIds, checkable.map(dataMappingHelper)).length === 0;
|
|
44
|
+
var allDisabled = selectedData.length === 0 && disabledData.length === data.length;
|
|
45
|
+
return {
|
|
46
|
+
selections: selectedData,
|
|
47
|
+
setSelections: setSelectedData,
|
|
48
|
+
tableProps: {
|
|
49
|
+
selectAll: __assign({ disabled: allDisabled, tooltip: allDisabled ? 'No selectable rows' : undefined, onSelect: function (value) {
|
|
50
|
+
setSelectedData(value ? checkable : []);
|
|
51
|
+
}, selected: headerSelected }, options === null || options === void 0 ? void 0 : options.selectAll),
|
|
52
|
+
},
|
|
53
|
+
disableCheck: disableCheck,
|
|
54
|
+
isSelected: function (selection) { return selectedDataIds.includes(dataMappingHelper(selection)); },
|
|
55
|
+
toggleSelection: function (selection) {
|
|
56
|
+
var id = dataMappingHelper(selection);
|
|
57
|
+
setSelectedData(function (prevData) {
|
|
58
|
+
return prevData.map(dataMappingHelper).includes(id)
|
|
59
|
+
? prevData.filter(function (currentSelectedData) { return dataMappingHelper(currentSelectedData) !== id; })
|
|
60
|
+
: __spreadArray(__spreadArray([], __read(prevData), false), [selection], false);
|
|
61
|
+
});
|
|
62
|
+
},
|
|
63
|
+
};
|
|
64
|
+
}, [
|
|
65
|
+
data,
|
|
66
|
+
selectedDataIds,
|
|
67
|
+
dataMappingHelper,
|
|
68
|
+
selectedData,
|
|
69
|
+
disabledData,
|
|
70
|
+
setSelectedData,
|
|
71
|
+
options === null || options === void 0 ? void 0 : options.selectAll,
|
|
72
|
+
disableCheck,
|
|
73
|
+
]);
|
|
74
|
+
};
|
|
75
|
+
export default useCheckboxTableBase;
|
|
76
|
+
//# sourceMappingURL=useCheckboxTableBase.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCheckboxTableBase.js","sourceRoot":"","sources":["../../../components/table/useCheckboxTableBase.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { GetColumnSort, SortableData } from './types';
|
|
2
|
+
type TableColumnSortProps<DataType> = {
|
|
3
|
+
columns: SortableData<DataType>[];
|
|
4
|
+
subColumns?: SortableData<DataType>[];
|
|
5
|
+
sortDirection?: 'asc' | 'desc';
|
|
6
|
+
setSortDirection: (dir: 'asc' | 'desc') => void;
|
|
7
|
+
};
|
|
8
|
+
type TableColumnSortByFieldProps<DataType> = TableColumnSortProps<DataType> & {
|
|
9
|
+
sortField?: string;
|
|
10
|
+
setSortField: (field: string) => void;
|
|
11
|
+
};
|
|
12
|
+
export declare const getTableColumnSort: <T>({ columns, subColumns, sortField, setSortField, ...sortProps }: TableColumnSortByFieldProps<T>) => GetColumnSort;
|
|
13
|
+
/**
|
|
14
|
+
* Using PF Composable Tables, this utility will help with handling sort logic.
|
|
15
|
+
*
|
|
16
|
+
* Use `transformData` on your data before you render rows.
|
|
17
|
+
* Use `getColumnSort` on your Th.sort as you render it (using the index of your column)
|
|
18
|
+
*
|
|
19
|
+
* @see https://www.patternfly.org/v4/components/table
|
|
20
|
+
*/
|
|
21
|
+
declare const useTableColumnSort: <T>(columns: SortableData<T>[], subColumns: SortableData<T>[], defaultSortColIndex?: number) => {
|
|
22
|
+
transformData: (data: T[]) => T[];
|
|
23
|
+
getColumnSort: GetColumnSort;
|
|
24
|
+
};
|
|
25
|
+
export default useTableColumnSort;
|
|
26
|
+
//# sourceMappingURL=useTableColumnSort.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTableColumnSort.d.ts","sourceRoot":"","sources":["../../../components/table/useTableColumnSort.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEtD,KAAK,oBAAoB,CAAC,QAAQ,IAAI;IACpC,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,gBAAgB,EAAE,CAAC,GAAG,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,KAAK,2BAA2B,CAAC,QAAQ,IAAI,oBAAoB,CAAC,QAAQ,CAAC,GAAG;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAOF,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAE,gEAMnC,2BAA2B,CAAC,CAAC,CAAC,KAAG,aAOhC,CAAC;AA6BL;;;;;;;GAOG;AACH,QAAA,MAAM,kBAAkB,GAAI,CAAC,EAC3B,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,EAC1B,YAAY,YAAY,CAAC,CAAC,CAAC,EAAE,EAC7B,sBAAsB,MAAM,KAC3B;IACD,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,aAAa,EAAE,aAAa,CAAC;CAwD9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|