@patternfly/react-core 4.202.36 → 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 +27 -0
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts +3 -0
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +3 -2
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- 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/MenuToggle/MenuToggle.d.ts +3 -0
- package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +3 -2
- package/dist/js/components/MenuToggle/MenuToggle.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 +16 -0
- package/dist/umd/react-core.js +27 -17
- package/dist/umd/react-core.min.css +16 -0
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +6 -6
- package/src/components/MenuToggle/MenuToggle.tsx +5 -0
- package/src/components/MenuToggle/examples/MenuToggle.md +16 -0
- 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
|
@@ -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"}
|
|
@@ -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
|
@@ -773,6 +773,7 @@
|
|
|
773
773
|
--pf-c-form-control--m-expanded--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--focus--BorderBottomWidth));
|
|
774
774
|
--pf-c-form-control--m-expanded--BorderBottomColor: var(--pf-global--primary-color--100);
|
|
775
775
|
--pf-c-form-control--placeholder--Color: var(--pf-global--Color--dark-200);
|
|
776
|
+
--pf-c-form-control--placeholder--child--Color: var(--pf-global--Color--100);
|
|
776
777
|
--pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--100);
|
|
777
778
|
--pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
|
|
778
779
|
--pf-c-form-control--disabled--BorderColor: transparent;
|
|
@@ -1059,6 +1060,14 @@ select.pf-c-form-control.pf-m-placeholder {
|
|
|
1059
1060
|
color: var(--pf-c-form-control--placeholder--Color);
|
|
1060
1061
|
}
|
|
1061
1062
|
|
|
1063
|
+
select.pf-c-form-control.pf-m-placeholder * {
|
|
1064
|
+
color: var(--pf-c-form-control--placeholder--child--Color);
|
|
1065
|
+
}
|
|
1066
|
+
|
|
1067
|
+
select.pf-c-form-control.pf-m-placeholder *:disabled {
|
|
1068
|
+
color: revert;
|
|
1069
|
+
}
|
|
1070
|
+
|
|
1062
1071
|
textarea.pf-c-form-control {
|
|
1063
1072
|
--pf-c-form-control--success--BackgroundPositionY: var(--pf-c-form-control--textarea--success--BackgroundPositionY);
|
|
1064
1073
|
--pf-c-form-control--invalid--BackgroundPositionY: var(--pf-c-form-control--textarea--invalid--BackgroundPositionY);
|
|
@@ -2715,6 +2724,7 @@ button.pf-c-breadcrumb__link {
|
|
|
2715
2724
|
--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base);
|
|
2716
2725
|
--pf-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-flat--BorderWidth));
|
|
2717
2726
|
--pf-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-rounded--BorderRadius));
|
|
2727
|
+
--pf-c-card--m-selectable-raised--m-selected-raised--ZIndex: var(--pf-global--ZIndex--xs);
|
|
2718
2728
|
--pf-c-card--m-selectable-raised--m-selected-raised--Transition: transform .25s linear, box-shadow .25s linear;
|
|
2719
2729
|
--pf-c-card--m-selectable-raised--m-selected-raised--before--Transition: transform .25s linear;
|
|
2720
2730
|
--pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY) * -1);
|
|
@@ -2834,6 +2844,7 @@ button.pf-c-breadcrumb__link {
|
|
|
2834
2844
|
--pf-c-card--m-selectable-raised--before--Transition: var(--pf-c-card--m-selectable-raised--m-selected-raised--before--Transition);
|
|
2835
2845
|
--pf-c-card--m-selectable-raised--before--TranslateY: var(--pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY);
|
|
2836
2846
|
--pf-c-card--m-selectable-raised--before--ScaleY: var(--pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY);
|
|
2847
|
+
z-index: var(--pf-c-card--m-selectable-raised--m-selected-raised--ZIndex);
|
|
2837
2848
|
box-shadow: var(--pf-c-card--m-selectable-raised--m-selected-raised--BoxShadow);
|
|
2838
2849
|
transition: var(--pf-c-card--m-selectable-raised--m-selected-raised--Transition);
|
|
2839
2850
|
transform: translateY(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY));
|
|
@@ -18166,6 +18177,11 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
18166
18177
|
--pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
|
|
18167
18178
|
}
|
|
18168
18179
|
|
|
18180
|
+
.pf-c-tabs.pf-m-border-bottom {
|
|
18181
|
+
--pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
|
|
18182
|
+
--pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
|
|
18183
|
+
}
|
|
18184
|
+
|
|
18169
18185
|
.pf-c-tabs.pf-m-box .pf-c-tabs__link, .pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
|
|
18170
18186
|
--pf-c-tabs__link--after--BorderBottomWidth: 0;
|
|
18171
18187
|
}
|