@patternfly/react-core 4.252.2 → 4.253.0
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 +11 -0
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.d.ts +6 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.js +5 -3
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
- package/dist/esm/components/Wizard/WizardNav.d.ts +2 -1
- package/dist/esm/components/Wizard/WizardNav.d.ts.map +1 -1
- package/dist/esm/components/Wizard/WizardNav.js +4 -2
- package/dist/esm/components/Wizard/WizardNav.js.map +1 -1
- package/dist/esm/components/Wizard/WizardNavItem.d.ts +2 -1
- package/dist/esm/components/Wizard/WizardNavItem.d.ts.map +1 -1
- package/dist/esm/components/Wizard/WizardNavItem.js +4 -2
- package/dist/esm/components/Wizard/WizardNavItem.js.map +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopy.d.ts +6 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopy.js +5 -3
- package/dist/js/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
- package/dist/js/components/Wizard/WizardNav.d.ts +2 -1
- package/dist/js/components/Wizard/WizardNav.d.ts.map +1 -1
- package/dist/js/components/Wizard/WizardNav.js +4 -2
- package/dist/js/components/Wizard/WizardNav.js.map +1 -1
- package/dist/js/components/Wizard/WizardNavItem.d.ts +2 -1
- package/dist/js/components/Wizard/WizardNavItem.d.ts.map +1 -1
- package/dist/js/components/Wizard/WizardNavItem.js +4 -2
- package/dist/js/components/Wizard/WizardNavItem.js.map +1 -1
- package/dist/umd/react-core.min.css +404 -404
- package/dist/umd/react-core.min.js +2 -2
- package/package.json +2 -2
- package/src/components/ClipboardCopy/ClipboardCopy.tsx +11 -2
- package/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopy.test.tsx.snap +2 -0
- package/src/components/ClipboardCopy/examples/ClipboardCopy.md +1 -0
- package/src/components/Wizard/WizardNav.tsx +8 -2
- package/src/components/Wizard/WizardNavItem.tsx +6 -1
- package/src/components/Wizard/__tests__/Generated/__snapshots__/WizardNav.test.tsx.snap +3 -0
- package/src/components/Wizard/__tests__/Generated/__snapshots__/WizardNavItem.test.tsx.snap +3 -0
- package/src/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap +48 -0
- package/src/components/Wizard/examples/Wizard.md +5 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [4.253.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.252.2...@patternfly/react-core@4.253.0) (2022-10-19)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **Wizard,ClipboardCopy:** add OUIA props to WizardNav, WizardNavItem, ClipboardCopy ([#8193](https://github.com/patternfly/patternfly-react/issues/8193)) ([5d75355](https://github.com/patternfly/patternfly-react/commit/5d753554e3cf9a634f34e0b83a325d5d0b198a83))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [4.252.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.252.1...@patternfly/react-core@4.252.2) (2022-10-18)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -2,6 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { PickOptional } from '../../helpers/typeUtils';
|
|
3
3
|
import { PopoverPosition } from '../Popover';
|
|
4
4
|
import { TooltipPosition } from '../Tooltip';
|
|
5
|
+
import { OUIAProps } from '../../helpers';
|
|
5
6
|
export declare const clipboardCopyFunc: (event: React.ClipboardEvent<HTMLDivElement>, text?: React.ReactNode) => void;
|
|
6
7
|
export declare enum ClipboardCopyVariant {
|
|
7
8
|
inline = "inline",
|
|
@@ -13,7 +14,7 @@ export interface ClipboardCopyState {
|
|
|
13
14
|
expanded: boolean;
|
|
14
15
|
copied: boolean;
|
|
15
16
|
}
|
|
16
|
-
export interface ClipboardCopyProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'
|
|
17
|
+
export interface ClipboardCopyProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'>, OUIAProps {
|
|
17
18
|
/** Additional classes added to the clipboard copy container. */
|
|
18
19
|
className?: string;
|
|
19
20
|
/** Tooltip message to display when hover the copy button */
|
|
@@ -52,6 +53,10 @@ export interface ClipboardCopyProps extends Omit<React.HTMLProps<HTMLDivElement>
|
|
|
52
53
|
children: React.ReactNode;
|
|
53
54
|
/** Additional actions for inline clipboard copy. Should be wrapped with ClipboardCopyAction. */
|
|
54
55
|
additionalActions?: React.ReactNode;
|
|
56
|
+
/** Value to overwrite the randomly generated data-ouia-component-id.*/
|
|
57
|
+
ouiaId?: number | string;
|
|
58
|
+
/** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
|
|
59
|
+
ouiaSafe?: boolean;
|
|
55
60
|
}
|
|
56
61
|
export declare class ClipboardCopy extends React.Component<ClipboardCopyProps, ClipboardCopyState> {
|
|
57
62
|
static displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardCopy.d.ts","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"ClipboardCopy.d.ts","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ import { GenerateId } from '../../helpers/GenerateId/GenerateId';
|
|
|
8
8
|
import { ClipboardCopyButton } from './ClipboardCopyButton';
|
|
9
9
|
import { ClipboardCopyToggle } from './ClipboardCopyToggle';
|
|
10
10
|
import { ClipboardCopyExpanded } from './ClipboardCopyExpanded';
|
|
11
|
+
import { getOUIAProps } from '../../helpers';
|
|
11
12
|
export const clipboardCopyFunc = (event, text) => {
|
|
12
13
|
const clipboard = event.currentTarget.parentElement;
|
|
13
14
|
const el = document.createElement('textarea');
|
|
@@ -53,11 +54,11 @@ export class ClipboardCopy extends React.Component {
|
|
|
53
54
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
54
55
|
isExpanded, onChange, // Don't pass to <div>
|
|
55
56
|
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
56
|
-
isReadOnly, isCode, isBlock, exitDelay, maxWidth, entryDelay, switchDelay, onCopy, hoverTip, clickTip, textAriaLabel, toggleAriaLabel, variant, position, className, additionalActions } = _a, divProps = __rest(_a, ["isExpanded", "onChange", "isReadOnly", "isCode", "isBlock", "exitDelay", "maxWidth", "entryDelay", "switchDelay", "onCopy", "hoverTip", "clickTip", "textAriaLabel", "toggleAriaLabel", "variant", "position", "className", "additionalActions"]);
|
|
57
|
+
isReadOnly, isCode, isBlock, exitDelay, maxWidth, entryDelay, switchDelay, onCopy, hoverTip, clickTip, textAriaLabel, toggleAriaLabel, variant, position, className, additionalActions, ouiaId, ouiaSafe } = _a, divProps = __rest(_a, ["isExpanded", "onChange", "isReadOnly", "isCode", "isBlock", "exitDelay", "maxWidth", "entryDelay", "switchDelay", "onCopy", "hoverTip", "clickTip", "textAriaLabel", "toggleAriaLabel", "variant", "position", "className", "additionalActions", "ouiaId", "ouiaSafe"]);
|
|
57
58
|
const textIdPrefix = 'text-input-';
|
|
58
59
|
const toggleIdPrefix = 'toggle-';
|
|
59
60
|
const contentIdPrefix = 'content-';
|
|
60
|
-
return (React.createElement("div", Object.assign({ className: css(styles.clipboardCopy, variant === 'inline-compact' && styles.modifiers.inline, isBlock && styles.modifiers.block, this.state.expanded && styles.modifiers.expanded, className) }, divProps),
|
|
61
|
+
return (React.createElement("div", Object.assign({ className: css(styles.clipboardCopy, variant === 'inline-compact' && styles.modifiers.inline, isBlock && styles.modifiers.block, this.state.expanded && styles.modifiers.expanded, className) }, divProps, getOUIAProps(ClipboardCopy.displayName, ouiaId, ouiaSafe)),
|
|
61
62
|
variant === 'inline-compact' && (React.createElement(GenerateId, { prefix: "" }, id => (React.createElement(React.Fragment, null,
|
|
62
63
|
!isCode && (React.createElement("span", { className: css(styles.clipboardCopyText), id: `${textIdPrefix}${id}` }, this.state.text)),
|
|
63
64
|
isCode && (React.createElement("code", { className: css(styles.clipboardCopyText, styles.modifiers.code), id: `${textIdPrefix}${id}` }, this.state.text)),
|
|
@@ -122,6 +123,7 @@ ClipboardCopy.defaultProps = {
|
|
|
122
123
|
onChange: () => undefined,
|
|
123
124
|
textAriaLabel: 'Copyable input',
|
|
124
125
|
toggleAriaLabel: 'Show content',
|
|
125
|
-
additionalActions: null
|
|
126
|
+
additionalActions: null,
|
|
127
|
+
ouiaSafe: true
|
|
126
128
|
};
|
|
127
129
|
//# sourceMappingURL=ClipboardCopy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardCopy.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,sEAAsE,CAAC;AAC1F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"ClipboardCopy.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
2
|
+
import { OUIAProps } from '../../helpers';
|
|
3
|
+
export interface WizardNavProps extends OUIAProps {
|
|
3
4
|
/** children should be WizardNavItem components */
|
|
4
5
|
children?: any;
|
|
5
6
|
/** Aria-label applied to the nav element */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNav.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"WizardNav.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,kDAAkD;IAClD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA2B7D,CAAC"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
|
-
|
|
4
|
+
import { useOUIAProps } from '../../helpers';
|
|
5
|
+
export const WizardNav = ({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, isOpen = false, returnList = false, ouiaId, ouiaSafe = true }) => {
|
|
6
|
+
const ouiaProps = useOUIAProps(WizardNav.displayName, ouiaId, ouiaSafe);
|
|
5
7
|
const innerList = React.createElement("ol", { className: css(styles.wizardNavList) }, children);
|
|
6
8
|
if (returnList) {
|
|
7
9
|
return innerList;
|
|
8
10
|
}
|
|
9
|
-
return (React.createElement("nav", { className: css(styles.wizardNav, isOpen && styles.modifiers.expanded), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy },
|
|
11
|
+
return (React.createElement("nav", Object.assign({ className: css(styles.wizardNav, isOpen && styles.modifiers.expanded), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, ouiaProps),
|
|
10
12
|
React.createElement("ol", { className: css(styles.wizardNavList) }, children)));
|
|
11
13
|
};
|
|
12
14
|
WizardNav.displayName = 'WizardNav';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNav.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"WizardNav.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;AAexD,MAAM,CAAC,MAAM,SAAS,GAA4C,CAAC,EACjE,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,MAAM,GAAG,KAAK,EACd,UAAU,GAAG,KAAK,EAClB,MAAM,EACN,QAAQ,GAAG,IAAI,EACA,EAAE,EAAE;IACnB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAExE,MAAM,SAAS,GAAG,4BAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CAAC;IAE5E,IAAI,UAAU,EAAE;QACd,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,2CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,gBACzD,SAAS,qBACJ,cAAc,IAC3B,SAAS;QAEb,4BAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CACrD,CACP,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
2
|
+
import { OUIAProps } from '../../helpers';
|
|
3
|
+
export interface WizardNavItemProps extends OUIAProps {
|
|
3
4
|
/** Can nest a WizardNav component for substeps */
|
|
4
5
|
children?: React.ReactNode;
|
|
5
6
|
/** The content to display in the nav item */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"WizardNavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC;IACvC,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IAClC,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA6ErE,CAAC"}
|
|
@@ -3,8 +3,10 @@ import * as React from 'react';
|
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
|
|
5
5
|
import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
|
|
6
|
+
import { useOUIAProps } from '../../helpers';
|
|
6
7
|
export const WizardNavItem = (_a) => {
|
|
7
|
-
var { children = null, content = '', isCurrent = false, isDisabled = false, step, onNavItemClick = () => undefined, navItemComponent = 'button', href = null, isExpandable = false, id } = _a, rest = __rest(_a, ["children", "content", "isCurrent", "isDisabled", "step", "onNavItemClick", "navItemComponent", "href", "isExpandable", "id"]);
|
|
8
|
+
var { children = null, content = '', isCurrent = false, isDisabled = false, step, onNavItemClick = () => undefined, navItemComponent = 'button', href = null, isExpandable = false, id, ouiaId, ouiaSafe = true } = _a, rest = __rest(_a, ["children", "content", "isCurrent", "isDisabled", "step", "onNavItemClick", "navItemComponent", "href", "isExpandable", "id", "ouiaId", "ouiaSafe"]);
|
|
9
|
+
const ouiaProps = useOUIAProps(WizardNavItem.displayName, ouiaId, ouiaSafe);
|
|
8
10
|
const NavItemComponent = navItemComponent;
|
|
9
11
|
const [isExpanded, setIsExpanded] = React.useState(false);
|
|
10
12
|
React.useEffect(() => {
|
|
@@ -22,7 +24,7 @@ export const WizardNavItem = (_a) => {
|
|
|
22
24
|
href
|
|
23
25
|
};
|
|
24
26
|
return (React.createElement("li", { className: css(styles.wizardNavItem, isExpandable && styles.modifiers.expandable, isExpandable && isExpanded && styles.modifiers.expanded) },
|
|
25
|
-
React.createElement(NavItemComponent, Object.assign({}, rest, (navItemComponent === 'a' ? Object.assign({}, linkProps) : Object.assign({}, btnProps)), (id && { id: id.toString() }), { onClick: () => (isExpandable ? setIsExpanded(!isExpanded || isCurrent) : onNavItemClick(step)), className: css(styles.wizardNavLink, isCurrent && styles.modifiers.current, isDisabled && styles.modifiers.disabled), "aria-disabled": isDisabled ? true : null, "aria-current": isCurrent && !children ? 'step' : false }, (isExpandable && { 'aria-expanded': isExpanded })), isExpandable ? (React.createElement(React.Fragment, null,
|
|
27
|
+
React.createElement(NavItemComponent, Object.assign({}, rest, (navItemComponent === 'a' ? Object.assign({}, linkProps) : Object.assign({}, btnProps)), (id && { id: id.toString() }), { onClick: () => (isExpandable ? setIsExpanded(!isExpanded || isCurrent) : onNavItemClick(step)), className: css(styles.wizardNavLink, isCurrent && styles.modifiers.current, isDisabled && styles.modifiers.disabled), "aria-disabled": isDisabled ? true : null, "aria-current": isCurrent && !children ? 'step' : false }, (isExpandable && { 'aria-expanded': isExpanded }), ouiaProps), isExpandable ? (React.createElement(React.Fragment, null,
|
|
26
28
|
React.createElement("span", { className: css(styles.wizardNavLinkText) }, content),
|
|
27
29
|
React.createElement("span", { className: css(styles.wizardNavLinkToggle) },
|
|
28
30
|
React.createElement("span", { className: css(styles.wizardNavLinkToggleIcon) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNavItem.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAC3E,OAAO,cAAc,MAAM,yDAAyD,CAAC;
|
|
1
|
+
{"version":3,"file":"WizardNavItem.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { PickOptional } from '../../helpers/typeUtils';
|
|
3
3
|
import { PopoverPosition } from '../Popover';
|
|
4
4
|
import { TooltipPosition } from '../Tooltip';
|
|
5
|
+
import { OUIAProps } from '../../helpers';
|
|
5
6
|
export declare const clipboardCopyFunc: (event: React.ClipboardEvent<HTMLDivElement>, text?: React.ReactNode) => void;
|
|
6
7
|
export declare enum ClipboardCopyVariant {
|
|
7
8
|
inline = "inline",
|
|
@@ -13,7 +14,7 @@ export interface ClipboardCopyState {
|
|
|
13
14
|
expanded: boolean;
|
|
14
15
|
copied: boolean;
|
|
15
16
|
}
|
|
16
|
-
export interface ClipboardCopyProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'
|
|
17
|
+
export interface ClipboardCopyProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'>, OUIAProps {
|
|
17
18
|
/** Additional classes added to the clipboard copy container. */
|
|
18
19
|
className?: string;
|
|
19
20
|
/** Tooltip message to display when hover the copy button */
|
|
@@ -52,6 +53,10 @@ export interface ClipboardCopyProps extends Omit<React.HTMLProps<HTMLDivElement>
|
|
|
52
53
|
children: React.ReactNode;
|
|
53
54
|
/** Additional actions for inline clipboard copy. Should be wrapped with ClipboardCopyAction. */
|
|
54
55
|
additionalActions?: React.ReactNode;
|
|
56
|
+
/** Value to overwrite the randomly generated data-ouia-component-id.*/
|
|
57
|
+
ouiaId?: number | string;
|
|
58
|
+
/** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
|
|
59
|
+
ouiaSafe?: boolean;
|
|
55
60
|
}
|
|
56
61
|
export declare class ClipboardCopy extends React.Component<ClipboardCopyProps, ClipboardCopyState> {
|
|
57
62
|
static displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardCopy.d.ts","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"ClipboardCopy.d.ts","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ const GenerateId_1 = require("../../helpers/GenerateId/GenerateId");
|
|
|
11
11
|
const ClipboardCopyButton_1 = require("./ClipboardCopyButton");
|
|
12
12
|
const ClipboardCopyToggle_1 = require("./ClipboardCopyToggle");
|
|
13
13
|
const ClipboardCopyExpanded_1 = require("./ClipboardCopyExpanded");
|
|
14
|
+
const helpers_1 = require("../../helpers");
|
|
14
15
|
const clipboardCopyFunc = (event, text) => {
|
|
15
16
|
const clipboard = event.currentTarget.parentElement;
|
|
16
17
|
const el = document.createElement('textarea');
|
|
@@ -57,11 +58,11 @@ class ClipboardCopy extends React.Component {
|
|
|
57
58
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
58
59
|
isExpanded, onChange, // Don't pass to <div>
|
|
59
60
|
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
60
|
-
isReadOnly, isCode, isBlock, exitDelay, maxWidth, entryDelay, switchDelay, onCopy, hoverTip, clickTip, textAriaLabel, toggleAriaLabel, variant, position, className, additionalActions } = _a, divProps = tslib_1.__rest(_a, ["isExpanded", "onChange", "isReadOnly", "isCode", "isBlock", "exitDelay", "maxWidth", "entryDelay", "switchDelay", "onCopy", "hoverTip", "clickTip", "textAriaLabel", "toggleAriaLabel", "variant", "position", "className", "additionalActions"]);
|
|
61
|
+
isReadOnly, isCode, isBlock, exitDelay, maxWidth, entryDelay, switchDelay, onCopy, hoverTip, clickTip, textAriaLabel, toggleAriaLabel, variant, position, className, additionalActions, ouiaId, ouiaSafe } = _a, divProps = tslib_1.__rest(_a, ["isExpanded", "onChange", "isReadOnly", "isCode", "isBlock", "exitDelay", "maxWidth", "entryDelay", "switchDelay", "onCopy", "hoverTip", "clickTip", "textAriaLabel", "toggleAriaLabel", "variant", "position", "className", "additionalActions", "ouiaId", "ouiaSafe"]);
|
|
61
62
|
const textIdPrefix = 'text-input-';
|
|
62
63
|
const toggleIdPrefix = 'toggle-';
|
|
63
64
|
const contentIdPrefix = 'content-';
|
|
64
|
-
return (React.createElement("div", Object.assign({ className: react_styles_1.css(clipboard_copy_1.default.clipboardCopy, variant === 'inline-compact' && clipboard_copy_1.default.modifiers.inline, isBlock && clipboard_copy_1.default.modifiers.block, this.state.expanded && clipboard_copy_1.default.modifiers.expanded, className) }, divProps),
|
|
65
|
+
return (React.createElement("div", Object.assign({ className: react_styles_1.css(clipboard_copy_1.default.clipboardCopy, variant === 'inline-compact' && clipboard_copy_1.default.modifiers.inline, isBlock && clipboard_copy_1.default.modifiers.block, this.state.expanded && clipboard_copy_1.default.modifiers.expanded, className) }, divProps, helpers_1.getOUIAProps(ClipboardCopy.displayName, ouiaId, ouiaSafe)),
|
|
65
66
|
variant === 'inline-compact' && (React.createElement(GenerateId_1.GenerateId, { prefix: "" }, id => (React.createElement(React.Fragment, null,
|
|
66
67
|
!isCode && (React.createElement("span", { className: react_styles_1.css(clipboard_copy_1.default.clipboardCopyText), id: `${textIdPrefix}${id}` }, this.state.text)),
|
|
67
68
|
isCode && (React.createElement("code", { className: react_styles_1.css(clipboard_copy_1.default.clipboardCopyText, clipboard_copy_1.default.modifiers.code), id: `${textIdPrefix}${id}` }, this.state.text)),
|
|
@@ -127,6 +128,7 @@ ClipboardCopy.defaultProps = {
|
|
|
127
128
|
onChange: () => undefined,
|
|
128
129
|
textAriaLabel: 'Copyable input',
|
|
129
130
|
toggleAriaLabel: 'Show content',
|
|
130
|
-
additionalActions: null
|
|
131
|
+
additionalActions: null,
|
|
132
|
+
ouiaSafe: true
|
|
131
133
|
};
|
|
132
134
|
//# sourceMappingURL=ClipboardCopy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardCopy.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,kIAA0F;AAC1F,2DAA+C;AAE/C,wCAA6C;AAE7C,4CAAyC;AACzC,oEAAiE;AACjE,+DAA4D;AAC5D,+DAA4D;AAC5D,mEAAgE;
|
|
1
|
+
{"version":3,"file":"ClipboardCopy.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
2
|
+
import { OUIAProps } from '../../helpers';
|
|
3
|
+
export interface WizardNavProps extends OUIAProps {
|
|
3
4
|
/** children should be WizardNavItem components */
|
|
4
5
|
children?: any;
|
|
5
6
|
/** Aria-label applied to the nav element */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNav.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"WizardNav.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,kDAAkD;IAClD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA2B7D,CAAC"}
|
|
@@ -5,12 +5,14 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
6
|
const wizard_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Wizard/wizard"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
-
const
|
|
8
|
+
const helpers_1 = require("../../helpers");
|
|
9
|
+
const WizardNav = ({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, isOpen = false, returnList = false, ouiaId, ouiaSafe = true }) => {
|
|
10
|
+
const ouiaProps = helpers_1.useOUIAProps(exports.WizardNav.displayName, ouiaId, ouiaSafe);
|
|
9
11
|
const innerList = React.createElement("ol", { className: react_styles_1.css(wizard_1.default.wizardNavList) }, children);
|
|
10
12
|
if (returnList) {
|
|
11
13
|
return innerList;
|
|
12
14
|
}
|
|
13
|
-
return (React.createElement("nav", { className: react_styles_1.css(wizard_1.default.wizardNav, isOpen && wizard_1.default.modifiers.expanded), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy },
|
|
15
|
+
return (React.createElement("nav", Object.assign({ className: react_styles_1.css(wizard_1.default.wizardNav, isOpen && wizard_1.default.modifiers.expanded), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, ouiaProps),
|
|
14
16
|
React.createElement("ol", { className: react_styles_1.css(wizard_1.default.wizardNavList) }, children)));
|
|
15
17
|
};
|
|
16
18
|
exports.WizardNav = WizardNav;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNav.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNav.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;
|
|
1
|
+
{"version":3,"file":"WizardNav.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNav.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAC/C,2CAAwD;AAejD,MAAM,SAAS,GAA4C,CAAC,EACjE,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,MAAM,GAAG,KAAK,EACd,UAAU,GAAG,KAAK,EAClB,MAAM,EACN,QAAQ,GAAG,IAAI,EACA,EAAE,EAAE;IACnB,MAAM,SAAS,GAAG,sBAAY,CAAC,iBAAS,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAExE,MAAM,SAAS,GAAG,4BAAI,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CAAC;IAE5E,IAAI,UAAU,EAAE;QACd,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,2CACE,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,SAAS,EAAE,MAAM,IAAI,gBAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,gBACzD,SAAS,qBACJ,cAAc,IAC3B,SAAS;QAEb,4BAAI,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAM,CACrD,CACP,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,SAAS,aA2BpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
2
|
+
import { OUIAProps } from '../../helpers';
|
|
3
|
+
export interface WizardNavItemProps extends OUIAProps {
|
|
3
4
|
/** Can nest a WizardNav component for substeps */
|
|
4
5
|
children?: React.ReactNode;
|
|
5
6
|
/** The content to display in the nav item */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"WizardNavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC;IACvC,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IAClC,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA6ErE,CAAC"}
|
|
@@ -6,8 +6,10 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
7
|
const wizard_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Wizard/wizard"));
|
|
8
8
|
const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon'));
|
|
9
|
+
const helpers_1 = require("../../helpers");
|
|
9
10
|
const WizardNavItem = (_a) => {
|
|
10
|
-
var { children = null, content = '', isCurrent = false, isDisabled = false, step, onNavItemClick = () => undefined, navItemComponent = 'button', href = null, isExpandable = false, id } = _a, rest = tslib_1.__rest(_a, ["children", "content", "isCurrent", "isDisabled", "step", "onNavItemClick", "navItemComponent", "href", "isExpandable", "id"]);
|
|
11
|
+
var { children = null, content = '', isCurrent = false, isDisabled = false, step, onNavItemClick = () => undefined, navItemComponent = 'button', href = null, isExpandable = false, id, ouiaId, ouiaSafe = true } = _a, rest = tslib_1.__rest(_a, ["children", "content", "isCurrent", "isDisabled", "step", "onNavItemClick", "navItemComponent", "href", "isExpandable", "id", "ouiaId", "ouiaSafe"]);
|
|
12
|
+
const ouiaProps = helpers_1.useOUIAProps(exports.WizardNavItem.displayName, ouiaId, ouiaSafe);
|
|
11
13
|
const NavItemComponent = navItemComponent;
|
|
12
14
|
const [isExpanded, setIsExpanded] = React.useState(false);
|
|
13
15
|
React.useEffect(() => {
|
|
@@ -25,7 +27,7 @@ const WizardNavItem = (_a) => {
|
|
|
25
27
|
href
|
|
26
28
|
};
|
|
27
29
|
return (React.createElement("li", { className: react_styles_1.css(wizard_1.default.wizardNavItem, isExpandable && wizard_1.default.modifiers.expandable, isExpandable && isExpanded && wizard_1.default.modifiers.expanded) },
|
|
28
|
-
React.createElement(NavItemComponent, Object.assign({}, rest, (navItemComponent === 'a' ? Object.assign({}, linkProps) : Object.assign({}, btnProps)), (id && { id: id.toString() }), { onClick: () => (isExpandable ? setIsExpanded(!isExpanded || isCurrent) : onNavItemClick(step)), className: react_styles_1.css(wizard_1.default.wizardNavLink, isCurrent && wizard_1.default.modifiers.current, isDisabled && wizard_1.default.modifiers.disabled), "aria-disabled": isDisabled ? true : null, "aria-current": isCurrent && !children ? 'step' : false }, (isExpandable && { 'aria-expanded': isExpanded })), isExpandable ? (React.createElement(React.Fragment, null,
|
|
30
|
+
React.createElement(NavItemComponent, Object.assign({}, rest, (navItemComponent === 'a' ? Object.assign({}, linkProps) : Object.assign({}, btnProps)), (id && { id: id.toString() }), { onClick: () => (isExpandable ? setIsExpanded(!isExpanded || isCurrent) : onNavItemClick(step)), className: react_styles_1.css(wizard_1.default.wizardNavLink, isCurrent && wizard_1.default.modifiers.current, isDisabled && wizard_1.default.modifiers.disabled), "aria-disabled": isDisabled ? true : null, "aria-current": isCurrent && !children ? 'step' : false }, (isExpandable && { 'aria-expanded': isExpanded }), ouiaProps), isExpandable ? (React.createElement(React.Fragment, null,
|
|
29
31
|
React.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardNavLinkText) }, content),
|
|
30
32
|
React.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardNavLinkToggle) },
|
|
31
33
|
React.createElement("span", { className: react_styles_1.css(wizard_1.default.wizardNavLinkToggleIcon) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardNavItem.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,2GAA2E;AAC3E,sHAAqF;
|
|
1
|
+
{"version":3,"file":"WizardNavItem.js","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNavItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,2GAA2E;AAC3E,sHAAqF;AACrF,2CAAwD;AAyBjD,MAAM,aAAa,GAAgD,CAAC,EActD,EAAE,EAAE;QAdkD,EACzE,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,IAAI,EACJ,cAAc,GAAG,GAAG,EAAE,CAAC,SAAS,EAChC,gBAAgB,GAAG,QAAQ,EAC3B,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,KAAK,EACpB,EAAE,EACF,MAAM,EACN,QAAQ,GAAG,IAAI,OAEI,EADhB,IAAI,sBAbkE,oJAc1E,CADQ;IAEP,MAAM,SAAS,GAAG,sBAAY,CAAC,qBAAa,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC5E,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;IAE1C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,gBAAgB,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QAC9E,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,6DAA6D,CAAC,CAAC;KAC9E;IAED,MAAM,QAAQ,GAAG;QACf,QAAQ,EAAE,UAAU;KACrB,CAAC;IAEF,MAAM,SAAS,GAAG;QAChB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QACrC,IAAI;KACL,CAAC;IAEF,OAAO,CACL,4BACE,SAAS,EAAE,kBAAG,CACZ,gBAAM,CAAC,aAAa,EACpB,YAAY,IAAI,gBAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,YAAY,IAAI,UAAU,IAAI,gBAAM,CAAC,SAAS,CAAC,QAAQ,CACxD;QAED,oBAAC,gBAAgB,oBACX,IAAI,EACJ,CAAC,gBAAgB,KAAK,GAAG,CAAC,CAAC,mBAAM,SAAS,EAAG,CAAC,mBAAM,QAAQ,CAAE,CAAC,EAC/D,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,IACjC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAC9F,SAAS,EAAE,kBAAG,CACZ,gBAAM,CAAC,aAAa,EACpB,SAAS,IAAI,gBAAM,CAAC,SAAS,CAAC,OAAO,EACrC,UAAU,IAAI,gBAAM,CAAC,SAAS,CAAC,QAAQ,CACxC,mBACc,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,kBACzB,SAAS,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IACjD,CAAC,YAAY,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC,EACjD,SAAS,GAEZ,YAAY,CAAC,CAAC,CAAC,CACd;YACE,8BAAM,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,iBAAiB,CAAC,IAAG,OAAO,CAAQ;YAChE,8BAAM,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,mBAAmB,CAAC;gBAC9C,8BAAM,SAAS,EAAE,kBAAG,CAAC,gBAAM,CAAC,uBAAuB,CAAC;oBAClD,oBAAC,0BAAc,OAAG,CACb,CACF,CACN,CACJ,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CACgB;QAClB,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AA7EW,QAAA,aAAa,iBA6ExB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|