@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
|
@@ -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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"}
|
|
@@ -71,7 +71,7 @@ class Pagination extends React.Component {
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
render() {
|
|
74
|
-
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 = tslib_1.__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"]);
|
|
74
|
+
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 = tslib_1.__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"]);
|
|
75
75
|
const dropDirection = dropDirectionProp || (variant === 'bottom' && !isStatic ? 'up' : 'down');
|
|
76
76
|
let page = propPage;
|
|
77
77
|
if (!page && offset) {
|
|
@@ -103,7 +103,7 @@ class Pagination extends React.Component {
|
|
|
103
103
|
typeof toggleTemplate !== 'string' &&
|
|
104
104
|
toggleTemplate(toggleTemplateProps),
|
|
105
105
|
!toggleTemplate && (React.createElement(ToggleTemplate_1.ToggleTemplate, { firstIndex: firstIndex, lastIndex: lastIndex, itemCount: itemCount, itemsTitle: titles.items, ofWord: titles.ofWord })))),
|
|
106
|
-
React.createElement(PaginationOptionsMenu_1.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 }),
|
|
106
|
+
React.createElement(PaginationOptionsMenu_1.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 }),
|
|
107
107
|
React.createElement(Navigation_1.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 }),
|
|
108
108
|
children));
|
|
109
109
|
}
|
|
@@ -128,7 +128,7 @@ Pagination.defaultProps = {
|
|
|
128
128
|
toPreviousPage: 'Go to previous page',
|
|
129
129
|
toLastPage: 'Go to last page',
|
|
130
130
|
toNextPage: 'Go to next page',
|
|
131
|
-
optionsToggle: '
|
|
131
|
+
optionsToggle: '',
|
|
132
132
|
currPage: 'Current page',
|
|
133
133
|
paginationTitle: 'Pagination',
|
|
134
134
|
ofWord: 'of'
|
|
@@ -148,6 +148,7 @@ Pagination.defaultProps = {
|
|
|
148
148
|
onNextClick: () => undefined,
|
|
149
149
|
onPageInput: () => undefined,
|
|
150
150
|
onLastClick: () => undefined,
|
|
151
|
-
ouiaSafe: true
|
|
151
|
+
ouiaSafe: true,
|
|
152
|
+
perPageComponent: 'div'
|
|
152
153
|
};
|
|
153
154
|
//# sourceMappingURL=Pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qDAAuE;AACvE,uHAAmF;AACnF,2DAA+C;AAE/C,2CAA6C;AAC7C,6CAA0C;AAC1C,mEAAgE;AAChE,2CAA0E;AAC1E,iMAAoH;AAGpH,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,gCAAW,CAAA;IACX,sCAAiB,CAAA;AACnB,CAAC,EAHW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,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":";;;;AAAA,qDAA+B;AAC/B,qDAAuE;AACvE,uHAAmF;AACnF,2DAA+C;AAE/C,2CAA6C;AAC7C,6CAA0C;AAC1C,mEAAgE;AAChE,2CAA0E;AAC1E,iMAAoH;AAGpH,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,gCAAW,CAAA;IACX,sCAAiB,CAAA;AACnB,CAAC,EAHW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,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;AAmHF,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAE,IAAoB,EAAE,EAAE;IAClE,IAAI,CAAC,IAAI,EAAE;QACT,OAAO;KACR;IACD,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;IACpC,IAAI,GAAG,IAAI,CAAC,EAAE;QACZ,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,kEAAU,CAAC,IAAI,EAAE,GAAG,GAAG,EAAE,CAAC,CAAC;KACnD;SAAM;QACL,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,kEAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;KAC9C;AACH,CAAC,CAAC;AAEF,IAAI,YAAY,GAAG,CAAC,CAAC;AACrB,MAAa,UAAW,SAAQ,KAAK,CAAC,SAAmD;IAAzF;;QAEE,kBAAa,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QA2ClD,UAAK,GAAG;YACN,WAAW,EAAE,0BAAgB,CAAC,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;SAC1E,CAAC;IAoKJ,CAAC;IAlKC,WAAW;QACT,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChD,4FAA4F;QAC5F,OAAO,SAAS,IAAI,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;IACvF,CAAC;IAED,iBAAiB;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;QACxC,gBAAgB,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,CAAC;IAC7C,CAAC;IAED,kBAAkB,CAAC,SAAsC;QACvD,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;QACxC,IAAI,SAAS,CAAC,OAAO,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC,SAAS,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YAC5F,gBAAgB,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,CAAC;SAC5C;IACH,CAAC;IACD,MAAM;QACJ,MAAM,KAgCF,IAAI,CAAC,KAAK,EAhCR,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,IAAI,EAAE,QAAQ,EACd,MAAM,EACN,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,cAAc,EACd,aAAa,EAAE,iBAAiB,EAChC,QAAQ,EACR,cAAc,EACd,SAAS,EACT,eAAe,EACf,YAAY,EACZ,eAAe,EACf,WAAW,EACX,WAAW,EACX,WAAW,EACX,MAAM,EACN,QAAQ,EACR,gBAAgB,OAEJ,EADT,KAAK,sBA/BJ,kaAgCL,CAAa,CAAC;QACf,MAAM,aAAa,GAAG,iBAAiB,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAE/F,IAAI,IAAI,GAAG,QAAQ,CAAC;QACpB,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE;YACnB,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;SACpC;QACD,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;YAC5B,IAAI,GAAG,CAAC,CAAC;SACV;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,IAAI,UAAU,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC;QAC1C,IAAI,SAAS,GAAG,IAAI,GAAG,OAAO,CAAC;QAE/B,IAAI,SAAS,IAAI,SAAS,KAAK,CAAC,EAAE;YAChC,UAAU,GAAG,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC;YAE3D,IAAI,IAAI,GAAG,SAAS,IAAI,SAAS,GAAG,CAAC,EAAE;gBACrC,IAAI,GAAG,SAAS,CAAC;aAClB;iBAAM,IAAI,IAAI,GAAG,QAAQ,EAAE;gBAC1B,IAAI,GAAG,QAAQ,CAAC;aACjB;YAED,IAAI,SAAS,IAAI,CAAC,EAAE;gBAClB,SAAS,GAAG,IAAI,KAAK,QAAQ,IAAI,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC;aAC/E;SACF;QAED,MAAM,mBAAmB,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;QAElH,OAAO,CACL,2CACE,GAAG,EAAE,IAAI,CAAC,aAAa,EACvB,SAAS,EAAE,kBAAG,CACZ,oBAAM,CAAC,UAAU,EACjB,OAAO,KAAK,iBAAiB,CAAC,MAAM,IAAI,oBAAM,CAAC,SAAS,CAAC,MAAM,EAC/D,SAAS,IAAI,oBAAM,CAAC,SAAS,CAAC,OAAO,EACrC,QAAQ,IAAI,oBAAM,CAAC,SAAS,CAAC,MAAM,EACnC,QAAQ,IAAI,oBAAM,CAAC,SAAS,CAAC,MAAM,EACnC,SAAS,CACV,EACD,EAAE,EAAE,GAAG,QAAQ,IAAI,YAAY,EAAE,EAAE,IAC/B,sBAAY,CAAC,UAAU,CAAC,WAAW,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,QAAQ,CAAC,EACtG,KAAK;YAER,OAAO,KAAK,iBAAiB,CAAC,GAAG,IAAI,CACpC,6BAAK,SAAS,EAAE,kBAAG,CAAC,oBAAM,CAAC,oBAAoB,CAAC;gBAC7C,cAAc,IAAI,OAAO,cAAc,KAAK,QAAQ,IAAI,sBAAY,CAAC,cAAc,EAAE,mBAAmB,CAAC;gBACzG,cAAc;oBACb,OAAO,cAAc,KAAK,QAAQ;oBACjC,cAAqE,CAAC,mBAAmB,CAAC;gBAC5F,CAAC,cAAc,IAAI,CAClB,oBAAC,+BAAc,IACb,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,MAAM,CAAC,KAAK,EACxB,MAAM,EAAE,MAAM,CAAC,MAAM,GACrB,CACH,CACG,CACP;YACD,oBAAC,6CAAqB,IACpB,iBAAiB,EAAE,MAAM,CAAC,YAAY,EACtC,aAAa,EAAE,MAAM,CAAC,aAAa,EACnC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EACzC,aAAa,EAAE,MAAM,CAAC,aAAa,EACnC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACzD,SAAS,EAAE,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACnD,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,GAClC;YACF,oBAAC,uBAAU,IACT,UAAU,EAAE,MAAM,CAAC,IAAI,EACvB,gBAAgB,EAAE,MAAM,CAAC,KAAK,EAC9B,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,cAAc,EAAE,MAAM,CAAC,cAAc,EACrC,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,WAAW,EAAE,MAAM,CAAC,WAAW,EAC/B,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,IAAI,EAAE,SAAS,IAAI,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAC5C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAC/C,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,GACpB;YACD,QAAQ,CACL,CACP,CAAC;IACJ,CAAC;;AAlNH,gCAmNC;AAlNQ,sBAAW,GAAG,YAAY,CAAC;AAE3B,uBAAY,GAAkC;IACnD,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,iBAAiB,CAAC,GAAG;IAC9B,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK;IACvC,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,gBAAgB;QAC9B,aAAa,EAAE,UAAU;QACzB,WAAW,EAAE,kBAAkB;QAC/B,cAAc,EAAE,qBAAqB;QACrC,UAAU,EAAE,iBAAiB;QAC7B,UAAU,EAAE,iBAAiB;QAC7B,aAAa,EAAE,EAAE;QACjB,QAAQ,EAAE,cAAc;QACxB,eAAe,EAAE,YAAY;QAC7B,MAAM,EAAE,IAAI;KACb;IACD,SAAS,EAAE,CAAC;IACZ,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,iBAAiB,EAAE,KAAK;IACxB,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,IAAI;IACd,cAAc,EAAE,qBAAqB;IACrC,QAAQ,EAAE,yBAAyB;IACnC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;IAC1B,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS;IAChC,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS;IAC7B,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS;IAChC,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS;IAC5B,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS;IAC5B,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS;IAC5B,QAAQ,EAAE,IAAI;IACd,gBAAgB,EAAE,KAAK;CACxB,CAAC"}
|
|
@@ -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"}
|
|
@@ -49,12 +49,12 @@ class PaginationOptionsMenu extends React.Component {
|
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
const { widgetId, isDisabled, itemsPerPageTitle, dropDirection, optionsToggle, perPageOptions, toggleTemplate, firstIndex, lastIndex, itemCount, itemsTitle, ofWord } = this.props;
|
|
52
|
+
const { widgetId, isDisabled, itemsPerPageTitle, dropDirection, optionsToggle, perPageOptions, toggleTemplate, firstIndex, lastIndex, itemCount, itemsTitle, ofWord, perPageComponent } = this.props;
|
|
53
53
|
const { isOpen } = this.state;
|
|
54
54
|
return (React.createElement(Dropdown_1.DropdownContext.Provider, { value: {
|
|
55
55
|
id: widgetId,
|
|
56
56
|
onSelect: this.onSelect,
|
|
57
|
-
toggleIndicatorClass: options_menu_1.default.optionsMenuToggleButtonIcon,
|
|
57
|
+
toggleIndicatorClass: perPageComponent === 'div' ? options_menu_1.default.optionsMenuToggleButtonIcon : options_menu_1.default.optionsMenuToggleIcon,
|
|
58
58
|
toggleTextClass: options_menu_1.default.optionsMenuToggleText,
|
|
59
59
|
menuClass: options_menu_1.default.optionsMenuMenu,
|
|
60
60
|
itemClass: options_menu_1.default.optionsMenuMenuItem,
|
|
@@ -65,7 +65,7 @@ class PaginationOptionsMenu extends React.Component {
|
|
|
65
65
|
baseComponent: 'div',
|
|
66
66
|
ouiaComponentType: PaginationOptionsMenu.displayName
|
|
67
67
|
} },
|
|
68
|
-
React.createElement(Dropdown_1.DropdownWithContext, { direction: dropDirection, isOpen: isOpen, toggle: React.createElement(OptionsToggle_1.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 })));
|
|
68
|
+
React.createElement(Dropdown_1.DropdownWithContext, { direction: dropDirection, isOpen: isOpen, toggle: React.createElement(OptionsToggle_1.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 })));
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
exports.PaginationOptionsMenu = PaginationOptionsMenu;
|
|
@@ -78,7 +78,7 @@ PaginationOptionsMenu.defaultProps = {
|
|
|
78
78
|
perPageOptions: [],
|
|
79
79
|
itemsPerPageTitle: 'Items per page',
|
|
80
80
|
perPageSuffix: 'per page',
|
|
81
|
-
optionsToggle: '
|
|
81
|
+
optionsToggle: '',
|
|
82
82
|
ofWord: 'of',
|
|
83
83
|
perPage: 0,
|
|
84
84
|
firstIndex: 0,
|
|
@@ -86,6 +86,7 @@ PaginationOptionsMenu.defaultProps = {
|
|
|
86
86
|
defaultToFullPage: false,
|
|
87
87
|
itemsTitle: 'items',
|
|
88
88
|
toggleTemplate: ToggleTemplate_1.ToggleTemplate,
|
|
89
|
-
onPerPageSelect: () => null
|
|
89
|
+
onPerPageSelect: () => null,
|
|
90
|
+
perPageComponent: 'div'
|
|
90
91
|
};
|
|
91
92
|
//# sourceMappingURL=PaginationOptionsMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationOptionsMenu.js","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationOptionsMenu.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4HAAsF;AACtF,2DAA+C;AAC/C,0CAAoG;AACpG,0GAA0E;AAC1E,mDAAgD;AAChD,qDAAuE;
|
|
1
|
+
{"version":3,"file":"PaginationOptionsMenu.js","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationOptionsMenu.tsx"],"names":[],"mappings":"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"}
|
package/dist/umd/react-core.css
CHANGED
|
@@ -24443,6 +24443,75 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
24443
24443
|
--pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
|
|
24444
24444
|
}
|
|
24445
24445
|
}
|
|
24446
|
+
.pf-l-gallery {
|
|
24447
|
+
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
24448
|
+
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
24449
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
24450
|
+
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
24451
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
24452
|
+
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
24453
|
+
--pf-l-gallery--GridTemplateRows: auto;
|
|
24454
|
+
display: grid;
|
|
24455
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
24456
|
+
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
24457
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
24458
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
24459
|
+
}
|
|
24460
|
+
|
|
24461
|
+
.pf-l-gallery.pf-m-gutter {
|
|
24462
|
+
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
24463
|
+
}
|
|
24464
|
+
|
|
24465
|
+
@media (min-width: 576px) {
|
|
24466
|
+
.pf-l-gallery {
|
|
24467
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
24468
|
+
}
|
|
24469
|
+
}
|
|
24470
|
+
@media (min-width: 768px) {
|
|
24471
|
+
.pf-l-gallery {
|
|
24472
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
24473
|
+
}
|
|
24474
|
+
}
|
|
24475
|
+
@media (min-width: 992px) {
|
|
24476
|
+
.pf-l-gallery {
|
|
24477
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
24478
|
+
}
|
|
24479
|
+
}
|
|
24480
|
+
@media (min-width: 1200px) {
|
|
24481
|
+
.pf-l-gallery {
|
|
24482
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
24483
|
+
}
|
|
24484
|
+
}
|
|
24485
|
+
@media (min-width: 1450px) {
|
|
24486
|
+
.pf-l-gallery {
|
|
24487
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
24488
|
+
}
|
|
24489
|
+
}
|
|
24490
|
+
@media (min-width: 576px) {
|
|
24491
|
+
.pf-l-gallery {
|
|
24492
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
24493
|
+
}
|
|
24494
|
+
}
|
|
24495
|
+
@media (min-width: 768px) {
|
|
24496
|
+
.pf-l-gallery {
|
|
24497
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
24498
|
+
}
|
|
24499
|
+
}
|
|
24500
|
+
@media (min-width: 992px) {
|
|
24501
|
+
.pf-l-gallery {
|
|
24502
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
24503
|
+
}
|
|
24504
|
+
}
|
|
24505
|
+
@media (min-width: 1200px) {
|
|
24506
|
+
.pf-l-gallery {
|
|
24507
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
24508
|
+
}
|
|
24509
|
+
}
|
|
24510
|
+
@media (min-width: 1450px) {
|
|
24511
|
+
.pf-l-gallery {
|
|
24512
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
24513
|
+
}
|
|
24514
|
+
}
|
|
24446
24515
|
.pf-l-grid {
|
|
24447
24516
|
--pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
|
|
24448
24517
|
--pf-l-grid__item--GridColumnStart: auto;
|
|
@@ -25657,75 +25726,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
25657
25726
|
grid-gap: var(--pf-l-grid--m-gutter--GridGap);
|
|
25658
25727
|
}
|
|
25659
25728
|
|
|
25660
|
-
.pf-l-gallery {
|
|
25661
|
-
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
25662
|
-
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
25663
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
25664
|
-
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
25665
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
25666
|
-
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
25667
|
-
--pf-l-gallery--GridTemplateRows: auto;
|
|
25668
|
-
display: grid;
|
|
25669
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
25670
|
-
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
25671
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
25672
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
25673
|
-
}
|
|
25674
|
-
|
|
25675
|
-
.pf-l-gallery.pf-m-gutter {
|
|
25676
|
-
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
25677
|
-
}
|
|
25678
|
-
|
|
25679
|
-
@media (min-width: 576px) {
|
|
25680
|
-
.pf-l-gallery {
|
|
25681
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
25682
|
-
}
|
|
25683
|
-
}
|
|
25684
|
-
@media (min-width: 768px) {
|
|
25685
|
-
.pf-l-gallery {
|
|
25686
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
25687
|
-
}
|
|
25688
|
-
}
|
|
25689
|
-
@media (min-width: 992px) {
|
|
25690
|
-
.pf-l-gallery {
|
|
25691
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
25692
|
-
}
|
|
25693
|
-
}
|
|
25694
|
-
@media (min-width: 1200px) {
|
|
25695
|
-
.pf-l-gallery {
|
|
25696
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
25697
|
-
}
|
|
25698
|
-
}
|
|
25699
|
-
@media (min-width: 1450px) {
|
|
25700
|
-
.pf-l-gallery {
|
|
25701
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
25702
|
-
}
|
|
25703
|
-
}
|
|
25704
|
-
@media (min-width: 576px) {
|
|
25705
|
-
.pf-l-gallery {
|
|
25706
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
25707
|
-
}
|
|
25708
|
-
}
|
|
25709
|
-
@media (min-width: 768px) {
|
|
25710
|
-
.pf-l-gallery {
|
|
25711
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
25712
|
-
}
|
|
25713
|
-
}
|
|
25714
|
-
@media (min-width: 992px) {
|
|
25715
|
-
.pf-l-gallery {
|
|
25716
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
25717
|
-
}
|
|
25718
|
-
}
|
|
25719
|
-
@media (min-width: 1200px) {
|
|
25720
|
-
.pf-l-gallery {
|
|
25721
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
25722
|
-
}
|
|
25723
|
-
}
|
|
25724
|
-
@media (min-width: 1450px) {
|
|
25725
|
-
.pf-l-gallery {
|
|
25726
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
25727
|
-
}
|
|
25728
|
-
}
|
|
25729
25729
|
.pf-l-level {
|
|
25730
25730
|
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
25731
25731
|
display: flex;
|
package/dist/umd/react-core.js
CHANGED
|
@@ -15750,7 +15750,7 @@
|
|
|
15750
15750
|
var FileIcon$1 = FileIcon;
|
|
15751
15751
|
|
|
15752
15752
|
const MultipleFileUploadStatusItem = (_a) => {
|
|
15753
|
-
var { className, file, fileIcon, onReadStarted = () => { }, onReadFinished = () => { }, onReadSuccess = () => { }, onReadFail = () => { }, onClearClick = () => { }, customFileHandler, fileName, fileSize, progressValue, progressVariant, progressAriaLabel, progressAriaLabelledBy, buttonAriaLabel = 'Remove from list' } = _a, props = __rest$1(_a, ["className", "file", "fileIcon", "onReadStarted", "onReadFinished", "onReadSuccess", "onReadFail", "onClearClick", "customFileHandler", "fileName", "fileSize", "progressValue", "progressVariant", "progressAriaLabel", "progressAriaLabelledBy", "buttonAriaLabel"]);
|
|
15753
|
+
var { className, file, fileIcon, onReadStarted = () => { }, onReadFinished = () => { }, onReadSuccess = () => { }, onReadFail = () => { }, onClearClick = () => { }, customFileHandler, fileName, fileSize, progressValue, progressVariant, progressAriaLabel, progressAriaLabelledBy, progressId, buttonAriaLabel = 'Remove from list' } = _a, props = __rest$1(_a, ["className", "file", "fileIcon", "onReadStarted", "onReadFinished", "onReadSuccess", "onReadFail", "onClearClick", "customFileHandler", "fileName", "fileSize", "progressValue", "progressVariant", "progressAriaLabel", "progressAriaLabelledBy", "progressId", "buttonAriaLabel"]);
|
|
15754
15754
|
const [loadPercentage, setLoadPercentage] = React__namespace.useState(0);
|
|
15755
15755
|
const [loadResult, setLoadResult] = React__namespace.useState();
|
|
15756
15756
|
function readFile(file) {
|
|
@@ -15804,7 +15804,7 @@
|
|
|
15804
15804
|
return (React__namespace.createElement("li", Object.assign({ className: css(styles$x.multipleFileUploadStatusItem, className) }, props),
|
|
15805
15805
|
React__namespace.createElement("div", { className: styles$x.multipleFileUploadStatusItemIcon }, fileIcon || React__namespace.createElement(FileIcon$1, null)),
|
|
15806
15806
|
React__namespace.createElement("div", { className: styles$x.multipleFileUploadStatusItemMain },
|
|
15807
|
-
React__namespace.createElement(Progress, { title: title, value: progressValue || loadPercentage, variant: progressVariant || loadResult, "aria-label": progressAriaLabel, "aria-labelledby": progressAriaLabelledBy })),
|
|
15807
|
+
React__namespace.createElement(Progress, { title: title, value: progressValue || loadPercentage, variant: progressVariant || loadResult, "aria-label": progressAriaLabel, "aria-labelledby": progressAriaLabelledBy, id: progressId })),
|
|
15808
15808
|
React__namespace.createElement("div", { className: styles$x.multipleFileUploadStatusItemClose },
|
|
15809
15809
|
React__namespace.createElement(Button, { variant: "plain", "aria-label": buttonAriaLabel, onClick: onClearClick },
|
|
15810
15810
|
React__namespace.createElement(TimesCircleIcon$1, null)))));
|
|
@@ -17022,13 +17022,19 @@
|
|
|
17022
17022
|
};
|
|
17023
17023
|
|
|
17024
17024
|
let toggleId = 0;
|
|
17025
|
-
const OptionsToggle = ({ itemsTitle = 'items', optionsToggle
|
|
17025
|
+
const OptionsToggle = ({ itemsTitle = 'items', optionsToggle,
|
|
17026
17026
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
17027
17027
|
itemsPerPageTitle = 'Items per page', ofWord = 'of', firstIndex = 0, lastIndex = 0, itemCount, widgetId = '', showToggle = true,
|
|
17028
17028
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
17029
|
-
onToggle = (_isOpen) => undefined, isOpen = false, isDisabled = false, parentRef = null, toggleTemplate: ToggleTemplate, onEnter = null
|
|
17030
|
-
|
|
17031
|
-
|
|
17029
|
+
onToggle = (_isOpen) => undefined, isOpen = false, isDisabled = false, parentRef = null, toggleTemplate: ToggleTemplate, onEnter = null, perPageComponent = 'div' }) => {
|
|
17030
|
+
const isDiv = perPageComponent === 'div';
|
|
17031
|
+
const toggleClasses = css(styles$s.optionsMenuToggle, isDisabled && styles$s.modifiers.disabled, styles$s.modifiers.plain, styles$s.modifiers.text);
|
|
17032
|
+
const template = typeof ToggleTemplate === 'string' ? (fillTemplate(ToggleTemplate, { firstIndex, lastIndex, ofWord, itemCount, itemsTitle })) : (React__namespace.createElement(ToggleTemplate, { firstIndex: firstIndex, lastIndex: lastIndex, ofWord: ofWord, itemCount: itemCount, itemsTitle: itemsTitle }));
|
|
17033
|
+
const dropdown = showToggle && (React__namespace.createElement(React__namespace.Fragment, null,
|
|
17034
|
+
isDiv && React__namespace.createElement("span", { className: css(styles$s.optionsMenuToggleText) }, template),
|
|
17035
|
+
React__namespace.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$s.optionsMenuToggleButton : toggleClasses, parentRef: parentRef, "aria-haspopup": "listbox" }, !isDiv && template)));
|
|
17036
|
+
return isDiv ? React__namespace.createElement("div", { className: toggleClasses }, dropdown) : dropdown;
|
|
17037
|
+
};
|
|
17032
17038
|
OptionsToggle.displayName = 'OptionsToggle';
|
|
17033
17039
|
|
|
17034
17040
|
class PaginationOptionsMenu extends React__namespace.Component {
|
|
@@ -17071,12 +17077,12 @@
|
|
|
17071
17077
|
};
|
|
17072
17078
|
}
|
|
17073
17079
|
render() {
|
|
17074
|
-
const { widgetId, isDisabled, itemsPerPageTitle, dropDirection, optionsToggle, perPageOptions, toggleTemplate, firstIndex, lastIndex, itemCount, itemsTitle, ofWord } = this.props;
|
|
17080
|
+
const { widgetId, isDisabled, itemsPerPageTitle, dropDirection, optionsToggle, perPageOptions, toggleTemplate, firstIndex, lastIndex, itemCount, itemsTitle, ofWord, perPageComponent } = this.props;
|
|
17075
17081
|
const { isOpen } = this.state;
|
|
17076
17082
|
return (React__namespace.createElement(DropdownContext.Provider, { value: {
|
|
17077
17083
|
id: widgetId,
|
|
17078
17084
|
onSelect: this.onSelect,
|
|
17079
|
-
toggleIndicatorClass: styles$s.optionsMenuToggleButtonIcon,
|
|
17085
|
+
toggleIndicatorClass: perPageComponent === 'div' ? styles$s.optionsMenuToggleButtonIcon : styles$s.optionsMenuToggleIcon,
|
|
17080
17086
|
toggleTextClass: styles$s.optionsMenuToggleText,
|
|
17081
17087
|
menuClass: styles$s.optionsMenuMenu,
|
|
17082
17088
|
itemClass: styles$s.optionsMenuMenuItem,
|
|
@@ -17087,7 +17093,7 @@
|
|
|
17087
17093
|
baseComponent: 'div',
|
|
17088
17094
|
ouiaComponentType: PaginationOptionsMenu.displayName
|
|
17089
17095
|
} },
|
|
17090
|
-
React__namespace.createElement(DropdownWithContext, { direction: dropDirection, isOpen: isOpen, toggle: React__namespace.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 })));
|
|
17096
|
+
React__namespace.createElement(DropdownWithContext, { direction: dropDirection, isOpen: isOpen, toggle: React__namespace.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 })));
|
|
17091
17097
|
}
|
|
17092
17098
|
}
|
|
17093
17099
|
PaginationOptionsMenu.displayName = 'PaginationOptionsMenu';
|
|
@@ -17099,7 +17105,7 @@
|
|
|
17099
17105
|
perPageOptions: [],
|
|
17100
17106
|
itemsPerPageTitle: 'Items per page',
|
|
17101
17107
|
perPageSuffix: 'per page',
|
|
17102
|
-
optionsToggle: '
|
|
17108
|
+
optionsToggle: '',
|
|
17103
17109
|
ofWord: 'of',
|
|
17104
17110
|
perPage: 0,
|
|
17105
17111
|
firstIndex: 0,
|
|
@@ -17107,7 +17113,8 @@
|
|
|
17107
17113
|
defaultToFullPage: false,
|
|
17108
17114
|
itemsTitle: 'items',
|
|
17109
17115
|
toggleTemplate: ToggleTemplate,
|
|
17110
|
-
onPerPageSelect: () => null
|
|
17116
|
+
onPerPageSelect: () => null,
|
|
17117
|
+
perPageComponent: 'div'
|
|
17111
17118
|
};
|
|
17112
17119
|
|
|
17113
17120
|
const c_pagination__nav_page_select_c_form_control_width_chars = {
|
|
@@ -17177,7 +17184,7 @@
|
|
|
17177
17184
|
}
|
|
17178
17185
|
}
|
|
17179
17186
|
render() {
|
|
17180
|
-
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$1(_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"]);
|
|
17187
|
+
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$1(_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"]);
|
|
17181
17188
|
const dropDirection = dropDirectionProp || (variant === 'bottom' && !isStatic ? 'up' : 'down');
|
|
17182
17189
|
let page = propPage;
|
|
17183
17190
|
if (!page && offset) {
|
|
@@ -17209,7 +17216,7 @@
|
|
|
17209
17216
|
typeof toggleTemplate !== 'string' &&
|
|
17210
17217
|
toggleTemplate(toggleTemplateProps),
|
|
17211
17218
|
!toggleTemplate && (React__namespace.createElement(ToggleTemplate, { firstIndex: firstIndex, lastIndex: lastIndex, itemCount: itemCount, itemsTitle: titles.items, ofWord: titles.ofWord })))),
|
|
17212
|
-
React__namespace.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 }),
|
|
17219
|
+
React__namespace.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 }),
|
|
17213
17220
|
React__namespace.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 }),
|
|
17214
17221
|
children));
|
|
17215
17222
|
}
|
|
@@ -17233,7 +17240,7 @@
|
|
|
17233
17240
|
toPreviousPage: 'Go to previous page',
|
|
17234
17241
|
toLastPage: 'Go to last page',
|
|
17235
17242
|
toNextPage: 'Go to next page',
|
|
17236
|
-
optionsToggle: '
|
|
17243
|
+
optionsToggle: '',
|
|
17237
17244
|
currPage: 'Current page',
|
|
17238
17245
|
paginationTitle: 'Pagination',
|
|
17239
17246
|
ofWord: 'of'
|
|
@@ -17253,7 +17260,8 @@
|
|
|
17253
17260
|
onNextClick: () => undefined,
|
|
17254
17261
|
onPageInput: () => undefined,
|
|
17255
17262
|
onLastClick: () => undefined,
|
|
17256
|
-
ouiaSafe: true
|
|
17263
|
+
ouiaSafe: true,
|
|
17264
|
+
perPageComponent: 'div'
|
|
17257
17265
|
};
|
|
17258
17266
|
|
|
17259
17267
|
Promise.resolve().then(function () { return progressStepper; });
|