@patternfly/react-core 4.203.0 → 4.203.1
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 +8 -0
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts +4 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js +2 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
- package/dist/esm/components/Pagination/OptionsToggle.d.ts +10 -6
- package/dist/esm/components/Pagination/OptionsToggle.d.ts.map +1 -1
- package/dist/esm/components/Pagination/OptionsToggle.js +10 -4
- package/dist/esm/components/Pagination/OptionsToggle.js.map +1 -1
- package/dist/esm/components/Pagination/Pagination.d.ts +7 -3
- package/dist/esm/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/esm/components/Pagination/Pagination.js +5 -4
- package/dist/esm/components/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts +12 -8
- package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
- package/dist/esm/components/Pagination/PaginationOptionsMenu.js +6 -5
- package/dist/esm/components/Pagination/PaginationOptionsMenu.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts +4 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js +2 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
- package/dist/js/components/Pagination/OptionsToggle.d.ts +10 -6
- package/dist/js/components/Pagination/OptionsToggle.d.ts.map +1 -1
- package/dist/js/components/Pagination/OptionsToggle.js +10 -4
- package/dist/js/components/Pagination/OptionsToggle.js.map +1 -1
- package/dist/js/components/Pagination/Pagination.d.ts +7 -3
- package/dist/js/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/js/components/Pagination/Pagination.js +5 -4
- package/dist/js/components/Pagination/Pagination.js.map +1 -1
- package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts +12 -8
- package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
- package/dist/js/components/Pagination/PaginationOptionsMenu.js +6 -5
- package/dist/js/components/Pagination/PaginationOptionsMenu.js.map +1 -1
- package/dist/umd/react-core.css +69 -69
- package/dist/umd/react-core.js +23 -15
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +5 -5
- package/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx +6 -2
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUpload.test.tsx +8 -8
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadButton.test.tsx +7 -7
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadInfo.test.tsx +5 -5
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadMain.test.tsx +11 -11
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatus.test.tsx +11 -9
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatusItem.test.tsx +28 -13
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitle.test.tsx +11 -11
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitleIcon.test.tsx +5 -5
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitleText.test.tsx +5 -5
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitleTextSeparator.test.tsx +7 -5
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUpload.test.tsx.snap +42 -124
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadButton.test.tsx.snap +36 -86
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadInfo.test.tsx.snap +6 -8
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadMain.test.tsx.snap +85 -179
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap +188 -383
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap +596 -330
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitle.test.tsx.snap +32 -49
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitleIcon.test.tsx.snap +9 -11
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitleText.test.tsx.snap +6 -8
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitleTextSeparator.test.tsx.snap +6 -8
- package/src/components/Pagination/OptionsToggle.tsx +56 -46
- package/src/components/Pagination/Pagination.tsx +12 -5
- package/src/components/Pagination/PaginationOptionsMenu.tsx +20 -12
- package/src/components/Pagination/__tests__/Generated/__snapshots__/OptionsToggle.test.tsx.snap +1 -0
- package/src/components/Pagination/__tests__/Pagination.test.tsx +6 -4
- package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +223 -0
- package/src/components/Pagination/examples/Pagination.md +11 -1
- package/src/components/TimePicker/__tests__/TimePicker.test.tsx +1 -1
- package/src/components/Dropdown/__tests__/Generated/InternalDropdownItem.test.tsx +0 -42
- package/src/components/Dropdown/__tests__/Generated/__snapshots__/InternalDropdownItem.test.tsx.snap +0 -10
- package/src/components/Select/__tests__/Generated/SelectGroup.test.tsx +0 -25
- package/src/components/Select/__tests__/Generated/SelectMenu.test.tsx +0 -25
- package/src/components/Select/__tests__/Generated/__snapshots__/SelectGroup.test.tsx.snap +0 -18
- package/src/components/Select/__tests__/Generated/__snapshots__/SelectMenu.test.tsx.snap +0 -10
- package/src/components/Toolbar/__tests__/Generated/ToolbarToggleGroup.test.tsx +0 -27
- package/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarToggleGroup.test.tsx.snap +0 -29
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 4.203.1 (2022-04-18)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
# 4.203.0 (2022-04-14)
|
|
7
15
|
|
|
8
16
|
|
|
@@ -28,10 +28,12 @@ export interface MultipleFileUploadStatusItemProps extends React.HTMLProps<HTMLL
|
|
|
28
28
|
progressValue?: number;
|
|
29
29
|
/** A custom variant to apply to the progress component rather than using built in functionality to auto-fill it */
|
|
30
30
|
progressVariant?: 'danger' | 'success' | 'warning';
|
|
31
|
-
/** Adds accessible text to the
|
|
31
|
+
/** Adds accessible text to the progress bar. Required when title not used and there is not any label associated with the progress bar */
|
|
32
32
|
progressAriaLabel?: string;
|
|
33
|
-
/** Associates the
|
|
33
|
+
/** Associates the progress bar with it's label for accessibility purposes. Required when title not used */
|
|
34
34
|
progressAriaLabelledBy?: string;
|
|
35
|
+
/** Unique identifier for progress. Generated if not specified. */
|
|
36
|
+
progressId?: string;
|
|
35
37
|
}
|
|
36
38
|
export declare const MultipleFileUploadStatusItem: React.FunctionComponent<MultipleFileUploadStatusItemProps>;
|
|
37
39
|
//# sourceMappingURL=MultipleFileUploadStatusItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultipleFileUploadStatusItem.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,iCAAkC,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACvF,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3C,2DAA2D;IAC3D,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC5C,qEAAqE;IACrE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnD,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7D,+BAA+B;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAI1D,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACzC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qGAAqG;IACrG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oHAAoH;IACpH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mHAAmH;IACnH,eAAe,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAInD,
|
|
1
|
+
{"version":3,"file":"MultipleFileUploadStatusItem.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,iCAAkC,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACvF,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3C,2DAA2D;IAC3D,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC5C,qEAAqE;IACrE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnD,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7D,+BAA+B;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAI1D,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACzC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qGAAqG;IACrG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oHAAoH;IACpH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mHAAmH;IACnH,eAAe,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAInD,yIAAyI;IACzI,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2GAA2G;IAC3G,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,iBAAiB,CAAC,iCAAiC,CAqGnG,CAAC"}
|
|
@@ -7,7 +7,7 @@ import { Button } from '../Button';
|
|
|
7
7
|
import FileIcon from '@patternfly/react-icons/dist/esm/icons/file-icon';
|
|
8
8
|
import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
|
|
9
9
|
export const MultipleFileUploadStatusItem = (_a) => {
|
|
10
|
-
var { className, file, fileIcon, onReadStarted = () => { }, onReadFinished = () => { }, onReadSuccess = () => { }, onReadFail = () => { }, onClearClick = () => { }, customFileHandler, fileName, fileSize, progressValue, progressVariant, progressAriaLabel, progressAriaLabelledBy, buttonAriaLabel = 'Remove from list' } = _a, props = __rest(_a, ["className", "file", "fileIcon", "onReadStarted", "onReadFinished", "onReadSuccess", "onReadFail", "onClearClick", "customFileHandler", "fileName", "fileSize", "progressValue", "progressVariant", "progressAriaLabel", "progressAriaLabelledBy", "buttonAriaLabel"]);
|
|
10
|
+
var { className, file, fileIcon, onReadStarted = () => { }, onReadFinished = () => { }, onReadSuccess = () => { }, onReadFail = () => { }, onClearClick = () => { }, customFileHandler, fileName, fileSize, progressValue, progressVariant, progressAriaLabel, progressAriaLabelledBy, progressId, buttonAriaLabel = 'Remove from list' } = _a, props = __rest(_a, ["className", "file", "fileIcon", "onReadStarted", "onReadFinished", "onReadSuccess", "onReadFail", "onClearClick", "customFileHandler", "fileName", "fileSize", "progressValue", "progressVariant", "progressAriaLabel", "progressAriaLabelledBy", "progressId", "buttonAriaLabel"]);
|
|
11
11
|
const [loadPercentage, setLoadPercentage] = React.useState(0);
|
|
12
12
|
const [loadResult, setLoadResult] = React.useState();
|
|
13
13
|
function readFile(file) {
|
|
@@ -61,7 +61,7 @@ export const MultipleFileUploadStatusItem = (_a) => {
|
|
|
61
61
|
return (React.createElement("li", Object.assign({ className: css(styles.multipleFileUploadStatusItem, className) }, props),
|
|
62
62
|
React.createElement("div", { className: styles.multipleFileUploadStatusItemIcon }, fileIcon || React.createElement(FileIcon, null)),
|
|
63
63
|
React.createElement("div", { className: styles.multipleFileUploadStatusItemMain },
|
|
64
|
-
React.createElement(Progress, { title: title, value: progressValue || loadPercentage, variant: progressVariant || loadResult, "aria-label": progressAriaLabel, "aria-labelledby": progressAriaLabelledBy })),
|
|
64
|
+
React.createElement(Progress, { title: title, value: progressValue || loadPercentage, variant: progressVariant || loadResult, "aria-label": progressAriaLabel, "aria-labelledby": progressAriaLabelledBy, id: progressId })),
|
|
65
65
|
React.createElement("div", { className: styles.multipleFileUploadStatusItemClose },
|
|
66
66
|
React.createElement(Button, { variant: "plain", "aria-label": buttonAriaLabel, onClick: onClearClick },
|
|
67
67
|
React.createElement(TimesCircleIcon, null)))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultipleFileUploadStatusItem.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,QAAQ,MAAM,kDAAkD,CAAC;AACxE,OAAO,eAAe,MAAM,0DAA0D,CAAC;
|
|
1
|
+
{"version":3,"file":"MultipleFileUploadStatusItem.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,9 @@ import { ToggleTemplateProps } from './ToggleTemplate';
|
|
|
3
3
|
export interface OptionsToggleProps extends React.HTMLProps<HTMLDivElement> {
|
|
4
4
|
/** The type or title of the items being paginated */
|
|
5
5
|
itemsTitle?: string;
|
|
6
|
-
/** Accessible label for the
|
|
6
|
+
/** Accessible label for the options toggle */
|
|
7
7
|
optionsToggle?: string;
|
|
8
|
-
/** The
|
|
8
|
+
/** The title of the pagination options menu */
|
|
9
9
|
itemsPerPageTitle?: string;
|
|
10
10
|
/** The first index of the items being paginated */
|
|
11
11
|
firstIndex?: number;
|
|
@@ -13,15 +13,15 @@ export interface OptionsToggleProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
13
13
|
lastIndex?: number;
|
|
14
14
|
/** The total number of items being paginated */
|
|
15
15
|
itemCount?: number;
|
|
16
|
-
/** Id added to the title of the
|
|
16
|
+
/** Id added to the title of the pagination options menu */
|
|
17
17
|
widgetId?: string;
|
|
18
18
|
/** showToggle */
|
|
19
19
|
showToggle?: boolean;
|
|
20
|
-
/** Event function that fires when user clicks the
|
|
20
|
+
/** Event function that fires when user clicks the options menu toggle */
|
|
21
21
|
onToggle?: (isOpen: boolean) => void;
|
|
22
|
-
/** Flag indicating if the
|
|
22
|
+
/** Flag indicating if the options menu dropdown is open or not */
|
|
23
23
|
isOpen?: boolean;
|
|
24
|
-
/** Flag indicating if the
|
|
24
|
+
/** Flag indicating if the options menu is disabled */
|
|
25
25
|
isDisabled?: boolean;
|
|
26
26
|
/** */
|
|
27
27
|
parentRef?: HTMLElement;
|
|
@@ -31,6 +31,10 @@ export interface OptionsToggleProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
31
31
|
onEnter?: () => void;
|
|
32
32
|
/** Label for the English word "of" */
|
|
33
33
|
ofWord?: string;
|
|
34
|
+
/** Component to be used for wrapping the toggle contents. Use 'button' when you want
|
|
35
|
+
* all of the toggle text to be clickable.
|
|
36
|
+
*/
|
|
37
|
+
perPageComponent?: 'div' | 'button';
|
|
34
38
|
}
|
|
35
39
|
export declare const OptionsToggle: React.FunctionComponent<OptionsToggleProps>;
|
|
36
40
|
//# sourceMappingURL=OptionsToggle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/OptionsToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM;IACN,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,oHAAoH;IACpH,cAAc,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,MAAM,CAAC;IAC/E,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"OptionsToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/OptionsToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM;IACN,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,oHAAoH;IACpH,cAAc,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,MAAM,CAAC;IAC/E,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACrC;AAGD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA6DrE,CAAC"}
|
|
@@ -4,12 +4,18 @@ import { css } from '@patternfly/react-styles';
|
|
|
4
4
|
import { fillTemplate } from '../../helpers';
|
|
5
5
|
import { DropdownToggle } from '../Dropdown';
|
|
6
6
|
let toggleId = 0;
|
|
7
|
-
export const OptionsToggle = ({ itemsTitle = 'items', optionsToggle
|
|
7
|
+
export const OptionsToggle = ({ itemsTitle = 'items', optionsToggle,
|
|
8
8
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
9
9
|
itemsPerPageTitle = 'Items per page', ofWord = 'of', firstIndex = 0, lastIndex = 0, itemCount, widgetId = '', showToggle = true,
|
|
10
10
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
11
|
-
onToggle = (_isOpen) => undefined, isOpen = false, isDisabled = false, parentRef = null, toggleTemplate: ToggleTemplate, onEnter = null
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
onToggle = (_isOpen) => undefined, isOpen = false, isDisabled = false, parentRef = null, toggleTemplate: ToggleTemplate, onEnter = null, perPageComponent = 'div' }) => {
|
|
12
|
+
const isDiv = perPageComponent === 'div';
|
|
13
|
+
const toggleClasses = css(styles.optionsMenuToggle, isDisabled && styles.modifiers.disabled, styles.modifiers.plain, styles.modifiers.text);
|
|
14
|
+
const template = typeof ToggleTemplate === 'string' ? (fillTemplate(ToggleTemplate, { firstIndex, lastIndex, ofWord, itemCount, itemsTitle })) : (React.createElement(ToggleTemplate, { firstIndex: firstIndex, lastIndex: lastIndex, ofWord: ofWord, itemCount: itemCount, itemsTitle: itemsTitle }));
|
|
15
|
+
const dropdown = showToggle && (React.createElement(React.Fragment, null,
|
|
16
|
+
isDiv && React.createElement("span", { className: css(styles.optionsMenuToggleText) }, template),
|
|
17
|
+
React.createElement(DropdownToggle, { onEnter: onEnter, "aria-label": isDiv ? optionsToggle || 'Items per page' : optionsToggle, onToggle: onToggle, isDisabled: isDisabled || (itemCount && itemCount <= 0), isOpen: isOpen, id: `${widgetId}-toggle-${toggleId++}`, className: isDiv ? styles.optionsMenuToggleButton : toggleClasses, parentRef: parentRef, "aria-haspopup": "listbox" }, !isDiv && template)));
|
|
18
|
+
return isDiv ? React.createElement("div", { className: toggleClasses }, dropdown) : dropdown;
|
|
19
|
+
};
|
|
14
20
|
OptionsToggle.displayName = 'OptionsToggle';
|
|
15
21
|
//# sourceMappingURL=OptionsToggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsToggle.js","sourceRoot":"","sources":["../../../../src/components/Pagination/OptionsToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kEAAkE,CAAC;AACtF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"OptionsToggle.js","sourceRoot":"","sources":["../../../../src/components/Pagination/OptionsToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kEAAkE,CAAC;AACtF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAuC7C,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EACzE,UAAU,GAAG,OAAO,EACpB,aAAa;AACb,6DAA6D;AAC7D,iBAAiB,GAAG,gBAAgB,EACpC,MAAM,GAAG,IAAI,EACb,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,CAAC,EACb,SAAS,EACT,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,IAAI;AACjB,6DAA6D;AAC7D,QAAQ,GAAG,CAAC,OAAgB,EAAE,EAAE,CAAC,SAAgB,EACjD,MAAM,GAAG,KAAK,EACd,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,EAChB,cAAc,EAAE,cAAc,EAC9B,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,KAAK,EACL,EAAE,EAAE;IACvB,MAAM,KAAK,GAAG,gBAAgB,KAAK,KAAK,CAAC;IACzC,MAAM,aAAa,GAAG,GAAG,CACvB,MAAM,CAAC,iBAAiB,EACxB,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,MAAM,CAAC,SAAS,CAAC,KAAK,EACtB,MAAM,CAAC,SAAS,CAAC,IAAI,CACtB,CAAC;IAEF,MAAM,QAAQ,GACZ,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnC,YAAY,CAAC,cAAc,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CACvF,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IACb,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;IAEJ,MAAM,QAAQ,GAAG,UAAU,IAAI,CAC7B,oBAAC,KAAK,CAAC,QAAQ;QACZ,KAAK,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,qBAAqB,CAAC,IAAG,QAAQ,CAAQ;QAC/E,oBAAC,cAAc,IACb,OAAO,EAAE,OAAO,gBACJ,KAAK,CAAC,CAAC,CAAC,aAAa,IAAI,gBAAgB,CAAC,CAAC,CAAC,aAAa,EACrE,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAAI,CAAC,SAAS,IAAI,SAAS,IAAI,CAAC,CAAC,EACvD,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,GAAG,QAAQ,WAAW,QAAQ,EAAE,EAAE,EACtC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,aAAa,EACjE,SAAS,EAAE,SAAS,mBACN,SAAS,IAEtB,CAAC,KAAK,IAAI,QAAQ,CACJ,CACF,CAClB,CAAC;IAEF,OAAO,KAAK,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,aAAa,IAAG,QAAQ,CAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;AAC5E,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -19,9 +19,9 @@ export interface PaginationTitles {
|
|
|
19
19
|
pages?: string;
|
|
20
20
|
/** The type or title of the items being paginated */
|
|
21
21
|
items?: string;
|
|
22
|
-
/** The
|
|
22
|
+
/** The title of the pagination options menu */
|
|
23
23
|
itemsPerPage?: string;
|
|
24
|
-
/** The suffix to be displayed after each option on the
|
|
24
|
+
/** The suffix to be displayed after each option on the options menu dropdown */
|
|
25
25
|
perPageSuffix?: string;
|
|
26
26
|
/** Accessible label for the button which moves to the first page */
|
|
27
27
|
toFirstPage?: string;
|
|
@@ -31,7 +31,7 @@ export interface PaginationTitles {
|
|
|
31
31
|
toLastPage?: string;
|
|
32
32
|
/** Accessible label for the button which moves to the next page */
|
|
33
33
|
toNextPage?: string;
|
|
34
|
-
/** Accessible label for the
|
|
34
|
+
/** Accessible label for the options toggle */
|
|
35
35
|
optionsToggle?: string;
|
|
36
36
|
/** Accessible label for the input displaying the current page */
|
|
37
37
|
currPage?: string;
|
|
@@ -97,6 +97,10 @@ export interface PaginationProps extends React.HTMLProps<HTMLDivElement>, OUIAPr
|
|
|
97
97
|
onPageInput?: (event: React.SyntheticEvent<HTMLButtonElement>, page: number) => void;
|
|
98
98
|
/** Function called when user selects number of items per page. */
|
|
99
99
|
onPerPageSelect?: OnPerPageSelect;
|
|
100
|
+
/** Component to be used for wrapping the toggle contents. Use 'button' when you want
|
|
101
|
+
* all of the toggle text to be clickable.
|
|
102
|
+
*/
|
|
103
|
+
perPageComponent?: 'div' | 'button';
|
|
100
104
|
}
|
|
101
105
|
export declare class Pagination extends React.Component<PaginationProps, {
|
|
102
106
|
ouiaStateId: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -68,7 +68,7 @@ export class Pagination extends React.Component {
|
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
render() {
|
|
71
|
-
const _a = this.props, { children, className, variant, isDisabled, isCompact, isStatic, isSticky, perPage, titles, firstPage, page: propPage, offset, defaultToFullPage, itemCount, itemsStart, itemsEnd, perPageOptions, dropDirection: dropDirectionProp, widgetId, toggleTemplate, onSetPage, onPerPageSelect, onFirstClick, onPreviousClick, onNextClick, onPageInput, onLastClick, ouiaId, ouiaSafe } = _a, props = __rest(_a, ["children", "className", "variant", "isDisabled", "isCompact", "isStatic", "isSticky", "perPage", "titles", "firstPage", "page", "offset", "defaultToFullPage", "itemCount", "itemsStart", "itemsEnd", "perPageOptions", "dropDirection", "widgetId", "toggleTemplate", "onSetPage", "onPerPageSelect", "onFirstClick", "onPreviousClick", "onNextClick", "onPageInput", "onLastClick", "ouiaId", "ouiaSafe"]);
|
|
71
|
+
const _a = this.props, { children, className, variant, isDisabled, isCompact, isStatic, isSticky, perPage, titles, firstPage, page: propPage, offset, defaultToFullPage, itemCount, itemsStart, itemsEnd, perPageOptions, dropDirection: dropDirectionProp, widgetId, toggleTemplate, onSetPage, onPerPageSelect, onFirstClick, onPreviousClick, onNextClick, onPageInput, onLastClick, ouiaId, ouiaSafe, perPageComponent } = _a, props = __rest(_a, ["children", "className", "variant", "isDisabled", "isCompact", "isStatic", "isSticky", "perPage", "titles", "firstPage", "page", "offset", "defaultToFullPage", "itemCount", "itemsStart", "itemsEnd", "perPageOptions", "dropDirection", "widgetId", "toggleTemplate", "onSetPage", "onPerPageSelect", "onFirstClick", "onPreviousClick", "onNextClick", "onPageInput", "onLastClick", "ouiaId", "ouiaSafe", "perPageComponent"]);
|
|
72
72
|
const dropDirection = dropDirectionProp || (variant === 'bottom' && !isStatic ? 'up' : 'down');
|
|
73
73
|
let page = propPage;
|
|
74
74
|
if (!page && offset) {
|
|
@@ -100,7 +100,7 @@ export class Pagination extends React.Component {
|
|
|
100
100
|
typeof toggleTemplate !== 'string' &&
|
|
101
101
|
toggleTemplate(toggleTemplateProps),
|
|
102
102
|
!toggleTemplate && (React.createElement(ToggleTemplate, { firstIndex: firstIndex, lastIndex: lastIndex, itemCount: itemCount, itemsTitle: titles.items, ofWord: titles.ofWord })))),
|
|
103
|
-
React.createElement(PaginationOptionsMenu, { itemsPerPageTitle: titles.itemsPerPage, perPageSuffix: titles.perPageSuffix, itemsTitle: isCompact ? '' : titles.items, optionsToggle: titles.optionsToggle, perPageOptions: perPageOptions, firstIndex: itemsStart !== null ? itemsStart : firstIndex, lastIndex: itemsEnd !== null ? itemsEnd : lastIndex, ofWord: titles.ofWord, defaultToFullPage: defaultToFullPage, itemCount: itemCount, page: page, perPage: perPage, lastPage: lastPage, onPerPageSelect: onPerPageSelect, dropDirection: dropDirection, widgetId: widgetId, toggleTemplate: toggleTemplate, isDisabled: isDisabled }),
|
|
103
|
+
React.createElement(PaginationOptionsMenu, { itemsPerPageTitle: titles.itemsPerPage, perPageSuffix: titles.perPageSuffix, itemsTitle: isCompact ? '' : titles.items, optionsToggle: titles.optionsToggle, perPageOptions: perPageOptions, firstIndex: itemsStart !== null ? itemsStart : firstIndex, lastIndex: itemsEnd !== null ? itemsEnd : lastIndex, ofWord: titles.ofWord, defaultToFullPage: defaultToFullPage, itemCount: itemCount, page: page, perPage: perPage, lastPage: lastPage, onPerPageSelect: onPerPageSelect, dropDirection: dropDirection, widgetId: widgetId, toggleTemplate: toggleTemplate, isDisabled: isDisabled, perPageComponent: perPageComponent }),
|
|
104
104
|
React.createElement(Navigation, { pagesTitle: titles.page, pagesTitlePlural: titles.pages, toLastPage: titles.toLastPage, toPreviousPage: titles.toPreviousPage, toNextPage: titles.toNextPage, toFirstPage: titles.toFirstPage, currPage: titles.currPage, paginationTitle: titles.paginationTitle, ofWord: titles.ofWord, page: itemCount && itemCount <= 0 ? 0 : page, perPage: perPage, itemCount: itemCount, firstPage: itemsStart !== null ? itemsStart : 1, lastPage: lastPage, onSetPage: onSetPage, onFirstClick: onFirstClick, onPreviousClick: onPreviousClick, onNextClick: onNextClick, onLastClick: onLastClick, onPageInput: onPageInput, isDisabled: isDisabled, isCompact: isCompact }),
|
|
105
105
|
children));
|
|
106
106
|
}
|
|
@@ -124,7 +124,7 @@ Pagination.defaultProps = {
|
|
|
124
124
|
toPreviousPage: 'Go to previous page',
|
|
125
125
|
toLastPage: 'Go to last page',
|
|
126
126
|
toNextPage: 'Go to next page',
|
|
127
|
-
optionsToggle: '
|
|
127
|
+
optionsToggle: '',
|
|
128
128
|
currPage: 'Current page',
|
|
129
129
|
paginationTitle: 'Pagination',
|
|
130
130
|
ofWord: 'of'
|
|
@@ -144,6 +144,7 @@ Pagination.defaultProps = {
|
|
|
144
144
|
onNextClick: () => undefined,
|
|
145
145
|
onPageInput: () => undefined,
|
|
146
146
|
onLastClick: () => undefined,
|
|
147
|
-
ouiaSafe: true
|
|
147
|
+
ouiaSafe: true,
|
|
148
|
+
perPageComponent: 'div'
|
|
148
149
|
};
|
|
149
150
|
//# sourceMappingURL=Pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AACvE,OAAO,MAAM,MAAM,+DAA+D,CAAC;AACnF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAa,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,UAAU,MAAM,4FAA4F,CAAC;AAGpH,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,gCAAW,CAAA;IACX,sCAAiB,CAAA;AACnB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B;AAED,MAAM,qBAAqB,GAAG;IAC5B;QACE,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,EAAE;KACV;IACD;QACE,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,EAAE;KACV;IACD;QACE,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,EAAE;KACV;IACD;QACE,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,GAAG;KACX;CACF,CAAC;
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,25 +2,25 @@ import * as React from 'react';
|
|
|
2
2
|
import { ToggleTemplateProps } from './ToggleTemplate';
|
|
3
3
|
import { PerPageOptions, OnPerPageSelect } from './Pagination';
|
|
4
4
|
export interface PaginationOptionsMenuProps extends React.HTMLProps<HTMLDivElement> {
|
|
5
|
-
/** Custom class name added to the
|
|
5
|
+
/** Custom class name added to the pagination options menu */
|
|
6
6
|
className?: string;
|
|
7
|
-
/** Id added to the title of the Pagination
|
|
7
|
+
/** Id added to the title of the Pagination options menu */
|
|
8
8
|
widgetId?: string;
|
|
9
|
-
/** Flag indicating if
|
|
9
|
+
/** Flag indicating if pagination options menu is disabled */
|
|
10
10
|
isDisabled?: boolean;
|
|
11
|
-
/** Menu will open up or open down from the
|
|
11
|
+
/** Menu will open up or open down from the options menu toggle */
|
|
12
12
|
dropDirection?: 'up' | 'down';
|
|
13
|
-
/** Array of titles and values which will be the options on the
|
|
13
|
+
/** Array of titles and values which will be the options on the options menu dropdown */
|
|
14
14
|
perPageOptions?: PerPageOptions[];
|
|
15
|
-
/** The
|
|
15
|
+
/** The title of the pagination options menu */
|
|
16
16
|
itemsPerPageTitle?: string;
|
|
17
17
|
/** Current page number */
|
|
18
18
|
page?: number;
|
|
19
|
-
/** The suffix to be displayed after each option on the
|
|
19
|
+
/** The suffix to be displayed after each option on the options menu dropdown */
|
|
20
20
|
perPageSuffix?: string;
|
|
21
21
|
/** The type or title of the items being paginated */
|
|
22
22
|
itemsTitle?: string;
|
|
23
|
-
/**
|
|
23
|
+
/** Accessible label for the options toggle */
|
|
24
24
|
optionsToggle?: string;
|
|
25
25
|
/** The total number of items being paginated */
|
|
26
26
|
itemCount?: number;
|
|
@@ -40,6 +40,10 @@ export interface PaginationOptionsMenuProps extends React.HTMLProps<HTMLDivEleme
|
|
|
40
40
|
onPerPageSelect?: OnPerPageSelect;
|
|
41
41
|
/** Label for the English word "of" */
|
|
42
42
|
ofWord?: string;
|
|
43
|
+
/** Component to be used for wrapping the toggle contents. Use 'button' when you want
|
|
44
|
+
* all of the toggle text to be clickable.
|
|
45
|
+
*/
|
|
46
|
+
perPageComponent?: 'div' | 'button';
|
|
43
47
|
}
|
|
44
48
|
interface PaginationOptionsMenuState {
|
|
45
49
|
isOpen: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationOptionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationOptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,mBAAmB,EAAkB,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACjF,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,aAAa,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC9B,wFAAwF;IACxF,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC;IAClC,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,
|
|
1
|
+
{"version":3,"file":"PaginationOptionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationOptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,mBAAmB,EAAkB,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACjF,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,aAAa,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC9B,wFAAwF;IACxF,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC;IAClC,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oHAAoH;IACpH,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,MAAM,CAAC;IAC9E,kEAAkE;IAClE,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACrC;AAED,UAAU,0BAA0B;IAClC,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,EAAE,0BAA0B,CAAC;IAChH,MAAM,CAAC,WAAW,SAA2B;IAC7C,OAAO,CAAC,SAAS,CAAqC;IACtD,MAAM,CAAC,YAAY,EAAE,0BAA0B,CAkB7C;gBAEU,KAAK,EAAE,0BAA0B;IAO7C,QAAQ,WAAY,OAAO,UAEzB;IAEF,QAAQ,aAEN;IAEF,gBAAgB,SAAU,gBAAgB,GAAG,mBAAmB,GAAG,UAAU,cAAc,MAAM,UAkB/F;IAEF,WAAW,sBAoBT;IAEF,MAAM;CAgEP"}
|
|
@@ -45,12 +45,12 @@ export class PaginationOptionsMenu extends React.Component {
|
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
const { widgetId, isDisabled, itemsPerPageTitle, dropDirection, optionsToggle, perPageOptions, toggleTemplate, firstIndex, lastIndex, itemCount, itemsTitle, ofWord } = this.props;
|
|
48
|
+
const { widgetId, isDisabled, itemsPerPageTitle, dropDirection, optionsToggle, perPageOptions, toggleTemplate, firstIndex, lastIndex, itemCount, itemsTitle, ofWord, perPageComponent } = this.props;
|
|
49
49
|
const { isOpen } = this.state;
|
|
50
50
|
return (React.createElement(DropdownContext.Provider, { value: {
|
|
51
51
|
id: widgetId,
|
|
52
52
|
onSelect: this.onSelect,
|
|
53
|
-
toggleIndicatorClass: styles.optionsMenuToggleButtonIcon,
|
|
53
|
+
toggleIndicatorClass: perPageComponent === 'div' ? styles.optionsMenuToggleButtonIcon : styles.optionsMenuToggleIcon,
|
|
54
54
|
toggleTextClass: styles.optionsMenuToggleText,
|
|
55
55
|
menuClass: styles.optionsMenuMenu,
|
|
56
56
|
itemClass: styles.optionsMenuMenuItem,
|
|
@@ -61,7 +61,7 @@ export class PaginationOptionsMenu extends React.Component {
|
|
|
61
61
|
baseComponent: 'div',
|
|
62
62
|
ouiaComponentType: PaginationOptionsMenu.displayName
|
|
63
63
|
} },
|
|
64
|
-
React.createElement(DropdownWithContext, { direction: dropDirection, isOpen: isOpen, toggle: React.createElement(OptionsToggle, { optionsToggle: optionsToggle, itemsPerPageTitle: itemsPerPageTitle, showToggle: perPageOptions && perPageOptions.length > 0, onToggle: this.onToggle, isOpen: isOpen, widgetId: widgetId, firstIndex: firstIndex, lastIndex: lastIndex, itemCount: itemCount, itemsTitle: itemsTitle, ofWord: ofWord, toggleTemplate: toggleTemplate, parentRef: this.parentRef.current, isDisabled: isDisabled }), dropdownItems: this.renderItems(), isPlain: true })));
|
|
64
|
+
React.createElement(DropdownWithContext, { direction: dropDirection, isOpen: isOpen, toggle: React.createElement(OptionsToggle, { optionsToggle: optionsToggle, itemsPerPageTitle: itemsPerPageTitle, showToggle: perPageOptions && perPageOptions.length > 0, onToggle: this.onToggle, isOpen: isOpen, widgetId: widgetId, firstIndex: firstIndex, lastIndex: lastIndex, itemCount: itemCount, itemsTitle: itemsTitle, ofWord: ofWord, toggleTemplate: toggleTemplate, parentRef: this.parentRef.current, isDisabled: isDisabled, perPageComponent: perPageComponent }), dropdownItems: this.renderItems(), isPlain: true })));
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
PaginationOptionsMenu.displayName = 'PaginationOptionsMenu';
|
|
@@ -73,7 +73,7 @@ PaginationOptionsMenu.defaultProps = {
|
|
|
73
73
|
perPageOptions: [],
|
|
74
74
|
itemsPerPageTitle: 'Items per page',
|
|
75
75
|
perPageSuffix: 'per page',
|
|
76
|
-
optionsToggle: '
|
|
76
|
+
optionsToggle: '',
|
|
77
77
|
ofWord: 'of',
|
|
78
78
|
perPage: 0,
|
|
79
79
|
firstIndex: 0,
|
|
@@ -81,6 +81,7 @@ PaginationOptionsMenu.defaultProps = {
|
|
|
81
81
|
defaultToFullPage: false,
|
|
82
82
|
itemsTitle: 'items',
|
|
83
83
|
toggleTemplate: ToggleTemplate,
|
|
84
|
-
onPerPageSelect: () => null
|
|
84
|
+
onPerPageSelect: () => null,
|
|
85
|
+
perPageComponent: 'div'
|
|
85
86
|
};
|
|
86
87
|
//# sourceMappingURL=PaginationOptionsMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationOptionsMenu.js","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationOptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kEAAkE,CAAC;AACtF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACpG,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAuB,cAAc,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"PaginationOptionsMenu.js","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationOptionsMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,10 +28,12 @@ export interface MultipleFileUploadStatusItemProps extends React.HTMLProps<HTMLL
|
|
|
28
28
|
progressValue?: number;
|
|
29
29
|
/** A custom variant to apply to the progress component rather than using built in functionality to auto-fill it */
|
|
30
30
|
progressVariant?: 'danger' | 'success' | 'warning';
|
|
31
|
-
/** Adds accessible text to the
|
|
31
|
+
/** Adds accessible text to the progress bar. Required when title not used and there is not any label associated with the progress bar */
|
|
32
32
|
progressAriaLabel?: string;
|
|
33
|
-
/** Associates the
|
|
33
|
+
/** Associates the progress bar with it's label for accessibility purposes. Required when title not used */
|
|
34
34
|
progressAriaLabelledBy?: string;
|
|
35
|
+
/** Unique identifier for progress. Generated if not specified. */
|
|
36
|
+
progressId?: string;
|
|
35
37
|
}
|
|
36
38
|
export declare const MultipleFileUploadStatusItem: React.FunctionComponent<MultipleFileUploadStatusItemProps>;
|
|
37
39
|
//# sourceMappingURL=MultipleFileUploadStatusItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultipleFileUploadStatusItem.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,iCAAkC,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACvF,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3C,2DAA2D;IAC3D,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC5C,qEAAqE;IACrE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnD,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7D,+BAA+B;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAI1D,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACzC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qGAAqG;IACrG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oHAAoH;IACpH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mHAAmH;IACnH,eAAe,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAInD,
|
|
1
|
+
{"version":3,"file":"MultipleFileUploadStatusItem.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,iCAAkC,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACvF,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3C,2DAA2D;IAC3D,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC5C,qEAAqE;IACrE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnD,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7D,+BAA+B;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAI1D,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACzC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qGAAqG;IACrG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oHAAoH;IACpH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mHAAmH;IACnH,eAAe,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAInD,yIAAyI;IACzI,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2GAA2G;IAC3G,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,iBAAiB,CAAC,iCAAiC,CAqGnG,CAAC"}
|
|
@@ -10,7 +10,7 @@ const Button_1 = require("../Button");
|
|
|
10
10
|
const file_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/file-icon'));
|
|
11
11
|
const times_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-circle-icon'));
|
|
12
12
|
const MultipleFileUploadStatusItem = (_a) => {
|
|
13
|
-
var { className, file, fileIcon, onReadStarted = () => { }, onReadFinished = () => { }, onReadSuccess = () => { }, onReadFail = () => { }, onClearClick = () => { }, customFileHandler, fileName, fileSize, progressValue, progressVariant, progressAriaLabel, progressAriaLabelledBy, buttonAriaLabel = 'Remove from list' } = _a, props = tslib_1.__rest(_a, ["className", "file", "fileIcon", "onReadStarted", "onReadFinished", "onReadSuccess", "onReadFail", "onClearClick", "customFileHandler", "fileName", "fileSize", "progressValue", "progressVariant", "progressAriaLabel", "progressAriaLabelledBy", "buttonAriaLabel"]);
|
|
13
|
+
var { className, file, fileIcon, onReadStarted = () => { }, onReadFinished = () => { }, onReadSuccess = () => { }, onReadFail = () => { }, onClearClick = () => { }, customFileHandler, fileName, fileSize, progressValue, progressVariant, progressAriaLabel, progressAriaLabelledBy, progressId, buttonAriaLabel = 'Remove from list' } = _a, props = tslib_1.__rest(_a, ["className", "file", "fileIcon", "onReadStarted", "onReadFinished", "onReadSuccess", "onReadFail", "onClearClick", "customFileHandler", "fileName", "fileSize", "progressValue", "progressVariant", "progressAriaLabel", "progressAriaLabelledBy", "progressId", "buttonAriaLabel"]);
|
|
14
14
|
const [loadPercentage, setLoadPercentage] = React.useState(0);
|
|
15
15
|
const [loadResult, setLoadResult] = React.useState();
|
|
16
16
|
function readFile(file) {
|
|
@@ -64,7 +64,7 @@ const MultipleFileUploadStatusItem = (_a) => {
|
|
|
64
64
|
return (React.createElement("li", Object.assign({ className: react_styles_1.css(multiple_file_upload_1.default.multipleFileUploadStatusItem, className) }, props),
|
|
65
65
|
React.createElement("div", { className: multiple_file_upload_1.default.multipleFileUploadStatusItemIcon }, fileIcon || React.createElement(file_icon_1.default, null)),
|
|
66
66
|
React.createElement("div", { className: multiple_file_upload_1.default.multipleFileUploadStatusItemMain },
|
|
67
|
-
React.createElement(Progress_1.Progress, { title: title, value: progressValue || loadPercentage, variant: progressVariant || loadResult, "aria-label": progressAriaLabel, "aria-labelledby": progressAriaLabelledBy })),
|
|
67
|
+
React.createElement(Progress_1.Progress, { title: title, value: progressValue || loadPercentage, variant: progressVariant || loadResult, "aria-label": progressAriaLabel, "aria-labelledby": progressAriaLabelledBy, id: progressId })),
|
|
68
68
|
React.createElement("div", { className: multiple_file_upload_1.default.multipleFileUploadStatusItemClose },
|
|
69
69
|
React.createElement(Button_1.Button, { variant: "plain", "aria-label": buttonAriaLabel, onClick: onClearClick },
|
|
70
70
|
React.createElement(times_circle_icon_1.default, null)))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultipleFileUploadStatusItem.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mJAAqG;AACrG,2DAA+C;AAC/C,0CAAuC;AACvC,sCAAmC;AACnC,wGAAwE;AACxE,wHAAuF;
|
|
1
|
+
{"version":3,"file":"MultipleFileUploadStatusItem.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,9 @@ import { ToggleTemplateProps } from './ToggleTemplate';
|
|
|
3
3
|
export interface OptionsToggleProps extends React.HTMLProps<HTMLDivElement> {
|
|
4
4
|
/** The type or title of the items being paginated */
|
|
5
5
|
itemsTitle?: string;
|
|
6
|
-
/** Accessible label for the
|
|
6
|
+
/** Accessible label for the options toggle */
|
|
7
7
|
optionsToggle?: string;
|
|
8
|
-
/** The
|
|
8
|
+
/** The title of the pagination options menu */
|
|
9
9
|
itemsPerPageTitle?: string;
|
|
10
10
|
/** The first index of the items being paginated */
|
|
11
11
|
firstIndex?: number;
|
|
@@ -13,15 +13,15 @@ export interface OptionsToggleProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
13
13
|
lastIndex?: number;
|
|
14
14
|
/** The total number of items being paginated */
|
|
15
15
|
itemCount?: number;
|
|
16
|
-
/** Id added to the title of the
|
|
16
|
+
/** Id added to the title of the pagination options menu */
|
|
17
17
|
widgetId?: string;
|
|
18
18
|
/** showToggle */
|
|
19
19
|
showToggle?: boolean;
|
|
20
|
-
/** Event function that fires when user clicks the
|
|
20
|
+
/** Event function that fires when user clicks the options menu toggle */
|
|
21
21
|
onToggle?: (isOpen: boolean) => void;
|
|
22
|
-
/** Flag indicating if the
|
|
22
|
+
/** Flag indicating if the options menu dropdown is open or not */
|
|
23
23
|
isOpen?: boolean;
|
|
24
|
-
/** Flag indicating if the
|
|
24
|
+
/** Flag indicating if the options menu is disabled */
|
|
25
25
|
isDisabled?: boolean;
|
|
26
26
|
/** */
|
|
27
27
|
parentRef?: HTMLElement;
|
|
@@ -31,6 +31,10 @@ export interface OptionsToggleProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
31
31
|
onEnter?: () => void;
|
|
32
32
|
/** Label for the English word "of" */
|
|
33
33
|
ofWord?: string;
|
|
34
|
+
/** Component to be used for wrapping the toggle contents. Use 'button' when you want
|
|
35
|
+
* all of the toggle text to be clickable.
|
|
36
|
+
*/
|
|
37
|
+
perPageComponent?: 'div' | 'button';
|
|
34
38
|
}
|
|
35
39
|
export declare const OptionsToggle: React.FunctionComponent<OptionsToggleProps>;
|
|
36
40
|
//# sourceMappingURL=OptionsToggle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/OptionsToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM;IACN,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,oHAAoH;IACpH,cAAc,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,MAAM,CAAC;IAC/E,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"OptionsToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/OptionsToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM;IACN,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,oHAAoH;IACpH,cAAc,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,MAAM,CAAC;IAC/E,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACrC;AAGD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA6DrE,CAAC"}
|
|
@@ -8,13 +8,19 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
8
8
|
const helpers_1 = require("../../helpers");
|
|
9
9
|
const Dropdown_1 = require("../Dropdown");
|
|
10
10
|
let toggleId = 0;
|
|
11
|
-
const OptionsToggle = ({ itemsTitle = 'items', optionsToggle
|
|
11
|
+
const OptionsToggle = ({ itemsTitle = 'items', optionsToggle,
|
|
12
12
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
13
13
|
itemsPerPageTitle = 'Items per page', ofWord = 'of', firstIndex = 0, lastIndex = 0, itemCount, widgetId = '', showToggle = true,
|
|
14
14
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
15
|
-
onToggle = (_isOpen) => undefined, isOpen = false, isDisabled = false, parentRef = null, toggleTemplate: ToggleTemplate, onEnter = null
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
onToggle = (_isOpen) => undefined, isOpen = false, isDisabled = false, parentRef = null, toggleTemplate: ToggleTemplate, onEnter = null, perPageComponent = 'div' }) => {
|
|
16
|
+
const isDiv = perPageComponent === 'div';
|
|
17
|
+
const toggleClasses = react_styles_1.css(options_menu_1.default.optionsMenuToggle, isDisabled && options_menu_1.default.modifiers.disabled, options_menu_1.default.modifiers.plain, options_menu_1.default.modifiers.text);
|
|
18
|
+
const template = typeof ToggleTemplate === 'string' ? (helpers_1.fillTemplate(ToggleTemplate, { firstIndex, lastIndex, ofWord, itemCount, itemsTitle })) : (React.createElement(ToggleTemplate, { firstIndex: firstIndex, lastIndex: lastIndex, ofWord: ofWord, itemCount: itemCount, itemsTitle: itemsTitle }));
|
|
19
|
+
const dropdown = showToggle && (React.createElement(React.Fragment, null,
|
|
20
|
+
isDiv && React.createElement("span", { className: react_styles_1.css(options_menu_1.default.optionsMenuToggleText) }, template),
|
|
21
|
+
React.createElement(Dropdown_1.DropdownToggle, { onEnter: onEnter, "aria-label": isDiv ? optionsToggle || 'Items per page' : optionsToggle, onToggle: onToggle, isDisabled: isDisabled || (itemCount && itemCount <= 0), isOpen: isOpen, id: `${widgetId}-toggle-${toggleId++}`, className: isDiv ? options_menu_1.default.optionsMenuToggleButton : toggleClasses, parentRef: parentRef, "aria-haspopup": "listbox" }, !isDiv && template)));
|
|
22
|
+
return isDiv ? React.createElement("div", { className: toggleClasses }, dropdown) : dropdown;
|
|
23
|
+
};
|
|
18
24
|
exports.OptionsToggle = OptionsToggle;
|
|
19
25
|
exports.OptionsToggle.displayName = 'OptionsToggle';
|
|
20
26
|
//# sourceMappingURL=OptionsToggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsToggle.js","sourceRoot":"","sources":["../../../../src/components/Pagination/OptionsToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4HAAsF;AACtF,2DAA+C;AAE/C,2CAA6C;AAE7C,0CAA6C;
|
|
1
|
+
{"version":3,"file":"OptionsToggle.js","sourceRoot":"","sources":["../../../../src/components/Pagination/OptionsToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4HAAsF;AACtF,2DAA+C;AAE/C,2CAA6C;AAE7C,0CAA6C;AAuC7C,IAAI,QAAQ,GAAG,CAAC,CAAC;AACV,MAAM,aAAa,GAAgD,CAAC,EACzE,UAAU,GAAG,OAAO,EACpB,aAAa;AACb,6DAA6D;AAC7D,iBAAiB,GAAG,gBAAgB,EACpC,MAAM,GAAG,IAAI,EACb,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,CAAC,EACb,SAAS,EACT,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,IAAI;AACjB,6DAA6D;AAC7D,QAAQ,GAAG,CAAC,OAAgB,EAAE,EAAE,CAAC,SAAgB,EACjD,MAAM,GAAG,KAAK,EACd,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,EAChB,cAAc,EAAE,cAAc,EAC9B,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,KAAK,EACL,EAAE,EAAE;IACvB,MAAM,KAAK,GAAG,gBAAgB,KAAK,KAAK,CAAC;IACzC,MAAM,aAAa,GAAG,kBAAG,CACvB,sBAAM,CAAC,iBAAiB,EACxB,UAAU,IAAI,sBAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,sBAAM,CAAC,SAAS,CAAC,KAAK,EACtB,sBAAM,CAAC,SAAS,CAAC,IAAI,CACtB,CAAC;IAEF,MAAM,QAAQ,GACZ,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnC,sBAAY,CAAC,cAAc,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CACvF,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IACb,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;IAEJ,MAAM,QAAQ,GAAG,UAAU,IAAI,CAC7B,oBAAC,KAAK,CAAC,QAAQ;QACZ,KAAK,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,sBAAM,CAAC,qBAAqB,CAAC,IAAG,QAAQ,CAAQ;QAC/E,oBAAC,yBAAc,IACb,OAAO,EAAE,OAAO,gBACJ,KAAK,CAAC,CAAC,CAAC,aAAa,IAAI,gBAAgB,CAAC,CAAC,CAAC,aAAa,EACrE,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAAI,CAAC,SAAS,IAAI,SAAS,IAAI,CAAC,CAAC,EACvD,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,GAAG,QAAQ,WAAW,QAAQ,EAAE,EAAE,EACtC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,sBAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,aAAa,EACjE,SAAS,EAAE,SAAS,mBACN,SAAS,IAEtB,CAAC,KAAK,IAAI,QAAQ,CACJ,CACF,CAClB,CAAC;IAEF,OAAO,KAAK,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,aAAa,IAAG,QAAQ,CAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;AAC5E,CAAC,CAAC;AA7DW,QAAA,aAAa,iBA6DxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|