@pega/cosmos-react-condition-builder 10.0.0-build.8.1 → 10.0.0-build.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/components/ConditionBuilder/ConditionBuilder.styles.d.ts +183 -0
  2. package/lib/components/ConditionBuilder/ConditionBuilder.styles.d.ts.map +1 -1
  3. package/lib/components/ConditionBuilder/ConditionBuilder.styles.js +6 -2
  4. package/lib/components/ConditionBuilder/ConditionBuilder.styles.js.map +1 -1
  5. package/lib/components/ConditionBuilder/RhsControls/RelativeDateMenu.d.ts.map +1 -1
  6. package/lib/components/ConditionBuilder/RhsControls/RelativeDateMenu.js +2 -1
  7. package/lib/components/ConditionBuilder/RhsControls/RelativeDateMenu.js.map +1 -1
  8. package/package.json +2 -2
package/lib/components/ConditionBuilder/ConditionBuilder.styles.d.ts CHANGED
@@ -187,6 +187,189 @@ export declare const StyledRow: import("styled-components/dist/types").IStyledCo
187
187
  $isBasicMode?: boolean;
188
188
  }>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").FlexProps>, keyof import("react").Component<any, {}, any>>;
189
189
  export declare const StyledTimePeriodContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
190
+ export declare const StyledRelativeDateValueContainer: 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 & {
191
+ children?: import("react").ReactNode;
192
+ ref?: import("react").Ref<Element>;
193
+ 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">>));
194
+ 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">>));
195
+ 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">>));
196
+ 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">>));
197
+ 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">>));
198
+ }, "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 & {
199
+ children?: import("react").ReactNode;
200
+ ref?: import("react").Ref<Element>;
201
+ 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">>));
202
+ 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">>));
203
+ 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">>));
204
+ 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">>));
205
+ 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">>));
206
+ }, "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 & {
207
+ children?: import("react").ReactNode;
208
+ ref?: import("react").Ref<Element>;
209
+ 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">>));
210
+ 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">>));
211
+ 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">>));
212
+ 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">>));
213
+ 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">>));
214
+ }, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
215
+ 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;
216
+ }) | (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 & {
217
+ children?: import("react").ReactNode;
218
+ ref?: import("react").Ref<Element>;
219
+ 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">>));
220
+ 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">>));
221
+ 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">>));
222
+ 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">>));
223
+ 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">>));
224
+ }, "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 & {
225
+ children?: import("react").ReactNode;
226
+ ref?: import("react").Ref<Element>;
227
+ 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">>));
228
+ 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">>));
229
+ 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">>));
230
+ 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">>));
231
+ 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">>));
232
+ }, "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 & {
233
+ children?: import("react").ReactNode;
234
+ ref?: import("react").Ref<Element>;
235
+ 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">>));
236
+ 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">>));
237
+ 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">>));
238
+ 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">>));
239
+ 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">>));
240
+ }, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
241
+ 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;
242
+ }) | (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 & {
243
+ children?: import("react").ReactNode;
244
+ ref?: import("react").Ref<Element>;
245
+ 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">>));
246
+ 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">>));
247
+ 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">>));
248
+ 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">>));
249
+ 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">>));
250
+ }, "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 & {
251
+ children?: import("react").ReactNode;
252
+ ref?: import("react").Ref<Element>;
253
+ 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">>));
254
+ 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">>));
255
+ 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">>));
256
+ 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">>));
257
+ 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">>));
258
+ }, "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 & {
259
+ children?: import("react").ReactNode;
260
+ ref?: import("react").Ref<Element>;
261
+ 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">>));
262
+ 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">>));
263
+ 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">>));
264
+ 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">>));
265
+ 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">>));
266
+ }, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
267
+ 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;
268
+ }) | (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 & {
269
+ children?: import("react").ReactNode;
270
+ ref?: import("react").Ref<Element>;
271
+ 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">>));
272
+ 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">>));
273
+ 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">>));
274
+ 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">>));
275
+ 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">>));
276
+ }, "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 & {
277
+ children?: import("react").ReactNode;
278
+ ref?: import("react").Ref<Element>;
279
+ 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">>));
280
+ 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">>));
281
+ 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">>));
282
+ 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">>));
283
+ 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">>));
284
+ }, "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 & {
285
+ children?: import("react").ReactNode;
286
+ ref?: import("react").Ref<Element>;
287
+ 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">>));
288
+ 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">>));
289
+ 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">>));
290
+ 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">>));
291
+ 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">>));
292
+ }, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
293
+ 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;
294
+ }) | (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 & {
295
+ children?: import("react").ReactNode;
296
+ ref?: import("react").Ref<Element>;
297
+ 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">>));
298
+ 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">>));
299
+ 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">>));
300
+ 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">>));
301
+ 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">>));
302
+ }, "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 & {
303
+ children?: import("react").ReactNode;
304
+ ref?: import("react").Ref<Element>;
305
+ 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">>));
306
+ 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">>));
307
+ 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">>));
308
+ 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">>));
309
+ 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">>));
310
+ }, "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 & {
311
+ children?: import("react").ReactNode;
312
+ ref?: import("react").Ref<Element>;
313
+ 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">>));
314
+ 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">>));
315
+ 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">>));
316
+ 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">>));
317
+ 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">>));
318
+ }, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
319
+ 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;
320
+ }) | (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 & {
321
+ children?: import("react").ReactNode;
322
+ ref?: import("react").Ref<Element>;
323
+ 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">>));
324
+ 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">>));
325
+ 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">>));
326
+ 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">>));
327
+ 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">>));
328
+ }, "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 & {
329
+ children?: import("react").ReactNode;
330
+ ref?: import("react").Ref<Element>;
331
+ 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">>));
332
+ 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">>));
333
+ 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">>));
334
+ 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">>));
335
+ 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">>));
336
+ }, "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 & {
337
+ children?: import("react").ReactNode;
338
+ ref?: import("react").Ref<Element>;
339
+ 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">>));
340
+ 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">>));
341
+ 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">>));
342
+ 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">>));
343
+ 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">>));
344
+ }, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
345
+ 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;
346
+ }) | (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 & {
347
+ children?: import("react").ReactNode;
348
+ ref?: import("react").Ref<Element>;
349
+ 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">>));
350
+ 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">>));
351
+ 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">>));
352
+ 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">>));
353
+ 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">>));
354
+ }, "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 & {
355
+ children?: import("react").ReactNode;
356
+ ref?: import("react").Ref<Element>;
357
+ 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">>));
358
+ 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">>));
359
+ 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">>));
360
+ 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">>));
361
+ 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">>));
362
+ }, "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 & {
363
+ children?: import("react").ReactNode;
364
+ ref?: import("react").Ref<Element>;
365
+ 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">>));
366
+ 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">>));
367
+ 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">>));
368
+ 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">>));
369
+ 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">>));
370
+ }, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
371
+ 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;
372
+ }), 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>>;
190
373
  export declare const StyledRowWithSeparator: 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 & {
191
374
  children?: import("react").ReactNode;
192
375
  ref?: import("react").Ref<Element>;
package/lib/components/ConditionBuilder/ConditionBuilder.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ConditionBuilder.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAKL,IAAI,EAGL,MAAM,yBAAyB,CAAC;AAIjC,eAAO,MAAM,sBAAsB,EAAE,OAAO,IAW1C,CAAC;AAKH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAA4B,OAAO;mBAAiB,OAAO;kLA0B/E,CAAC;AAIH,eAAO,MAAM,yBAAyB,6NAIpC,CAAC;AAKH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAA4B,OAAO;kLAyCpE,CAAC;AAKH,eAAO,MAAM,WAAW,6NAkBvB,CAAC;AAIF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;eA7FG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;4OAmHpC,CAAC;AAIH;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAAyB,OAAO;cAAY,OAAO;kLAsBnF,CAAC"}
1
+ {"version":3,"file":"ConditionBuilder.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAKL,IAAI,EAGL,MAAM,yBAAyB,CAAC;AAIjC,eAAO,MAAM,sBAAsB,EAAE,OAAO,IAW1C,CAAC;AAKH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAA4B,OAAO;mBAAiB,OAAO;kLA0B/E,CAAC;AAIH,eAAO,MAAM,yBAAyB,6NAIpC,CAAC;AAIH,eAAO,MAAM,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sOAE5C,CAAC;AAKF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAA4B,OAAO;kLAyCpE,CAAC;AAKH,eAAO,MAAM,WAAW,6NAkBvB,CAAC;AAIF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;eAnGG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;4OAyHpC,CAAC;AAIH;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAAyB,OAAO;cAAY,OAAO;kLAsBnF,CAAC"}
package/lib/components/ConditionBuilder/ConditionBuilder.styles.js CHANGED
@@ -31,12 +31,16 @@ export const StyledRow = styled(Flex)(({ theme: { base: { spacing, palette: { 'b
31
31
  `;
32
32
  });
33
33
  StyledRow.defaultProps = defaultThemeProp;
34
- export const StyledTimePeriodContainer = styled.div(({ theme }) => {
34
+ export const StyledTimePeriodContainer = styled.div(() => {
35
35
  return css `
36
- width: ${theme.base['content-width'].sm};
36
+ width: 100%;
37
37
  `;
38
38
  });
39
39
  StyledTimePeriodContainer.defaultProps = defaultThemeProp;
40
+ export const StyledRelativeDateValueContainer = styled(Flex) `
41
+ min-width: 20ch;
42
+ `;
43
+ StyledRelativeDateValueContainer.defaultProps = defaultThemeProp;
40
44
  // Styled row-separators for Basic-mode
41
45
  export const StyledRowWithSeparator = styled(Flex)(({ $nested, theme: { base: { spacing, palette: { 'primary-background': background } } } }) => {
42
46
  const readable = readableColor(background);
package/lib/components/ConditionBuilder/ConditionBuilder.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ConditionBuilder.styles.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { transparentize } from 'polished';\n\nimport {\n readableColor,\n calculateFontSize,\n defaultThemeProp,\n FieldGroup,\n Flex,\n StyledFieldGroupLegend,\n StyledPopover\n} from '@pega/cosmos-react-core';\nimport type { FontSize } from '@pega/cosmos-react-core';\nimport { StyledMenuButton } from '@pega/cosmos-react-core/lib/components/MenuButton/MenuButton';\n\nexport const StyledConditionBuilder: typeof Flex = styled(Flex)(({\n theme: {\n base: { 'content-width': contentWidth, spacing }\n }\n}) => {\n return css`\n ${StyledPopover}:has(&) {\n min-inline-size: min(${contentWidth.lg}, calc(100vw - 4 * ${spacing}));\n max-inline-size: calc(100vw - 4 * ${spacing});\n }\n `;\n});\n\nStyledConditionBuilder.defaultProps = defaultThemeProp;\n\n// Styled wrapper for each Condition row\nexport const StyledRow = styled(Flex)<{ $nested?: boolean; $isBasicMode?: boolean }>(({\n theme: {\n base: {\n spacing,\n palette: { 'border-line': borderLine, 'primary-background': background }\n }\n },\n $nested,\n $isBasicMode\n}) => {\n return css`\n ${!!$nested &&\n css`\n padding: ${spacing};\n background: ${transparentize(0.9, readableColor(background))};\n `}\n\n ${!$isBasicMode &&\n css`\n & {\n border-bottom: 0.0625rem solid ${borderLine};\n padding-block-end: ${spacing};\n margin-block-end: ${spacing};\n }\n `}\n `;\n});\n\nStyledRow.defaultProps = defaultThemeProp;\n\nexport const StyledTimePeriodContainer = styled.div(({ theme }) => {\n return css`\n width: ${theme.base['content-width'].sm};\n `;\n});\n\nStyledTimePeriodContainer.defaultProps = defaultThemeProp;\n\n// Styled row-separators for Basic-mode\nexport const StyledRowWithSeparator = styled(Flex)<{ $nested?: boolean }>(({\n $nested,\n theme: {\n base: {\n spacing,\n palette: { 'primary-background': background }\n }\n }\n}) => {\n const readable = readableColor(background);\n return css`\n ${!!$nested &&\n css`\n padding: ${spacing};\n background: ${transparentize(0.9, readable)};\n `}\n\n &::after,\n &::before {\n content: '';\n flex-grow: 1;\n background-image: linear-gradient(\n to right,\n ${transparentize(0.8, readable)} 60%,\n ${transparentize(1, readable)} 0%\n );\n background-position: left center;\n background-size: 0.5rem 0.0625rem;\n background-repeat: repeat-x;\n }\n\n &::before {\n width: 1rem;\n flex-grow: 0;\n }\n\n ${StyledMenuButton} {\n background: none;\n padding: 0;\n }\n `;\n});\n\nStyledRowWithSeparator.defaultProps = defaultThemeProp;\n\n// Styled label for the rows in Advanced-mode\nexport const StyledLabel = styled.div(\n ({\n theme: {\n base: {\n palette: { 'primary-background': background }\n }\n }\n }) => {\n return css`\n font-weight: bold;\n line-height: 2rem;\n height: 2rem;\n width: 2rem;\n min-width: 2rem;\n text-align: center;\n background: ${transparentize(0.9, readableColor(background))};\n `;\n }\n);\n\nStyledLabel.defaultProps = defaultThemeProp;\n\nexport const StyledAtomicCondition = styled(FieldGroup)(({\n theme: {\n base: { 'font-size': fontSize, 'font-scale': fontScale, spacing },\n components: { text }\n },\n collapsed\n}) => {\n const fontSizes = calculateFontSize(fontSize, fontScale);\n return css`\n ${!collapsed &&\n css`\n ${StyledFieldGroupLegend} {\n font-size: ${fontSizes[text.secondary['font-size'] as FontSize]};\n font-weight: ${text.secondary['font-weight']};\n margin-block-end: calc(0.5 * ${spacing});\n }\n `}\n\n fieldset {\n min-width: unset;\n }\n `;\n});\n\nStyledAtomicCondition.defaultProps = defaultThemeProp;\n\n/**\n * Flex wrapper for items that should visually align with the input controls inside AtomicCondition\n * - $row: applies the top-offset when in row layout (aligns with the top input)\n * - $bottom: instead of aligning to the top input, sinks the item to the bottom of the row\n */\nexport const StyledInputLevelItem = styled(Flex)<{ $row?: boolean; $bottom?: boolean }>(\n ({\n theme: {\n base: {\n 'hit-area': { 'compact-min': compactMin },\n spacing\n }\n },\n $row,\n $bottom\n }) => css`\n ${$row &&\n !$bottom &&\n css`\n padding-block-start: calc(${compactMin} + 0.25 * ${spacing});\n `}\n ${$row &&\n $bottom &&\n css`\n margin-block-start: auto;\n `}\n `\n);\n\nStyledInputLevelItem.defaultProps = defaultThemeProp;\n"]}
1
+ {"version":3,"file":"ConditionBuilder.styles.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { transparentize } from 'polished';\n\nimport {\n readableColor,\n calculateFontSize,\n defaultThemeProp,\n FieldGroup,\n Flex,\n StyledFieldGroupLegend,\n StyledPopover\n} from '@pega/cosmos-react-core';\nimport type { FontSize } from '@pega/cosmos-react-core';\nimport { StyledMenuButton } from '@pega/cosmos-react-core/lib/components/MenuButton/MenuButton';\n\nexport const StyledConditionBuilder: typeof Flex = styled(Flex)(({\n theme: {\n base: { 'content-width': contentWidth, spacing }\n }\n}) => {\n return css`\n ${StyledPopover}:has(&) {\n min-inline-size: min(${contentWidth.lg}, calc(100vw - 4 * ${spacing}));\n max-inline-size: calc(100vw - 4 * ${spacing});\n }\n `;\n});\n\nStyledConditionBuilder.defaultProps = defaultThemeProp;\n\n// Styled wrapper for each Condition row\nexport const StyledRow = styled(Flex)<{ $nested?: boolean; $isBasicMode?: boolean }>(({\n theme: {\n base: {\n spacing,\n palette: { 'border-line': borderLine, 'primary-background': background }\n }\n },\n $nested,\n $isBasicMode\n}) => {\n return css`\n ${!!$nested &&\n css`\n padding: ${spacing};\n background: ${transparentize(0.9, readableColor(background))};\n `}\n\n ${!$isBasicMode &&\n css`\n & {\n border-bottom: 0.0625rem solid ${borderLine};\n padding-block-end: ${spacing};\n margin-block-end: ${spacing};\n }\n `}\n `;\n});\n\nStyledRow.defaultProps = defaultThemeProp;\n\nexport const StyledTimePeriodContainer = styled.div(() => {\n return css`\n width: 100%;\n `;\n});\n\nStyledTimePeriodContainer.defaultProps = defaultThemeProp;\n\nexport const StyledRelativeDateValueContainer = styled(Flex)`\n min-width: 20ch;\n`;\n\nStyledRelativeDateValueContainer.defaultProps = defaultThemeProp;\n\n// Styled row-separators for Basic-mode\nexport const StyledRowWithSeparator = styled(Flex)<{ $nested?: boolean }>(({\n $nested,\n theme: {\n base: {\n spacing,\n palette: { 'primary-background': background }\n }\n }\n}) => {\n const readable = readableColor(background);\n return css`\n ${!!$nested &&\n css`\n padding: ${spacing};\n background: ${transparentize(0.9, readable)};\n `}\n\n &::after,\n &::before {\n content: '';\n flex-grow: 1;\n background-image: linear-gradient(\n to right,\n ${transparentize(0.8, readable)} 60%,\n ${transparentize(1, readable)} 0%\n );\n background-position: left center;\n background-size: 0.5rem 0.0625rem;\n background-repeat: repeat-x;\n }\n\n &::before {\n width: 1rem;\n flex-grow: 0;\n }\n\n ${StyledMenuButton} {\n background: none;\n padding: 0;\n }\n `;\n});\n\nStyledRowWithSeparator.defaultProps = defaultThemeProp;\n\n// Styled label for the rows in Advanced-mode\nexport const StyledLabel = styled.div(\n ({\n theme: {\n base: {\n palette: { 'primary-background': background }\n }\n }\n }) => {\n return css`\n font-weight: bold;\n line-height: 2rem;\n height: 2rem;\n width: 2rem;\n min-width: 2rem;\n text-align: center;\n background: ${transparentize(0.9, readableColor(background))};\n `;\n }\n);\n\nStyledLabel.defaultProps = defaultThemeProp;\n\nexport const StyledAtomicCondition = styled(FieldGroup)(({\n theme: {\n base: { 'font-size': fontSize, 'font-scale': fontScale, spacing },\n components: { text }\n },\n collapsed\n}) => {\n const fontSizes = calculateFontSize(fontSize, fontScale);\n return css`\n ${!collapsed &&\n css`\n ${StyledFieldGroupLegend} {\n font-size: ${fontSizes[text.secondary['font-size'] as FontSize]};\n font-weight: ${text.secondary['font-weight']};\n margin-block-end: calc(0.5 * ${spacing});\n }\n `}\n\n fieldset {\n min-width: unset;\n }\n `;\n});\n\nStyledAtomicCondition.defaultProps = defaultThemeProp;\n\n/**\n * Flex wrapper for items that should visually align with the input controls inside AtomicCondition\n * - $row: applies the top-offset when in row layout (aligns with the top input)\n * - $bottom: instead of aligning to the top input, sinks the item to the bottom of the row\n */\nexport const StyledInputLevelItem = styled(Flex)<{ $row?: boolean; $bottom?: boolean }>(\n ({\n theme: {\n base: {\n 'hit-area': { 'compact-min': compactMin },\n spacing\n }\n },\n $row,\n $bottom\n }) => css`\n ${$row &&\n !$bottom &&\n css`\n padding-block-start: calc(${compactMin} + 0.25 * ${spacing});\n `}\n ${$row &&\n $bottom &&\n css`\n margin-block-start: auto;\n `}\n `\n);\n\nStyledInputLevelItem.defaultProps = defaultThemeProp;\n"]}
package/lib/components/ConditionBuilder/RhsControls/RelativeDateMenu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RelativeDateMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/RelativeDateMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEvF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,KAAK,EAAsC,SAAS,EAAE,MAAM,eAAe,CAAC;AAEnF,MAAM,WAAW,qBAAsB,SAAQ,SAAS,EAAE,cAAc;IACtE,4BAA4B;IAC5B,GAAG,EAAE,mBAAmB,CAAC;IAEzB,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAE7C,sEAAsE;IACtE,SAAS,EAAE,SAAS,CAAC;IAErB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,gEAAgE;AAChE,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CA+J7E,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"RelativeDateMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/RelativeDateMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEvF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,KAAK,EAAsC,SAAS,EAAE,MAAM,eAAe,CAAC;AAGnF,MAAM,WAAW,qBAAsB,SAAQ,SAAS,EAAE,cAAc;IACtE,4BAA4B;IAC5B,GAAG,EAAE,mBAAmB,CAAC;IAEzB,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAE7C,sEAAsE;IACtE,SAAS,EAAE,SAAS,CAAC;IAErB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,gEAAgE;AAChE,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CA+J7E,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
package/lib/components/ConditionBuilder/RhsControls/RelativeDateMenu.js CHANGED
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
2
2
  // cspell:words DDTHH
3
3
  import { useMemo } from 'react';
4
4
  import { Flex, Select, Option, NumberInput, useI18n } from '@pega/cosmos-react-core';
5
+ import { StyledRelativeDateValueContainer } from '../ConditionBuilder.styles';
5
6
  /** A menu with controls to select a Time period value on RHS */
6
7
  const RelativeDateMenu = (props) => {
7
8
  const { rhs, onChange, status, fieldType } = props;
@@ -113,7 +114,7 @@ const RelativeDateMenu = (props) => {
113
114
  });
114
115
  }
115
116
  };
116
- return (_jsxs(_Fragment, { children: [_jsx(Select, { label: t('condition_builder_time_period_label'), value: rhs.relativeDate.timePeriod, onChange: handleTimePeriodChange, children: timePeriodOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id))) }), _jsxs(Flex, { container: { direction: 'row', colGap: 1 }, children: [relativeDate.timePeriod !== 'CURRENT' && (_jsx(Flex, { item: { basis: '30%' }, children: _jsx(NumberInput, { ...valueComponentProps, min: 1, step: 1, showDecimal: false, onChange: handleIntervalChange }) })), _jsx(Flex, { item: { basis: relativeDate.timePeriod !== 'CURRENT' ? '70%' : '100%' }, children: _jsx(Select, { label: t('condition_builder_date_part'), value: relativeDate.datePart, onChange: handleDatePartChange, children: datePartOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id))) }) })] })] }));
117
+ return (_jsxs(_Fragment, { children: [_jsx(Select, { label: t('condition_builder_time_period_label'), value: rhs.relativeDate.timePeriod, onChange: handleTimePeriodChange, children: timePeriodOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id))) }), _jsxs(Flex, { container: { direction: 'row', colGap: 1, rowGap: 1, wrap: 'wrap' }, children: [relativeDate.timePeriod !== 'CURRENT' && (_jsx(StyledRelativeDateValueContainer, { item: { basis: '0', grow: 3 }, children: _jsx(NumberInput, { ...valueComponentProps, min: 1, step: 1, showDecimal: false, onChange: handleIntervalChange }) })), _jsx(Flex, { item: { basis: '0', grow: relativeDate.timePeriod !== 'CURRENT' ? 7 : 1 }, children: _jsx(Select, { label: t('condition_builder_date_part'), value: relativeDate.datePart, onChange: handleDatePartChange, children: datePartOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id))) }) })] })] }));
117
118
  };
118
119
  export default RelativeDateMenu;
119
120
  //# sourceMappingURL=RelativeDateMenu.js.map
package/lib/components/ConditionBuilder/RhsControls/RelativeDateMenu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RelativeDateMenu.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/RelativeDateMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["// cspell:words DDTHH\nimport { useMemo } from 'react';\nimport type { ChangeEvent, FunctionComponent } from 'react';\n\nimport { Flex, Select, Option, NumberInput, useI18n } from '@pega/cosmos-react-core';\nimport type { BaseProps, ForwardProps, NoChildrenProp } from '@pega/cosmos-react-core';\n\nimport type { RhsWithRelativeDate } from '../ConditionBuilder.types';\nimport type { DateFunction, DatePart, TimePeriod, FieldType } from '../core/types';\n\nexport interface RelativeDateMenuProps extends BaseProps, NoChildrenProp {\n /** Rhs for the condition */\n rhs: RhsWithRelativeDate;\n\n /** Callback for any modifications to the Rhs */\n onChange: (rhs: RhsWithRelativeDate) => void;\n\n /** FieldType of the LHS Field. Will only be DATE_TIME or DATE_ONLY */\n fieldType: FieldType;\n\n /** Used to indicate any errors on the control */\n status?: 'error';\n}\n\n/** A menu with controls to select a Time period value on RHS */\nconst RelativeDateMenu: FunctionComponent<RelativeDateMenuProps & ForwardProps> = (\n props: RelativeDateMenuProps\n) => {\n const { rhs, onChange, status, fieldType } = props;\n const t = useI18n();\n\n const { relativeDate } = rhs;\n\n // Options for the Date Part selector\n const datePartOptions = useMemo(() => {\n const allOptions = [\n 'YEARS',\n 'QUARTERS',\n 'MONTHS',\n 'WEEKS',\n 'DAYS',\n 'HOURS',\n 'MINUTES',\n 'SECONDS'\n ];\n const datePartLabels: Record<DatePart, string> = {\n YEARS: t('condition_builder_year'),\n QUARTERS: t('condition_builder_quarter'),\n MONTHS: t('condition_builder_month'),\n WEEKS: t('condition_builder_week'),\n DAYS: t('condition_builder_day'),\n HOURS: t('condition_builder_hour'),\n MINUTES: t('condition_builder_minute'),\n SECONDS: t('condition_builder_second')\n };\n if (fieldType === 'DATE_TIME') {\n // TODO: Remove temporary hide MINUTES option\n return allOptions.map(datePart => ({\n id: datePart,\n label: datePartLabels[datePart as DatePart]\n }));\n }\n // Removes SECONDS, MINUTES and HOURS for DATE_ONLY fields\n return allOptions.splice(0, allOptions.length - 3).map(datePart => ({\n id: datePart,\n label: datePartLabels[datePart as DatePart]\n }));\n }, [t, fieldType]);\n\n // Options for the Date-function selector\n const timePeriodOptions = useMemo(() => {\n const allOptions = ['CURRENT', 'LAST', 'PREVIOUS', 'NEXT'];\n const timePeriodLabels: Record<TimePeriod, string> = {\n CURRENT: t('condition_builder_time_period_current'),\n LAST: t('condition_builder_time_period_last'),\n PREVIOUS: t('condition_builder_time_period_previous'),\n NEXT: t('condition_builder_time_period_next')\n };\n return allOptions.map(timePeriod => ({\n id: timePeriod,\n label: timePeriodLabels[timePeriod as TimePeriod]\n }));\n }, [t]);\n\n const handleTimePeriodChange = (e: ChangeEvent<HTMLSelectElement>) => {\n const selection = e.target.value;\n if (selection === 'CURRENT') {\n onChange({\n relativeDate: {\n timePeriod: selection as TimePeriod,\n datePart: relativeDate.datePart\n }\n });\n } else {\n onChange({\n relativeDate: {\n ...relativeDate,\n timePeriod: selection as TimePeriod,\n interval: relativeDate.interval ?? undefined\n }\n });\n }\n };\n\n // Handle changes to the Date-function selector\n const handleDatePartChange = (e: ChangeEvent<HTMLSelectElement>) => {\n const selection = e.target.value as DateFunction;\n onChange({\n relativeDate: {\n ...relativeDate,\n datePart: selection as DatePart\n }\n });\n };\n\n // Common props for all value controls\n const valueComponentProps = {\n value: relativeDate.interval?.toString(),\n label: t('condition_builder_value_label'),\n status,\n info: status ? t('condition_builder_invalid_value') : undefined\n };\n\n const handleIntervalChange = (value: string) => {\n let newValue: number;\n if (value !== '' && !Number.isNaN(Number(value))) {\n newValue = Number(value);\n onChange({\n relativeDate: {\n ...relativeDate,\n interval: newValue\n }\n });\n } else {\n onChange({\n relativeDate: {\n ...relativeDate,\n interval: undefined\n }\n });\n }\n };\n\n return (\n <>\n <Select\n label={t('condition_builder_time_period_label')}\n value={rhs.relativeDate.timePeriod}\n onChange={handleTimePeriodChange}\n >\n {timePeriodOptions.map(o => (\n <Option key={o.id} value={o.id}>\n {o.label}\n </Option>\n ))}\n </Select>\n <Flex container={{ direction: 'row', colGap: 1 }}>\n {relativeDate.timePeriod !== 'CURRENT' && (\n <Flex item={{ basis: '30%' }}>\n <NumberInput\n {...valueComponentProps}\n min={1}\n step={1}\n showDecimal={false}\n onChange={handleIntervalChange}\n />\n </Flex>\n )}\n <Flex item={{ basis: relativeDate.timePeriod !== 'CURRENT' ? '70%' : '100%' }}>\n <Select\n label={t('condition_builder_date_part')}\n value={relativeDate.datePart}\n onChange={handleDatePartChange}\n >\n {datePartOptions.map(o => (\n <Option key={o.id} value={o.id}>\n {o.label}\n </Option>\n ))}\n </Select>\n </Flex>\n </Flex>\n </>\n );\n};\n\nexport default RelativeDateMenu;\n"]}
1
+ {"version":3,"file":"RelativeDateMenu.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/RelativeDateMenu.tsx"],"names":[],"mappings":";AAAA,qBAAqB;AACrB,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAKrF,OAAO,EAAE,gCAAgC,EAAE,MAAM,4BAA4B,CAAC;AAgB9E,gEAAgE;AAChE,MAAM,gBAAgB,GAA4D,CAChF,KAA4B,EAC5B,EAAE;IACF,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,EAAE,YAAY,EAAE,GAAG,GAAG,CAAC;IAE7B,qCAAqC;IACrC,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,UAAU,GAAG;YACjB,OAAO;YACP,UAAU;YACV,QAAQ;YACR,OAAO;YACP,MAAM;YACN,OAAO;YACP,SAAS;YACT,SAAS;SACV,CAAC;QACF,MAAM,cAAc,GAA6B;YAC/C,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC;YAClC,QAAQ,EAAE,CAAC,CAAC,2BAA2B,CAAC;YACxC,MAAM,EAAE,CAAC,CAAC,yBAAyB,CAAC;YACpC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC;YAClC,IAAI,EAAE,CAAC,CAAC,uBAAuB,CAAC;YAChC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC;YAClC,OAAO,EAAE,CAAC,CAAC,0BAA0B,CAAC;YACtC,OAAO,EAAE,CAAC,CAAC,0BAA0B,CAAC;SACvC,CAAC;QACF,IAAI,SAAS,KAAK,WAAW,EAAE,CAAC;YAC9B,6CAA6C;YAC7C,OAAO,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACjC,EAAE,EAAE,QAAQ;gBACZ,KAAK,EAAE,cAAc,CAAC,QAAoB,CAAC;aAC5C,CAAC,CAAC,CAAC;QACN,CAAC;QACD,0DAA0D;QAC1D,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YAClE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,cAAc,CAAC,QAAoB,CAAC;SAC5C,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnB,yCAAyC;IACzC,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,MAAM,UAAU,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;QAC3D,MAAM,gBAAgB,GAA+B;YACnD,OAAO,EAAE,CAAC,CAAC,uCAAuC,CAAC;YACnD,IAAI,EAAE,CAAC,CAAC,oCAAoC,CAAC;YAC7C,QAAQ,EAAE,CAAC,CAAC,wCAAwC,CAAC;YACrD,IAAI,EAAE,CAAC,CAAC,oCAAoC,CAAC;SAC9C,CAAC;QACF,OAAO,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;YACnC,EAAE,EAAE,UAAU;YACd,KAAK,EAAE,gBAAgB,CAAC,UAAwB,CAAC;SAClD,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAER,MAAM,sBAAsB,GAAG,CAAC,CAAiC,EAAE,EAAE;QACnE,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACjC,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC5B,QAAQ,CAAC;gBACP,YAAY,EAAE;oBACZ,UAAU,EAAE,SAAuB;oBACnC,QAAQ,EAAE,YAAY,CAAC,QAAQ;iBAChC;aACF,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC;gBACP,YAAY,EAAE;oBACZ,GAAG,YAAY;oBACf,UAAU,EAAE,SAAuB;oBACnC,QAAQ,EAAE,YAAY,CAAC,QAAQ,IAAI,SAAS;iBAC7C;aACF,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,+CAA+C;IAC/C,MAAM,oBAAoB,GAAG,CAAC,CAAiC,EAAE,EAAE;QACjE,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,KAAqB,CAAC;QACjD,QAAQ,CAAC;YACP,YAAY,EAAE;gBACZ,GAAG,YAAY;gBACf,QAAQ,EAAE,SAAqB;aAChC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,sCAAsC;IACtC,MAAM,mBAAmB,GAAG;QAC1B,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE;QACxC,KAAK,EAAE,CAAC,CAAC,+BAA+B,CAAC;QACzC,MAAM;QACN,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,CAAC,SAAS;KAChE,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC7C,IAAI,QAAgB,CAAC;QACrB,IAAI,KAAK,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YACjD,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YACzB,QAAQ,CAAC;gBACP,YAAY,EAAE;oBACZ,GAAG,YAAY;oBACf,QAAQ,EAAE,QAAQ;iBACnB;aACF,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC;gBACP,YAAY,EAAE;oBACZ,GAAG,YAAY;oBACf,QAAQ,EAAE,SAAS;iBACpB;aACF,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,MAAM,IACL,KAAK,EAAE,CAAC,CAAC,qCAAqC,CAAC,EAC/C,KAAK,EAAE,GAAG,CAAC,YAAY,CAAC,UAAU,EAClC,QAAQ,EAAE,sBAAsB,YAE/B,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAC1B,KAAC,MAAM,IAAY,KAAK,EAAE,CAAC,CAAC,EAAE,YAC3B,CAAC,CAAC,KAAK,IADG,CAAC,CAAC,EAAE,CAER,CACV,CAAC,GACK,EACT,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,aACtE,YAAY,CAAC,UAAU,KAAK,SAAS,IAAI,CACxC,KAAC,gCAAgC,IAAC,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,YAC7D,KAAC,WAAW,OACN,mBAAmB,EACvB,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,oBAAoB,GAC9B,GAC+B,CACpC,EACD,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,YAC7E,KAAC,MAAM,IACL,KAAK,EAAE,CAAC,CAAC,6BAA6B,CAAC,EACvC,KAAK,EAAE,YAAY,CAAC,QAAQ,EAC5B,QAAQ,EAAE,oBAAoB,YAE7B,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CACxB,KAAC,MAAM,IAAY,KAAK,EAAE,CAAC,CAAC,EAAE,YAC3B,CAAC,CAAC,KAAK,IADG,CAAC,CAAC,EAAE,CAER,CACV,CAAC,GACK,GACJ,IACF,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["// cspell:words DDTHH\nimport { useMemo } from 'react';\nimport type { ChangeEvent, FunctionComponent } from 'react';\n\nimport { Flex, Select, Option, NumberInput, useI18n } from '@pega/cosmos-react-core';\nimport type { BaseProps, ForwardProps, NoChildrenProp } from '@pega/cosmos-react-core';\n\nimport type { RhsWithRelativeDate } from '../ConditionBuilder.types';\nimport type { DateFunction, DatePart, TimePeriod, FieldType } from '../core/types';\nimport { StyledRelativeDateValueContainer } from '../ConditionBuilder.styles';\n\nexport interface RelativeDateMenuProps extends BaseProps, NoChildrenProp {\n /** Rhs for the condition */\n rhs: RhsWithRelativeDate;\n\n /** Callback for any modifications to the Rhs */\n onChange: (rhs: RhsWithRelativeDate) => void;\n\n /** FieldType of the LHS Field. Will only be DATE_TIME or DATE_ONLY */\n fieldType: FieldType;\n\n /** Used to indicate any errors on the control */\n status?: 'error';\n}\n\n/** A menu with controls to select a Time period value on RHS */\nconst RelativeDateMenu: FunctionComponent<RelativeDateMenuProps & ForwardProps> = (\n props: RelativeDateMenuProps\n) => {\n const { rhs, onChange, status, fieldType } = props;\n const t = useI18n();\n\n const { relativeDate } = rhs;\n\n // Options for the Date Part selector\n const datePartOptions = useMemo(() => {\n const allOptions = [\n 'YEARS',\n 'QUARTERS',\n 'MONTHS',\n 'WEEKS',\n 'DAYS',\n 'HOURS',\n 'MINUTES',\n 'SECONDS'\n ];\n const datePartLabels: Record<DatePart, string> = {\n YEARS: t('condition_builder_year'),\n QUARTERS: t('condition_builder_quarter'),\n MONTHS: t('condition_builder_month'),\n WEEKS: t('condition_builder_week'),\n DAYS: t('condition_builder_day'),\n HOURS: t('condition_builder_hour'),\n MINUTES: t('condition_builder_minute'),\n SECONDS: t('condition_builder_second')\n };\n if (fieldType === 'DATE_TIME') {\n // TODO: Remove temporary hide MINUTES option\n return allOptions.map(datePart => ({\n id: datePart,\n label: datePartLabels[datePart as DatePart]\n }));\n }\n // Removes SECONDS, MINUTES and HOURS for DATE_ONLY fields\n return allOptions.splice(0, allOptions.length - 3).map(datePart => ({\n id: datePart,\n label: datePartLabels[datePart as DatePart]\n }));\n }, [t, fieldType]);\n\n // Options for the Date-function selector\n const timePeriodOptions = useMemo(() => {\n const allOptions = ['CURRENT', 'LAST', 'PREVIOUS', 'NEXT'];\n const timePeriodLabels: Record<TimePeriod, string> = {\n CURRENT: t('condition_builder_time_period_current'),\n LAST: t('condition_builder_time_period_last'),\n PREVIOUS: t('condition_builder_time_period_previous'),\n NEXT: t('condition_builder_time_period_next')\n };\n return allOptions.map(timePeriod => ({\n id: timePeriod,\n label: timePeriodLabels[timePeriod as TimePeriod]\n }));\n }, [t]);\n\n const handleTimePeriodChange = (e: ChangeEvent<HTMLSelectElement>) => {\n const selection = e.target.value;\n if (selection === 'CURRENT') {\n onChange({\n relativeDate: {\n timePeriod: selection as TimePeriod,\n datePart: relativeDate.datePart\n }\n });\n } else {\n onChange({\n relativeDate: {\n ...relativeDate,\n timePeriod: selection as TimePeriod,\n interval: relativeDate.interval ?? undefined\n }\n });\n }\n };\n\n // Handle changes to the Date-function selector\n const handleDatePartChange = (e: ChangeEvent<HTMLSelectElement>) => {\n const selection = e.target.value as DateFunction;\n onChange({\n relativeDate: {\n ...relativeDate,\n datePart: selection as DatePart\n }\n });\n };\n\n // Common props for all value controls\n const valueComponentProps = {\n value: relativeDate.interval?.toString(),\n label: t('condition_builder_value_label'),\n status,\n info: status ? t('condition_builder_invalid_value') : undefined\n };\n\n const handleIntervalChange = (value: string) => {\n let newValue: number;\n if (value !== '' && !Number.isNaN(Number(value))) {\n newValue = Number(value);\n onChange({\n relativeDate: {\n ...relativeDate,\n interval: newValue\n }\n });\n } else {\n onChange({\n relativeDate: {\n ...relativeDate,\n interval: undefined\n }\n });\n }\n };\n\n return (\n <>\n <Select\n label={t('condition_builder_time_period_label')}\n value={rhs.relativeDate.timePeriod}\n onChange={handleTimePeriodChange}\n >\n {timePeriodOptions.map(o => (\n <Option key={o.id} value={o.id}>\n {o.label}\n </Option>\n ))}\n </Select>\n <Flex container={{ direction: 'row', colGap: 1, rowGap: 1, wrap: 'wrap' }}>\n {relativeDate.timePeriod !== 'CURRENT' && (\n <StyledRelativeDateValueContainer item={{ basis: '0', grow: 3 }}>\n <NumberInput\n {...valueComponentProps}\n min={1}\n step={1}\n showDecimal={false}\n onChange={handleIntervalChange}\n />\n </StyledRelativeDateValueContainer>\n )}\n <Flex item={{ basis: '0', grow: relativeDate.timePeriod !== 'CURRENT' ? 7 : 1 }}>\n <Select\n label={t('condition_builder_date_part')}\n value={relativeDate.datePart}\n onChange={handleDatePartChange}\n >\n {datePartOptions.map(o => (\n <Option key={o.id} value={o.id}>\n {o.label}\n </Option>\n ))}\n </Select>\n </Flex>\n </Flex>\n </>\n );\n};\n\nexport default RelativeDateMenu;\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pega/cosmos-react-condition-builder",
3
- "version": "10.0.0-build.8.1",
3
+ "version": "10.0.0-build.9.0",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "author": "Pegasystems",
6
6
  "sideEffects": [
@@ -17,7 +17,7 @@
17
17
  "build": "tsc -b tsconfig.build.json"
18
18
  },
19
19
  "dependencies": {
20
- "@pega/cosmos-react-core": "10.0.0-build.8.1",
20
+ "@pega/cosmos-react-core": "10.0.0-build.9.0",
21
21
  "@types/react": "^17.0.62 || ^18.3.3",
22
22
  "@types/react-dom": "^17.0.20 || ^18.3.0",
23
23
  "dayjs": "^1.11.13",