@patternfly/react-table 6.0.0-alpha.1 → 6.0.0-alpha.100
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1215 -1
- package/README.md +3 -18
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/Table/package.json +1 -1
- package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
- package/dist/dynamic/components/Table/utils/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic-modules.json +127 -0
- package/dist/esm/components/Table/ActionsColumn.d.ts +3 -1
- package/dist/esm/components/Table/ActionsColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/ActionsColumn.js +4 -5
- package/dist/esm/components/Table/ActionsColumn.js.map +1 -1
- package/dist/esm/components/Table/Caption.js +1 -1
- package/dist/esm/components/Table/Caption.js.map +1 -1
- package/dist/esm/components/Table/CollapseColumn.js +1 -1
- package/dist/esm/components/Table/CollapseColumn.js.map +1 -1
- package/dist/esm/components/Table/DraggableCell.d.ts.map +1 -1
- package/dist/esm/components/Table/DraggableCell.js +1 -2
- package/dist/esm/components/Table/DraggableCell.js.map +1 -1
- package/dist/esm/components/Table/DraggableRowWrapper.js +2 -2
- package/dist/esm/components/Table/DraggableRowWrapper.js.map +1 -1
- package/dist/esm/components/Table/EditColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/EditColumn.js +4 -7
- package/dist/esm/components/Table/EditColumn.js.map +1 -1
- package/dist/esm/components/Table/EditableSelectInputCell.d.ts +3 -4
- package/dist/esm/components/Table/EditableSelectInputCell.d.ts.map +1 -1
- package/dist/esm/components/Table/EditableSelectInputCell.js +11 -7
- package/dist/esm/components/Table/EditableSelectInputCell.js.map +1 -1
- package/dist/esm/components/Table/EditableTextCell.js +3 -3
- package/dist/esm/components/Table/EditableTextCell.js.map +1 -1
- package/dist/esm/components/Table/ExpandableRowContent.js +1 -1
- package/dist/esm/components/Table/ExpandableRowContent.js.map +1 -1
- package/dist/esm/components/Table/FavoritesCell.d.ts.map +1 -1
- package/dist/esm/components/Table/FavoritesCell.js +1 -2
- package/dist/esm/components/Table/FavoritesCell.js.map +1 -1
- package/dist/esm/components/Table/HeaderCellInfoWrapper.d.ts.map +1 -1
- package/dist/esm/components/Table/HeaderCellInfoWrapper.js +3 -5
- package/dist/esm/components/Table/HeaderCellInfoWrapper.js.map +1 -1
- package/dist/esm/components/Table/InnerScrollContainer.js +1 -1
- package/dist/esm/components/Table/InnerScrollContainer.js.map +1 -1
- package/dist/esm/components/Table/OuterScrollContainer.js +1 -1
- package/dist/esm/components/Table/OuterScrollContainer.js.map +1 -1
- package/dist/esm/components/Table/RowWrapper.d.ts +1 -1
- package/dist/esm/components/Table/RowWrapper.js.map +1 -1
- package/dist/esm/components/Table/SelectColumn.d.ts +5 -0
- package/dist/esm/components/Table/SelectColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/SelectColumn.js +6 -3
- package/dist/esm/components/Table/SelectColumn.js.map +1 -1
- package/dist/esm/components/Table/SortColumn.d.ts +4 -0
- package/dist/esm/components/Table/SortColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/SortColumn.js +3 -3
- package/dist/esm/components/Table/SortColumn.js.map +1 -1
- package/dist/esm/components/Table/Table.d.ts +1 -1
- package/dist/esm/components/Table/Table.d.ts.map +1 -1
- package/dist/esm/components/Table/Table.js +9 -9
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/TableText.d.ts +3 -1
- package/dist/esm/components/Table/TableText.d.ts.map +1 -1
- package/dist/esm/components/Table/TableText.js +13 -11
- package/dist/esm/components/Table/TableText.js.map +1 -1
- package/dist/esm/components/Table/TableTypes.d.ts +29 -25
- package/dist/esm/components/Table/TableTypes.d.ts.map +1 -1
- package/dist/esm/components/Table/TableTypes.js.map +1 -1
- package/dist/esm/components/Table/Tbody.d.ts +1 -1
- package/dist/esm/components/Table/Tbody.d.ts.map +1 -1
- package/dist/esm/components/Table/Tbody.js +1 -1
- package/dist/esm/components/Table/Tbody.js.map +1 -1
- package/dist/esm/components/Table/Td.d.ts +2 -2
- package/dist/esm/components/Table/Td.d.ts.map +1 -1
- package/dist/esm/components/Table/Td.js +9 -5
- package/dist/esm/components/Table/Td.js.map +1 -1
- package/dist/esm/components/Table/Th.d.ts +12 -1
- package/dist/esm/components/Table/Th.d.ts.map +1 -1
- package/dist/esm/components/Table/Th.js +26 -12
- package/dist/esm/components/Table/Th.js.map +1 -1
- package/dist/esm/components/Table/Thead.d.ts +1 -1
- package/dist/esm/components/Table/Thead.d.ts.map +1 -1
- package/dist/esm/components/Table/Thead.js +1 -1
- package/dist/esm/components/Table/Thead.js.map +1 -1
- package/dist/esm/components/Table/Tr.d.ts +4 -2
- package/dist/esm/components/Table/Tr.d.ts.map +1 -1
- package/dist/esm/components/Table/Tr.js +4 -4
- package/dist/esm/components/Table/Tr.js.map +1 -1
- package/dist/esm/components/Table/TreeRowWrapper.js +2 -2
- package/dist/esm/components/Table/TreeRowWrapper.js.map +1 -1
- package/dist/esm/components/Table/base/columns-are-equal.js.map +1 -1
- package/dist/esm/components/Table/base/evaluate-transforms.js.map +1 -1
- package/dist/esm/components/Table/base/merge-props.js.map +1 -1
- package/dist/esm/components/Table/base/provider.d.ts +8 -8
- package/dist/esm/components/Table/base/provider.js.map +1 -1
- package/dist/esm/components/Table/base/types.d.ts +23 -24
- package/dist/esm/components/Table/base/types.d.ts.map +1 -1
- package/dist/esm/components/Table/base/types.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/cellActions.js +1 -1
- package/dist/esm/components/Table/utils/decorators/cellActions.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/cellWidth.js +1 -1
- package/dist/esm/components/Table/utils/decorators/cellWidth.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/classNames.js +1 -1
- package/dist/esm/components/Table/utils/decorators/classNames.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/collapsible.js +1 -1
- package/dist/esm/components/Table/utils/decorators/collapsible.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/compoundExpand.js +1 -1
- package/dist/esm/components/Table/utils/decorators/compoundExpand.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/editable.js +1 -1
- package/dist/esm/components/Table/utils/decorators/editable.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/favoritable.js +1 -1
- package/dist/esm/components/Table/utils/decorators/favoritable.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/info.js +1 -1
- package/dist/esm/components/Table/utils/decorators/info.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/selectable.d.ts.map +1 -1
- package/dist/esm/components/Table/utils/decorators/selectable.js +5 -5
- package/dist/esm/components/Table/utils/decorators/selectable.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/sortable.d.ts.map +1 -1
- package/dist/esm/components/Table/utils/decorators/sortable.js +7 -4
- package/dist/esm/components/Table/utils/decorators/sortable.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/treeRow.d.ts +3 -3
- package/dist/esm/components/Table/utils/decorators/treeRow.d.ts.map +1 -1
- package/dist/esm/components/Table/utils/decorators/treeRow.js +5 -5
- package/dist/esm/components/Table/utils/decorators/treeRow.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/wrappable.js +1 -1
- package/dist/esm/components/Table/utils/decorators/wrappable.js.map +1 -1
- package/dist/esm/components/Table/utils/headerUtils.js.map +1 -1
- package/dist/esm/components/Table/utils/utils.js.map +1 -1
- package/dist/esm/demos/DashboardHeader.d.ts +8 -0
- package/dist/esm/demos/DashboardHeader.d.ts.map +1 -0
- package/dist/esm/demos/DashboardHeader.js +78 -0
- package/dist/esm/demos/DashboardHeader.js.map +1 -0
- package/dist/esm/demos/DashboardWrapper.d.ts +85 -0
- package/dist/esm/demos/DashboardWrapper.d.ts.map +1 -0
- package/dist/esm/demos/DashboardWrapper.js +41 -0
- package/dist/esm/demos/DashboardWrapper.js.map +1 -0
- package/dist/esm/demos/index.d.ts +4 -0
- package/dist/esm/demos/index.d.ts.map +1 -0
- package/dist/esm/demos/index.js +4 -0
- package/dist/esm/demos/index.js.map +1 -0
- package/dist/esm/demos/sampleData.d.ts +13 -0
- package/dist/esm/demos/sampleData.d.ts.map +1 -0
- package/dist/esm/demos/sampleData.js +764 -0
- package/dist/esm/demos/sampleData.js.map +1 -0
- package/dist/esm/deprecated/components/Table/Body.d.ts +2 -2
- package/dist/esm/deprecated/components/Table/Body.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Table/Body.js.map +1 -1
- package/dist/esm/deprecated/components/Table/BodyCell.js.map +1 -1
- package/dist/esm/deprecated/components/Table/BodyWrapper.js.map +1 -1
- package/dist/esm/deprecated/components/Table/Table.d.ts +1 -1
- package/dist/esm/deprecated/components/Table/Table.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Table/Table.js +3 -4
- package/dist/esm/deprecated/components/Table/Table.js.map +1 -1
- package/dist/esm/deprecated/components/Table/base/body-row.js.map +1 -1
- package/dist/esm/deprecated/components/Table/base/body.d.ts +8 -2
- package/dist/esm/deprecated/components/Table/base/body.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Table/base/body.js.map +1 -1
- package/dist/esm/deprecated/components/Table/base/header-row.js +1 -1
- package/dist/esm/deprecated/components/Table/base/header-row.js.map +1 -1
- package/dist/esm/deprecated/components/Table/base/header.d.ts +1 -1
- package/dist/esm/deprecated/components/Table/base/header.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Table/base/resolve-row-key.js.map +1 -1
- package/dist/esm/test-helpers/data-helpers.js.map +1 -1
- package/dist/js/components/Table/ActionsColumn.d.ts +3 -1
- package/dist/js/components/Table/ActionsColumn.d.ts.map +1 -1
- package/dist/js/components/Table/ActionsColumn.js +10 -11
- package/dist/js/components/Table/ActionsColumn.js.map +1 -1
- package/dist/js/components/Table/CollapseColumn.js +2 -2
- package/dist/js/components/Table/CollapseColumn.js.map +1 -1
- package/dist/js/components/Table/DraggableCell.d.ts.map +1 -1
- package/dist/js/components/Table/DraggableCell.js +3 -4
- package/dist/js/components/Table/DraggableCell.js.map +1 -1
- package/dist/js/components/Table/EditColumn.d.ts.map +1 -1
- package/dist/js/components/Table/EditColumn.js +7 -10
- package/dist/js/components/Table/EditColumn.js.map +1 -1
- package/dist/js/components/Table/EditableSelectInputCell.d.ts +3 -4
- package/dist/js/components/Table/EditableSelectInputCell.d.ts.map +1 -1
- package/dist/js/components/Table/EditableSelectInputCell.js +9 -5
- package/dist/js/components/Table/EditableSelectInputCell.js.map +1 -1
- package/dist/js/components/Table/EditableTextCell.js +2 -2
- package/dist/js/components/Table/EditableTextCell.js.map +1 -1
- package/dist/js/components/Table/FavoritesCell.d.ts.map +1 -1
- package/dist/js/components/Table/FavoritesCell.js +3 -4
- package/dist/js/components/Table/FavoritesCell.js.map +1 -1
- package/dist/js/components/Table/HeaderCellInfoWrapper.d.ts.map +1 -1
- package/dist/js/components/Table/HeaderCellInfoWrapper.js +6 -8
- package/dist/js/components/Table/HeaderCellInfoWrapper.js.map +1 -1
- package/dist/js/components/Table/RowWrapper.d.ts +1 -1
- package/dist/js/components/Table/RowWrapper.js +1 -1
- package/dist/js/components/Table/RowWrapper.js.map +1 -1
- package/dist/js/components/Table/SelectColumn.d.ts +5 -0
- package/dist/js/components/Table/SelectColumn.d.ts.map +1 -1
- package/dist/js/components/Table/SelectColumn.js +7 -4
- package/dist/js/components/Table/SelectColumn.js.map +1 -1
- package/dist/js/components/Table/SortColumn.d.ts +4 -0
- package/dist/js/components/Table/SortColumn.d.ts.map +1 -1
- package/dist/js/components/Table/SortColumn.js +6 -6
- package/dist/js/components/Table/SortColumn.js.map +1 -1
- package/dist/js/components/Table/Table.d.ts +1 -1
- package/dist/js/components/Table/Table.d.ts.map +1 -1
- package/dist/js/components/Table/Table.js +5 -5
- package/dist/js/components/Table/Table.js.map +1 -1
- package/dist/js/components/Table/TableText.d.ts +3 -1
- package/dist/js/components/Table/TableText.d.ts.map +1 -1
- package/dist/js/components/Table/TableText.js +15 -13
- package/dist/js/components/Table/TableText.js.map +1 -1
- package/dist/js/components/Table/TableTypes.d.ts +29 -25
- package/dist/js/components/Table/TableTypes.d.ts.map +1 -1
- package/dist/js/components/Table/TableTypes.js +2 -2
- package/dist/js/components/Table/TableTypes.js.map +1 -1
- package/dist/js/components/Table/Tbody.d.ts +1 -1
- package/dist/js/components/Table/Tbody.d.ts.map +1 -1
- package/dist/js/components/Table/Td.d.ts +2 -2
- package/dist/js/components/Table/Td.d.ts.map +1 -1
- package/dist/js/components/Table/Td.js +8 -4
- package/dist/js/components/Table/Td.js.map +1 -1
- package/dist/js/components/Table/Th.d.ts +12 -1
- package/dist/js/components/Table/Th.d.ts.map +1 -1
- package/dist/js/components/Table/Th.js +24 -10
- package/dist/js/components/Table/Th.js.map +1 -1
- package/dist/js/components/Table/Thead.d.ts +1 -1
- package/dist/js/components/Table/Thead.d.ts.map +1 -1
- package/dist/js/components/Table/Tr.d.ts +4 -2
- package/dist/js/components/Table/Tr.d.ts.map +1 -1
- package/dist/js/components/Table/Tr.js +3 -3
- package/dist/js/components/Table/Tr.js.map +1 -1
- package/dist/js/components/Table/base/columns-are-equal.js.map +1 -1
- package/dist/js/components/Table/base/evaluate-transforms.js.map +1 -1
- package/dist/js/components/Table/base/merge-props.js.map +1 -1
- package/dist/js/components/Table/base/provider.d.ts +8 -8
- package/dist/js/components/Table/base/provider.js.map +1 -1
- package/dist/js/components/Table/base/types.d.ts +23 -24
- package/dist/js/components/Table/base/types.d.ts.map +1 -1
- package/dist/js/components/Table/base/types.js.map +1 -1
- package/dist/js/components/Table/utils/decorators/compoundExpand.js.map +1 -1
- package/dist/js/components/Table/utils/decorators/editable.js.map +1 -1
- package/dist/js/components/Table/utils/decorators/favoritable.js.map +1 -1
- package/dist/js/components/Table/utils/decorators/selectable.d.ts.map +1 -1
- package/dist/js/components/Table/utils/decorators/selectable.js +3 -3
- package/dist/js/components/Table/utils/decorators/selectable.js.map +1 -1
- package/dist/js/components/Table/utils/decorators/sortable.d.ts.map +1 -1
- package/dist/js/components/Table/utils/decorators/sortable.js +7 -4
- package/dist/js/components/Table/utils/decorators/sortable.js.map +1 -1
- package/dist/js/components/Table/utils/decorators/treeRow.d.ts +3 -3
- package/dist/js/components/Table/utils/decorators/treeRow.d.ts.map +1 -1
- package/dist/js/components/Table/utils/decorators/treeRow.js +7 -7
- package/dist/js/components/Table/utils/decorators/treeRow.js.map +1 -1
- package/dist/js/components/Table/utils/headerUtils.js.map +1 -1
- package/dist/js/components/Table/utils/utils.js.map +1 -1
- package/dist/js/demos/DashboardHeader.d.ts +8 -0
- package/dist/js/demos/DashboardHeader.d.ts.map +1 -0
- package/dist/js/demos/DashboardHeader.js +83 -0
- package/dist/js/demos/DashboardHeader.js.map +1 -0
- package/dist/js/demos/DashboardWrapper.d.ts +85 -0
- package/dist/js/demos/DashboardWrapper.d.ts.map +1 -0
- package/dist/js/demos/DashboardWrapper.js +45 -0
- package/dist/js/demos/DashboardWrapper.js.map +1 -0
- package/dist/js/demos/index.d.ts +4 -0
- package/dist/js/demos/index.d.ts.map +1 -0
- package/dist/js/demos/index.js +7 -0
- package/dist/js/demos/index.js.map +1 -0
- package/dist/js/demos/sampleData.d.ts +13 -0
- package/dist/js/demos/sampleData.d.ts.map +1 -0
- package/dist/js/demos/sampleData.js +767 -0
- package/dist/js/demos/sampleData.js.map +1 -0
- package/dist/js/deprecated/components/Table/Body.d.ts +2 -2
- package/dist/js/deprecated/components/Table/Body.d.ts.map +1 -1
- package/dist/js/deprecated/components/Table/Body.js.map +1 -1
- package/dist/js/deprecated/components/Table/BodyCell.js +3 -3
- package/dist/js/deprecated/components/Table/BodyCell.js.map +1 -1
- package/dist/js/deprecated/components/Table/BodyWrapper.js.map +1 -1
- package/dist/js/deprecated/components/Table/Table.d.ts +1 -1
- package/dist/js/deprecated/components/Table/Table.d.ts.map +1 -1
- package/dist/js/deprecated/components/Table/Table.js +9 -10
- package/dist/js/deprecated/components/Table/Table.js.map +1 -1
- package/dist/js/deprecated/components/Table/base/body-row.js.map +1 -1
- package/dist/js/deprecated/components/Table/base/body.d.ts +8 -2
- package/dist/js/deprecated/components/Table/base/body.d.ts.map +1 -1
- package/dist/js/deprecated/components/Table/base/body.js.map +1 -1
- package/dist/js/deprecated/components/Table/base/header-row.js +1 -1
- package/dist/js/deprecated/components/Table/base/header-row.js.map +1 -1
- package/dist/js/deprecated/components/Table/base/header.d.ts +1 -1
- package/dist/js/deprecated/components/Table/base/header.d.ts.map +1 -1
- package/dist/js/deprecated/components/Table/base/resolve-row-key.js.map +1 -1
- package/dist/js/test-helpers/data-helpers.js.map +1 -1
- package/dist/umd/assets/output-BnU-TMGU.css +26986 -0
- package/dist/umd/react-table.min.js +8 -9
- package/package.json +8 -12
- package/rollup.config.mjs +8 -0
- package/single-packages.config.json +3 -6
- package/src/components/Table/ActionsColumn.tsx +35 -31
- package/src/components/Table/DraggableCell.tsx +2 -3
- package/src/components/Table/EditColumn.tsx +21 -9
- package/src/components/Table/EditableSelectInputCell.tsx +16 -11
- package/src/components/Table/EditableTextCell.tsx +1 -1
- package/src/components/Table/FavoritesCell.tsx +2 -3
- package/src/components/Table/HeaderCellInfoWrapper.tsx +10 -6
- package/src/components/Table/SelectColumn.tsx +27 -8
- package/src/components/Table/SortColumn.tsx +15 -1
- package/src/components/Table/Table.tsx +6 -6
- package/src/components/Table/TableText.tsx +19 -9
- package/src/components/Table/TableTypes.tsx +12 -9
- package/src/components/Table/Td.tsx +11 -6
- package/src/components/Table/Th.tsx +42 -10
- package/src/components/Table/Tr.tsx +5 -1
- package/src/components/Table/__tests__/Th.test.tsx +31 -0
- package/src/components/Table/__tests__/__snapshots__/RowWrapper.test.tsx.snap +4 -4
- package/src/components/Table/base/types.tsx +6 -7
- package/src/components/Table/examples/Table.md +48 -3
- package/src/components/Table/examples/TableActions.tsx +2 -2
- package/src/components/Table/examples/TableActionsOverflow.tsx +3 -5
- package/src/components/Table/examples/TableCompoundExpandable.tsx +5 -4
- package/src/components/Table/examples/TableDraggable.tsx +19 -16
- package/src/components/Table/examples/TableEditable.tsx +313 -0
- package/src/components/Table/examples/TableEmptyState.tsx +1 -8
- package/src/components/Table/examples/TableExpandable.tsx +1 -2
- package/src/components/Table/examples/TableMisc.tsx +3 -1
- package/src/components/Table/examples/TableNestedExpandable.tsx +1 -1
- package/src/components/Table/examples/TableNestedHeaders.tsx +4 -6
- package/src/components/Table/examples/TableNestedStickyHeader.tsx +4 -9
- package/src/components/Table/examples/TableNestedTableExpandable.tsx +1 -1
- package/src/components/Table/examples/TableSelectable.tsx +1 -0
- package/src/components/Table/examples/TableSelectableRadio.tsx +1 -1
- package/src/components/Table/examples/TableSortableCustom.tsx +2 -3
- package/src/components/Table/examples/TableStickyColumnsAndHeader.tsx +6 -5
- package/src/components/Table/examples/TableStripedExpandable.tsx +1 -1
- package/src/components/Table/utils/__snapshots__/transformers.test.tsx.snap +4 -4
- package/src/components/Table/utils/decorators/selectable.tsx +3 -2
- package/src/components/Table/utils/decorators/sortable.tsx +8 -2
- package/src/components/Table/utils/decorators/treeRow.tsx +3 -3
- package/src/components/Table/utils/transformers.test.tsx +14 -11
- package/src/demos/DashboardHeader.tsx +201 -0
- package/src/demos/DashboardWrapper.tsx +198 -0
- package/src/demos/Table.md +181 -0
- package/src/demos/assets/avatarImg.svg +18 -0
- package/src/demos/assets/index.d.ts +4 -0
- package/src/demos/assets/pf-logo.svg +28 -0
- package/src/demos/examples/TableAutomaticPagination.tsx +101 -0
- package/src/{docs/demos/table-demos/BulkSelect.jsx → demos/examples/TableBulkSelect.tsx} +42 -21
- package/src/demos/examples/TableColumnManagement.tsx +484 -0
- package/src/demos/examples/TableColumnManagementWithDraggable.tsx +635 -0
- package/src/{docs/demos/table-demos/Compact.jsx → demos/examples/TableCompact.tsx} +39 -18
- package/src/{docs/demos/table-demos/CompoundExpansion.jsx → demos/examples/TableCompoundExpansion.tsx} +31 -16
- package/src/demos/examples/TableEmptyStateDefault.tsx +58 -0
- package/src/demos/examples/TableEmptyStateError.tsx +43 -0
- package/src/demos/examples/TableEmptyStateLoading.tsx +33 -0
- package/src/{docs/demos/table-demos/ExpandCollapseAll.jsx → demos/examples/TableExpandCollapseAll.tsx} +75 -67
- package/src/demos/examples/TableFilterable.tsx +387 -0
- package/src/{docs/demos/table-demos/SortableResponsive.jsx → demos/examples/TableSortableResponsive.tsx} +42 -43
- package/src/{docs/demos/table-demos/StaticBottomPagination.jsx → demos/examples/TableStaticBottomPagination.tsx} +29 -11
- package/src/{docs/demos/table-demos/StickyFirstColumn.jsx → demos/examples/TableStickyFirstColumn.tsx} +31 -9
- package/src/{docs/demos/table-demos/StickyHeader.jsx → demos/examples/TableStickyHeader.tsx} +3 -3
- package/src/demos/index.ts +3 -0
- package/src/{docs/demos/table-demos/sampleData.js → demos/sampleData.tsx} +88 -77
- package/src/deprecated/components/Table/Table.tsx +2 -3
- package/src/deprecated/components/Table/__tests__/Table.test.tsx +4 -9
- package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +2457 -2274
- package/src/deprecated/components/Table/base/header-row.tsx +1 -1
- package/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx +4 -3
- package/src/deprecated/components/Table/examples/LegacyTableEmptyState.tsx +6 -8
- package/src/deprecated/components/Table/examples/LegacyTableMisc.tsx +4 -3
- package/src/deprecated/components/Table/examples/LegacyTableSelectable.tsx +2 -1
- package/src/deprecated/components/Table/examples/LegacyTableSortableCustom.tsx +2 -3
- package/src/deprecated/components/Table/examples/LegacyTableStripedCustomTr.tsx +2 -6
- package/src/deprecated/components/Table/examples/Table.md +49 -40
- package/rollup.config.js +0 -7
- package/src/docs/demos/Table.md +0 -1622
- package/src/docs/demos/table-demos/ColumnManagement.jsx +0 -471
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SelectOptionObject } from '@patternfly/react-core/dist/esm/deprecated/components/Select';
|
|
3
2
|
import { EditableSelectInputProps } from './base/types';
|
|
4
3
|
export interface IEditableSelectInputCell extends Omit<React.HTMLProps<HTMLElement | HTMLDivElement>, 'onSelect'> {
|
|
5
4
|
/** Row index of this select input cell */
|
|
@@ -9,17 +8,17 @@ export interface IEditableSelectInputCell extends Omit<React.HTMLProps<HTMLEleme
|
|
|
9
8
|
/** Props to build the select component */
|
|
10
9
|
props: EditableSelectInputProps;
|
|
11
10
|
/** Event handler which fires when user selects an option in this cell */
|
|
12
|
-
onSelect: (event: React.MouseEvent | React.ChangeEvent, newValue:
|
|
11
|
+
onSelect: (event: React.MouseEvent | React.ChangeEvent, newValue: any | any[], rowIndex: number, cellIndex: number, isPlaceholder?: boolean) => void;
|
|
13
12
|
/** Options to display in the expandable select menu */
|
|
14
13
|
options?: React.ReactElement[];
|
|
15
14
|
/** Flag indicating the select input is disabled */
|
|
16
15
|
isDisabled?: boolean;
|
|
17
16
|
/** Current selected options to display as the read only value of the table cell */
|
|
18
|
-
selections?:
|
|
17
|
+
selections?: any | any[];
|
|
19
18
|
/** Flag indicating the select menu is open */
|
|
20
19
|
isOpen?: boolean;
|
|
21
20
|
/** Event handler which fires when the select toggle is toggled */
|
|
22
|
-
onToggle?: (event: React.MouseEvent |
|
|
21
|
+
onToggle?: (event: React.MouseEvent | undefined) => void;
|
|
23
22
|
/** Event handler which fires when the user clears the selections */
|
|
24
23
|
clearSelection?: (event: React.MouseEvent, rowIndex: number, cellIndex: number) => void;
|
|
25
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableSelectInputCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/EditableSelectInputCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"EditableSelectInputCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/EditableSelectInputCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/G,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,KAAK,EAAE,wBAAwB,CAAC;IAChC,yEAAyE;IACzE,QAAQ,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,EAC3C,QAAQ,EAAE,GAAG,GAAG,GAAG,EAAE,EACrB,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,EACjB,aAAa,CAAC,EAAE,OAAO,KACpB,IAAI,CAAC;IACV,uDAAuD;IACvD,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC/B,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,UAAU,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACzB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,oEAAoE;IACpE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACzF;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAoDrF,CAAC"}
|
|
@@ -4,22 +4,26 @@ exports.EditableSelectInputCell = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
|
-
const Select_1 = require(
|
|
7
|
+
const Select_1 = require('@patternfly/react-core/dist/js/components/Select');
|
|
8
|
+
const MenuToggle_1 = require('@patternfly/react-core/dist/js/components/MenuToggle');
|
|
8
9
|
const inline_edit_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/InlineEdit/inline-edit"));
|
|
9
10
|
const form_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Form/form"));
|
|
10
11
|
const EditableSelectInputCell = ({ value, rowIndex, cellIndex, onSelect = () => { }, clearSelection, isOpen = false, onToggle = () => { }, selections = [''], options = [], props }) => {
|
|
11
|
-
const onSelectHandler = (event, newValue
|
|
12
|
-
|
|
12
|
+
const onSelectHandler = (event, newValue
|
|
13
|
+
// isPlaceholder: boolean
|
|
14
|
+
) => {
|
|
15
|
+
onSelect(event, newValue, rowIndex, cellIndex);
|
|
13
16
|
};
|
|
14
17
|
const onClear = (event) => {
|
|
15
18
|
clearSelection(event, rowIndex, cellIndex);
|
|
16
19
|
};
|
|
17
|
-
const select = (React.createElement(Select_1.Select, Object.assign({}, props.editableSelectProps, { onSelect: onSelectHandler }, (clearSelection && { onClear }), { isOpen: isOpen,
|
|
20
|
+
const select = (React.createElement(Select_1.Select, Object.assign({}, props.editableSelectProps, { onSelect: onSelectHandler }, (clearSelection && { onClear }), { isOpen: isOpen, selected: selections, toggle: (toggleRef) => (React.createElement(MenuToggle_1.MenuToggle, { ref: toggleRef, onClick: onToggle, isExpanded: isOpen }, isOpen ? 'Expanded' : 'Collapsed')) }),
|
|
21
|
+
React.createElement(Select_1.SelectList, null, options)));
|
|
18
22
|
return (React.createElement(React.Fragment, null,
|
|
19
23
|
React.createElement("div", { className: inline_edit_1.default.inlineEditValue }, Array.isArray(value) ? value.join(', ') : value),
|
|
20
24
|
React.createElement("div", { className: inline_edit_1.default.inlineEditInput },
|
|
21
25
|
select,
|
|
22
|
-
React.createElement("div", { className: (0, react_styles_1.css)(form_1.default.formHelperText
|
|
26
|
+
React.createElement("div", { className: (0, react_styles_1.css)(form_1.default.formHelperText), "aria-live": "polite" }, props.errorText))));
|
|
23
27
|
};
|
|
24
28
|
exports.EditableSelectInputCell = EditableSelectInputCell;
|
|
25
29
|
exports.EditableSelectInputCell.displayName = 'EditableSelectInputCell';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableSelectInputCell.js","sourceRoot":"","sources":["../../../../src/components/Table/EditableSelectInputCell.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C
|
|
1
|
+
{"version":3,"file":"EditableSelectInputCell.js","sourceRoot":"","sources":["../../../../src/components/Table/EditableSelectInputCell.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;;;AAG/C,yHAA0F;AAC1F,qGAA2E;AAgCpE,MAAM,uBAAuB,GAAsD,CAAC,EACzF,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,cAAc,EACd,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,UAAU,GAAG,CAAC,EAAE,CAAC,EACjB,OAAO,GAAG,EAA0B,EACpC,KAAK,EACoB,EAAE,EAAE;IAC7B,MAAM,eAAe,GAAG,CACtB,KAA2C,EAC3C,QAAqB;IACrB,4BAA4B;MAC5B,EAAE;QACF,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,KAAuB,EAAE,EAAE;QAC1C,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CACb,oBAAC,eAAM,oBACD,KAAK,CAAC,mBAAmB,IAC7B,QAAQ,EAAE,eAAe,IACrB,CAAC,cAAc,IAAI,EAAE,OAAO,EAAE,CAAC,IACnC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,CAAC,SAAc,EAAE,EAAE,CAAC,CAC1B,oBAAC,uBAAU,IAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,IAC9D,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CACvB,CACd;QAED,oBAAC,mBAAU,QAAE,OAAO,CAAc,CAC3B,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,6BAAK,SAAS,EAAE,qBAAY,CAAC,eAAe,IAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAO;QACrG,6BAAK,SAAS,EAAE,qBAAY,CAAC,eAAe;YACzC,MAAM;YACP,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAU,CAAC,cAAc,CAAC,eAAY,QAAQ,IAC/D,KAAK,CAAC,SAAS,CACZ,CACF,CACS,CAClB,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,uBAAuB,2BAoDlC;AACF,+BAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.EditableTextCell = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
|
-
const TextInput_1 = require(
|
|
6
|
+
const TextInput_1 = require('@patternfly/react-core/dist/js/components/TextInput');
|
|
7
7
|
const inline_edit_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/InlineEdit/inline-edit"));
|
|
8
8
|
const form_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Form/form"));
|
|
9
9
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
@@ -13,7 +13,7 @@ const EditableTextCell = ({ value, rowIndex, cellIndex, props, handleTextInputCh
|
|
|
13
13
|
React.createElement(TextInput_1.TextInput, { isDisabled: isDisabled, value: props.editableValue !== undefined ? props.editableValue : value, validated: props.isValid !== false ? 'default' : 'error', type: "text", onChange: (event, newValue) => {
|
|
14
14
|
handleTextInputChange(newValue, event, rowIndex, cellIndex);
|
|
15
15
|
}, "aria-label": inputAriaLabel }),
|
|
16
|
-
React.createElement("div", { className: (0, react_styles_1.css)(form_1.default.formHelperText
|
|
16
|
+
React.createElement("div", { className: (0, react_styles_1.css)(form_1.default.formHelperText), "aria-live": "polite" }, props.errorText))));
|
|
17
17
|
exports.EditableTextCell = EditableTextCell;
|
|
18
18
|
exports.EditableTextCell.displayName = 'EditableTextCell';
|
|
19
19
|
//# sourceMappingURL=EditableTextCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableTextCell.js","sourceRoot":"","sources":["../../../../src/components/Table/EditableTextCell.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B
|
|
1
|
+
{"version":3,"file":"EditableTextCell.js","sourceRoot":"","sources":["../../../../src/components/Table/EditableTextCell.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;;AAE/B,yHAA0F;AAC1F,qGAA2E;AAC3E,2DAA+C;AAyBxC,MAAM,gBAAgB,GAA+C,CAAC,EAC3E,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,qBAAqB,EACrB,cAAc,EACd,UAAU,GAAG,KAAK,EACA,EAAE,EAAE,CAAC,CACvB,oBAAC,KAAK,CAAC,QAAQ;IACb,6BAAK,SAAS,EAAE,qBAAY,CAAC,eAAe,IAAG,KAAK,CAAO;IAC3D,6BAAK,SAAS,EAAE,qBAAY,CAAC,eAAe;QAC1C,oBAAC,qBAAS,IACR,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,EACtE,SAAS,EAAE,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxD,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAC5B,qBAAqB,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;YAC9D,CAAC,gBACW,cAAc,GAC1B;QACF,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAU,CAAC,cAAc,CAAC,eAAY,QAAQ,IAC/D,KAAK,CAAC,SAAS,CACZ,CACF,CACS,CAClB,CAAC;AA3BW,QAAA,gBAAgB,oBA2B3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FavoritesCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/FavoritesCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"FavoritesCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/FavoritesCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA0BrE,CAAC"}
|
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.FavoritesCell = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
|
-
const star_icon_1 = tslib_1.__importDefault(require(
|
|
7
|
-
const Button_1 = require(
|
|
6
|
+
const star_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/star-icon'));
|
|
7
|
+
const Button_1 = require('@patternfly/react-core/dist/js/components/Button');
|
|
8
8
|
const FavoritesCell = (_a) => {
|
|
9
9
|
var { className = '', onFavorite, isFavorited, rowIndex } = _a, props = tslib_1.__rest(_a, ["className", "onFavorite", "isFavorited", "rowIndex"]);
|
|
10
10
|
const ariaProps = rowIndex === undefined
|
|
@@ -13,8 +13,7 @@ const FavoritesCell = (_a) => {
|
|
|
13
13
|
id: `favorites-button-${rowIndex}`,
|
|
14
14
|
'aria-labelledby': `favorites-button-${rowIndex}`
|
|
15
15
|
};
|
|
16
|
-
return (React.createElement(Button_1.Button, Object.assign({ variant: "plain", className: className, type: "button", "aria-label": isFavorited ? 'Starred' : 'Not starred', onClick: onFavorite }, ariaProps, props)
|
|
17
|
-
React.createElement(star_icon_1.default, { "aria-hidden": true })));
|
|
16
|
+
return (React.createElement(Button_1.Button, Object.assign({ variant: "plain", className: className, type: "button", "aria-label": isFavorited ? 'Starred' : 'Not starred', onClick: onFavorite }, ariaProps, props, { icon: React.createElement(star_icon_1.default, { "aria-hidden": true }) })));
|
|
18
17
|
};
|
|
19
18
|
exports.FavoritesCell = FavoritesCell;
|
|
20
19
|
exports.FavoritesCell.displayName = 'FavoritesCell';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FavoritesCell.js","sourceRoot":"","sources":["../../../../src/components/Table/FavoritesCell.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B
|
|
1
|
+
{"version":3,"file":"FavoritesCell.js","sourceRoot":"","sources":["../../../../src/components/Table/FavoritesCell.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;;;AAYxB,MAAM,aAAa,GAAgD,CAAC,EAMtD,EAAE,EAAE;QANkD,EACzE,SAAS,GAAG,EAAY,EACxB,UAAU,EACV,WAAW,EACX,QAAQ,OAEW,EADhB,KAAK,sBALiE,sDAM1E,CADS;IAER,MAAM,SAAS,GACb,QAAQ,KAAK,SAAS;QACpB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,EAAE,EAAE,oBAAoB,QAAQ,EAAE;YAClC,iBAAiB,EAAE,oBAAoB,QAAQ,EAAE;SAClD,CAAC;IACR,OAAO,CACL,oBAAC,eAAM,kBACL,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,QAAQ,gBACD,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EACnD,OAAO,EAAE,UAAU,IACf,SAAS,EACT,KAAK,IACT,IAAI,EAAE,oBAAC,mBAAQ,0BAAe,IAC9B,CACH,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,aAAa,iBA0BxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderCellInfoWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/HeaderCellInfoWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAW,YAAY,EAAE,MAAM,oDAAoD,CAAC;AAC3F,OAAO,EAAW,YAAY,EAAE,MAAM,oDAAoD,CAAC;AAI3F,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;IACjD;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,
|
|
1
|
+
{"version":3,"file":"HeaderCellInfoWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/HeaderCellInfoWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAW,YAAY,EAAE,MAAM,oDAAoD,CAAC;AAC3F,OAAO,EAAW,YAAY,EAAE,MAAM,oDAAoD,CAAC;AAI3F,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;IACjD;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CA+BjF,CAAC"}
|
|
@@ -3,20 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.HeaderCellInfoWrapper = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
|
-
const help_icon_1 = tslib_1.__importDefault(require(
|
|
6
|
+
const help_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/help-icon'));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const table_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Table/table"));
|
|
9
|
-
const Tooltip_1 = require(
|
|
10
|
-
const Popover_1 = require(
|
|
11
|
-
const Button_1 = require(
|
|
9
|
+
const Tooltip_1 = require('@patternfly/react-core/dist/js/components/Tooltip');
|
|
10
|
+
const Popover_1 = require('@patternfly/react-core/dist/js/components/Popover');
|
|
11
|
+
const Button_1 = require('@patternfly/react-core/dist/js/components/Button');
|
|
12
12
|
const TableText_1 = require("./TableText");
|
|
13
13
|
const HeaderCellInfoWrapper = ({ children, info, className, variant = 'tooltip', popoverProps, tooltipProps, ariaLabel }) => (React.createElement("div", { className: (0, react_styles_1.css)(table_1.default.tableColumnHelp, className) },
|
|
14
14
|
typeof children === 'string' ? React.createElement(TableText_1.TableText, null, children) : children,
|
|
15
15
|
React.createElement("span", { className: (0, react_styles_1.css)(table_1.default.tableColumnHelpAction) }, variant === 'tooltip' ? (React.createElement(Tooltip_1.Tooltip, Object.assign({ content: info }, tooltipProps),
|
|
16
|
-
React.createElement(Button_1.Button, { variant: "plain", "aria-label": ariaLabel || (typeof info === 'string' && info) || 'More info' },
|
|
17
|
-
|
|
18
|
-
React.createElement(Button_1.Button, { variant: "plain", "aria-label": ariaLabel || (typeof info === 'string' && info) || 'More info' },
|
|
19
|
-
React.createElement(help_icon_1.default, null)))))));
|
|
16
|
+
React.createElement(Button_1.Button, { variant: "plain", "aria-label": ariaLabel || (typeof info === 'string' && info) || 'More info', icon: React.createElement(help_icon_1.default, null) }))) : (React.createElement(Popover_1.Popover, Object.assign({ bodyContent: info }, popoverProps),
|
|
17
|
+
React.createElement(Button_1.Button, { variant: "plain", "aria-label": ariaLabel || (typeof info === 'string' && info) || 'More info', icon: React.createElement(help_icon_1.default, null) }))))));
|
|
20
18
|
exports.HeaderCellInfoWrapper = HeaderCellInfoWrapper;
|
|
21
19
|
exports.HeaderCellInfoWrapper.displayName = 'HeaderCellInfoWrapper';
|
|
22
20
|
//# sourceMappingURL=HeaderCellInfoWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderCellInfoWrapper.js","sourceRoot":"","sources":["../../../../src/components/Table/HeaderCellInfoWrapper.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B
|
|
1
|
+
{"version":3,"file":"HeaderCellInfoWrapper.js","sourceRoot":"","sources":["../../../../src/components/Table/HeaderCellInfoWrapper.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;;AAE/B,2DAA+C;AAC/C,wGAAyE;;;;AAIzE,2CAAwC;AAiCjC,MAAM,qBAAqB,GAAoD,CAAC,EACrF,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,YAAY,EACZ,YAAY,EACZ,SAAS,EACc,EAAE,EAAE,CAAC,CAC5B,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,eAAe,EAAE,SAAS,CAAC;IACnD,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,qBAAS,QAAE,QAAQ,CAAa,CAAC,CAAC,CAAC,QAAQ;IAC5E,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,qBAAqB,CAAC,IAC/C,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,oBAAC,iBAAO,kBAAC,OAAO,EAAE,IAAI,IAAM,YAAY;QACtC,oBAAC,eAAM,IACL,OAAO,EAAC,OAAO,gBACH,SAAS,IAAI,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,WAAW,EAC1E,IAAI,EAAE,oBAAC,mBAAQ,OAAG,GAClB,CACM,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,iBAAO,kBAAC,WAAW,EAAE,IAAI,IAAM,YAAY;QAC1C,oBAAC,eAAM,IACL,OAAO,EAAC,OAAO,gBACH,SAAS,IAAI,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,WAAW,EAC1E,IAAI,EAAE,oBAAC,mBAAQ,OAAG,GAClB,CACM,CACX,CACI,CACH,CACP,CAAC;AA/BW,QAAA,qBAAqB,yBA+BhC;AACF,6BAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC"}
|
|
@@ -33,7 +33,7 @@ declare class RowWrapper extends React.Component<RowWrapperProps> {
|
|
|
33
33
|
componentWillUnmount(): void;
|
|
34
34
|
handleScroll: (event: Event) => void;
|
|
35
35
|
handleResize: (event: Event) => void;
|
|
36
|
-
render(): JSX.Element;
|
|
36
|
+
render(): React.JSX.Element;
|
|
37
37
|
}
|
|
38
38
|
export { RowWrapper };
|
|
39
39
|
//# sourceMappingURL=RowWrapper.d.ts.map
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.RowWrapper = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
|
-
const util_1 = require(
|
|
6
|
+
const util_1 = require('@patternfly/react-core/dist/js/helpers/util');
|
|
7
7
|
const Tr_1 = require("./Tr");
|
|
8
8
|
class RowWrapper extends React.Component {
|
|
9
9
|
constructor(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowWrapper.js","sourceRoot":"","sources":["../../../../src/components/Table/RowWrapper.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B
|
|
1
|
+
{"version":3,"file":"RowWrapper.js","sourceRoot":"","sources":["../../../../src/components/Table/RowWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { TooltipProps } from '@patternfly/react-core/dist/esm/components/Tooltip';
|
|
2
3
|
export declare enum RowSelectVariant {
|
|
3
4
|
radio = "radio",
|
|
4
5
|
checkbox = "checkbox"
|
|
@@ -9,6 +10,10 @@ export interface SelectColumnProps {
|
|
|
9
10
|
className?: string;
|
|
10
11
|
onSelect?: (event: React.FormEvent<HTMLInputElement>) => void;
|
|
11
12
|
selectVariant?: RowSelectVariant;
|
|
13
|
+
/** text to display on the tooltip */
|
|
14
|
+
tooltip?: React.ReactNode;
|
|
15
|
+
/** other props to pass to the tooltip */
|
|
16
|
+
tooltipProps?: Omit<TooltipProps, 'content'>;
|
|
12
17
|
}
|
|
13
18
|
export declare const SelectColumn: React.FunctionComponent<SelectColumnProps>;
|
|
14
19
|
//# sourceMappingURL=SelectColumn.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,YAAY,EAAE,MAAM,oDAAoD,CAAC;AAE3F,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,qCAAqC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yCAAyC;IACzC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA4BnE,CAAC"}
|
|
@@ -3,19 +3,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SelectColumn = exports.RowSelectVariant = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
|
+
const Tooltip_1 = require('@patternfly/react-core/dist/js/components/Tooltip');
|
|
6
7
|
var RowSelectVariant;
|
|
7
8
|
(function (RowSelectVariant) {
|
|
8
9
|
RowSelectVariant["radio"] = "radio";
|
|
9
10
|
RowSelectVariant["checkbox"] = "checkbox";
|
|
10
|
-
})(RowSelectVariant
|
|
11
|
+
})(RowSelectVariant || (exports.RowSelectVariant = RowSelectVariant = {}));
|
|
11
12
|
const SelectColumn = (_a) => {
|
|
12
13
|
var { children = null,
|
|
13
14
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
14
|
-
className, onSelect = null, selectVariant } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "selectVariant"]);
|
|
15
|
-
|
|
15
|
+
className, onSelect = null, selectVariant, tooltip, tooltipProps } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "selectVariant", "tooltip", "tooltipProps"]);
|
|
16
|
+
const inputRef = React.createRef();
|
|
17
|
+
const content = (React.createElement(React.Fragment, null,
|
|
16
18
|
React.createElement("label", null,
|
|
17
|
-
React.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect }))),
|
|
19
|
+
React.createElement("input", Object.assign({}, props, { ref: inputRef, type: selectVariant, onChange: onSelect }))),
|
|
18
20
|
children));
|
|
21
|
+
return tooltip ? (React.createElement(Tooltip_1.Tooltip, Object.assign({ triggerRef: inputRef, content: tooltip }, tooltipProps), content)) : (content);
|
|
19
22
|
};
|
|
20
23
|
exports.SelectColumn = SelectColumn;
|
|
21
24
|
exports.SelectColumn.displayName = 'SelectColumn';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B
|
|
1
|
+
{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;;AAG/B,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B;AAcM,MAAM,YAAY,GAA+C,CAAC,EASrD,EAAE,EAAE;QATiD,EACvE,QAAQ,GAAG,IAAuB;IAClC,6DAA6D;IAC7D,SAAS,EACT,QAAQ,GAAG,IAA0D,EACrE,aAAa,EACb,OAAO,EACP,YAAY,OAEM,EADf,KAAK,sBAR+D,iFASxE,CADS;IAER,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAoB,CAAC;IAErD,MAAM,OAAO,GAAG,CACd,oBAAC,KAAK,CAAC,QAAQ;QACb;YACE,+CAAW,KAAK,IAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,IAAI,CACtE;QACP,QAAQ,CACM,CAClB,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,iBAAO,kBAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,IAAM,YAAY,GAC9D,OAAO,CACA,CACX,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,YAAY,gBA4BvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { TooltipProps } from '@patternfly/react-core/dist/esm/components/Tooltip';
|
|
2
3
|
export declare enum SortByDirection {
|
|
3
4
|
asc = "asc",
|
|
4
5
|
desc = "desc"
|
|
@@ -9,6 +10,9 @@ export interface SortColumnProps extends React.ButtonHTMLAttributes<HTMLButtonEl
|
|
|
9
10
|
isSortedBy?: boolean;
|
|
10
11
|
onSort?: Function;
|
|
11
12
|
sortDirection?: string;
|
|
13
|
+
tooltip?: React.ReactNode;
|
|
14
|
+
tooltipProps?: Omit<TooltipProps, 'content'>;
|
|
15
|
+
tooltipHasDefaultBehavior?: boolean;
|
|
12
16
|
}
|
|
13
17
|
export declare const SortColumn: React.FunctionComponent<SortColumnProps>;
|
|
14
18
|
//# sourceMappingURL=SortColumn.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SortColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SortColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SortColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,YAAY,EAAE,MAAM,oDAAoD,CAAC;AAElF,oBAAY,eAAe;IACzB,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA2C/D,CAAC"}
|
|
@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SortColumn = exports.SortByDirection = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
|
-
const long_arrow_alt_up_icon_1 = tslib_1.__importDefault(require(
|
|
7
|
-
const long_arrow_alt_down_icon_1 = tslib_1.__importDefault(require(
|
|
8
|
-
const arrows_alt_v_icon_1 = tslib_1.__importDefault(require(
|
|
6
|
+
const long_arrow_alt_up_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/long-arrow-alt-up-icon'));
|
|
7
|
+
const long_arrow_alt_down_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/long-arrow-alt-down-icon'));
|
|
8
|
+
const arrows_alt_v_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/arrows-alt-v-icon'));
|
|
9
9
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
10
10
|
const table_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Table/table"));
|
|
11
11
|
const TableText_1 = require("./TableText");
|
|
@@ -13,9 +13,9 @@ var SortByDirection;
|
|
|
13
13
|
(function (SortByDirection) {
|
|
14
14
|
SortByDirection["asc"] = "asc";
|
|
15
15
|
SortByDirection["desc"] = "desc";
|
|
16
|
-
})(SortByDirection
|
|
16
|
+
})(SortByDirection || (exports.SortByDirection = SortByDirection = {}));
|
|
17
17
|
const SortColumn = (_a) => {
|
|
18
|
-
var { children = null, className = '', isSortedBy = false, onSort = null, sortDirection = '', type = 'button' } = _a, props = tslib_1.__rest(_a, ["children", "className", "isSortedBy", "onSort", "sortDirection", "type"]);
|
|
18
|
+
var { children = null, className = '', isSortedBy = false, onSort = null, sortDirection = '', type = 'button', tooltip, tooltipProps, tooltipHasDefaultBehavior } = _a, props = tslib_1.__rest(_a, ["children", "className", "isSortedBy", "onSort", "sortDirection", "type", "tooltip", "tooltipProps", "tooltipHasDefaultBehavior"]);
|
|
19
19
|
let SortedByIcon;
|
|
20
20
|
const [focused, setFocused] = React.useState(false);
|
|
21
21
|
if (isSortedBy) {
|
|
@@ -26,7 +26,7 @@ const SortColumn = (_a) => {
|
|
|
26
26
|
}
|
|
27
27
|
return (React.createElement("button", Object.assign({}, props, { type: type, className: (0, react_styles_1.css)(className, table_1.default.tableButton), onClick: (event) => onSort && onSort(event), onFocus: () => setFocused(true), onBlur: () => setFocused(false) }),
|
|
28
28
|
React.createElement("div", { className: (0, react_styles_1.css)(className, table_1.default.tableButtonContent) },
|
|
29
|
-
React.createElement(TableText_1.TableText, { focused: focused }, children),
|
|
29
|
+
React.createElement(TableText_1.TableText, { tooltip: tooltip, tooltipProps: tooltipProps, tooltipHasDefaultBehavior: tooltipHasDefaultBehavior, focused: focused }, children),
|
|
30
30
|
React.createElement("span", { className: (0, react_styles_1.css)(table_1.default.tableSortIndicator) },
|
|
31
31
|
React.createElement(SortedByIcon, null)))));
|
|
32
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SortColumn.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B
|
|
1
|
+
{"version":3,"file":"SortColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SortColumn.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;;;;AAI/B,2DAA+C;AAC/C,wGAAyE;AACzE,2CAAwC;AAGxC,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,8BAAW,CAAA;IACX,gCAAa,CAAA;AACf,CAAC,EAHW,eAAe,+BAAf,eAAe,QAG1B;AAaM,MAAM,UAAU,GAA6C,CAAC,EAWnD,EAAE,EAAE;QAX+C,EACnE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,IAAI,EACb,aAAa,GAAG,EAAE,EAClB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,YAAY,EACZ,yBAAyB,OAET,EADb,KAAK,sBAV2D,kIAWpE,CADS;IAER,IAAI,YAAY,CAAC;IACjB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,IAAI,UAAU,EAAE,CAAC;QACf,YAAY,GAAG,aAAa,KAAK,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,gCAAkB,CAAC,CAAC,CAAC,kCAAoB,CAAC;IACnG,CAAC;SAAM,CAAC;QACN,YAAY,GAAG,2BAAc,CAAC;IAChC,CAAC;IACD,OAAO,CACL,gDACM,KAAK,IACT,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,kBAAG,EAAC,SAAS,EAAE,eAAM,CAAC,WAAW,CAAC,EAC7C,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;QAE/B,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,SAAS,EAAE,eAAM,CAAC,kBAAkB,CAAC;YACvD,oBAAC,qBAAS,IACR,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,OAAO,EAAE,OAAO,IAEf,QAAQ,CACC;YACZ,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,kBAAkB,CAAC;gBAC7C,oBAAC,YAAY,OAAG,CACX,CACH,CACC,CACV,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,UAAU,cA2CrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -65,6 +65,6 @@ interface TableContextProps {
|
|
|
65
65
|
registerSelectableRow?: () => void;
|
|
66
66
|
}
|
|
67
67
|
export declare const TableContext: React.Context<TableContextProps>;
|
|
68
|
-
export declare const Table: React.ForwardRefExoticComponent<
|
|
68
|
+
export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
|
|
69
69
|
export {};
|
|
70
70
|
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAgB,SAAS,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAgB,SAAS,EAAuC,MAAM,wBAAwB,CAAC;AACtG,OAAO,EAAuB,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjE,MAAM,WAAW,aAAa;IAC5B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,WAAW,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACvE,gCAAgC;IAChC,KAAK,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;IAC7E,sCAAsC;IACtC,UAAU,CAAC,EAAE,CAAC,MAAM,WAAW,CAAC,EAAE,CAAC;IACnC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,SAAS;IAC9E,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,cAAc,CAAC,EAAE,EAAE,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC9E,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAChC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kMAAkM;IAClM,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sFAAsF;IACtF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sMAAsM;IACtM,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0HAA0H;IAC1H,uBAAuB,CAAC,EAAE,MAAM,EAAE,CAAC;IACnC,6FAA6F;IAC7F,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,iBAAiB;IACzB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,kCAEvB,CAAC;AAqJH,eAAO,MAAM,KAAK,kGAEhB,CAAC"}
|
|
@@ -37,10 +37,10 @@ const TableBase = (_a) => {
|
|
|
37
37
|
if (selectableRowCaptionText) {
|
|
38
38
|
setTableCaption(React.createElement("caption", null,
|
|
39
39
|
selectableRowCaptionText,
|
|
40
|
-
React.createElement("div", { className: "pf-
|
|
40
|
+
React.createElement("div", { className: "pf-v6-screen-reader" }, "This table has selectable rows. It can be navigated by row using tab, and each row can be selected using space or enter.")));
|
|
41
41
|
}
|
|
42
42
|
else {
|
|
43
|
-
setTableCaption(React.createElement("caption", { className: "pf-
|
|
43
|
+
setTableCaption(React.createElement("caption", { className: "pf-v6-screen-reader" }, "This table has selectable rows. It can be navigated by row using tab, and each row can be selected using space or enter."));
|
|
44
44
|
}
|
|
45
45
|
}, [selectableRowCaptionText]);
|
|
46
46
|
const ouiaProps = (0, react_core_1.useOUIAProps)('Table', ouiaId, ouiaSafe);
|
|
@@ -49,14 +49,14 @@ const TableBase = (_a) => {
|
|
|
49
49
|
const treeGrid = (_c = table_tree_view_1.default.modifiers) === null || _c === void 0 ? void 0 : _c[(0, utils_1.toCamel)(breakPointPrefix || '').replace(/-?2xl/, '_2xl')];
|
|
50
50
|
const handleKeys = (event) => {
|
|
51
51
|
if (isNested ||
|
|
52
|
-
!(tableRef && tableRef.current && tableRef.current.classList.contains(
|
|
53
|
-
(tableRef && tableRef.current !== event.target.closest(
|
|
52
|
+
!(tableRef && tableRef.current && tableRef.current.classList.contains(table_tree_view_1.default.modifiers.treeView)) || // implements roving tab-index to tree tables only
|
|
53
|
+
(tableRef && tableRef.current !== event.target.closest(`.${table_1.default.table}:not(.pf-m-nested)`))) {
|
|
54
54
|
return;
|
|
55
55
|
}
|
|
56
56
|
const activeElement = document.activeElement;
|
|
57
57
|
const key = event.key;
|
|
58
58
|
const rows = Array.from(tableRef.current.querySelectorAll('tbody tr')).filter((el) => !el.classList.contains('pf-m-disabled') && !el.hidden);
|
|
59
|
-
if (key ===
|
|
59
|
+
if (key === react_core_1.KeyTypes.Space || key === react_core_1.KeyTypes.Enter) {
|
|
60
60
|
activeElement.click();
|
|
61
61
|
event.preventDefault();
|
|
62
62
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,wGAAyE;AACzE,kHAAkF;AAClF,4HAA2F;AAC3F,2DAA+C;AAC/C,mCAAkC;AAElC,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,13 +21,15 @@ export interface TableTextProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
21
21
|
/** Determines which wrapping modifier to apply to the table text */
|
|
22
22
|
wrapModifier?: WrapModifier | 'wrap' | 'nowrap' | 'truncate' | 'breakWord' | 'fitContent';
|
|
23
23
|
/** text to display on the tooltip */
|
|
24
|
-
tooltip?:
|
|
24
|
+
tooltip?: React.ReactNode;
|
|
25
25
|
/** other props to pass to the tooltip */
|
|
26
26
|
tooltipProps?: Omit<TooltipProps, 'content'>;
|
|
27
27
|
/** callback used to create the tooltip if text is truncated */
|
|
28
28
|
onMouseEnter?: (event: any) => void;
|
|
29
29
|
/** Determines if the TableText is focused by parent component */
|
|
30
30
|
focused?: boolean;
|
|
31
|
+
/** Determines if tooltip should have normal visbility behavior. If false, the tooltip will only be shown when children is not entirely visible */
|
|
32
|
+
tooltipHasDefaultBehavior?: boolean;
|
|
31
33
|
}
|
|
32
34
|
export declare const TableText: React.FunctionComponent<TableTextProps>;
|
|
33
35
|
//# sourceMappingURL=TableText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableText.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAW,YAAY,EAAE,MAAM,oDAAoD,CAAC;AAE3F,oBAAY,gBAAgB;IAC1B,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AAED,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,UAAU,eAAe;CAC1B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,OAAO,CAAC,EAAE,gBAAgB,GAAG,MAAM,GAAG,KAAK,CAAC;IAC5C,oEAAoE;IACpE,YAAY,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC;IAC1F,qCAAqC;IACrC,OAAO,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"TableText.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAW,YAAY,EAAE,MAAM,oDAAoD,CAAC;AAE3F,oBAAY,gBAAgB;IAC1B,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AAED,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,UAAU,eAAe;CAC1B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,OAAO,CAAC,EAAE,gBAAgB,GAAG,MAAM,GAAG,KAAK,CAAC;IAC5C,oEAAoE;IACpE,YAAY,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC;IAC1F,qCAAqC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yCAAyC;IACzC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kJAAkJ;IAClJ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAkE7D,CAAC"}
|
|
@@ -5,12 +5,12 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
6
|
const table_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Table/table"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
-
const Tooltip_1 = require(
|
|
8
|
+
const Tooltip_1 = require('@patternfly/react-core/dist/js/components/Tooltip');
|
|
9
9
|
var TableTextVariant;
|
|
10
10
|
(function (TableTextVariant) {
|
|
11
11
|
TableTextVariant["div"] = "div";
|
|
12
12
|
TableTextVariant["nav"] = "nav";
|
|
13
|
-
})(TableTextVariant
|
|
13
|
+
})(TableTextVariant || (exports.TableTextVariant = TableTextVariant = {}));
|
|
14
14
|
var WrapModifier;
|
|
15
15
|
(function (WrapModifier) {
|
|
16
16
|
WrapModifier["wrap"] = "wrap";
|
|
@@ -18,12 +18,12 @@ var WrapModifier;
|
|
|
18
18
|
WrapModifier["truncate"] = "truncate";
|
|
19
19
|
WrapModifier["breakWord"] = "breakWord";
|
|
20
20
|
WrapModifier["fitContent"] = "fitContent";
|
|
21
|
-
})(WrapModifier
|
|
21
|
+
})(WrapModifier || (exports.WrapModifier = WrapModifier = {}));
|
|
22
22
|
const TableText = (_a) => {
|
|
23
|
-
var { children = null, className = '', variant = 'span', wrapModifier = null, tooltip: tooltipProp = '', tooltipProps = {}, onMouseEnter: onMouseEnterProp = () => { }, focused = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "variant", "wrapModifier", "tooltip", "tooltipProps", "onMouseEnter", "focused"]);
|
|
23
|
+
var { children = null, className = '', variant = 'span', wrapModifier = null, tooltip: tooltipProp = '', tooltipProps = {}, onMouseEnter: onMouseEnterProp = () => { }, focused = false, tooltipHasDefaultBehavior = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "variant", "wrapModifier", "tooltip", "tooltipProps", "onMouseEnter", "focused", "tooltipHasDefaultBehavior"]);
|
|
24
24
|
const Component = variant;
|
|
25
25
|
const textRef = React.createRef();
|
|
26
|
-
const [tooltip, setTooltip] = React.useState(
|
|
26
|
+
const [tooltip, setTooltip] = React.useState(tooltipProp);
|
|
27
27
|
const onMouseEnter = (event) => {
|
|
28
28
|
if (event.target.offsetWidth < event.target.scrollWidth) {
|
|
29
29
|
setTooltip(tooltipProp || event.target.innerText);
|
|
@@ -41,16 +41,18 @@ const TableText = (_a) => {
|
|
|
41
41
|
setTooltip('');
|
|
42
42
|
}
|
|
43
43
|
};
|
|
44
|
-
const text = (React.createElement(Component, Object.assign({ ref: textRef, onMouseEnter: onMouseEnter, className: (0, react_styles_1.css)(className, wrapModifier && table_1.default.modifiers[wrapModifier], table_1.default.tableText) }, props), children));
|
|
44
|
+
const text = (React.createElement(Component, Object.assign({ ref: textRef, onMouseEnter: !tooltipHasDefaultBehavior ? onMouseEnter : undefined, className: (0, react_styles_1.css)(className, wrapModifier && table_1.default.modifiers[wrapModifier], table_1.default.tableText) }, props), children));
|
|
45
45
|
React.useEffect(() => {
|
|
46
|
-
if (
|
|
47
|
-
|
|
46
|
+
if (!tooltipHasDefaultBehavior) {
|
|
47
|
+
if (focused) {
|
|
48
|
+
onFocus(textRef.current);
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
setTooltip('');
|
|
52
|
+
}
|
|
48
53
|
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
}, [focused]);
|
|
53
|
-
return tooltip !== '' ? (React.createElement(Tooltip_1.Tooltip, Object.assign({ triggerRef: textRef, content: tooltip, isVisible: true }, tooltipProps), text)) : (text);
|
|
54
|
+
}, [focused, tooltipHasDefaultBehavior]);
|
|
55
|
+
return tooltip !== '' ? (React.createElement(Tooltip_1.Tooltip, Object.assign({ triggerRef: textRef, content: tooltip }, (!tooltipHasDefaultBehavior && { isVisible: true }), tooltipProps), text)) : (text);
|
|
54
56
|
};
|
|
55
57
|
exports.TableText = TableText;
|
|
56
58
|
exports.TableText.displayName = 'TableText';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableText.js","sourceRoot":"","sources":["../../../../src/components/Table/TableText.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,wGAAyE;AACzE,2DAA+C
|
|
1
|
+
{"version":3,"file":"TableText.js","sourceRoot":"","sources":["../../../../src/components/Table/TableText.tsx"],"names":[],"mappings":"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"}
|