@pega/cosmos-react-build 10.0.0-build.4.21 → 10.0.0-build.4.23
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/lib/components/Automation/Automation.styles.d.ts +185 -1
- package/lib/components/Automation/Automation.styles.d.ts.map +1 -1
- package/lib/components/Automation/Automation.styles.js +7 -3
- package/lib/components/Automation/Automation.styles.js.map +1 -1
- package/lib/components/Automation/RuleStep.d.ts.map +1 -1
- package/lib/components/Automation/RuleStep.js +5 -4
- package/lib/components/Automation/RuleStep.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import type { RuleStepTreeNode } from './Automation.types';
|
|
2
|
+
export declare const AUTOMATION_STEP_MAIN_CLASS: string;
|
|
3
|
+
export declare const AUTOMATION_STEP_CONTENT_CLASS: string;
|
|
2
4
|
export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@pega/cosmos-react-core").CardProps, "ref"> & import("react").RefAttributes<HTMLElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
|
|
3
5
|
ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
|
|
4
6
|
}, never>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").CardProps>, keyof import("react").Component<any, {}, any>>;
|
|
@@ -10,7 +12,189 @@ export declare const StyledErrorIcon: import("styled-components/dist/types").ISt
|
|
|
10
12
|
export declare const StyledComment: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<Omit<import("@pega/cosmos-react-core").TextProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement | HTMLSpanElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
|
|
11
13
|
ref?: ((instance: HTMLHeadingElement | HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLHeadingElement | HTMLSpanElement> | null | undefined;
|
|
12
14
|
}, never>, never>> & string;
|
|
13
|
-
export declare const StyledStepHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
15
|
+
export declare const StyledStepHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
16
|
+
children?: import("react").ReactNode;
|
|
17
|
+
ref?: import("react").Ref<Element>;
|
|
18
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
19
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
20
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
21
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
22
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
23
|
+
}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
24
|
+
children?: import("react").ReactNode;
|
|
25
|
+
ref?: import("react").Ref<Element>;
|
|
26
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
27
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
28
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
29
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
30
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
31
|
+
}, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
32
|
+
children?: import("react").ReactNode;
|
|
33
|
+
ref?: import("react").Ref<Element>;
|
|
34
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
35
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
36
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
37
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
38
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
39
|
+
}, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
|
|
40
|
+
ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
|
|
41
|
+
}) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
42
|
+
children?: import("react").ReactNode;
|
|
43
|
+
ref?: import("react").Ref<Element>;
|
|
44
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
45
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
46
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
47
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
48
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
49
|
+
}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
50
|
+
children?: import("react").ReactNode;
|
|
51
|
+
ref?: import("react").Ref<Element>;
|
|
52
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
53
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
54
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
55
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
56
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
57
|
+
}, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
58
|
+
children?: import("react").ReactNode;
|
|
59
|
+
ref?: import("react").Ref<Element>;
|
|
60
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
61
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
62
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
63
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
64
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
65
|
+
}, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
|
|
66
|
+
ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
|
|
67
|
+
}) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
68
|
+
children?: import("react").ReactNode;
|
|
69
|
+
ref?: import("react").Ref<Element>;
|
|
70
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
71
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
72
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
73
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
74
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
75
|
+
}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
76
|
+
children?: import("react").ReactNode;
|
|
77
|
+
ref?: import("react").Ref<Element>;
|
|
78
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
79
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
80
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
81
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
82
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
83
|
+
}, "xs">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
84
|
+
children?: import("react").ReactNode;
|
|
85
|
+
ref?: import("react").Ref<Element>;
|
|
86
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
87
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
88
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
89
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
90
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
91
|
+
}, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
|
|
92
|
+
ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
|
|
93
|
+
}) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
94
|
+
children?: import("react").ReactNode;
|
|
95
|
+
ref?: import("react").Ref<Element>;
|
|
96
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
97
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
98
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
99
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
100
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
101
|
+
}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
102
|
+
children?: import("react").ReactNode;
|
|
103
|
+
ref?: import("react").Ref<Element>;
|
|
104
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
105
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
106
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
107
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
108
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
109
|
+
}, "xl">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
110
|
+
children?: import("react").ReactNode;
|
|
111
|
+
ref?: import("react").Ref<Element>;
|
|
112
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
113
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
114
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
115
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
116
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
117
|
+
}, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
|
|
118
|
+
ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
|
|
119
|
+
}) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
120
|
+
children?: import("react").ReactNode;
|
|
121
|
+
ref?: import("react").Ref<Element>;
|
|
122
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
123
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
124
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
125
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
126
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
127
|
+
}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
128
|
+
children?: import("react").ReactNode;
|
|
129
|
+
ref?: import("react").Ref<Element>;
|
|
130
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
131
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
132
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
133
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
134
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
135
|
+
}, "sm">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
136
|
+
children?: import("react").ReactNode;
|
|
137
|
+
ref?: import("react").Ref<Element>;
|
|
138
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
139
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
140
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
141
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
142
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
143
|
+
}, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
|
|
144
|
+
ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
|
|
145
|
+
}) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
146
|
+
children?: import("react").ReactNode;
|
|
147
|
+
ref?: import("react").Ref<Element>;
|
|
148
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
149
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
150
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
151
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
152
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
153
|
+
}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
154
|
+
children?: import("react").ReactNode;
|
|
155
|
+
ref?: import("react").Ref<Element>;
|
|
156
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
157
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
158
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
159
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
160
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
161
|
+
}, "md">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
162
|
+
children?: import("react").ReactNode;
|
|
163
|
+
ref?: import("react").Ref<Element>;
|
|
164
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
165
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
166
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
167
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
168
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
169
|
+
}, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
|
|
170
|
+
ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
|
|
171
|
+
}) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
172
|
+
children?: import("react").ReactNode;
|
|
173
|
+
ref?: import("react").Ref<Element>;
|
|
174
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
175
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
176
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
177
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
178
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
179
|
+
}, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
180
|
+
children?: import("react").ReactNode;
|
|
181
|
+
ref?: import("react").Ref<Element>;
|
|
182
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
183
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
184
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
185
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
186
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
187
|
+
}, "lg">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
|
|
188
|
+
children?: import("react").ReactNode;
|
|
189
|
+
ref?: import("react").Ref<Element>;
|
|
190
|
+
xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
191
|
+
sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
192
|
+
md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
193
|
+
lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
194
|
+
xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
|
|
195
|
+
}, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
|
|
196
|
+
ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
|
|
197
|
+
}), import("styled-components/dist/types").BaseObject>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").FlexProps>, keyof import("react").Component<any, {}, any>>;
|
|
14
198
|
export declare const StyledBaseTree: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@pega/cosmos-react-core").TreeProps<RuleStepTreeNode> & import("@pega/cosmos-react-core").ForwardProps, never>> & string & Omit<((props: import("@pega/cosmos-react-core").TreeProps<RuleStepTreeNode> & import("@pega/cosmos-react-core").ForwardProps) => JSX.Element | null) & {
|
|
15
199
|
getTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly []>;
|
|
16
200
|
}, keyof import("react").Component<any, {}, any>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Automation.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Automation/Automation.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Automation.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Automation/Automation.styles.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,eAAO,MAAM,0BAA0B,QAA0C,CAAC;AAClF,eAAO,MAAM,6BAA6B,QAA6C,CAAC;AAIxF,eAAO,MAAM,eAAe;;yLAwB1B,CAAC;AAIH,eAAO,MAAM,aAAa;;yLAEzB,CAAC;AAIF,eAAO,MAAM,aAAa,6NAKxB,CAAC;AAIH,eAAO,MAAM,eAAe,kaAI1B,CAAC;AAIH,eAAO,MAAM,aAAa;;2BAIxB,CAAC;AAIH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sOAG5B,CAAC;AAMF,eAAO,MAAM,cAAc;2BATF,CAAC;iDAoBxB,CAAC;AAIH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;sSAI1B,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
|
-
import { Card, Text, Tree, Icon, defaultThemeProp, AIButton } from '@pega/cosmos-react-core';
|
|
2
|
+
import { Card, Flex, Text, Tree, Icon, defaultThemeProp, AIButton, createClassName } from '@pega/cosmos-react-core';
|
|
3
3
|
import { ellipsisOverflow } from '@pega/cosmos-react-core/lib/styles/mixins';
|
|
4
|
+
export const AUTOMATION_STEP_MAIN_CLASS = createClassName('automation-step-main');
|
|
5
|
+
export const AUTOMATION_STEP_CONTENT_CLASS = createClassName('automation-step-content');
|
|
4
6
|
// Rule step styles
|
|
5
7
|
export const StyledContainer = styled(Card)(({ theme: { base: { shadow, palette: { 'border-line': borderLine }, 'disabled-opacity': disabledOpacity } } }) => {
|
|
6
8
|
return css `
|
|
@@ -13,7 +15,9 @@ export const StyledContainer = styled(Card)(({ theme: { base: { shadow, palette:
|
|
|
13
15
|
}
|
|
14
16
|
|
|
15
17
|
&[aria-disabled='true'] {
|
|
16
|
-
|
|
18
|
+
.${AUTOMATION_STEP_MAIN_CLASS}, .${AUTOMATION_STEP_CONTENT_CLASS} {
|
|
19
|
+
opacity: ${disabledOpacity};
|
|
20
|
+
}
|
|
17
21
|
}
|
|
18
22
|
`;
|
|
19
23
|
});
|
|
@@ -41,7 +45,7 @@ export const StyledComment = styled(StyledSummary)(({ theme }) => {
|
|
|
41
45
|
`;
|
|
42
46
|
});
|
|
43
47
|
StyledComment.defaultProps = defaultThemeProp;
|
|
44
|
-
export const StyledStepHeader = styled
|
|
48
|
+
export const StyledStepHeader = styled(Flex) `
|
|
45
49
|
min-width: 0;
|
|
46
50
|
flex: 1 1 auto;
|
|
47
51
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Automation.styles.js","sourceRoot":"","sources":["../../../src/components/Automation/Automation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,
|
|
1
|
+
{"version":3,"file":"Automation.styles.js","sourceRoot":"","sources":["../../../src/components/Automation/Automation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,gBAAgB,EAChB,QAAQ,EACR,eAAe,EAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAI7E,MAAM,CAAC,MAAM,0BAA0B,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAClF,MAAM,CAAC,MAAM,6BAA6B,GAAG,eAAe,CAAC,yBAAyB,CAAC,CAAC;AAExF,mBAAmB;AAEnB,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAC3C,KAAK,EAAE,EACL,IAAI,EAAE,EACJ,MAAM,EACN,OAAO,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,EACtC,kBAAkB,EAAE,eAAe,EACpC,EACF,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;qCACyB,UAAU;;;;0BAIrB,MAAM,CAAC,aAAa,CAAC;;;;;SAKtC,0BAA0B,MAAM,6BAA6B;mBACnD,eAAe;;;GAG/B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEhD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IACrC,gBAAgB;CACnB,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpD,OAAO,GAAG,CAAA;;eAEG,KAAK,CAAC,IAAI,CAAC,OAAO;GAC9B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACxD,OAAO,GAAG,CAAA;aACC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM;GACnC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEhD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC/D,OAAO,GAAG,CAAA;qCACyB,KAAK,CAAC,IAAI,CAAC,OAAO;GACpD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;CAG3C,CAAC;AAEF,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjD,4BAA4B;AAE5B,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,CAAA,IAAsB,CAAA,CAAC,CAAC,CAAC,EAC5D,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;;;uCAG2B,OAAO;;GAE3C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;CAI7C,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport {\n Card,\n Flex,\n Text,\n Tree,\n Icon,\n defaultThemeProp,\n AIButton,\n createClassName\n} from '@pega/cosmos-react-core';\nimport { ellipsisOverflow } from '@pega/cosmos-react-core/lib/styles/mixins';\n\nimport type { RuleStepTreeNode } from './Automation.types';\n\nexport const AUTOMATION_STEP_MAIN_CLASS = createClassName('automation-step-main');\nexport const AUTOMATION_STEP_CONTENT_CLASS = createClassName('automation-step-content');\n\n// Rule step styles\n\nexport const StyledContainer = styled(Card)(({\n theme: {\n base: {\n shadow,\n palette: { 'border-line': borderLine },\n 'disabled-opacity': disabledOpacity\n }\n }\n}) => {\n return css`\n border-bottom: 0.0625rem solid ${borderLine};\n\n &:focus,\n &:focus-visible {\n box-shadow: inset ${shadow['focus-solid']};\n outline: none;\n }\n\n &[aria-disabled='true'] {\n .${AUTOMATION_STEP_MAIN_CLASS}, .${AUTOMATION_STEP_CONTENT_CLASS} {\n opacity: ${disabledOpacity};\n }\n }\n `;\n});\n\nStyledContainer.defaultProps = defaultThemeProp;\n\nexport const StyledSummary = styled(Text)`\n ${ellipsisOverflow}\n`;\n\nStyledSummary.defaultProps = defaultThemeProp;\n\nexport const StyledContent = styled.div(({ theme }) => {\n return css`\n position: relative;\n padding: ${theme.base.spacing};\n `;\n});\n\nStyledContent.defaultProps = defaultThemeProp;\n\nexport const StyledErrorIcon = styled(Icon)(({ theme }) => {\n return css`\n color: ${theme.base.palette.urgent};\n `;\n});\n\nStyledErrorIcon.defaultProps = defaultThemeProp;\n\nexport const StyledComment = styled(StyledSummary)(({ theme }) => {\n return css`\n padding-inline-start: calc(4 * ${theme.base.spacing});\n `;\n});\n\nStyledComment.defaultProps = defaultThemeProp;\n\nexport const StyledStepHeader = styled(Flex)`\n min-width: 0;\n flex: 1 1 auto;\n`;\n\nStyledStepHeader.defaultProps = defaultThemeProp;\n\n// Automation wrapper styles\n\nexport const StyledBaseTree = styled(Tree<RuleStepTreeNode>)(({\n theme: {\n base: { spacing }\n }\n}) => {\n return css`\n &,\n & ul {\n padding-inline-start: calc(2 * ${spacing});\n }\n `;\n});\n\nStyledBaseTree.defaultProps = defaultThemeProp;\n\nexport const StyledAIButton = styled(AIButton)`\n && {\n margin-inline-start: auto;\n }\n`;\n\nStyledAIButton.defaultProps = defaultThemeProp;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RuleStep.d.ts","sourceRoot":"","sources":["../../../src/components/Automation/RuleStep.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"RuleStep.d.ts","sourceRoot":"","sources":["../../../src/components/Automation/RuleStep.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAiB/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;;;;AA0UxD,wBAAyD"}
|
|
@@ -5,7 +5,7 @@ import * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icon
|
|
|
5
5
|
import * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';
|
|
6
6
|
import * as caretRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-right.icon';
|
|
7
7
|
import IconTile from '../IconTile';
|
|
8
|
-
import { StyledContainer, StyledStepHeader, StyledErrorIcon, StyledSummary, StyledContent } from './Automation.styles';
|
|
8
|
+
import { StyledContainer, StyledStepHeader, StyledErrorIcon, StyledSummary, StyledContent, AUTOMATION_STEP_MAIN_CLASS, AUTOMATION_STEP_CONTENT_CLASS } from './Automation.styles';
|
|
9
9
|
import { AutomationActions } from './Automation.types';
|
|
10
10
|
import { getRuleStepTestIds } from './Automation.test-ids';
|
|
11
11
|
import AutomationContext from './AutomationContext';
|
|
@@ -15,6 +15,7 @@ const RuleStep = forwardRef(({ testId, stepId, stepName, stepNumber, stepVisual,
|
|
|
15
15
|
const t = useI18n();
|
|
16
16
|
const { rtl } = useDirection();
|
|
17
17
|
const testIds = useTestIds(testId, getRuleStepTestIds);
|
|
18
|
+
const hasAddStepItems = (addStepMenu?.menu.items?.length ?? 0) > 0;
|
|
18
19
|
const ruleStepRef = useConsolidatedRef(ref);
|
|
19
20
|
const ruleStepActionsRef = useRef(null);
|
|
20
21
|
const [summaryEl, setSummaryEl] = useElement(null);
|
|
@@ -127,14 +128,14 @@ const RuleStep = forwardRef(({ testId, stepId, stepName, stepNumber, stepVisual,
|
|
|
127
128
|
setFocusableElementsTabIndex('-1');
|
|
128
129
|
}
|
|
129
130
|
}, [expanded]);
|
|
130
|
-
return (_jsxs(Flex, { item: { grow: 1 }, as: StyledContainer, "data-testid": `${stepNumber}${testIds.root}`, tabIndex: ruleStepTabIndex, ref: ruleStepRef, role: 'treeitem', "aria-disabled": stepDisabled, "aria-expanded": expanded, "aria-describedby": stepId, "aria-label": `${expanded ? t('expanded_step', [stepDetail]) : t('collapsed_step', [stepDetail])}`, ...restProps, children: [_jsxs(Flex, { container: { justify: 'between', pad: 1 }, children: [_jsx(
|
|
131
|
+
return (_jsxs(Flex, { item: { grow: 1 }, as: StyledContainer, "data-testid": `${stepNumber}${testIds.root}`, tabIndex: ruleStepTabIndex, ref: ruleStepRef, role: 'treeitem', "aria-disabled": stepDisabled, "aria-expanded": expanded, "aria-describedby": stepId, "aria-label": `${expanded ? t('expanded_step', [stepDetail]) : t('collapsed_step', [stepDetail])}`, ...restProps, children: [_jsxs(Flex, { container: { justify: 'between', pad: 1 }, children: [_jsx(StyledStepHeader, { className: AUTOMATION_STEP_MAIN_CLASS, container: { direction: 'column' }, children: _jsxs(Flex, { item: { shrink: 1, grow: 1, basis: 'auto' }, container: { gap: 1, alignItems: 'center' }, children: [_jsx(Button, { icon: true, variant: 'simple', compact: true, onClick: () => onExpandCollapse?.(stepId), "data-testid": `${stepNumber}${testIds.expandCollapseButton}`, "aria-label": `${expanded ? t('collapse_step', [stepNumber]) : t('expand_step', [stepNumber])}`, "aria-expanded": expanded, label: expanded ? t('collapse') : t('expand'), tabIndex: focusInsideNode ? 0 : -1, children: _jsx(Icon, { name: expanded ? 'caret-down' : `caret-${rtl ? 'left' : 'right'}` }) }), _jsx(Text, { "data-testid": `${stepNumber}${testIds.stepNumber}`, children: stepNumber }), error && (_jsx(StyledErrorIcon, { "data-testid": `${stepNumber}${testIds.errorIcon}`, name: 'warn-solid' })), _jsx(Flex, { item: { shrink: 0 }, children: stepVisual && _jsx(IconTile, { ...stepVisual }) }), switchMenu && !readOnly && !stepDisabled ? (_jsx(MenuButton, { testId: `${stepNumber}${testIds.switchMenu}`, ...switchMenu, tabIndex: focusInsideNode ? 0 : -1, variant: 'text', text: translatedStepName, menu: {
|
|
131
132
|
...switchMenu.menu,
|
|
132
133
|
onItemClick: (id) => {
|
|
133
134
|
if (isValidAutomationActionType(id)) {
|
|
134
135
|
switchMenu?.menu.onItemClick?.(id, stepId, stepNumber);
|
|
135
136
|
}
|
|
136
137
|
}
|
|
137
|
-
} })) : (translatedStepName), (comment || summary) && (_jsxs(_Fragment, { children: [_jsx(StyledSummary, { "data-testid": `${stepNumber}${testIds.summary}`, variant: 'secondary', ref: setSummaryEl, children: comment?.length ? comment : summary }), _jsx(Tooltip, { smart: true, target: summaryEl, hideDelay: 'none', "data-testid": `${stepNumber}${testIds.summaryTooltip}`, children: comment?.length ? comment : summary })] })), stepDisabled && (_jsx(Status, { variant: 'info', "data-testid": `${stepNumber}${testIds.disabledBadge}`, children: t('disabled') }))] }) }), _jsxs(Flex, { ref: ruleStepActionsRef, item: { shrink: 0 }, container: { justify: 'center', alignItems: 'center' }, children: [addStepMenu && !readOnly &&
|
|
138
|
+
} })) : (translatedStepName), (comment || summary) && (_jsxs(_Fragment, { children: [_jsx(StyledSummary, { "data-testid": `${stepNumber}${testIds.summary}`, variant: 'secondary', ref: setSummaryEl, children: comment?.length ? comment : summary }), _jsx(Tooltip, { smart: true, target: summaryEl, hideDelay: 'none', "data-testid": `${stepNumber}${testIds.summaryTooltip}`, children: comment?.length ? comment : summary })] })), stepDisabled && (_jsx(Status, { variant: 'info', "data-testid": `${stepNumber}${testIds.disabledBadge}`, children: t('disabled') }))] }) }), _jsxs(Flex, { ref: ruleStepActionsRef, item: { shrink: 0 }, container: { justify: 'center', alignItems: 'center' }, children: [addStepMenu && !readOnly && hasAddStepItems && (_jsx(MenuButton, { testId: `${stepNumber}${testIds.addStepMenu}`, ...addStepMenu, icon: 'plus', iconOnly: true, compact: true, text: t('add_step'), variant: 'simple', tabIndex: focusInsideNode ? 0 : -1, menu: {
|
|
138
139
|
...addStepMenu.menu,
|
|
139
140
|
scrollAt: 20,
|
|
140
141
|
mode: 'action',
|
|
@@ -144,7 +145,7 @@ const RuleStep = forwardRef(({ testId, stepId, stepName, stepNumber, stepVisual,
|
|
|
144
145
|
addStepMenu?.menu.onItemClick?.(id, stepId, stepNumber);
|
|
145
146
|
}
|
|
146
147
|
}
|
|
147
|
-
} })), stepActions && (_jsx(Actions, { "data-testid": `${stepNumber}${testIds.stepActions}`, compact: true, contextualLabel: `step-${stepNumber}`, items: stepActions, tabIndex: focusInsideNode ? 0 : -1 }))] })] }), _jsx(VisuallyHiddenText, { id: stepId, children: error ? `Step name ${translatedStepName} has errors` : `Step name ${translatedStepName}` }), (content || loading) && (_jsx(ExpandCollapse, { transitionSpeed: '0.1s', collapsed: !expanded, children: _jsxs(StyledContent, { "data-testid": `${stepNumber}${testIds.content}`, children: [(expanded || mountContent) && content, loading && (_jsx(Progress, { variant: 'ring', placement: 'local', focusOnVisible: true, message: t('loading') }))] }) }))] }));
|
|
148
|
+
} })), stepActions && (_jsx(Actions, { "data-testid": `${stepNumber}${testIds.stepActions}`, compact: true, contextualLabel: `step-${stepNumber}`, items: stepActions, tabIndex: focusInsideNode ? 0 : -1 }))] })] }), _jsx(VisuallyHiddenText, { id: stepId, children: error ? `Step name ${translatedStepName} has errors` : `Step name ${translatedStepName}` }), (content || loading) && (_jsx(ExpandCollapse, { transitionSpeed: '0.1s', collapsed: !expanded, children: _jsxs(StyledContent, { className: AUTOMATION_STEP_CONTENT_CLASS, "data-testid": `${stepNumber}${testIds.content}`, children: [(expanded || mountContent) && content, loading && (_jsx(Progress, { variant: 'ring', placement: 'local', focusOnVisible: true, message: t('loading') }))] }) }))] }));
|
|
148
149
|
});
|
|
149
150
|
export default withTestIds(RuleStep, getRuleStepTestIds);
|
|
150
151
|
//# sourceMappingURL=RuleStep.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RuleStep.js","sourceRoot":"","sources":["../../../src/components/Automation/RuleStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useState, useRef, useEffect, useContext, useMemo } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport {\n useDirection,\n Progress,\n Tooltip,\n useElement,\n Flex,\n Button,\n MenuButton,\n Icon,\n VisuallyHiddenText,\n ExpandCollapse,\n useConsolidatedRef,\n Text,\n useI18n,\n useTestIds,\n withTestIds,\n useEvent,\n Actions,\n getFocusables,\n registerIcon,\n Status\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\nimport * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';\nimport * as caretRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-right.icon';\n\nimport IconTile from '../IconTile';\n\nimport {\n StyledContainer,\n StyledStepHeader,\n StyledErrorIcon,\n StyledSummary,\n StyledContent\n} from './Automation.styles';\nimport { AutomationActions } from './Automation.types';\nimport type { RuleStepProps } from './Automation.types';\nimport { getRuleStepTestIds } from './Automation.test-ids';\nimport AutomationContext from './AutomationContext';\nimport { isValidAutomationActionType } from './Automation.utils';\n\nregisterIcon(caretDownIcon, caretLeftIcon, caretRightIcon);\n\nconst RuleStep: ForwardRefForwardPropsComponent<RuleStepProps> = forwardRef(\n (\n {\n testId,\n stepId,\n stepName,\n stepNumber,\n stepVisual,\n switchMenu,\n summary,\n comment,\n addStepMenu,\n content,\n onExpandCollapse,\n stepActions,\n expanded,\n error,\n readOnly,\n stepDisabled,\n loading,\n mountContent = expanded,\n ...restProps\n }: PropsWithoutRef<RuleStepProps>,\n ref: RuleStepProps['ref']\n ) => {\n const t = useI18n();\n const { rtl } = useDirection();\n const testIds = useTestIds(testId, getRuleStepTestIds);\n\n const ruleStepRef = useConsolidatedRef(ref);\n const ruleStepActionsRef = useRef<HTMLDivElement | null>(null);\n\n const [summaryEl, setSummaryEl] = useElement(null);\n\n const [ruleStepTabIndex, setRuleStepTabIndex] = useState(-1);\n const { focusedNodeId, focusInsideNode, firstNodeId } = useContext(AutomationContext);\n\n const focused = stepId === focusedNodeId;\n\n const translatedStepName = useMemo(() => {\n switch (stepName) {\n case AutomationActions.ActionSet:\n case AutomationActions.ActionSetRow:\n return t('action_set');\n\n case AutomationActions.ActionWhen:\n return t('action_when');\n\n case AutomationActions.ActionAppend:\n return t('action_append');\n\n case AutomationActions.ActionCall:\n return t('action_call');\n\n case AutomationActions.ActionCreate:\n return t('action_create');\n\n case AutomationActions.ActionForEach:\n return t('action_for_each');\n\n case AutomationActions.ActionExit:\n case AutomationActions.ActionExitAutomation:\n case AutomationActions.ActionExitIteration:\n case AutomationActions.ActionExitForEach:\n return t('action_exit');\n\n case AutomationActions.ActionReturn:\n return t('action_return');\n\n case AutomationActions.ActionRemove:\n case AutomationActions.ActionRemoveRow:\n return t('action_remove');\n\n case AutomationActions.ActionErrorHandler:\n return t('action_error_handler');\n\n default:\n return stepName;\n }\n }, [stepName]);\n\n const stepDetail = `${stepNumber}, ${translatedStepName}, ${summary || ''}, ${comment || ''}`;\n\n const setFocusableElementsTabIndex = (tabIndex: number | string) => {\n const focusables = getFocusables(ruleStepRef, { includeNegativeTabIndex: true });\n focusables.forEach(item => item.setAttribute('tabIndex', tabIndex.toString()));\n\n return focusables;\n };\n\n const onKeyDown = (e: KeyboardEvent) => {\n switch (e.key) {\n case 'Escape': {\n if (focusInsideNode && focused) {\n ruleStepRef.current?.focus();\n }\n setFocusableElementsTabIndex('-1');\n break;\n }\n case 'Enter': {\n if (!focusInsideNode) {\n e.preventDefault();\n const focusables = setFocusableElementsTabIndex('0');\n if (focused) {\n focusables[0]?.focus();\n }\n }\n break;\n }\n case 'ArrowRight': {\n if (!focusInsideNode && !expanded) {\n onExpandCollapse?.(stepId);\n setFocusableElementsTabIndex('-1');\n }\n break;\n }\n case 'ArrowLeft': {\n if (!focusInsideNode && expanded) {\n onExpandCollapse?.(stepId);\n }\n break;\n }\n default:\n break;\n }\n };\n\n useEvent('keydown', onKeyDown, { target: ruleStepRef });\n\n // effect to focus the current step\n useEffect(() => {\n if (!focusInsideNode) {\n setFocusableElementsTabIndex('-1');\n if (focused) {\n ruleStepRef.current?.focus();\n }\n } else {\n const focusables = setFocusableElementsTabIndex('0');\n if (focused) {\n focusables[0]?.focus();\n }\n }\n }, [focused, focusedNodeId, focusInsideNode]);\n\n // effect to calculate tabIndex for step\n useEffect(() => {\n if (focusedNodeId) {\n setRuleStepTabIndex(stepId === focusedNodeId && !focusInsideNode ? 0 : -1);\n } else {\n setRuleStepTabIndex(stepId === firstNodeId ? 0 : -1);\n }\n }, [focusedNodeId, firstNodeId, focusInsideNode]);\n\n useEffect(() => {\n if (expanded) {\n setFocusableElementsTabIndex(focusInsideNode ? '0' : '-1');\n }\n if (!expanded && !focusInsideNode) {\n setFocusableElementsTabIndex('-1');\n }\n }, [expanded]);\n\n return (\n <Flex\n item={{ grow: 1 }}\n as={StyledContainer}\n data-testid={`${stepNumber}${testIds.root}`}\n tabIndex={ruleStepTabIndex}\n ref={ruleStepRef}\n role='treeitem'\n aria-disabled={stepDisabled}\n aria-expanded={expanded}\n aria-describedby={stepId}\n aria-label={`${expanded ? t('expanded_step', [stepDetail]) : t('collapsed_step', [stepDetail])}`}\n {...restProps}\n >\n <Flex container={{ justify: 'between', pad: 1 }}>\n <Flex as={StyledStepHeader} container={{ direction: 'column' }}>\n <Flex\n item={{ shrink: 1, grow: 1, basis: 'auto' }}\n container={{ gap: 1, alignItems: 'center' }}\n >\n <Button\n icon\n variant='simple'\n compact\n onClick={() => onExpandCollapse?.(stepId)}\n data-testid={`${stepNumber}${testIds.expandCollapseButton}`}\n aria-label={`${expanded ? t('collapse_step', [stepNumber]) : t('expand_step', [stepNumber])}`}\n aria-expanded={expanded}\n label={expanded ? t('collapse') : t('expand')}\n tabIndex={focusInsideNode ? 0 : -1}\n >\n <Icon name={expanded ? 'caret-down' : `caret-${rtl ? 'left' : 'right'}`} />\n </Button>\n\n <Text data-testid={`${stepNumber}${testIds.stepNumber}`}>{stepNumber}</Text>\n\n {error && (\n <StyledErrorIcon\n data-testid={`${stepNumber}${testIds.errorIcon}`}\n name='warn-solid'\n />\n )}\n\n <Flex item={{ shrink: 0 }}>{stepVisual && <IconTile {...stepVisual} />}</Flex>\n\n {switchMenu && !readOnly && !stepDisabled ? (\n <MenuButton\n testId={`${stepNumber}${testIds.switchMenu}`}\n {...switchMenu}\n tabIndex={focusInsideNode ? 0 : -1}\n variant='text'\n text={translatedStepName}\n menu={{\n ...switchMenu.menu,\n onItemClick: (id: string) => {\n if (isValidAutomationActionType(id)) {\n switchMenu?.menu.onItemClick?.(id, stepId, stepNumber);\n }\n }\n }}\n />\n ) : (\n translatedStepName\n )}\n\n {(comment || summary) && (\n <>\n <StyledSummary\n data-testid={`${stepNumber}${testIds.summary}`}\n variant='secondary'\n ref={setSummaryEl}\n >\n {comment?.length ? comment : summary}\n </StyledSummary>\n <Tooltip\n smart\n target={summaryEl}\n hideDelay='none'\n data-testid={`${stepNumber}${testIds.summaryTooltip}`}\n >\n {comment?.length ? comment : summary}\n </Tooltip>\n </>\n )}\n\n {stepDisabled && (\n <Status variant='info' data-testid={`${stepNumber}${testIds.disabledBadge}`}>\n {t('disabled')}\n </Status>\n )}\n </Flex>\n </Flex>\n\n <Flex\n ref={ruleStepActionsRef}\n item={{ shrink: 0 }}\n container={{ justify: 'center', alignItems: 'center' }}\n >\n {addStepMenu && !readOnly && !stepDisabled && (\n <MenuButton\n testId={`${stepNumber}${testIds.addStepMenu}`}\n {...addStepMenu}\n icon='plus'\n iconOnly\n compact\n text={t('add_step')}\n variant='simple'\n tabIndex={focusInsideNode ? 0 : -1}\n menu={{\n ...addStepMenu.menu,\n scrollAt: 20,\n mode: 'action',\n variant: 'drill-down',\n onItemClick: (id: string) => {\n if (isValidAutomationActionType(id)) {\n addStepMenu?.menu.onItemClick?.(id, stepId, stepNumber);\n }\n }\n }}\n />\n )}\n\n {stepActions && (\n <Actions\n data-testid={`${stepNumber}${testIds.stepActions}`}\n compact\n contextualLabel={`step-${stepNumber}`}\n items={stepActions}\n tabIndex={focusInsideNode ? 0 : -1}\n />\n )}\n </Flex>\n </Flex>\n\n <VisuallyHiddenText id={stepId}>\n {error ? `Step name ${translatedStepName} has errors` : `Step name ${translatedStepName}`}\n </VisuallyHiddenText>\n\n {(content || loading) && (\n <ExpandCollapse transitionSpeed='0.1s' collapsed={!expanded}>\n <StyledContent data-testid={`${stepNumber}${testIds.content}`}>\n {(expanded || mountContent) && content}\n\n {loading && (\n <Progress variant='ring' placement='local' focusOnVisible message={t('loading')} />\n )}\n </StyledContent>\n </ExpandCollapse>\n )}\n </Flex>\n );\n }\n);\n\nexport default withTestIds(RuleStep, getRuleStepTestIds);\n"]}
|
|
1
|
+
{"version":3,"file":"RuleStep.js","sourceRoot":"","sources":["../../../src/components/Automation/RuleStep.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGrF,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,UAAU,EACV,IAAI,EACJ,MAAM,EACN,UAAU,EACV,IAAI,EACJ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,WAAW,EACX,QAAQ,EACR,OAAO,EACP,aAAa,EACb,YAAY,EACZ,MAAM,EACP,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,aAAa,MAAM,mEAAmE,CAAC;AACnG,OAAO,KAAK,aAAa,MAAM,mEAAmE,CAAC;AACnG,OAAO,KAAK,cAAc,MAAM,oEAAoE,CAAC;AAErG,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,aAAa,EACb,0BAA0B,EAC1B,6BAA6B,EAC9B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AAEjE,YAAY,CAAC,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;AAE3D,MAAM,QAAQ,GAAmD,UAAU,CACzE,CACE,EACE,MAAM,EACN,MAAM,EACN,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,OAAO,EACP,OAAO,EACP,WAAW,EACX,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,YAAY,GAAG,QAAQ,EACvB,GAAG,SAAS,EACmB,EACjC,GAAyB,EACzB,EAAE;IACF,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IACvD,MAAM,eAAe,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAC5C,MAAM,kBAAkB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE/D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAEtF,MAAM,OAAO,GAAG,MAAM,KAAK,aAAa,CAAC;IAEzC,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,QAAQ,QAAQ,EAAE,CAAC;YACjB,KAAK,iBAAiB,CAAC,SAAS,CAAC;YACjC,KAAK,iBAAiB,CAAC,YAAY;gBACjC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC;YAEzB,KAAK,iBAAiB,CAAC,UAAU;gBAC/B,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;YAE1B,KAAK,iBAAiB,CAAC,YAAY;gBACjC,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC;YAE5B,KAAK,iBAAiB,CAAC,UAAU;gBAC/B,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;YAE1B,KAAK,iBAAiB,CAAC,YAAY;gBACjC,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC;YAE5B,KAAK,iBAAiB,CAAC,aAAa;gBAClC,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC;YAE9B,KAAK,iBAAiB,CAAC,UAAU,CAAC;YAClC,KAAK,iBAAiB,CAAC,oBAAoB,CAAC;YAC5C,KAAK,iBAAiB,CAAC,mBAAmB,CAAC;YAC3C,KAAK,iBAAiB,CAAC,iBAAiB;gBACtC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;YAE1B,KAAK,iBAAiB,CAAC,YAAY;gBACjC,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC;YAE5B,KAAK,iBAAiB,CAAC,YAAY,CAAC;YACpC,KAAK,iBAAiB,CAAC,eAAe;gBACpC,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC;YAE5B,KAAK,iBAAiB,CAAC,kBAAkB;gBACvC,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC;YAEnC;gBACE,OAAO,QAAQ,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,UAAU,GAAG,GAAG,UAAU,KAAK,kBAAkB,KAAK,OAAO,IAAI,EAAE,KAAK,OAAO,IAAI,EAAE,EAAE,CAAC;IAE9F,MAAM,4BAA4B,GAAG,CAAC,QAAyB,EAAE,EAAE;QACjE,MAAM,UAAU,GAAG,aAAa,CAAC,WAAW,EAAE,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC,CAAC;QACjF,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QAE/E,OAAO,UAAU,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;QACrC,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACd,IAAI,eAAe,IAAI,OAAO,EAAE,CAAC;oBAC/B,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;gBAC/B,CAAC;gBACD,4BAA4B,CAAC,IAAI,CAAC,CAAC;gBACnC,MAAM;YACR,CAAC;YACD,KAAK,OAAO,CAAC,CAAC,CAAC;gBACb,IAAI,CAAC,eAAe,EAAE,CAAC;oBACrB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,MAAM,UAAU,GAAG,4BAA4B,CAAC,GAAG,CAAC,CAAC;oBACrD,IAAI,OAAO,EAAE,CAAC;wBACZ,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;oBACzB,CAAC;gBACH,CAAC;gBACD,MAAM;YACR,CAAC;YACD,KAAK,YAAY,CAAC,CAAC,CAAC;gBAClB,IAAI,CAAC,eAAe,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClC,gBAAgB,EAAE,CAAC,MAAM,CAAC,CAAC;oBAC3B,4BAA4B,CAAC,IAAI,CAAC,CAAC;gBACrC,CAAC;gBACD,MAAM;YACR,CAAC;YACD,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,IAAI,CAAC,eAAe,IAAI,QAAQ,EAAE,CAAC;oBACjC,gBAAgB,EAAE,CAAC,MAAM,CAAC,CAAC;gBAC7B,CAAC;gBACD,MAAM;YACR,CAAC;YACD;gBACE,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IAEF,QAAQ,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;IAExD,mCAAmC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,4BAA4B,CAAC,IAAI,CAAC,CAAC;YACnC,IAAI,OAAO,EAAE,CAAC;gBACZ,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,UAAU,GAAG,4BAA4B,CAAC,GAAG,CAAC,CAAC;YACrD,IAAI,OAAO,EAAE,CAAC;gBACZ,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;YACzB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC;IAE9C,wCAAwC;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,EAAE,CAAC;YAClB,mBAAmB,CAAC,MAAM,KAAK,aAAa,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7E,CAAC;aAAM,CAAC;YACN,mBAAmB,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvD,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,4BAA4B,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC;QACD,IAAI,CAAC,QAAQ,IAAI,CAAC,eAAe,EAAE,CAAC;YAClC,4BAA4B,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,MAAC,IAAI,IACH,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EACjB,EAAE,EAAE,eAAe,iBACN,GAAG,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,EAC3C,QAAQ,EAAE,gBAAgB,EAC1B,GAAG,EAAE,WAAW,EAChB,IAAI,EAAC,UAAU,mBACA,YAAY,mBACZ,QAAQ,sBACL,MAAM,gBACZ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,KAC5F,SAAS,aAEb,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,aAC7C,KAAC,gBAAgB,IACf,SAAS,EAAE,0BAA0B,EACrC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,YAElC,MAAC,IAAI,IACH,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAC3C,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,aAE3C,KAAC,MAAM,IACL,IAAI,QACJ,OAAO,EAAC,QAAQ,EAChB,OAAO,QACP,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,iBAC5B,GAAG,UAAU,GAAG,OAAO,CAAC,oBAAoB,EAAE,gBAC/C,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,mBAC9E,QAAQ,EACvB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAC7C,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAElC,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,GAAI,GACpE,EAET,KAAC,IAAI,mBAAc,GAAG,UAAU,GAAG,OAAO,CAAC,UAAU,EAAE,YAAG,UAAU,GAAQ,EAE3E,KAAK,IAAI,CACR,KAAC,eAAe,mBACD,GAAG,UAAU,GAAG,OAAO,CAAC,SAAS,EAAE,EAChD,IAAI,EAAC,YAAY,GACjB,CACH,EAED,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,YAAG,UAAU,IAAI,KAAC,QAAQ,OAAK,UAAU,GAAI,GAAQ,EAE7E,UAAU,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC1C,KAAC,UAAU,IACT,MAAM,EAAE,GAAG,UAAU,GAAG,OAAO,CAAC,UAAU,EAAE,KACxC,UAAU,EACd,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAClC,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE;wCACJ,GAAG,UAAU,CAAC,IAAI;wCAClB,WAAW,EAAE,CAAC,EAAU,EAAE,EAAE;4CAC1B,IAAI,2BAA2B,CAAC,EAAE,CAAC,EAAE,CAAC;gDACpC,UAAU,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;4CACzD,CAAC;wCACH,CAAC;qCACF,GACD,CACH,CAAC,CAAC,CAAC,CACF,kBAAkB,CACnB,EAEA,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CACvB,8BACE,KAAC,aAAa,mBACC,GAAG,UAAU,GAAG,OAAO,CAAC,OAAO,EAAE,EAC9C,OAAO,EAAC,WAAW,EACnB,GAAG,EAAE,YAAY,YAEhB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GACtB,EAChB,KAAC,OAAO,IACN,KAAK,QACL,MAAM,EAAE,SAAS,EACjB,SAAS,EAAC,MAAM,iBACH,GAAG,UAAU,GAAG,OAAO,CAAC,cAAc,EAAE,YAEpD,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAC5B,IACT,CACJ,EAEA,YAAY,IAAI,CACf,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,iBAAc,GAAG,UAAU,GAAG,OAAO,CAAC,aAAa,EAAE,YACxE,CAAC,CAAC,UAAU,CAAC,GACP,CACV,IACI,GACU,EAEnB,MAAC,IAAI,IACH,GAAG,EAAE,kBAAkB,EACvB,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACnB,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,aAErD,WAAW,IAAI,CAAC,QAAQ,IAAI,eAAe,IAAI,CAC9C,KAAC,UAAU,IACT,MAAM,EAAE,GAAG,UAAU,GAAG,OAAO,CAAC,WAAW,EAAE,KACzC,WAAW,EACf,IAAI,EAAC,MAAM,EACX,QAAQ,QACR,OAAO,QACP,IAAI,EAAE,CAAC,CAAC,UAAU,CAAC,EACnB,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAClC,IAAI,EAAE;oCACJ,GAAG,WAAW,CAAC,IAAI;oCACnB,QAAQ,EAAE,EAAE;oCACZ,IAAI,EAAE,QAAQ;oCACd,OAAO,EAAE,YAAY;oCACrB,WAAW,EAAE,CAAC,EAAU,EAAE,EAAE;wCAC1B,IAAI,2BAA2B,CAAC,EAAE,CAAC,EAAE,CAAC;4CACpC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;wCAC1D,CAAC;oCACH,CAAC;iCACF,GACD,CACH,EAEA,WAAW,IAAI,CACd,KAAC,OAAO,mBACO,GAAG,UAAU,GAAG,OAAO,CAAC,WAAW,EAAE,EAClD,OAAO,QACP,eAAe,EAAE,QAAQ,UAAU,EAAE,EACrC,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAClC,CACH,IACI,IACF,EAEP,KAAC,kBAAkB,IAAC,EAAE,EAAE,MAAM,YAC3B,KAAK,CAAC,CAAC,CAAC,aAAa,kBAAkB,aAAa,CAAC,CAAC,CAAC,aAAa,kBAAkB,EAAE,GACtE,EAEpB,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CACvB,KAAC,cAAc,IAAC,eAAe,EAAC,MAAM,EAAC,SAAS,EAAE,CAAC,QAAQ,YACzD,MAAC,aAAa,IACZ,SAAS,EAAE,6BAA6B,iBAC3B,GAAG,UAAU,GAAG,OAAO,CAAC,OAAO,EAAE,aAE7C,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,OAAO,EAErC,OAAO,IAAI,CACV,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,OAAO,EAAC,cAAc,QAAC,OAAO,EAAE,CAAC,CAAC,SAAS,CAAC,GAAI,CACpF,IACa,GACD,CAClB,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC","sourcesContent":["import { forwardRef, useState, useRef, useEffect, useContext, useMemo } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport {\n useDirection,\n Progress,\n Tooltip,\n useElement,\n Flex,\n Button,\n MenuButton,\n Icon,\n VisuallyHiddenText,\n ExpandCollapse,\n useConsolidatedRef,\n Text,\n useI18n,\n useTestIds,\n withTestIds,\n useEvent,\n Actions,\n getFocusables,\n registerIcon,\n Status\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\nimport * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';\nimport * as caretRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-right.icon';\n\nimport IconTile from '../IconTile';\n\nimport {\n StyledContainer,\n StyledStepHeader,\n StyledErrorIcon,\n StyledSummary,\n StyledContent,\n AUTOMATION_STEP_MAIN_CLASS,\n AUTOMATION_STEP_CONTENT_CLASS\n} from './Automation.styles';\nimport { AutomationActions } from './Automation.types';\nimport type { RuleStepProps } from './Automation.types';\nimport { getRuleStepTestIds } from './Automation.test-ids';\nimport AutomationContext from './AutomationContext';\nimport { isValidAutomationActionType } from './Automation.utils';\n\nregisterIcon(caretDownIcon, caretLeftIcon, caretRightIcon);\n\nconst RuleStep: ForwardRefForwardPropsComponent<RuleStepProps> = forwardRef(\n (\n {\n testId,\n stepId,\n stepName,\n stepNumber,\n stepVisual,\n switchMenu,\n summary,\n comment,\n addStepMenu,\n content,\n onExpandCollapse,\n stepActions,\n expanded,\n error,\n readOnly,\n stepDisabled,\n loading,\n mountContent = expanded,\n ...restProps\n }: PropsWithoutRef<RuleStepProps>,\n ref: RuleStepProps['ref']\n ) => {\n const t = useI18n();\n const { rtl } = useDirection();\n const testIds = useTestIds(testId, getRuleStepTestIds);\n const hasAddStepItems = (addStepMenu?.menu.items?.length ?? 0) > 0;\n\n const ruleStepRef = useConsolidatedRef(ref);\n const ruleStepActionsRef = useRef<HTMLDivElement | null>(null);\n\n const [summaryEl, setSummaryEl] = useElement(null);\n\n const [ruleStepTabIndex, setRuleStepTabIndex] = useState(-1);\n const { focusedNodeId, focusInsideNode, firstNodeId } = useContext(AutomationContext);\n\n const focused = stepId === focusedNodeId;\n\n const translatedStepName = useMemo(() => {\n switch (stepName) {\n case AutomationActions.ActionSet:\n case AutomationActions.ActionSetRow:\n return t('action_set');\n\n case AutomationActions.ActionWhen:\n return t('action_when');\n\n case AutomationActions.ActionAppend:\n return t('action_append');\n\n case AutomationActions.ActionCall:\n return t('action_call');\n\n case AutomationActions.ActionCreate:\n return t('action_create');\n\n case AutomationActions.ActionForEach:\n return t('action_for_each');\n\n case AutomationActions.ActionExit:\n case AutomationActions.ActionExitAutomation:\n case AutomationActions.ActionExitIteration:\n case AutomationActions.ActionExitForEach:\n return t('action_exit');\n\n case AutomationActions.ActionReturn:\n return t('action_return');\n\n case AutomationActions.ActionRemove:\n case AutomationActions.ActionRemoveRow:\n return t('action_remove');\n\n case AutomationActions.ActionErrorHandler:\n return t('action_error_handler');\n\n default:\n return stepName;\n }\n }, [stepName]);\n\n const stepDetail = `${stepNumber}, ${translatedStepName}, ${summary || ''}, ${comment || ''}`;\n\n const setFocusableElementsTabIndex = (tabIndex: number | string) => {\n const focusables = getFocusables(ruleStepRef, { includeNegativeTabIndex: true });\n focusables.forEach(item => item.setAttribute('tabIndex', tabIndex.toString()));\n\n return focusables;\n };\n\n const onKeyDown = (e: KeyboardEvent) => {\n switch (e.key) {\n case 'Escape': {\n if (focusInsideNode && focused) {\n ruleStepRef.current?.focus();\n }\n setFocusableElementsTabIndex('-1');\n break;\n }\n case 'Enter': {\n if (!focusInsideNode) {\n e.preventDefault();\n const focusables = setFocusableElementsTabIndex('0');\n if (focused) {\n focusables[0]?.focus();\n }\n }\n break;\n }\n case 'ArrowRight': {\n if (!focusInsideNode && !expanded) {\n onExpandCollapse?.(stepId);\n setFocusableElementsTabIndex('-1');\n }\n break;\n }\n case 'ArrowLeft': {\n if (!focusInsideNode && expanded) {\n onExpandCollapse?.(stepId);\n }\n break;\n }\n default:\n break;\n }\n };\n\n useEvent('keydown', onKeyDown, { target: ruleStepRef });\n\n // effect to focus the current step\n useEffect(() => {\n if (!focusInsideNode) {\n setFocusableElementsTabIndex('-1');\n if (focused) {\n ruleStepRef.current?.focus();\n }\n } else {\n const focusables = setFocusableElementsTabIndex('0');\n if (focused) {\n focusables[0]?.focus();\n }\n }\n }, [focused, focusedNodeId, focusInsideNode]);\n\n // effect to calculate tabIndex for step\n useEffect(() => {\n if (focusedNodeId) {\n setRuleStepTabIndex(stepId === focusedNodeId && !focusInsideNode ? 0 : -1);\n } else {\n setRuleStepTabIndex(stepId === firstNodeId ? 0 : -1);\n }\n }, [focusedNodeId, firstNodeId, focusInsideNode]);\n\n useEffect(() => {\n if (expanded) {\n setFocusableElementsTabIndex(focusInsideNode ? '0' : '-1');\n }\n if (!expanded && !focusInsideNode) {\n setFocusableElementsTabIndex('-1');\n }\n }, [expanded]);\n\n return (\n <Flex\n item={{ grow: 1 }}\n as={StyledContainer}\n data-testid={`${stepNumber}${testIds.root}`}\n tabIndex={ruleStepTabIndex}\n ref={ruleStepRef}\n role='treeitem'\n aria-disabled={stepDisabled}\n aria-expanded={expanded}\n aria-describedby={stepId}\n aria-label={`${expanded ? t('expanded_step', [stepDetail]) : t('collapsed_step', [stepDetail])}`}\n {...restProps}\n >\n <Flex container={{ justify: 'between', pad: 1 }}>\n <StyledStepHeader\n className={AUTOMATION_STEP_MAIN_CLASS}\n container={{ direction: 'column' }}\n >\n <Flex\n item={{ shrink: 1, grow: 1, basis: 'auto' }}\n container={{ gap: 1, alignItems: 'center' }}\n >\n <Button\n icon\n variant='simple'\n compact\n onClick={() => onExpandCollapse?.(stepId)}\n data-testid={`${stepNumber}${testIds.expandCollapseButton}`}\n aria-label={`${expanded ? t('collapse_step', [stepNumber]) : t('expand_step', [stepNumber])}`}\n aria-expanded={expanded}\n label={expanded ? t('collapse') : t('expand')}\n tabIndex={focusInsideNode ? 0 : -1}\n >\n <Icon name={expanded ? 'caret-down' : `caret-${rtl ? 'left' : 'right'}`} />\n </Button>\n\n <Text data-testid={`${stepNumber}${testIds.stepNumber}`}>{stepNumber}</Text>\n\n {error && (\n <StyledErrorIcon\n data-testid={`${stepNumber}${testIds.errorIcon}`}\n name='warn-solid'\n />\n )}\n\n <Flex item={{ shrink: 0 }}>{stepVisual && <IconTile {...stepVisual} />}</Flex>\n\n {switchMenu && !readOnly && !stepDisabled ? (\n <MenuButton\n testId={`${stepNumber}${testIds.switchMenu}`}\n {...switchMenu}\n tabIndex={focusInsideNode ? 0 : -1}\n variant='text'\n text={translatedStepName}\n menu={{\n ...switchMenu.menu,\n onItemClick: (id: string) => {\n if (isValidAutomationActionType(id)) {\n switchMenu?.menu.onItemClick?.(id, stepId, stepNumber);\n }\n }\n }}\n />\n ) : (\n translatedStepName\n )}\n\n {(comment || summary) && (\n <>\n <StyledSummary\n data-testid={`${stepNumber}${testIds.summary}`}\n variant='secondary'\n ref={setSummaryEl}\n >\n {comment?.length ? comment : summary}\n </StyledSummary>\n <Tooltip\n smart\n target={summaryEl}\n hideDelay='none'\n data-testid={`${stepNumber}${testIds.summaryTooltip}`}\n >\n {comment?.length ? comment : summary}\n </Tooltip>\n </>\n )}\n\n {stepDisabled && (\n <Status variant='info' data-testid={`${stepNumber}${testIds.disabledBadge}`}>\n {t('disabled')}\n </Status>\n )}\n </Flex>\n </StyledStepHeader>\n\n <Flex\n ref={ruleStepActionsRef}\n item={{ shrink: 0 }}\n container={{ justify: 'center', alignItems: 'center' }}\n >\n {addStepMenu && !readOnly && hasAddStepItems && (\n <MenuButton\n testId={`${stepNumber}${testIds.addStepMenu}`}\n {...addStepMenu}\n icon='plus'\n iconOnly\n compact\n text={t('add_step')}\n variant='simple'\n tabIndex={focusInsideNode ? 0 : -1}\n menu={{\n ...addStepMenu.menu,\n scrollAt: 20,\n mode: 'action',\n variant: 'drill-down',\n onItemClick: (id: string) => {\n if (isValidAutomationActionType(id)) {\n addStepMenu?.menu.onItemClick?.(id, stepId, stepNumber);\n }\n }\n }}\n />\n )}\n\n {stepActions && (\n <Actions\n data-testid={`${stepNumber}${testIds.stepActions}`}\n compact\n contextualLabel={`step-${stepNumber}`}\n items={stepActions}\n tabIndex={focusInsideNode ? 0 : -1}\n />\n )}\n </Flex>\n </Flex>\n\n <VisuallyHiddenText id={stepId}>\n {error ? `Step name ${translatedStepName} has errors` : `Step name ${translatedStepName}`}\n </VisuallyHiddenText>\n\n {(content || loading) && (\n <ExpandCollapse transitionSpeed='0.1s' collapsed={!expanded}>\n <StyledContent\n className={AUTOMATION_STEP_CONTENT_CLASS}\n data-testid={`${stepNumber}${testIds.content}`}\n >\n {(expanded || mountContent) && content}\n\n {loading && (\n <Progress variant='ring' placement='local' focusOnVisible message={t('loading')} />\n )}\n </StyledContent>\n </ExpandCollapse>\n )}\n </Flex>\n );\n }\n);\n\nexport default withTestIds(RuleStep, getRuleStepTestIds);\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pega/cosmos-react-build",
|
|
3
|
-
"version": "10.0.0-build.4.
|
|
3
|
+
"version": "10.0.0-build.4.23",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"author": "Pegasystems",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@dagrejs/dagre": "^3.0.0",
|
|
18
|
-
"@pega/cosmos-react-core": "10.0.0-build.4.
|
|
19
|
-
"@pega/cosmos-react-dnd": "10.0.0-build.4.
|
|
20
|
-
"@pega/cosmos-react-rte": "10.0.0-build.4.
|
|
18
|
+
"@pega/cosmos-react-core": "10.0.0-build.4.23",
|
|
19
|
+
"@pega/cosmos-react-dnd": "10.0.0-build.4.23",
|
|
20
|
+
"@pega/cosmos-react-rte": "10.0.0-build.4.23",
|
|
21
21
|
"@types/codemirror": "^5.60.15",
|
|
22
22
|
"@types/react": "^17.0.62 || ^18.3.3",
|
|
23
23
|
"@types/react-dom": "^17.0.20 || ^18.3.0",
|