@patternfly/react-table 6.0.0-alpha.5 → 6.0.0-alpha.50
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 +540 -0
- 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/esm/components/Table/ActionsColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/ActionsColumn.js +1 -2
- package/dist/esm/components/Table/ActionsColumn.js.map +1 -1
- package/dist/esm/components/Table/EditableSelectInputCell.js +1 -1
- package/dist/esm/components/Table/EditableSelectInputCell.js.map +1 -1
- package/dist/esm/components/Table/EditableTextCell.js +1 -1
- package/dist/esm/components/Table/EditableTextCell.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 +2 -2
- package/dist/esm/components/Table/SortColumn.js.map +1 -1
- package/dist/esm/components/Table/Table.js +2 -2
- 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 +12 -10
- package/dist/esm/components/Table/TableText.js.map +1 -1
- package/dist/esm/components/Table/TableTypes.d.ts +3 -0
- package/dist/esm/components/Table/TableTypes.d.ts.map +1 -1
- package/dist/esm/components/Table/Td.d.ts +1 -1
- package/dist/esm/components/Table/Th.d.ts +3 -0
- package/dist/esm/components/Table/Th.d.ts.map +1 -1
- package/dist/esm/components/Table/Th.js +14 -7
- package/dist/esm/components/Table/Th.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 +2 -2
- 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 +6 -3
- package/dist/esm/components/Table/utils/decorators/sortable.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/treeRow.d.ts +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 +77 -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 +2 -0
- package/dist/esm/demos/index.d.ts.map +1 -1
- package/dist/esm/demos/index.js +2 -0
- package/dist/esm/demos/index.js.map +1 -1
- package/dist/js/components/Table/ActionsColumn.d.ts.map +1 -1
- package/dist/js/components/Table/ActionsColumn.js +1 -2
- package/dist/js/components/Table/ActionsColumn.js.map +1 -1
- package/dist/js/components/Table/EditableSelectInputCell.js +1 -1
- package/dist/js/components/Table/EditableSelectInputCell.js.map +1 -1
- package/dist/js/components/Table/EditableTextCell.js +1 -1
- package/dist/js/components/Table/EditableTextCell.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 +6 -3
- 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 +3 -2
- package/dist/js/components/Table/SortColumn.js.map +1 -1
- package/dist/js/components/Table/Table.js +2 -2
- 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 +12 -10
- package/dist/js/components/Table/TableText.js.map +1 -1
- package/dist/js/components/Table/TableTypes.d.ts +3 -0
- package/dist/js/components/Table/TableTypes.d.ts.map +1 -1
- package/dist/js/components/Table/Td.d.ts +1 -1
- package/dist/js/components/Table/Th.d.ts +3 -0
- package/dist/js/components/Table/Th.d.ts.map +1 -1
- package/dist/js/components/Table/Th.js +14 -7
- package/dist/js/components/Table/Th.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 +2 -2
- 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 +6 -3
- package/dist/js/components/Table/utils/decorators/sortable.js.map +1 -1
- package/dist/js/components/Table/utils/decorators/treeRow.d.ts +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 +82 -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 +2 -0
- package/dist/js/demos/index.d.ts.map +1 -1
- package/dist/js/demos/index.js +2 -0
- package/dist/js/demos/index.js.map +1 -1
- package/dist/umd/react-table.min.js +3 -3
- package/package.json +6 -6
- package/single-packages.config.json +3 -6
- package/src/components/Table/ActionsColumn.tsx +2 -3
- package/src/components/Table/EditableSelectInputCell.tsx +1 -1
- package/src/components/Table/EditableTextCell.tsx +1 -1
- package/src/components/Table/SelectColumn.tsx +27 -8
- package/src/components/Table/SortColumn.tsx +15 -1
- package/src/components/Table/Table.tsx +2 -2
- package/src/components/Table/TableText.tsx +19 -9
- package/src/components/Table/TableTypes.tsx +3 -0
- package/src/components/Table/Td.tsx +1 -1
- package/src/components/Table/Th.tsx +16 -5
- package/src/components/Table/__tests__/__snapshots__/RowWrapper.test.tsx.snap +2 -2
- package/src/components/Table/examples/TableActionsOverflow.tsx +2 -3
- package/src/components/Table/examples/TableEmptyState.tsx +1 -8
- package/src/components/Table/examples/TableNestedHeaders.tsx +4 -6
- package/src/components/Table/examples/TableNestedStickyHeader.tsx +4 -6
- package/src/components/Table/examples/TableSortableCustom.tsx +2 -3
- package/src/components/Table/examples/TableStickyColumnsAndHeader.tsx +1 -1
- package/src/components/Table/utils/__snapshots__/transformers.test.tsx.snap +2 -2
- package/src/components/Table/utils/decorators/selectable.tsx +2 -1
- package/src/components/Table/utils/decorators/sortable.tsx +8 -2
- package/src/demos/DashboardHeader.tsx +198 -0
- package/src/demos/DashboardWrapper.tsx +199 -0
- package/src/demos/Table.md +28 -4
- 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/TableBulkSelect.tsx +1 -1
- package/src/demos/examples/TableColumnManagement.tsx +7 -7
- package/src/demos/examples/TableColumnManagementWithDraggable.tsx +2 -6
- package/src/demos/examples/TableCompact.tsx +8 -3
- package/src/demos/examples/TableCompoundExpansion.tsx +8 -3
- package/src/demos/examples/TableEmptyStateDefault.tsx +1 -1
- package/src/demos/examples/TableEmptyStateError.tsx +1 -1
- package/src/demos/examples/TableEmptyStateLoading.tsx +1 -1
- package/src/demos/examples/TableExpandCollapseAll.tsx +1 -1
- package/src/demos/examples/TableSortableResponsive.tsx +8 -9
- package/src/demos/examples/TableStaticBottomPagination.tsx +8 -3
- package/src/demos/examples/TableStickyFirstColumn.tsx +1 -1
- package/src/demos/examples/TableStickyHeader.tsx +1 -1
- package/src/demos/index.ts +2 -0
- package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +1950 -1874
- package/src/deprecated/components/Table/examples/LegacyTableEmptyState.tsx +6 -8
- package/src/deprecated/components/Table/examples/LegacyTableSortableCustom.tsx +2 -3
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { Avatar, Brand, Button, ButtonVariant, Divider, Dropdown, DropdownGroup, DropdownItem, DropdownList, Masthead, MastheadToggle, MastheadMain, MastheadBrand, MastheadContent, MenuToggle, Toolbar, ToolbarContent, ToolbarGroup, ToolbarItem, PageToggleButton } from '@patternfly/react-core';
|
|
3
|
+
import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
|
|
4
|
+
import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
|
|
5
|
+
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
|
|
6
|
+
import QuestionCircleIcon from '@patternfly/react-icons/dist/esm/icons/question-circle-icon';
|
|
7
|
+
import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
|
|
8
|
+
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
|
|
9
|
+
import imgAvatar from '@patternfly/react-table/src/demos/assets/avatarImg.svg';
|
|
10
|
+
import pfLogo from '@patternfly/react-table/src/demos/assets/pf-logo.svg';
|
|
11
|
+
export const DashboardHeader = ({ notificationBadge }) => {
|
|
12
|
+
const [isDropdownOpen, setIsDropdownOpen] = useState(false);
|
|
13
|
+
const [isKebabDropdownOpen, setIsKebabDropdownOpen] = useState(false);
|
|
14
|
+
const [isFullKebabDropdownOpen, setIsFullKebabDropdownOpen] = useState(false);
|
|
15
|
+
const kebabDropdownItems = (React.createElement(React.Fragment, null,
|
|
16
|
+
React.createElement(DropdownItem, null,
|
|
17
|
+
React.createElement(CogIcon, null),
|
|
18
|
+
" Settings"),
|
|
19
|
+
React.createElement(DropdownItem, null,
|
|
20
|
+
React.createElement(HelpIcon, null),
|
|
21
|
+
" Help")));
|
|
22
|
+
const userDropdownItems = (React.createElement(React.Fragment, null,
|
|
23
|
+
React.createElement(DropdownItem, { key: "group 2 profile" }, "My profile"),
|
|
24
|
+
React.createElement(DropdownItem, { key: "group 2 user" }, "User management"),
|
|
25
|
+
React.createElement(DropdownItem, { key: "group 2 logout" }, "Logout")));
|
|
26
|
+
const onDropdownToggle = () => {
|
|
27
|
+
setIsDropdownOpen(!isDropdownOpen);
|
|
28
|
+
};
|
|
29
|
+
const onDropdownSelect = () => {
|
|
30
|
+
setIsDropdownOpen(false);
|
|
31
|
+
};
|
|
32
|
+
const onKebabDropdownToggle = () => {
|
|
33
|
+
setIsKebabDropdownOpen(!isKebabDropdownOpen);
|
|
34
|
+
};
|
|
35
|
+
const onKebabDropdownSelect = () => {
|
|
36
|
+
setIsKebabDropdownOpen(false);
|
|
37
|
+
};
|
|
38
|
+
const onFullKebabToggle = () => {
|
|
39
|
+
setIsFullKebabDropdownOpen(!isFullKebabDropdownOpen);
|
|
40
|
+
};
|
|
41
|
+
const onFullKebabSelect = () => {
|
|
42
|
+
setIsFullKebabDropdownOpen(false);
|
|
43
|
+
};
|
|
44
|
+
return (React.createElement(Masthead, null,
|
|
45
|
+
React.createElement(MastheadToggle, null,
|
|
46
|
+
React.createElement(PageToggleButton, { variant: "plain", "aria-label": "Global navigation" },
|
|
47
|
+
React.createElement(BarsIcon, null))),
|
|
48
|
+
React.createElement(MastheadMain, null,
|
|
49
|
+
React.createElement(MastheadBrand, null,
|
|
50
|
+
React.createElement(Brand, { src: pfLogo, alt: "PatternFly", heights: { default: '36px' } }))),
|
|
51
|
+
React.createElement(MastheadContent, null,
|
|
52
|
+
React.createElement(Toolbar, { id: "toolbar", isFullHeight: true, isStatic: true },
|
|
53
|
+
React.createElement(ToolbarContent, null,
|
|
54
|
+
React.createElement(ToolbarGroup, { variant: "icon-button-group", align: { default: 'alignRight' }, spacer: { default: 'spacerNone', md: 'spacerMd' } }, notificationBadge !== null && notificationBadge !== void 0 ? notificationBadge : (React.createElement(ToolbarItem, null,
|
|
55
|
+
React.createElement(Button, { "aria-label": "Notifications", variant: ButtonVariant.plain, icon: React.createElement(BellIcon, null), onClick: () => { } }))),
|
|
56
|
+
React.createElement(ToolbarGroup, { variant: "icon-button-group", visibility: { default: 'hidden', lg: 'visible' } },
|
|
57
|
+
React.createElement(ToolbarItem, null,
|
|
58
|
+
React.createElement(Button, { "aria-label": "Settings", variant: ButtonVariant.plain, icon: React.createElement(CogIcon, null) })),
|
|
59
|
+
React.createElement(ToolbarItem, null,
|
|
60
|
+
React.createElement(Button, { "aria-label": "Help", variant: ButtonVariant.plain, icon: React.createElement(QuestionCircleIcon, null) }))),
|
|
61
|
+
React.createElement(ToolbarItem, { visibility: { default: 'hidden', md: 'visible', lg: 'hidden' } },
|
|
62
|
+
React.createElement(Dropdown, { isOpen: isKebabDropdownOpen, onSelect: onKebabDropdownSelect, onOpenChange: setIsKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, isExpanded: isKebabDropdownOpen, onClick: onKebabDropdownToggle, variant: "plain", "aria-label": "Settings and help" },
|
|
63
|
+
React.createElement(EllipsisVIcon, { "aria-hidden": "true" }))) },
|
|
64
|
+
React.createElement(DropdownList, null, kebabDropdownItems))),
|
|
65
|
+
React.createElement(ToolbarItem, { visibility: { md: 'hidden' } },
|
|
66
|
+
React.createElement(Dropdown, { isOpen: isFullKebabDropdownOpen, onSelect: onFullKebabSelect, onOpenChange: setIsFullKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, isExpanded: isFullKebabDropdownOpen, onClick: onFullKebabToggle, variant: "plain", "aria-label": "Toolbar menu" },
|
|
67
|
+
React.createElement(EllipsisVIcon, { "aria-hidden": "true" }))) },
|
|
68
|
+
React.createElement(DropdownGroup, { key: "group 2", "aria-label": "User actions" },
|
|
69
|
+
React.createElement(DropdownList, null, userDropdownItems)),
|
|
70
|
+
React.createElement(Divider, null),
|
|
71
|
+
React.createElement(DropdownList, null, kebabDropdownItems)))),
|
|
72
|
+
React.createElement(ToolbarItem, { visibility: { default: 'hidden', md: 'visible' } },
|
|
73
|
+
React.createElement(Dropdown, { isOpen: isDropdownOpen, onSelect: onDropdownSelect, onOpenChange: setIsDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, isExpanded: isDropdownOpen, onClick: onDropdownToggle, icon: React.createElement(Avatar, { src: imgAvatar, alt: "" }), isFullHeight: true }, "Ned Username")) },
|
|
74
|
+
React.createElement(DropdownList, null, userDropdownItems))))))));
|
|
75
|
+
};
|
|
76
|
+
DashboardHeader.displayName = 'DashboardHeader';
|
|
77
|
+
//# sourceMappingURL=DashboardHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DashboardWrapperProps {
|
|
3
|
+
/** Programmatically manage if the sidebar nav is shown */
|
|
4
|
+
sidebarNavOpen?: boolean;
|
|
5
|
+
/** Flag to render sample breadcrumb if custom breadcrumb not passed */
|
|
6
|
+
hasDefaultBreadcrumb?: boolean;
|
|
7
|
+
/** Flag to render sample page title if custom title not passed */
|
|
8
|
+
hasPageTemplateTitle?: boolean;
|
|
9
|
+
/** Content rendered inside the main section of the page layout (e.g. <PageSection />) */
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
/** Additional classes added to the page layout */
|
|
12
|
+
className?: string;
|
|
13
|
+
/** Header component (e.g. <Masthead />) */
|
|
14
|
+
header?: React.ReactNode;
|
|
15
|
+
/** Sidebar component for a side nav (e.g. <PageSidebar />) */
|
|
16
|
+
sidebar?: React.ReactNode;
|
|
17
|
+
/** Notification drawer component for an optional notification drawer (e.g. <NotificationDrawer />) */
|
|
18
|
+
notificationDrawer?: React.ReactNode;
|
|
19
|
+
/** Flag indicating Notification drawer in expanded */
|
|
20
|
+
isNotificationDrawerExpanded?: boolean;
|
|
21
|
+
/** Flag indicating if breadcrumb width should be limited */
|
|
22
|
+
isBreadcrumbWidthLimited?: boolean;
|
|
23
|
+
/** Callback when notification drawer panel is finished expanding. */
|
|
24
|
+
onNotificationDrawerExpand?: (event: KeyboardEvent | React.MouseEvent | React.TransitionEvent) => void;
|
|
25
|
+
/** Skip to content component for the page */
|
|
26
|
+
skipToContent?: React.ReactElement;
|
|
27
|
+
/** Sets the value for role on the <main> element */
|
|
28
|
+
role?: string;
|
|
29
|
+
/** an id to use for the [role="main"] element */
|
|
30
|
+
mainContainerId?: string;
|
|
31
|
+
/** tabIndex to use for the [role="main"] element, null to unset it */
|
|
32
|
+
mainTabIndex?: number | null;
|
|
33
|
+
/**
|
|
34
|
+
* If true, manages the sidebar open/close state and there is no need to pass the isSidebarOpen boolean into
|
|
35
|
+
* the sidebar component or add a callback onSidebarToggle function into the Masthead component
|
|
36
|
+
*/
|
|
37
|
+
isManagedSidebar?: boolean;
|
|
38
|
+
/** Flag indicating if tertiary nav width should be limited */
|
|
39
|
+
isTertiaryNavWidthLimited?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* If true, the managed sidebar is initially open for desktop view
|
|
42
|
+
*/
|
|
43
|
+
defaultManagedSidebarIsOpen?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Can add callback to be notified when resize occurs, for example to set the sidebar isSidebarOpen prop to false for a width < 768px
|
|
46
|
+
* Returns object { mobileView: boolean, windowSize: number }
|
|
47
|
+
*/
|
|
48
|
+
onPageResize?: ((event: MouseEvent | TouchEvent | React.KeyboardEvent, object: any) => void) | null;
|
|
49
|
+
/**
|
|
50
|
+
* The page resize observer uses the breakpoints returned from this function when adding the pf-m-breakpoint-[default|sm|md|lg|xl|2xl] class
|
|
51
|
+
* You can override the default getBreakpoint function to return breakpoints at different sizes than the default
|
|
52
|
+
* You can view the default getBreakpoint function here:
|
|
53
|
+
* https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/helpers/util.ts
|
|
54
|
+
*/
|
|
55
|
+
getBreakpoint?: (width: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
56
|
+
/**
|
|
57
|
+
* The page resize observer uses the breakpoints returned from this function when adding the pf-m-breakpoint-[default|sm|md|lg|xl|2xl] class
|
|
58
|
+
* You can override the default getVerticalBreakpoint function to return breakpoints at different sizes than the default
|
|
59
|
+
* You can view the default getVerticalBreakpoint function here:
|
|
60
|
+
* https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/helpers/util.ts
|
|
61
|
+
*/
|
|
62
|
+
getVerticalBreakpoint?: (height: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
63
|
+
/** Breadcrumb component for the page */
|
|
64
|
+
breadcrumb?: React.ReactNode;
|
|
65
|
+
/** Tertiary nav component for the page */
|
|
66
|
+
tertiaryNav?: React.ReactNode;
|
|
67
|
+
/** Accessible label, can be used to name main section */
|
|
68
|
+
mainAriaLabel?: string;
|
|
69
|
+
/** Flag indicating if the tertiaryNav should be in a group */
|
|
70
|
+
isTertiaryNavGrouped?: boolean;
|
|
71
|
+
/** Flag indicating if the breadcrumb should be in a group */
|
|
72
|
+
isBreadcrumbGrouped?: boolean;
|
|
73
|
+
/** Additional content of the group */
|
|
74
|
+
additionalGroupedContent?: React.ReactNode;
|
|
75
|
+
/** HTML component used as main component of the page. Defaults to 'main', only pass in 'div' if another 'main' element already exists. */
|
|
76
|
+
mainComponent?: 'main' | 'div';
|
|
77
|
+
/** Additional props of the group */
|
|
78
|
+
groupProps?: any;
|
|
79
|
+
/** Additional props of the breadcrumb */
|
|
80
|
+
breadcrumbProps?: any;
|
|
81
|
+
}
|
|
82
|
+
export declare const DashboardBreadcrumb: React.JSX.Element;
|
|
83
|
+
export declare const DashboardWrapper: React.FC<DashboardWrapperProps>;
|
|
84
|
+
export {};
|
|
85
|
+
//# sourceMappingURL=DashboardWrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DashboardWrapper.d.ts","sourceRoot":"","sources":["../../../src/demos/DashboardWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiBxC,UAAU,qBAAqB;IAC7B,0DAA0D;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kEAAkE;IAClE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,sDAAsD;IACtD,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,4DAA4D;IAC5D,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,qEAAqE;IACrE,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,eAAe,KAAK,IAAI,CAAC;IACvG,6CAA6C;IAC7C,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8DAA8D;IAC9D,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;OAEG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACpG;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACxF;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACjG,wCAAwC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0CAA0C;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8DAA8D;IAC9D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sCAAsC;IACtC,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3C,0IAA0I;IAC1I,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC/B,oCAAoC;IACpC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,yCAAyC;IACzC,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,mBAS/B,CAAC;AAWF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+E5D,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import React, { useState } from 'react';
|
|
3
|
+
import { Breadcrumb, BreadcrumbItem, Nav, NavItem, NavList, Page, PageSection, PageSidebar, PageSidebarBody, SkipToContent, Text, TextContent } from '@patternfly/react-core';
|
|
4
|
+
import { DashboardHeader } from './DashboardHeader';
|
|
5
|
+
export const DashboardBreadcrumb = (React.createElement(Breadcrumb, null,
|
|
6
|
+
React.createElement(BreadcrumbItem, null, "Section home"),
|
|
7
|
+
React.createElement(BreadcrumbItem, { to: "#" }, "Section title"),
|
|
8
|
+
React.createElement(BreadcrumbItem, { to: "#" }, "Section title"),
|
|
9
|
+
React.createElement(BreadcrumbItem, { to: "#", isActive: true }, "Section landing")));
|
|
10
|
+
const PageTemplateTitle = (React.createElement(PageSection, null,
|
|
11
|
+
React.createElement(TextContent, null,
|
|
12
|
+
React.createElement(Text, { component: "h1" }, "Main title"),
|
|
13
|
+
React.createElement(Text, { component: "p" }, "This is a full page demo."))));
|
|
14
|
+
export const DashboardWrapper = (_a) => {
|
|
15
|
+
var { children, mainContainerId, breadcrumb, header, sidebar, sidebarNavOpen, onPageResize, hasDefaultBreadcrumb, notificationDrawer, isNotificationDrawerExpanded, hasPageTemplateTitle } = _a, pageProps = __rest(_a, ["children", "mainContainerId", "breadcrumb", "header", "sidebar", "sidebarNavOpen", "onPageResize", "hasDefaultBreadcrumb", "notificationDrawer", "isNotificationDrawerExpanded", "hasPageTemplateTitle"]);
|
|
16
|
+
const [activeItem, setActiveItem] = useState(1);
|
|
17
|
+
const onNavSelect = (_event, result) => {
|
|
18
|
+
setActiveItem(result.itemId);
|
|
19
|
+
};
|
|
20
|
+
let renderedBreadcrumb;
|
|
21
|
+
if (!hasDefaultBreadcrumb) {
|
|
22
|
+
renderedBreadcrumb = breadcrumb !== null && breadcrumb !== void 0 ? breadcrumb : DashboardBreadcrumb;
|
|
23
|
+
}
|
|
24
|
+
const PageNav = (React.createElement(Nav, { onSelect: onNavSelect, "aria-label": "Nav" },
|
|
25
|
+
React.createElement(NavList, null,
|
|
26
|
+
React.createElement(NavItem, { itemId: 0, isActive: activeItem === 0, to: "#system-panel" }, "System panel"),
|
|
27
|
+
React.createElement(NavItem, { itemId: 1, isActive: activeItem === 1, to: "#policy" }, "Policy"),
|
|
28
|
+
React.createElement(NavItem, { itemId: 2, isActive: activeItem === 2, to: "#auth" }, "Authentication"),
|
|
29
|
+
React.createElement(NavItem, { itemId: 3, isActive: activeItem === 3, to: "#network" }, "Network services"),
|
|
30
|
+
React.createElement(NavItem, { itemId: 4, isActive: activeItem === 4, to: "#server" }, "Server"))));
|
|
31
|
+
const _sidebar = (React.createElement(PageSidebar, { isSidebarOpen: sidebarNavOpen || false },
|
|
32
|
+
React.createElement(PageSidebarBody, null, PageNav)));
|
|
33
|
+
const PageSkipToContent = (React.createElement(SkipToContent, { href: `#${mainContainerId !== null && mainContainerId !== void 0 ? mainContainerId : 'main-content-page-layout-default-nav'}` }, "Skip to content"));
|
|
34
|
+
return (React.createElement(Page, Object.assign({ header: header !== null && header !== void 0 ? header : React.createElement(DashboardHeader, null), sidebar: sidebar !== null && sidebar !== void 0 ? sidebar : _sidebar, isManagedSidebar: true, skipToContent: PageSkipToContent, breadcrumb: renderedBreadcrumb, mainContainerId: mainContainerId !== null && mainContainerId !== void 0 ? mainContainerId : 'main-content-page-layout-default-nav', notificationDrawer: notificationDrawer, isNotificationDrawerExpanded: isNotificationDrawerExpanded }, (typeof onPageResize === 'function' && {
|
|
35
|
+
onPageResize: (event, resizeObject) => onPageResize(event, resizeObject)
|
|
36
|
+
}), pageProps),
|
|
37
|
+
hasPageTemplateTitle && PageTemplateTitle,
|
|
38
|
+
children));
|
|
39
|
+
};
|
|
40
|
+
DashboardWrapper.displayName = 'DashboardWrapper';
|
|
41
|
+
//# sourceMappingURL=DashboardWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DashboardWrapper.js","sourceRoot":"","sources":["../../../src/demos/DashboardWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}
|
package/dist/esm/demos/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionsColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/ActionsColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAClE,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC3B;AACD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACrF,mEAAmE;IACnE,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qDAAqD;IACrD,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,qDAAqD;IACrD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,CAAC,SAAS,CAAC;IACrE,4DAA4D;IAC5D,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACnD;
|
|
1
|
+
{"version":3,"file":"ActionsColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/ActionsColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAClE,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC3B;AACD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACrF,mEAAmE;IACnE,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qDAAqD;IACrD,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,qDAAqD;IACrD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,CAAC,SAAS,CAAC;IACrE,4DAA4D;IAC5D,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACnD;AAwHD,eAAO,MAAM,aAAa,qGAExB,CAAC"}
|
|
@@ -34,8 +34,7 @@ const ActionsColumnBase = (_a) => {
|
|
|
34
34
|
var { title, itemKey, onClick, isOutsideDropdown } = _a, props = tslib_1.__rest(_a, ["title", "itemKey", "onClick", "isOutsideDropdown"]);
|
|
35
35
|
return typeof title === 'string' ? (React.createElement(Button_1.Button, Object.assign({ onClick: (event) => onActionClick(event, onClick) }, props, { isDisabled: isDisabled, key: itemKey || `outside_dropdown_${key}`, "data-key": itemKey || `outside_dropdown_${key}` }), title)) : (React.cloneElement(title, Object.assign({ onClick, isDisabled }, props)));
|
|
36
36
|
}),
|
|
37
|
-
React.createElement(Dropdown_1.Dropdown, Object.assign({ isOpen: isOpen, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: (toggleRef) => actionsToggle ? (actionsToggle({ onToggle, isOpen, isDisabled, toggleRef })) : (React.createElement(MenuToggle_1.MenuToggle, { "aria-label": "Kebab toggle", ref: toggleRef, onClick: onToggle, isExpanded: isOpen, isDisabled: isDisabled, variant: "plain" },
|
|
38
|
-
React.createElement(ellipsis_v_icon_1.default, null))) }, (rowData && rowData.actionProps), { ref: innerRef }, props, { popperProps: popperProps }),
|
|
37
|
+
React.createElement(Dropdown_1.Dropdown, Object.assign({ isOpen: isOpen, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: (toggleRef) => actionsToggle ? (actionsToggle({ onToggle, isOpen, isDisabled, toggleRef })) : (React.createElement(MenuToggle_1.MenuToggle, { "aria-label": "Kebab toggle", ref: toggleRef, onClick: onToggle, isExpanded: isOpen, isDisabled: isDisabled, variant: "plain", icon: React.createElement(ellipsis_v_icon_1.default, null) })) }, (rowData && rowData.actionProps), { ref: innerRef }, props, { popperProps: popperProps }),
|
|
39
38
|
React.createElement(Dropdown_1.DropdownList, null, items
|
|
40
39
|
.filter((item) => !item.isOutsideDropdown)
|
|
41
40
|
.map((_a, index) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionsColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/ActionsColumn.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iFAA2G;AAC3G,6EAA2E;AAC3E,+EAA6E;AAC7E,qFAAmF;AAEnF,oHAAmF;AACnF,+EAA6E;AA2B7E,MAAM,iBAAiB,GAAgD,CAAC,EAanD,EAAE,EAAE;QAb+C,EACtE,KAAK,EACL,UAAU,EACV,OAAO,EACP,SAAS,EACT,aAAa,EACb,WAAW,GAAG;QACZ,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,MAAM;KAClB,EACD,QAAQ,EACR,kBAAkB,OAEC,EADhB,KAAK,sBAZ8D,iHAavE,CADS;IAER,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CACpB,KAA+D,EAC/D,OAEa,EACP,EAAE;QACR,0EAA0E;QAC1E,IAAI,OAAO,EAAE;YACX,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,gDAAgD;YAChD,OAAO,CAAC,KAAyB,EAAE,SAAS,IAAI,SAAS,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;SACzF;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACZ,KAAK;aACH,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC;YACzC,6DAA6D;aAC5D,GAAG,CAAC,CAAC,EAAwD,EAAE,GAAG,EAAE,EAAE;gBAAjE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,OAAY,EAAP,KAAK,sBAAtD,oDAAwD,CAAF;YAC1D,OAAA,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,oBAAC,eAAM,kBACL,OAAO,EAAE,CAAC,KAAoF,EAAE,EAAE,CAChG,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,IAE1B,KAAa,IAClB,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,OAAO,IAAI,oBAAoB,GAAG,EAAE,cAC/B,OAAO,IAAI,oBAAoB,GAAG,EAAE,KAE7C,KAAK,CACC,CACV,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,YAAY,CAAC,KAA2B,kBAAI,OAAO,EAAE,UAAU,IAAK,KAAK,EAAG,CACnF,CAAA;SAAA,CACF;QAEH,oBAAC,mBAAQ,kBACP,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EACpD,MAAM,EAAE,CAAC,SAAc,EAAE,EAAE,CACzB,aAAa,CAAC,CAAC,CAAC,CACd,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAC3D,CAAC,CAAC,CAAC,CACF,oBAAC,uBAAU,kBACE,cAAc,EACzB,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAC,OAAO
|
|
1
|
+
{"version":3,"file":"ActionsColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/ActionsColumn.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ const EditableSelectInputCell = ({ value, rowIndex, cellIndex, onSelect = () =>
|
|
|
19
19
|
React.createElement("div", { className: inline_edit_1.default.inlineEditValue }, Array.isArray(value) ? value.join(', ') : value),
|
|
20
20
|
React.createElement("div", { className: inline_edit_1.default.inlineEditInput },
|
|
21
21
|
select,
|
|
22
|
-
React.createElement("div", { className: (0, react_styles_1.css)(form_1.default.formHelperText
|
|
22
|
+
React.createElement("div", { className: (0, react_styles_1.css)(form_1.default.formHelperText), "aria-live": "polite" }, props.errorText))));
|
|
23
23
|
};
|
|
24
24
|
exports.EditableSelectInputCell = EditableSelectInputCell;
|
|
25
25
|
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;AAC/C,wFAA0G;AAC1G,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,QAAqC,EACrC,aAAsB,EACtB,EAAE;QACF,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;IAChE,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,QAAQ,EAClB,UAAU,EAAE,UAAU,KAErB,OAAO,CACD,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,
|
|
1
|
+
{"version":3,"file":"EditableSelectInputCell.js","sourceRoot":"","sources":["../../../../src/components/Table/EditableSelectInputCell.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,wFAA0G;AAC1G,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,QAAqC,EACrC,aAAsB,EACtB,EAAE;QACF,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;IAChE,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,QAAQ,EAClB,UAAU,EAAE,UAAU,KAErB,OAAO,CACD,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;AAhDW,QAAA,uBAAuB,2BAgDlC;AACF,+BAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
|
|
@@ -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;AAC/B,mFAAiF;AACjF,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,
|
|
1
|
+
{"version":3,"file":"EditableTextCell.js","sourceRoot":"","sources":["../../../../src/components/Table/EditableTextCell.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mFAAiF;AACjF,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,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,6 +3,7 @@ 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";
|
|
@@ -11,11 +12,13 @@ var 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;AAC/B,+EAA2F;AAE3F,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,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"}
|
|
@@ -9,13 +9,14 @@ const arrows_alt_v_icon_1 = tslib_1.__importDefault(require('@patternfly/react-i
|
|
|
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");
|
|
12
|
+
const Tooltip_1 = require('@patternfly/react-core/dist/js/components/Tooltip');
|
|
12
13
|
var SortByDirection;
|
|
13
14
|
(function (SortByDirection) {
|
|
14
15
|
SortByDirection["asc"] = "asc";
|
|
15
16
|
SortByDirection["desc"] = "desc";
|
|
16
17
|
})(SortByDirection = exports.SortByDirection || (exports.SortByDirection = {}));
|
|
17
18
|
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"]);
|
|
19
|
+
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
20
|
let SortedByIcon;
|
|
20
21
|
const [focused, setFocused] = React.useState(false);
|
|
21
22
|
if (isSortedBy) {
|
|
@@ -26,7 +27,7 @@ const SortColumn = (_a) => {
|
|
|
26
27
|
}
|
|
27
28
|
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
29
|
React.createElement("div", { className: (0, react_styles_1.css)(className, table_1.default.tableButtonContent) },
|
|
29
|
-
React.createElement(TableText_1.TableText, { focused: focused }, children),
|
|
30
|
+
React.createElement(TableText_1.TableText, { tooltip: tooltip, tooltipProps: tooltipProps, tooltipHasDefaultBehavior: tooltipHasDefaultBehavior, focused: focused }, children),
|
|
30
31
|
React.createElement("span", { className: (0, react_styles_1.css)(table_1.default.tableSortIndicator) },
|
|
31
32
|
React.createElement(SortedByIcon, null)))));
|
|
32
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SortColumn.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,kIAA+F;AAC/F,sIAAmG;AACnG,wHAAsF;AACtF,2DAA+C;AAC/C,wGAAyE;AACzE,2CAAwC;
|
|
1
|
+
{"version":3,"file":"SortColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SortColumn.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,kIAA+F;AAC/F,sIAAmG;AACnG,wHAAsF;AACtF,2DAA+C;AAC/C,wGAAyE;AACzE,2CAAwC;AACxC,+EAAkF;AAElF,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,8BAAW,CAAA;IACX,gCAAa,CAAA;AACf,CAAC,EAHW,eAAe,GAAf,uBAAe,KAAf,uBAAe,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;QACd,YAAY,GAAG,aAAa,KAAK,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,gCAAkB,CAAC,CAAC,CAAC,kCAAoB,CAAC;KAClG;SAAM;QACL,YAAY,GAAG,2BAAc,CAAC;KAC/B;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"}
|
|
@@ -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);
|
|
@@ -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"}
|
|
@@ -20,10 +20,10 @@ var WrapModifier;
|
|
|
20
20
|
WrapModifier["fitContent"] = "fitContent";
|
|
21
21
|
})(WrapModifier = exports.WrapModifier || (exports.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;AAC/C,+EAA2F;AAE3F,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,+BAAW,CAAA;IACX,+BAAW,CAAA;AACb,CAAC,EAHW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAG3B;AAED,IAAY,YAMX;AAND,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,qCAAqB,CAAA;IACrB,uCAAuB,CAAA;IACvB,yCAAyB,CAAA;AAC3B,CAAC,EANW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAMvB;
|
|
1
|
+
{"version":3,"file":"TableText.js","sourceRoot":"","sources":["../../../../src/components/Table/TableText.tsx"],"names":[],"mappings":"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"}
|
|
@@ -75,6 +75,9 @@ export interface IExtra extends IExtraData {
|
|
|
75
75
|
rowData?: IRowData;
|
|
76
76
|
className?: string;
|
|
77
77
|
ariaLabel?: string;
|
|
78
|
+
tooltip?: React.ReactNode;
|
|
79
|
+
tooltipProps?: Omit<TooltipProps, 'content'>;
|
|
80
|
+
tooltipHasDefaultBehavior?: boolean;
|
|
78
81
|
}
|
|
79
82
|
export declare type IFormatterValueType = formatterValueType & {
|
|
80
83
|
title?: string | React.ReactNode;
|