@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableTypes.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TableTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableTypes.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ export interface TdProps extends BaseCellProps, Omit<React.HTMLProps<HTMLTableDa
|
|
|
23
23
|
draggableRow?: TdDraggableType;
|
|
24
24
|
/** True to remove padding */
|
|
25
25
|
noPadding?: boolean;
|
|
26
|
-
/** Applies pf-
|
|
26
|
+
/** Applies pf-v6-c-table__action to td */
|
|
27
27
|
isActionCell?: boolean;
|
|
28
28
|
/**
|
|
29
29
|
* Tooltip to show on the body cell.
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ThInfoType, ThSelectType, ThExpandType, ThSortType } from './base/types';
|
|
3
|
+
import { TooltipProps } from '@patternfly/react-core/dist/esm/components/Tooltip';
|
|
3
4
|
import { BaseCellProps } from './Table';
|
|
4
5
|
export interface ThProps extends BaseCellProps, Omit<React.HTMLProps<HTMLTableHeaderCellElement>, 'onSelect' | 'width'> {
|
|
5
6
|
/**
|
|
@@ -20,6 +21,8 @@ export interface ThProps extends BaseCellProps, Omit<React.HTMLProps<HTMLTableHe
|
|
|
20
21
|
* To disable it completely you can set it to null.
|
|
21
22
|
*/
|
|
22
23
|
tooltip?: React.ReactNode;
|
|
24
|
+
/** other props to pass to the tooltip */
|
|
25
|
+
tooltipProps?: Omit<TooltipProps, 'content'>;
|
|
23
26
|
/** Callback on mouse enter */
|
|
24
27
|
onMouseEnter?: (event: any) => void;
|
|
25
28
|
/** Adds tooltip/popover info button */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Th.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAsB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Th.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAsB,MAAM,cAAc,CAAC;AAGtG,OAAO,EAAW,YAAY,EAAE,MAAM,oDAAoD,CAAC;AAC3F,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAMxC,MAAM,WAAW,OACf,SAAQ,aAAa,EACnB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACzE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yCAAyC;IACzC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,uCAAuC;IACvC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iLAAiL;IACjL,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAiLD,eAAO,MAAM,EAAE,yGAEb,CAAC"}
|
|
@@ -8,12 +8,12 @@ const table_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/co
|
|
|
8
8
|
const table_scrollable_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Table/table-scrollable"));
|
|
9
9
|
const utils_1 = require("./utils");
|
|
10
10
|
const merge_props_1 = require("./base/merge-props");
|
|
11
|
-
const Tooltip_1 = require('@patternfly/react-core/dist/js/components/Tooltip
|
|
11
|
+
const Tooltip_1 = require('@patternfly/react-core/dist/js/components/Tooltip');
|
|
12
12
|
const c_table__sticky_cell_MinWidth_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_table__sticky_cell_MinWidth'));
|
|
13
13
|
const c_table__sticky_cell_Left_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_table__sticky_cell_Left'));
|
|
14
14
|
const c_table__sticky_cell_Right_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_table__sticky_cell_Right'));
|
|
15
15
|
const ThBase = (_a) => {
|
|
16
|
-
var { children, className, component = 'th', dataLabel, scope = 'col', textCenter = false, sort = null, modifier, select = null, expand: collapse = null, tooltip = '', onMouseEnter: onMouseEnterProp = () => { }, width, visibility, innerRef, info: infoProps, isStickyColumn = false, hasRightBorder = false, hasLeftBorder = false, stickyMinWidth = '120px', stickyLeftOffset, stickyRightOffset, isSubheader = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "dataLabel", "scope", "textCenter", "sort", "modifier", "select", "expand", "tooltip", "onMouseEnter", "width", "visibility", "innerRef", "info", "isStickyColumn", "hasRightBorder", "hasLeftBorder", "stickyMinWidth", "stickyLeftOffset", "stickyRightOffset", "isSubheader"]);
|
|
16
|
+
var { children, className, component = 'th', dataLabel, scope = 'col', textCenter = false, sort = null, modifier, select = null, expand: collapse = null, tooltip = '', tooltipProps, onMouseEnter: onMouseEnterProp = () => { }, width, visibility, innerRef, info: infoProps, isStickyColumn = false, hasRightBorder = false, hasLeftBorder = false, stickyMinWidth = '120px', stickyLeftOffset, stickyRightOffset, isSubheader = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "dataLabel", "scope", "textCenter", "sort", "modifier", "select", "expand", "tooltip", "tooltipProps", "onMouseEnter", "width", "visibility", "innerRef", "info", "isStickyColumn", "hasRightBorder", "hasLeftBorder", "stickyMinWidth", "stickyLeftOffset", "stickyRightOffset", "isSubheader"]);
|
|
17
17
|
const [showTooltip, setShowTooltip] = React.useState(false);
|
|
18
18
|
const [truncated, setTruncated] = React.useState(false);
|
|
19
19
|
const cellRef = innerRef ? innerRef : React.createRef();
|
|
@@ -32,7 +32,9 @@ const ThBase = (_a) => {
|
|
|
32
32
|
sortParams = (0, utils_1.sortableFavorites)({
|
|
33
33
|
onSort: sort === null || sort === void 0 ? void 0 : sort.onSort,
|
|
34
34
|
columnIndex: sort.columnIndex,
|
|
35
|
-
sortBy: sort.sortBy
|
|
35
|
+
sortBy: sort.sortBy,
|
|
36
|
+
tooltip: tooltip,
|
|
37
|
+
tooltipProps
|
|
36
38
|
})();
|
|
37
39
|
}
|
|
38
40
|
else {
|
|
@@ -43,7 +45,9 @@ const ThBase = (_a) => {
|
|
|
43
45
|
sortBy: sort.sortBy,
|
|
44
46
|
onSort: sort === null || sort === void 0 ? void 0 : sort.onSort
|
|
45
47
|
}
|
|
46
|
-
}
|
|
48
|
+
},
|
|
49
|
+
tooltip: tooltip,
|
|
50
|
+
tooltipProps
|
|
47
51
|
});
|
|
48
52
|
}
|
|
49
53
|
}
|
|
@@ -61,7 +65,9 @@ const ThBase = (_a) => {
|
|
|
61
65
|
allRowsSelected: select.isSelected,
|
|
62
66
|
isHeaderSelectDisabled: !!select.isHeaderSelectDisabled
|
|
63
67
|
}
|
|
64
|
-
}
|
|
68
|
+
},
|
|
69
|
+
tooltip: tooltip,
|
|
70
|
+
tooltipProps
|
|
65
71
|
})
|
|
66
72
|
: null;
|
|
67
73
|
const collapseParams = collapse
|
|
@@ -102,9 +108,10 @@ const ThBase = (_a) => {
|
|
|
102
108
|
style: Object.assign({ [c_table__sticky_cell_MinWidth_1.default.name]: stickyMinWidth ? stickyMinWidth : undefined, [c_table__sticky_cell_Left_1.default.name]: stickyLeftOffset ? stickyLeftOffset : 0, [c_table__sticky_cell_Right_1.default.name]: stickyRightOffset ? stickyRightOffset : 0 }, props.style)
|
|
103
109
|
})), transformedChildren));
|
|
104
110
|
const canMakeDefaultTooltip = tooltip === '' ? typeof transformedChildren === 'string' : true;
|
|
105
|
-
|
|
111
|
+
const childControlsTooltip = sortParams || selectParams;
|
|
112
|
+
return tooltip !== null && canMakeDefaultTooltip && !childControlsTooltip && showTooltip ? (React.createElement(React.Fragment, null,
|
|
106
113
|
cell,
|
|
107
|
-
React.createElement(Tooltip_1.Tooltip, { triggerRef: cellRef, content: tooltip || (tooltip === '' && children), isVisible: true }))) : (cell);
|
|
114
|
+
React.createElement(Tooltip_1.Tooltip, Object.assign({ triggerRef: cellRef, content: tooltip || (tooltip === '' && children), isVisible: true }, tooltipProps)))) : (cell);
|
|
108
115
|
};
|
|
109
116
|
exports.Th = React.forwardRef((props, ref) => (React.createElement(ThBase, Object.assign({}, props, { innerRef: ref }))));
|
|
110
117
|
exports.Th.displayName = 'Th';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Th.js","sourceRoot":"","sources":["../../../../src/components/Table/Th.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,wGAAyE;AACzE,8HAA0F;AAC1F,mCAAwH;AAExH,oDAAgD;AAEhD
|
|
1
|
+
{"version":3,"file":"Th.js","sourceRoot":"","sources":["../../../../src/components/Table/Th.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/selectable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI3E,eAAO,MAAM,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"selectable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/selectable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI3E,eAAO,MAAM,UAAU,EAAE,UAsExB,CAAC"}
|
|
@@ -7,7 +7,7 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
7
7
|
const table_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Table/table"));
|
|
8
8
|
const SelectColumn_1 = require("../../SelectColumn");
|
|
9
9
|
const check_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Check/check"));
|
|
10
|
-
const selectable = (label, { rowIndex, columnIndex, rowData, column, property }) => {
|
|
10
|
+
const selectable = (label, { rowIndex, columnIndex, rowData, column, property, tooltip }) => {
|
|
11
11
|
const { extraParams: { onSelect, selectVariant, allRowsSelected, isHeaderSelectDisabled } } = column;
|
|
12
12
|
const extraData = {
|
|
13
13
|
rowIndex,
|
|
@@ -54,7 +54,7 @@ const selectable = (label, { rowIndex, columnIndex, rowData, column, property })
|
|
|
54
54
|
className: (0, react_styles_1.css)(table_1.default.tableCheck),
|
|
55
55
|
component: 'td',
|
|
56
56
|
isVisible: !rowData || !rowData.fullWidth,
|
|
57
|
-
children: (React.createElement(SelectColumn_1.SelectColumn, Object.assign({}, customProps, { selectVariant: selectVariant, onSelect: selectClick, name: selectName }), label))
|
|
57
|
+
children: (React.createElement(SelectColumn_1.SelectColumn, Object.assign({}, customProps, { selectVariant: selectVariant, onSelect: selectClick, name: selectName, tooltip: tooltip }), label))
|
|
58
58
|
};
|
|
59
59
|
};
|
|
60
60
|
exports.selectable = selectable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectable.js","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/selectable.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,wGAAyE;AAEzE,qDAAoE;AACpE,wGAA8E;AAEvE,MAAM,UAAU,GAAe,CACpC,KAA0B,EAC1B,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAU,
|
|
1
|
+
{"version":3,"file":"selectable.js","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/selectable.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,wGAAyE;AAEzE,qDAAoE;AACpE,wGAA8E;AAEvE,MAAM,UAAU,GAAe,CACpC,KAA0B,EAC1B,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAU,EACrE,EAAE;IACF,MAAM,EACJ,WAAW,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,sBAAsB,EAAE,EAClF,GAAG,MAAM,CAAC;IACX,MAAM,SAAS,GAAG;QAChB,QAAQ;QACR,WAAW;QACX,MAAM;QACN,QAAQ;KACT,CAAC;IAEF,IAAI,OAAO,IAAI,OAAO,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;QAC5F,OAAO;YACL,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,IAAI;SAChB,CAAC;KACH;IACD,MAAM,KAAK,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAErD;;OAEG;IACH,SAAS,WAAW,CAAC,KAAwC;QAC3D,MAAM,QAAQ,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;QACrG,gDAAgD;QAChD,QAAQ,IAAI,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACnE,CAAC;IACD,MAAM,WAAW,iDACZ,CAAC,KAAK,KAAK,CAAC,CAAC;QACd,CAAC,CAAC;YACE,OAAO,EAAE,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,QAAQ;YACtC,YAAY,EAAE,cAAc,QAAQ,EAAE;SACvC;QACH,CAAC,CAAC;YACE,OAAO,EAAE,eAAe;YACxB,YAAY,EAAE,iBAAiB;SAChC,CAAC,GACH,CAAC,OAAO;QACT,CAAC,OAAO,CAAC,eAAe,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI;QACvD,QAAQ,EAAE,IAAI;QACd,SAAS,EAAE,eAAW,CAAC,UAAU;KAClC,CAAC,GACD,CAAC,CAAC,OAAO,IAAI,sBAAsB,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAC9D,CAAC;IACF,IAAI,UAAU,GAAG,WAAW,CAAC;IAC7B,IAAI,KAAK,KAAK,CAAC,CAAC,IAAI,aAAa,KAAK,+BAAgB,CAAC,QAAQ,EAAE;QAC/D,UAAU,GAAG,WAAW,QAAQ,EAAE,CAAC;KACpC;SAAM,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;QACvB,UAAU,GAAG,YAAY,CAAC;KAC3B;IAED,OAAO;QACL,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,UAAU,CAAC;QACjC,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS;QACzC,QAAQ,EAAE,CACR,oBAAC,2BAAY,oBACP,WAAW,IACf,aAAa,EAAE,aAAiC,EAChD,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,KAEf,KAAwB,CACZ,CAChB;KACF,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,UAAU,cAsErB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sortable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/sortable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI3E,eAAO,MAAM,iBAAiB,SAAU,GAAG,
|
|
1
|
+
{"version":3,"file":"sortable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/sortable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI3E,eAAO,MAAM,iBAAiB,SAAU,GAAG,yDAcvC,CAAC;AAEL,eAAO,MAAM,QAAQ,EAAE,UA8CtB,CAAC"}
|
|
@@ -16,10 +16,13 @@ const sortableFavorites = (sort) => () => (0, exports.sortable)(React.createElem
|
|
|
16
16
|
sortBy: sort.sortBy,
|
|
17
17
|
onSort: sort === null || sort === void 0 ? void 0 : sort.onSort
|
|
18
18
|
}
|
|
19
|
-
}
|
|
19
|
+
},
|
|
20
|
+
tooltip: sort.tooltip,
|
|
21
|
+
tooltipProps: sort.tooltipProps,
|
|
22
|
+
tooltipHasDefaultBehavior: true
|
|
20
23
|
});
|
|
21
24
|
exports.sortableFavorites = sortableFavorites;
|
|
22
|
-
const sortable = (label, { columnIndex, column, property, className, ariaLabel }) => {
|
|
25
|
+
const sortable = (label, { columnIndex, column, property, className, ariaLabel, tooltip, tooltipProps, tooltipHasDefaultBehavior }) => {
|
|
23
26
|
const { extraParams: { sortBy, onSort } } = column;
|
|
24
27
|
const extraData = {
|
|
25
28
|
columnIndex,
|
|
@@ -44,7 +47,7 @@ const sortable = (label, { columnIndex, column, property, className, ariaLabel }
|
|
|
44
47
|
return {
|
|
45
48
|
className: (0, react_styles_1.css)(table_1.default.tableSort, isSortedBy && table_1.default.modifiers.selected, className),
|
|
46
49
|
'aria-sort': isSortedBy ? `${sortBy.direction}ending` : 'none',
|
|
47
|
-
children: (React.createElement(SortColumn_1.SortColumn, { isSortedBy: isSortedBy, sortDirection: isSortedBy ? sortBy.direction : '', onSort: sortClicked, "aria-label": ariaLabel }, label))
|
|
50
|
+
children: (React.createElement(SortColumn_1.SortColumn, { isSortedBy: isSortedBy, sortDirection: isSortedBy ? sortBy.direction : '', onSort: sortClicked, "aria-label": ariaLabel, tooltip: tooltip, tooltipProps: tooltipProps, tooltipHasDefaultBehavior: tooltipHasDefaultBehavior }, label))
|
|
48
51
|
};
|
|
49
52
|
};
|
|
50
53
|
exports.sortable = sortable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sortable.js","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/sortable.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,wGAAyE;AAEzE,iDAA+D;AAC/D,wGAAwE;AAEjE,MAAM,iBAAiB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,GAAG,EAAE,CACnD,IAAA,gBAAQ,EAAC,oBAAC,mBAAQ,0BAAe,EAAE;IACjC,WAAW,EAAE,IAAI,CAAC,WAAW;IAC7B,SAAS,EAAE,eAAM,CAAC,SAAS,CAAC,QAAQ;IACpC,SAAS,EAAE,gBAAgB;IAC3B,MAAM,EAAE;QACN,WAAW,EAAE;YACX,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,MAAM,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM;SACrB;KACF;
|
|
1
|
+
{"version":3,"file":"sortable.js","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/sortable.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,wGAAyE;AAEzE,iDAA+D;AAC/D,wGAAwE;AAEjE,MAAM,iBAAiB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,GAAG,EAAE,CACnD,IAAA,gBAAQ,EAAC,oBAAC,mBAAQ,0BAAe,EAAE;IACjC,WAAW,EAAE,IAAI,CAAC,WAAW;IAC7B,SAAS,EAAE,eAAM,CAAC,SAAS,CAAC,QAAQ;IACpC,SAAS,EAAE,gBAAgB;IAC3B,MAAM,EAAE;QACN,WAAW,EAAE;YACX,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,MAAM,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM;SACrB;KACF;IACD,OAAO,EAAE,IAAI,CAAC,OAAO;IACrB,YAAY,EAAE,IAAI,CAAC,YAAY;IAC/B,yBAAyB,EAAE,IAAI;CAChC,CAAC,CAAC;AAdQ,QAAA,iBAAiB,qBAczB;AAEE,MAAM,QAAQ,GAAe,CAClC,KAA0B,EAC1B,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAU,EACjH,EAAE;IACF,MAAM,EACJ,WAAW,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAChC,GAAG,MAAM,CAAC;IAEX,MAAM,SAAS,GAAG;QAChB,WAAW;QACX,MAAM;QACN,QAAQ;KACT,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,IAAI,WAAW,KAAK,MAAM,CAAC,KAAK,CAAC;IAC1D;;OAEG;IACH,SAAS,WAAW,CAAC,KAAuB;QAC1C,IAAI,iBAAkC,CAAC;QACvC,IAAI,CAAC,UAAU,EAAE;YACf,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAE,MAAM,CAAC,gBAAoC,CAAC,CAAC,CAAC,4BAAe,CAAC,GAAG,CAAC;SAClH;aAAM;YACL,iBAAiB,GAAG,MAAM,CAAC,SAAS,KAAK,4BAAe,CAAC,GAAG,CAAC,CAAC,CAAC,4BAAe,CAAC,IAAI,CAAC,CAAC,CAAC,4BAAe,CAAC,GAAG,CAAC;SAC3G;QACD,gDAAgD;QAChD,MAAM,IAAI,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,SAAS,CAAC,CAAC;IACrE,CAAC;IAED,OAAO;QACL,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,SAAS,EAAE,UAAU,IAAI,eAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC;QACpF,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,MAAM;QAC9D,QAAQ,EAAE,CACR,oBAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EACjD,MAAM,EAAE,WAAW,gBACP,SAAS,EACrB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,IAEnD,KAAwB,CACd,CACd;KACF,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,QAAQ,YA8CnB"}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { IExtra, IFormatterValueType, OnCheckChange, OnTreeRowCollapse, OnToggleRowDetails } from '../../TableTypes';
|
|
3
3
|
export declare const treeRow: (onCollapse: OnTreeRowCollapse, onCheckChange?: OnCheckChange, onToggleRowDetails?: OnToggleRowDetails) => (value: IFormatterValueType, { rowIndex, rowData }: IExtra) => {
|
|
4
4
|
component: string;
|
|
5
|
-
className: "pf-
|
|
5
|
+
className: "pf-v6-c-table__tree-view-title-cell";
|
|
6
6
|
children: React.JSX.Element;
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=treeRow.d.ts.map
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DashboardHeaderProps {
|
|
3
|
+
/** Render custom notification badge */
|
|
4
|
+
notificationBadge?: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare const DashboardHeader: React.FC<DashboardHeaderProps>;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=DashboardHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DashboardHeader.d.ts","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgCxC,UAAU,oBAAoB;IAC5B,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+J1D,CAAC"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DashboardHeader = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
const react_core_1 = require("@patternfly/react-core");
|
|
7
|
+
const bars_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/bars-icon'));
|
|
8
|
+
const cog_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/cog-icon'));
|
|
9
|
+
const help_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/help-icon'));
|
|
10
|
+
const question_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/question-circle-icon'));
|
|
11
|
+
const bell_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/bell-icon'));
|
|
12
|
+
const ellipsis_v_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/ellipsis-v-icon'));
|
|
13
|
+
const avatarImg_svg_1 = tslib_1.__importDefault(require("@patternfly/react-table/src/demos/assets/avatarImg.svg"));
|
|
14
|
+
const pf_logo_svg_1 = tslib_1.__importDefault(require("@patternfly/react-table/src/demos/assets/pf-logo.svg"));
|
|
15
|
+
const DashboardHeader = ({ notificationBadge }) => {
|
|
16
|
+
const [isDropdownOpen, setIsDropdownOpen] = (0, react_1.useState)(false);
|
|
17
|
+
const [isKebabDropdownOpen, setIsKebabDropdownOpen] = (0, react_1.useState)(false);
|
|
18
|
+
const [isFullKebabDropdownOpen, setIsFullKebabDropdownOpen] = (0, react_1.useState)(false);
|
|
19
|
+
const kebabDropdownItems = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
20
|
+
react_1.default.createElement(react_core_1.DropdownItem, null,
|
|
21
|
+
react_1.default.createElement(cog_icon_1.default, null),
|
|
22
|
+
" Settings"),
|
|
23
|
+
react_1.default.createElement(react_core_1.DropdownItem, null,
|
|
24
|
+
react_1.default.createElement(help_icon_1.default, null),
|
|
25
|
+
" Help")));
|
|
26
|
+
const userDropdownItems = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
27
|
+
react_1.default.createElement(react_core_1.DropdownItem, { key: "group 2 profile" }, "My profile"),
|
|
28
|
+
react_1.default.createElement(react_core_1.DropdownItem, { key: "group 2 user" }, "User management"),
|
|
29
|
+
react_1.default.createElement(react_core_1.DropdownItem, { key: "group 2 logout" }, "Logout")));
|
|
30
|
+
const onDropdownToggle = () => {
|
|
31
|
+
setIsDropdownOpen(!isDropdownOpen);
|
|
32
|
+
};
|
|
33
|
+
const onDropdownSelect = () => {
|
|
34
|
+
setIsDropdownOpen(false);
|
|
35
|
+
};
|
|
36
|
+
const onKebabDropdownToggle = () => {
|
|
37
|
+
setIsKebabDropdownOpen(!isKebabDropdownOpen);
|
|
38
|
+
};
|
|
39
|
+
const onKebabDropdownSelect = () => {
|
|
40
|
+
setIsKebabDropdownOpen(false);
|
|
41
|
+
};
|
|
42
|
+
const onFullKebabToggle = () => {
|
|
43
|
+
setIsFullKebabDropdownOpen(!isFullKebabDropdownOpen);
|
|
44
|
+
};
|
|
45
|
+
const onFullKebabSelect = () => {
|
|
46
|
+
setIsFullKebabDropdownOpen(false);
|
|
47
|
+
};
|
|
48
|
+
return (react_1.default.createElement(react_core_1.Masthead, null,
|
|
49
|
+
react_1.default.createElement(react_core_1.MastheadToggle, null,
|
|
50
|
+
react_1.default.createElement(react_core_1.PageToggleButton, { variant: "plain", "aria-label": "Global navigation" },
|
|
51
|
+
react_1.default.createElement(bars_icon_1.default, null))),
|
|
52
|
+
react_1.default.createElement(react_core_1.MastheadMain, null,
|
|
53
|
+
react_1.default.createElement(react_core_1.MastheadBrand, null,
|
|
54
|
+
react_1.default.createElement(react_core_1.Brand, { src: pf_logo_svg_1.default, alt: "PatternFly", heights: { default: '36px' } }))),
|
|
55
|
+
react_1.default.createElement(react_core_1.MastheadContent, null,
|
|
56
|
+
react_1.default.createElement(react_core_1.Toolbar, { id: "toolbar", isFullHeight: true, isStatic: true },
|
|
57
|
+
react_1.default.createElement(react_core_1.ToolbarContent, null,
|
|
58
|
+
react_1.default.createElement(react_core_1.ToolbarGroup, { variant: "icon-button-group", align: { default: 'alignRight' }, spacer: { default: 'spacerNone', md: 'spacerMd' } }, notificationBadge !== null && notificationBadge !== void 0 ? notificationBadge : (react_1.default.createElement(react_core_1.ToolbarItem, null,
|
|
59
|
+
react_1.default.createElement(react_core_1.Button, { "aria-label": "Notifications", variant: react_core_1.ButtonVariant.plain, icon: react_1.default.createElement(bell_icon_1.default, null), onClick: () => { } }))),
|
|
60
|
+
react_1.default.createElement(react_core_1.ToolbarGroup, { variant: "icon-button-group", visibility: { default: 'hidden', lg: 'visible' } },
|
|
61
|
+
react_1.default.createElement(react_core_1.ToolbarItem, null,
|
|
62
|
+
react_1.default.createElement(react_core_1.Button, { "aria-label": "Settings", variant: react_core_1.ButtonVariant.plain, icon: react_1.default.createElement(cog_icon_1.default, null) })),
|
|
63
|
+
react_1.default.createElement(react_core_1.ToolbarItem, null,
|
|
64
|
+
react_1.default.createElement(react_core_1.Button, { "aria-label": "Help", variant: react_core_1.ButtonVariant.plain, icon: react_1.default.createElement(question_circle_icon_1.default, null) }))),
|
|
65
|
+
react_1.default.createElement(react_core_1.ToolbarItem, { visibility: { default: 'hidden', md: 'visible', lg: 'hidden' } },
|
|
66
|
+
react_1.default.createElement(react_core_1.Dropdown, { isOpen: isKebabDropdownOpen, onSelect: onKebabDropdownSelect, onOpenChange: setIsKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, isExpanded: isKebabDropdownOpen, onClick: onKebabDropdownToggle, variant: "plain", "aria-label": "Settings and help" },
|
|
67
|
+
react_1.default.createElement(ellipsis_v_icon_1.default, { "aria-hidden": "true" }))) },
|
|
68
|
+
react_1.default.createElement(react_core_1.DropdownList, null, kebabDropdownItems))),
|
|
69
|
+
react_1.default.createElement(react_core_1.ToolbarItem, { visibility: { md: 'hidden' } },
|
|
70
|
+
react_1.default.createElement(react_core_1.Dropdown, { isOpen: isFullKebabDropdownOpen, onSelect: onFullKebabSelect, onOpenChange: setIsFullKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, isExpanded: isFullKebabDropdownOpen, onClick: onFullKebabToggle, variant: "plain", "aria-label": "Toolbar menu" },
|
|
71
|
+
react_1.default.createElement(ellipsis_v_icon_1.default, { "aria-hidden": "true" }))) },
|
|
72
|
+
react_1.default.createElement(react_core_1.DropdownGroup, { key: "group 2", "aria-label": "User actions" },
|
|
73
|
+
react_1.default.createElement(react_core_1.DropdownList, null, userDropdownItems)),
|
|
74
|
+
react_1.default.createElement(react_core_1.Divider, null),
|
|
75
|
+
react_1.default.createElement(react_core_1.DropdownList, null, kebabDropdownItems)))),
|
|
76
|
+
react_1.default.createElement(react_core_1.ToolbarItem, { visibility: { default: 'hidden', md: 'visible' } },
|
|
77
|
+
react_1.default.createElement(react_core_1.Dropdown, { isOpen: isDropdownOpen, onSelect: onDropdownSelect, onOpenChange: setIsDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, isExpanded: isDropdownOpen, onClick: onDropdownToggle, icon: react_1.default.createElement(react_core_1.Avatar, { src: avatarImg_svg_1.default, alt: "" }), isFullHeight: true }, "Ned Username")) },
|
|
78
|
+
react_1.default.createElement(react_core_1.DropdownList, null, userDropdownItems))))))));
|
|
79
|
+
};
|
|
80
|
+
exports.DashboardHeader = DashboardHeader;
|
|
81
|
+
exports.DashboardHeader.displayName = 'DashboardHeader';
|
|
82
|
+
//# 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,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DashboardWrapper = exports.DashboardBreadcrumb = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
const react_core_1 = require("@patternfly/react-core");
|
|
7
|
+
const DashboardHeader_1 = require("./DashboardHeader");
|
|
8
|
+
exports.DashboardBreadcrumb = (react_1.default.createElement(react_core_1.Breadcrumb, null,
|
|
9
|
+
react_1.default.createElement(react_core_1.BreadcrumbItem, null, "Section home"),
|
|
10
|
+
react_1.default.createElement(react_core_1.BreadcrumbItem, { to: "#" }, "Section title"),
|
|
11
|
+
react_1.default.createElement(react_core_1.BreadcrumbItem, { to: "#" }, "Section title"),
|
|
12
|
+
react_1.default.createElement(react_core_1.BreadcrumbItem, { to: "#", isActive: true }, "Section landing")));
|
|
13
|
+
const PageTemplateTitle = (react_1.default.createElement(react_core_1.PageSection, null,
|
|
14
|
+
react_1.default.createElement(react_core_1.TextContent, null,
|
|
15
|
+
react_1.default.createElement(react_core_1.Text, { component: "h1" }, "Main title"),
|
|
16
|
+
react_1.default.createElement(react_core_1.Text, { component: "p" }, "This is a full page demo."))));
|
|
17
|
+
const DashboardWrapper = (_a) => {
|
|
18
|
+
var { children, mainContainerId, breadcrumb, header, sidebar, sidebarNavOpen, onPageResize, hasDefaultBreadcrumb, notificationDrawer, isNotificationDrawerExpanded, hasPageTemplateTitle } = _a, pageProps = tslib_1.__rest(_a, ["children", "mainContainerId", "breadcrumb", "header", "sidebar", "sidebarNavOpen", "onPageResize", "hasDefaultBreadcrumb", "notificationDrawer", "isNotificationDrawerExpanded", "hasPageTemplateTitle"]);
|
|
19
|
+
const [activeItem, setActiveItem] = (0, react_1.useState)(1);
|
|
20
|
+
const onNavSelect = (_event, result) => {
|
|
21
|
+
setActiveItem(result.itemId);
|
|
22
|
+
};
|
|
23
|
+
let renderedBreadcrumb;
|
|
24
|
+
if (!hasDefaultBreadcrumb) {
|
|
25
|
+
renderedBreadcrumb = breadcrumb !== null && breadcrumb !== void 0 ? breadcrumb : exports.DashboardBreadcrumb;
|
|
26
|
+
}
|
|
27
|
+
const PageNav = (react_1.default.createElement(react_core_1.Nav, { onSelect: onNavSelect, "aria-label": "Nav" },
|
|
28
|
+
react_1.default.createElement(react_core_1.NavList, null,
|
|
29
|
+
react_1.default.createElement(react_core_1.NavItem, { itemId: 0, isActive: activeItem === 0, to: "#system-panel" }, "System panel"),
|
|
30
|
+
react_1.default.createElement(react_core_1.NavItem, { itemId: 1, isActive: activeItem === 1, to: "#policy" }, "Policy"),
|
|
31
|
+
react_1.default.createElement(react_core_1.NavItem, { itemId: 2, isActive: activeItem === 2, to: "#auth" }, "Authentication"),
|
|
32
|
+
react_1.default.createElement(react_core_1.NavItem, { itemId: 3, isActive: activeItem === 3, to: "#network" }, "Network services"),
|
|
33
|
+
react_1.default.createElement(react_core_1.NavItem, { itemId: 4, isActive: activeItem === 4, to: "#server" }, "Server"))));
|
|
34
|
+
const _sidebar = (react_1.default.createElement(react_core_1.PageSidebar, { isSidebarOpen: sidebarNavOpen || false },
|
|
35
|
+
react_1.default.createElement(react_core_1.PageSidebarBody, null, PageNav)));
|
|
36
|
+
const PageSkipToContent = (react_1.default.createElement(react_core_1.SkipToContent, { href: `#${mainContainerId !== null && mainContainerId !== void 0 ? mainContainerId : 'main-content-page-layout-default-nav'}` }, "Skip to content"));
|
|
37
|
+
return (react_1.default.createElement(react_core_1.Page, Object.assign({ header: header !== null && header !== void 0 ? header : react_1.default.createElement(DashboardHeader_1.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' && {
|
|
38
|
+
onPageResize: (event, resizeObject) => onPageResize(event, resizeObject)
|
|
39
|
+
}), pageProps),
|
|
40
|
+
hasPageTemplateTitle && PageTemplateTitle,
|
|
41
|
+
children));
|
|
42
|
+
};
|
|
43
|
+
exports.DashboardWrapper = DashboardWrapper;
|
|
44
|
+
exports.DashboardWrapper.displayName = 'DashboardWrapper';
|
|
45
|
+
//# 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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"}
|
package/dist/js/demos/index.d.ts
CHANGED
|
@@ -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/js/demos/index.js
CHANGED
|
@@ -2,4 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
tslib_1.__exportStar(require("./sampleData"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./DashboardWrapper"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./DashboardHeader"), exports);
|
|
5
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,6DAAmC;AACnC,4DAAkC"}
|