@patternfly/react-core 5.0.0-alpha.32 → 5.0.0-alpha.33
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 +12 -0
- package/components/EmptyState/EmptyState.d.ts +6 -6
- package/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/components/EmptyState/EmptyState.js +4 -4
- package/components/EmptyState/EmptyState.js.map +1 -1
- package/components/EmptyState/EmptyStateActions.d.ts +9 -0
- package/components/EmptyState/EmptyStateActions.d.ts.map +1 -0
- package/components/EmptyState/EmptyStateActions.js +10 -0
- package/components/EmptyState/EmptyStateActions.js.map +1 -0
- package/components/EmptyState/EmptyStateBody.d.ts +2 -2
- package/components/EmptyState/EmptyStateBody.d.ts.map +1 -1
- package/components/EmptyState/EmptyStateBody.js +1 -1
- package/components/EmptyState/EmptyStateBody.js.map +1 -1
- package/components/EmptyState/EmptyStateFooter.d.ts +9 -0
- package/components/EmptyState/EmptyStateFooter.d.ts.map +1 -0
- package/components/EmptyState/EmptyStateFooter.js +10 -0
- package/components/EmptyState/EmptyStateFooter.js.map +1 -0
- package/components/EmptyState/EmptyStateHeader.d.ts +18 -0
- package/components/EmptyState/EmptyStateHeader.d.ts.map +1 -0
- package/components/EmptyState/EmptyStateHeader.js +14 -0
- package/components/EmptyState/EmptyStateHeader.js.map +1 -0
- package/components/EmptyState/EmptyStateIcon.d.ts +3 -9
- package/components/EmptyState/EmptyStateIcon.d.ts.map +1 -1
- package/components/EmptyState/EmptyStateIcon.js +6 -4
- package/components/EmptyState/EmptyStateIcon.js.map +1 -1
- package/components/EmptyState/index.d.ts +4 -3
- package/components/EmptyState/index.d.ts.map +1 -1
- package/components/EmptyState/index.js +4 -3
- package/components/EmptyState/index.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyState.d.ts +6 -6
- package/dist/esm/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/esm/components/EmptyState/EmptyState.js +4 -4
- package/dist/esm/components/EmptyState/EmptyState.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyStateActions.d.ts +9 -0
- package/dist/esm/components/EmptyState/EmptyStateActions.d.ts.map +1 -0
- package/dist/esm/components/EmptyState/EmptyStateActions.js +10 -0
- package/dist/esm/components/EmptyState/EmptyStateActions.js.map +1 -0
- package/dist/esm/components/EmptyState/EmptyStateBody.d.ts +2 -2
- package/dist/esm/components/EmptyState/EmptyStateBody.d.ts.map +1 -1
- package/dist/esm/components/EmptyState/EmptyStateBody.js +1 -1
- package/dist/esm/components/EmptyState/EmptyStateBody.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyStateFooter.d.ts +9 -0
- package/dist/esm/components/EmptyState/EmptyStateFooter.d.ts.map +1 -0
- package/dist/esm/components/EmptyState/EmptyStateFooter.js +10 -0
- package/dist/esm/components/EmptyState/EmptyStateFooter.js.map +1 -0
- package/dist/esm/components/EmptyState/EmptyStateHeader.d.ts +18 -0
- package/dist/esm/components/EmptyState/EmptyStateHeader.d.ts.map +1 -0
- package/dist/esm/components/EmptyState/EmptyStateHeader.js +14 -0
- package/dist/esm/components/EmptyState/EmptyStateHeader.js.map +1 -0
- package/dist/esm/components/EmptyState/EmptyStateIcon.d.ts +3 -9
- package/dist/esm/components/EmptyState/EmptyStateIcon.d.ts.map +1 -1
- package/dist/esm/components/EmptyState/EmptyStateIcon.js +6 -4
- package/dist/esm/components/EmptyState/EmptyStateIcon.js.map +1 -1
- package/dist/esm/components/EmptyState/index.d.ts +4 -3
- package/dist/esm/components/EmptyState/index.d.ts.map +1 -1
- package/dist/esm/components/EmptyState/index.js +4 -3
- package/dist/esm/components/EmptyState/index.js.map +1 -1
- package/dist/js/components/EmptyState/EmptyState.d.ts +6 -6
- package/dist/js/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/js/components/EmptyState/EmptyState.js +4 -4
- package/dist/js/components/EmptyState/EmptyState.js.map +1 -1
- package/dist/js/components/EmptyState/EmptyStateActions.d.ts +9 -0
- package/dist/js/components/EmptyState/EmptyStateActions.d.ts.map +1 -0
- package/dist/js/components/EmptyState/EmptyStateActions.js +14 -0
- package/dist/js/components/EmptyState/EmptyStateActions.js.map +1 -0
- package/dist/js/components/EmptyState/EmptyStateBody.d.ts +2 -2
- package/dist/js/components/EmptyState/EmptyStateBody.d.ts.map +1 -1
- package/dist/js/components/EmptyState/EmptyStateBody.js +1 -1
- package/dist/js/components/EmptyState/EmptyStateBody.js.map +1 -1
- package/dist/js/components/EmptyState/EmptyStateFooter.d.ts +9 -0
- package/dist/js/components/EmptyState/EmptyStateFooter.d.ts.map +1 -0
- package/dist/js/components/EmptyState/EmptyStateFooter.js +14 -0
- package/dist/js/components/EmptyState/EmptyStateFooter.js.map +1 -0
- package/dist/js/components/EmptyState/EmptyStateHeader.d.ts +18 -0
- package/dist/js/components/EmptyState/EmptyStateHeader.d.ts.map +1 -0
- package/dist/js/components/EmptyState/EmptyStateHeader.js +18 -0
- package/dist/js/components/EmptyState/EmptyStateHeader.js.map +1 -0
- package/dist/js/components/EmptyState/EmptyStateIcon.d.ts +3 -9
- package/dist/js/components/EmptyState/EmptyStateIcon.d.ts.map +1 -1
- package/dist/js/components/EmptyState/EmptyStateIcon.js +6 -4
- package/dist/js/components/EmptyState/EmptyStateIcon.js.map +1 -1
- package/dist/js/components/EmptyState/index.d.ts +4 -3
- package/dist/js/components/EmptyState/index.d.ts.map +1 -1
- package/dist/js/components/EmptyState/index.js +4 -3
- package/dist/js/components/EmptyState/index.js.map +1 -1
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +2 -2
- package/src/components/DualListSelector/examples/DualListSelectorComposable.tsx +32 -30
- package/src/components/DualListSelector/examples/DualListSelectorComposableTree.tsx +38 -34
- package/src/components/EmptyState/EmptyState.tsx +9 -9
- package/src/components/EmptyState/EmptyStateActions.tsx +21 -0
- package/src/components/EmptyState/EmptyStateBody.tsx +3 -3
- package/src/components/EmptyState/EmptyStateFooter.tsx +21 -0
- package/src/components/EmptyState/EmptyStateHeader.tsx +42 -0
- package/src/components/EmptyState/EmptyStateIcon.tsx +15 -18
- package/src/components/EmptyState/__tests__/EmptyState.test.tsx +53 -60
- package/src/components/EmptyState/__tests__/Generated/{EmptyStatePrimary.test.tsx → EmptyStateActions.test.tsx} +3 -3
- package/src/components/EmptyState/__tests__/Generated/EmptyStateIcon.test.tsx +3 -6
- package/src/components/EmptyState/__tests__/Generated/__snapshots__/{EmptyStateSecondaryActions.test.tsx.snap → EmptyStateActions.test.tsx.snap} +2 -2
- package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap +41 -22
- package/src/components/EmptyState/__tests__/__snapshots__/EmptyState.test.tsx.snap +115 -56
- package/src/components/EmptyState/examples/EmptyState.md +7 -3
- package/src/components/EmptyState/examples/EmptyStateBasic.tsx +20 -18
- package/src/components/EmptyState/examples/EmptyStateCustomIconColor.tsx +17 -0
- package/src/components/EmptyState/examples/EmptyStateExtraLarge.tsx +20 -18
- package/src/components/EmptyState/examples/EmptyStateExtraSmall.tsx +16 -15
- package/src/components/EmptyState/examples/EmptyStateLarge.tsx +21 -19
- package/src/components/EmptyState/examples/EmptyStateNoMatchFound.tsx +15 -8
- package/src/components/EmptyState/examples/EmptyStateSmall.tsx +21 -19
- package/src/components/EmptyState/examples/EmptyStateSpinner.tsx +2 -5
- package/src/components/EmptyState/index.ts +4 -3
- package/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx +15 -11
- package/src/components/NotificationDrawer/examples/NotificationDrawerLightweight.tsx +14 -10
- package/src/components/Wizard/examples/Wizard.md +1 -1
- package/src/components/Wizard/examples/WizardFinished.tsx +18 -14
- package/src/components/Wizard/examples/WizardValidateOnButtonPress.tsx +20 -16
- package/src/demos/Card/Card.md +13 -8
- package/src/demos/Filters/FilterDemos.md +4 -2
- package/src/demos/Filters/examples/FilterAttributeSearch.tsx +20 -20
- package/src/demos/Filters/examples/FilterFaceted.tsx +19 -19
- package/src/demos/Filters/examples/FilterMixedSelectGroup.tsx +19 -19
- package/src/demos/Filters/examples/FilterSameSelectGroup.tsx +19 -19
- package/src/demos/Filters/examples/FilterSearchInput.tsx +18 -18
- package/src/demos/NotificationDrawer/NotificationDrawer.md +52 -39
- package/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx +19 -17
- package/src/next/components/Wizard/examples/WizardValidateOnButtonPress.tsx +19 -15
- package/src/next/components/Wizard/examples/WizardWithSubmitProgress.tsx +18 -14
- package/components/EmptyState/EmptyStatePrimary.d.ts +0 -9
- package/components/EmptyState/EmptyStatePrimary.d.ts.map +0 -1
- package/components/EmptyState/EmptyStatePrimary.js +0 -9
- package/components/EmptyState/EmptyStatePrimary.js.map +0 -1
- package/components/EmptyState/EmptyStateSecondaryActions.d.ts +0 -9
- package/components/EmptyState/EmptyStateSecondaryActions.d.ts.map +0 -1
- package/components/EmptyState/EmptyStateSecondaryActions.js +0 -9
- package/components/EmptyState/EmptyStateSecondaryActions.js.map +0 -1
- package/dist/esm/components/EmptyState/EmptyStatePrimary.d.ts +0 -9
- package/dist/esm/components/EmptyState/EmptyStatePrimary.d.ts.map +0 -1
- package/dist/esm/components/EmptyState/EmptyStatePrimary.js +0 -9
- package/dist/esm/components/EmptyState/EmptyStatePrimary.js.map +0 -1
- package/dist/esm/components/EmptyState/EmptyStateSecondaryActions.d.ts +0 -9
- package/dist/esm/components/EmptyState/EmptyStateSecondaryActions.d.ts.map +0 -1
- package/dist/esm/components/EmptyState/EmptyStateSecondaryActions.js +0 -9
- package/dist/esm/components/EmptyState/EmptyStateSecondaryActions.js.map +0 -1
- package/dist/js/components/EmptyState/EmptyStatePrimary.d.ts +0 -9
- package/dist/js/components/EmptyState/EmptyStatePrimary.d.ts.map +0 -1
- package/dist/js/components/EmptyState/EmptyStatePrimary.js +0 -13
- package/dist/js/components/EmptyState/EmptyStatePrimary.js.map +0 -1
- package/dist/js/components/EmptyState/EmptyStateSecondaryActions.d.ts +0 -9
- package/dist/js/components/EmptyState/EmptyStateSecondaryActions.d.ts.map +0 -1
- package/dist/js/components/EmptyState/EmptyStateSecondaryActions.js +0 -13
- package/dist/js/components/EmptyState/EmptyStateSecondaryActions.js.map +0 -1
- package/src/components/EmptyState/EmptyStatePrimary.tsx +0 -20
- package/src/components/EmptyState/EmptyStateSecondaryActions.tsx +0 -18
- package/src/components/EmptyState/__tests__/Generated/EmptyStateSecondaryActions.test.tsx +0 -13
- package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStatePrimary.test.tsx.snap +0 -13
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import {
|
|
3
3
|
EmptyState,
|
|
4
|
-
|
|
4
|
+
EmptyStateHeader,
|
|
5
|
+
EmptyStateFooter,
|
|
5
6
|
EmptyStateBody,
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
EmptyStateActions,
|
|
8
|
+
EmptyStateIcon,
|
|
8
9
|
Progress,
|
|
9
10
|
Button
|
|
10
11
|
} from '@patternfly/react-core';
|
|
@@ -20,7 +21,7 @@ const ValidationProgress: React.FunctionComponent<ValidationProgressProps> = ({
|
|
|
20
21
|
|
|
21
22
|
const tick = React.useCallback(() => {
|
|
22
23
|
if (percentValidated < 100) {
|
|
23
|
-
setPercentValidated(prevValue => prevValue + 20);
|
|
24
|
+
setPercentValidated((prevValue) => prevValue + 20);
|
|
24
25
|
}
|
|
25
26
|
}, [percentValidated]);
|
|
26
27
|
|
|
@@ -34,11 +35,12 @@ const ValidationProgress: React.FunctionComponent<ValidationProgressProps> = ({
|
|
|
34
35
|
|
|
35
36
|
return (
|
|
36
37
|
<div className="pf-l-bullseye">
|
|
37
|
-
<EmptyState variant="
|
|
38
|
-
<
|
|
39
|
-
|
|
40
|
-
{percentValidated === 100 ? 'Validation complete' : 'Validating credentials'}
|
|
41
|
-
|
|
38
|
+
<EmptyState variant="lg">
|
|
39
|
+
<EmptyStateHeader
|
|
40
|
+
headingLevel="h4"
|
|
41
|
+
titleText={percentValidated === 100 ? 'Validation complete' : 'Validating credentials'}
|
|
42
|
+
icon={<EmptyStateIcon icon={CogsIcon} />}
|
|
43
|
+
/>
|
|
42
44
|
<EmptyStateBody>
|
|
43
45
|
<Progress value={percentValidated} measureLocation="outside" aria-label="Wizard validation progress" />
|
|
44
46
|
</EmptyStateBody>
|
|
@@ -46,11 +48,13 @@ const ValidationProgress: React.FunctionComponent<ValidationProgressProps> = ({
|
|
|
46
48
|
Description can be used to further elaborate on the validation step, or give the user a better idea of how
|
|
47
49
|
long the process will take.
|
|
48
50
|
</EmptyStateBody>
|
|
49
|
-
<
|
|
50
|
-
<
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
51
|
+
<EmptyStateFooter>
|
|
52
|
+
<EmptyStateActions>
|
|
53
|
+
<Button isDisabled={percentValidated !== 100} onClick={onClose}>
|
|
54
|
+
Log to console
|
|
55
|
+
</Button>
|
|
56
|
+
</EmptyStateActions>
|
|
57
|
+
</EmptyStateFooter>
|
|
54
58
|
</EmptyState>
|
|
55
59
|
</div>
|
|
56
60
|
);
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface EmptyStatePrimaryProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** Additional classes added to the EmptyStatePrimary */
|
|
4
|
-
className?: string;
|
|
5
|
-
/** Content rendered inside the EmptyStatePrimary */
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
}
|
|
8
|
-
export declare const EmptyStatePrimary: React.FunctionComponent<EmptyStatePrimaryProps>;
|
|
9
|
-
//# sourceMappingURL=EmptyStatePrimary.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStatePrimary.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyStatePrimary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAQ7E,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { css } from '@patternfly/react-styles';
|
|
4
|
-
export const EmptyStatePrimary = (_a) => {
|
|
5
|
-
var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
|
|
6
|
-
return (React.createElement("div", Object.assign({ className: css(className) }, props), children));
|
|
7
|
-
};
|
|
8
|
-
EmptyStatePrimary.displayName = 'EmptyStatePrimary';
|
|
9
|
-
//# sourceMappingURL=EmptyStatePrimary.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStatePrimary.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyStatePrimary.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAI1D,EAAE,EAAE;QAJsD,EACjF,QAAQ,EACR,SAAS,GAAG,EAAE,OAES,EADpB,KAAK,cAHyE,yBAIlF,CADS;IACoB,OAAA,CAC5B,2CAAK,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,IAAM,KAAK,GACtC,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface EmptyStateSecondaryActionsProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** Content rendered inside the EmptyState */
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
/** Additional classes added to the EmptyState */
|
|
6
|
-
className?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const EmptyStateSecondaryActions: React.FunctionComponent<EmptyStateSecondaryActionsProps>;
|
|
9
|
-
//# sourceMappingURL=EmptyStateSecondaryActions.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStateSecondaryActions.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyStateSecondaryActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,+BAAgC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtF,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAAiB,CAAC,+BAA+B,CAQ/F,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { css } from '@patternfly/react-styles';
|
|
4
|
-
export const EmptyStateSecondaryActions = (_a) => {
|
|
5
|
-
var { children = null, className = '' } = _a, props = __rest(_a, ["children", "className"]);
|
|
6
|
-
return (React.createElement("div", Object.assign({ className: css(className) }, props), children));
|
|
7
|
-
};
|
|
8
|
-
EmptyStateSecondaryActions.displayName = 'EmptyStateSecondaryActions';
|
|
9
|
-
//# sourceMappingURL=EmptyStateSecondaryActions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStateSecondaryActions.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyStateSecondaryActions.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAO/C,MAAM,CAAC,MAAM,0BAA0B,GAA6D,CAAC,EAInE,EAAE,EAAE;QAJ+D,EACnG,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,OAEkB,EAD7B,KAAK,cAH2F,yBAIpG,CADS;IAC6B,OAAA,CACrC,2CAAK,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,IAAM,KAAK,GACtC,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,0BAA0B,CAAC,WAAW,GAAG,4BAA4B,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface EmptyStatePrimaryProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** Additional classes added to the EmptyStatePrimary */
|
|
4
|
-
className?: string;
|
|
5
|
-
/** Content rendered inside the EmptyStatePrimary */
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
}
|
|
8
|
-
export declare const EmptyStatePrimary: React.FunctionComponent<EmptyStatePrimaryProps>;
|
|
9
|
-
//# sourceMappingURL=EmptyStatePrimary.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStatePrimary.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyStatePrimary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAQ7E,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { css } from '@patternfly/react-styles';
|
|
4
|
-
export const EmptyStatePrimary = (_a) => {
|
|
5
|
-
var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
|
|
6
|
-
return (React.createElement("div", Object.assign({ className: css(className) }, props), children));
|
|
7
|
-
};
|
|
8
|
-
EmptyStatePrimary.displayName = 'EmptyStatePrimary';
|
|
9
|
-
//# sourceMappingURL=EmptyStatePrimary.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStatePrimary.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyStatePrimary.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAI1D,EAAE,EAAE;QAJsD,EACjF,QAAQ,EACR,SAAS,GAAG,EAAE,OAES,EADpB,KAAK,cAHyE,yBAIlF,CADS;IACoB,OAAA,CAC5B,2CAAK,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,IAAM,KAAK,GACtC,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface EmptyStateSecondaryActionsProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** Content rendered inside the EmptyState */
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
/** Additional classes added to the EmptyState */
|
|
6
|
-
className?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const EmptyStateSecondaryActions: React.FunctionComponent<EmptyStateSecondaryActionsProps>;
|
|
9
|
-
//# sourceMappingURL=EmptyStateSecondaryActions.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStateSecondaryActions.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyStateSecondaryActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,+BAAgC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtF,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAAiB,CAAC,+BAA+B,CAQ/F,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { css } from '@patternfly/react-styles';
|
|
4
|
-
export const EmptyStateSecondaryActions = (_a) => {
|
|
5
|
-
var { children = null, className = '' } = _a, props = __rest(_a, ["children", "className"]);
|
|
6
|
-
return (React.createElement("div", Object.assign({ className: css(className) }, props), children));
|
|
7
|
-
};
|
|
8
|
-
EmptyStateSecondaryActions.displayName = 'EmptyStateSecondaryActions';
|
|
9
|
-
//# sourceMappingURL=EmptyStateSecondaryActions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStateSecondaryActions.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyStateSecondaryActions.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAO/C,MAAM,CAAC,MAAM,0BAA0B,GAA6D,CAAC,EAInE,EAAE,EAAE;QAJ+D,EACnG,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,OAEkB,EAD7B,KAAK,cAH2F,yBAIpG,CADS;IAC6B,OAAA,CACrC,2CAAK,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,IAAM,KAAK,GACtC,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,0BAA0B,CAAC,WAAW,GAAG,4BAA4B,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface EmptyStatePrimaryProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** Additional classes added to the EmptyStatePrimary */
|
|
4
|
-
className?: string;
|
|
5
|
-
/** Content rendered inside the EmptyStatePrimary */
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
}
|
|
8
|
-
export declare const EmptyStatePrimary: React.FunctionComponent<EmptyStatePrimaryProps>;
|
|
9
|
-
//# sourceMappingURL=EmptyStatePrimary.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStatePrimary.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyStatePrimary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAQ7E,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.EmptyStatePrimary = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const React = tslib_1.__importStar(require("react"));
|
|
6
|
-
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
|
-
const EmptyStatePrimary = (_a) => {
|
|
8
|
-
var { children, className = '' } = _a, props = tslib_1.__rest(_a, ["children", "className"]);
|
|
9
|
-
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(className) }, props), children));
|
|
10
|
-
};
|
|
11
|
-
exports.EmptyStatePrimary = EmptyStatePrimary;
|
|
12
|
-
exports.EmptyStatePrimary.displayName = 'EmptyStatePrimary';
|
|
13
|
-
//# sourceMappingURL=EmptyStatePrimary.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStatePrimary.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyStatePrimary.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AASxC,MAAM,iBAAiB,GAAoD,CAAC,EAI1D,EAAE,EAAE;QAJsD,EACjF,QAAQ,EACR,SAAS,GAAG,EAAE,OAES,EADpB,KAAK,sBAHyE,yBAIlF,CADS;IACoB,OAAA,CAC5B,2CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,SAAS,CAAC,IAAM,KAAK,GACtC,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,iBAAiB,qBAQ5B;AACF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface EmptyStateSecondaryActionsProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** Content rendered inside the EmptyState */
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
/** Additional classes added to the EmptyState */
|
|
6
|
-
className?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const EmptyStateSecondaryActions: React.FunctionComponent<EmptyStateSecondaryActionsProps>;
|
|
9
|
-
//# sourceMappingURL=EmptyStateSecondaryActions.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStateSecondaryActions.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyStateSecondaryActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,+BAAgC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtF,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAAiB,CAAC,+BAA+B,CAQ/F,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.EmptyStateSecondaryActions = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const React = tslib_1.__importStar(require("react"));
|
|
6
|
-
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
|
-
const EmptyStateSecondaryActions = (_a) => {
|
|
8
|
-
var { children = null, className = '' } = _a, props = tslib_1.__rest(_a, ["children", "className"]);
|
|
9
|
-
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(className) }, props), children));
|
|
10
|
-
};
|
|
11
|
-
exports.EmptyStateSecondaryActions = EmptyStateSecondaryActions;
|
|
12
|
-
exports.EmptyStateSecondaryActions.displayName = 'EmptyStateSecondaryActions';
|
|
13
|
-
//# sourceMappingURL=EmptyStateSecondaryActions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStateSecondaryActions.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyStateSecondaryActions.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAOxC,MAAM,0BAA0B,GAA6D,CAAC,EAInE,EAAE,EAAE;QAJ+D,EACnG,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,OAEkB,EAD7B,KAAK,sBAH2F,yBAIpG,CADS;IAC6B,OAAA,CACrC,2CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,SAAS,CAAC,IAAM,KAAK,GACtC,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,0BAA0B,8BAQrC;AACF,kCAA0B,CAAC,WAAW,GAAG,4BAA4B,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { css } from '@patternfly/react-styles';
|
|
3
|
-
|
|
4
|
-
export interface EmptyStatePrimaryProps extends React.HTMLProps<HTMLDivElement> {
|
|
5
|
-
/** Additional classes added to the EmptyStatePrimary */
|
|
6
|
-
className?: string;
|
|
7
|
-
/** Content rendered inside the EmptyStatePrimary */
|
|
8
|
-
children: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const EmptyStatePrimary: React.FunctionComponent<EmptyStatePrimaryProps> = ({
|
|
12
|
-
children,
|
|
13
|
-
className = '',
|
|
14
|
-
...props
|
|
15
|
-
}: EmptyStatePrimaryProps) => (
|
|
16
|
-
<div className={css(className)} {...props}>
|
|
17
|
-
{children}
|
|
18
|
-
</div>
|
|
19
|
-
);
|
|
20
|
-
EmptyStatePrimary.displayName = 'EmptyStatePrimary';
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { css } from '@patternfly/react-styles';
|
|
3
|
-
export interface EmptyStateSecondaryActionsProps extends React.HTMLProps<HTMLDivElement> {
|
|
4
|
-
/** Content rendered inside the EmptyState */
|
|
5
|
-
children?: React.ReactNode;
|
|
6
|
-
/** Additional classes added to the EmptyState */
|
|
7
|
-
className?: string;
|
|
8
|
-
}
|
|
9
|
-
export const EmptyStateSecondaryActions: React.FunctionComponent<EmptyStateSecondaryActionsProps> = ({
|
|
10
|
-
children = null,
|
|
11
|
-
className = '',
|
|
12
|
-
...props
|
|
13
|
-
}: EmptyStateSecondaryActionsProps) => (
|
|
14
|
-
<div className={css(className)} {...props}>
|
|
15
|
-
{children}
|
|
16
|
-
</div>
|
|
17
|
-
);
|
|
18
|
-
EmptyStateSecondaryActions.displayName = 'EmptyStateSecondaryActions';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This test was generated
|
|
3
|
-
*/
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { render } from '@testing-library/react';
|
|
6
|
-
import { EmptyStateSecondaryActions } from '../../EmptyStateSecondaryActions';
|
|
7
|
-
// any missing imports can usually be resolved by adding them here
|
|
8
|
-
import {} from '../..';
|
|
9
|
-
|
|
10
|
-
it('EmptyStateSecondaryActions should match snapshot (auto-generated)', () => {
|
|
11
|
-
const { asFragment } = render(<EmptyStateSecondaryActions children={<>ReactNode</>} className={"''"} />);
|
|
12
|
-
expect(asFragment()).toMatchSnapshot();
|
|
13
|
-
});
|