npm - @pega/cosmos-react-condition-builder - Versions diffs - 10.0.0-build.9.1 → 10.0.0-build.9.11 - Mend

@pega/cosmos-react-condition-builder 10.0.0-build.9.1 → 10.0.0-build.9.11

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 (13) hide show

package/lib/components/ConditionBuilder/ConditionBuilder.styles.d.ts CHANGED Viewed

@@ -571,7 +571,7 @@ export declare const StyledAtomicCondition: import("styled-components/dist/types
         heading?: import("@pega/cosmos-react-core").AdditionalInfoProps["heading"];
         content: import("@pega/cosmos-react-core").AdditionalInfoProps["children"];
     };
-    actions?: import("@pega/cosmos-react-core").ActionsProps["items"];
+    actions?: import("@pega/cosmos-react-core").ActionsProps["items"] | Pick<import("@pega/cosmos-react-core").ActionsProps, "menuAt" | "items">;
     collapsed?: boolean;
     onToggleCollapsed?: () => void;
 }, "ref"> & import("react").RefAttributes<HTMLFieldSetElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {

package/lib/components/ConditionBuilder/RhsControls/ValueSelector.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ValueSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/ValueSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5E,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EAEb,cAAc,EACf,MAAM,yBAAyB,CAAC;AAajC,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EAEd,cAAc,EACf,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,UAAU,kBAAkB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CACvF,SAAQ,SAAS,EACf,cAAc;IAChB,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5B,yBAAyB;IACzB,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;IACtC,2BAA2B;IAC3B,aAAa,EAAE,CAAC,CAAC;IACjB,kCAAkC;IAClC,UAAU,EAAE,UAAU,CAAC;IACvB,4BAA4B;IAC5B,GAAG,EAAE,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IACvC,oDAAoD;IACpD,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,wBAAwB;IACxB,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,gEAAgE;IAChE,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,+DAA+D;IAC/D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,kDAAkD;IAClD,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,2BAA2B;IAC3B,WAAW,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACvD;AAgCD,6EAA6E;AAC7E,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,EAAE,mJAgB3F,kBAAkB,CAAC,CAAC,CAAC,~~4CA6SvB~~,CAAC;AAEF,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"ValueSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/ValueSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5E,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EAEb,cAAc,EACf,MAAM,yBAAyB,CAAC;AAajC,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EAEd,cAAc,EACf,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,UAAU,kBAAkB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CACvF,SAAQ,SAAS,EACf,cAAc;IAChB,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5B,yBAAyB;IACzB,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;IACtC,2BAA2B;IAC3B,aAAa,EAAE,CAAC,CAAC;IACjB,kCAAkC;IAClC,UAAU,EAAE,UAAU,CAAC;IACvB,4BAA4B;IAC5B,GAAG,EAAE,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IACvC,oDAAoD;IACpD,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,wBAAwB;IACxB,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,gEAAgE;IAChE,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,+DAA+D;IAC/D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,kDAAkD;IAClD,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,2BAA2B;IAC3B,WAAW,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACvD;AAgCD,6EAA6E;AAC7E,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,EAAE,mJAgB3F,kBAAkB,CAAC,CAAC,CAAC,4CA+SvB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/ConditionBuilder/RhsControls/ValueSelector.js CHANGED Viewed

@@ -86,7 +86,9 @@ const ValueSelector = ({ values, selectedField, comparator, rhs, onChange, onBlu
             const { possibleValues } = selectedField;
             if (typeof possibleValues === 'function') {
                 if (prevFilterValue !== filterValue) {
-                    fetchPossibleValues(true, subscribed);
+                    if (prevFilterValue !== undefined) {
+                        fetchPossibleValues(true, subscribed);
+                    }
                 }
                 else {
                     setItems(curr => curr.map(i => ({
@@ -274,7 +276,7 @@ const ValueSelector = ({ values, selectedField, comparator, rhs, onChange, onBlu
             loading,
             loadMore: hasMore ? () => fetchPossibleValues(false) : undefined,
             accent: createStringMatcher(filterValue)
-        }, onMenuOpen: () => fetchPossibleValues(true), selected: selected, status: status, info: info, actions: onClear && (_jsx(StyledClearButton, { icon: true, variant: 'simple', label: t('clear'), onClick: () => {
+        }, onFocus: () => fetchPossibleValues(true), selected: selected, status: status, info: info, actions: onClear && (_jsx(StyledClearButton, { icon: true, variant: 'simple', label: t('clear'), onClick: () => {
                 onChange(mode === 'single-select' ? '' : []);
                 onClear();
                 if (inputRef.current) {

package/lib/components/ConditionBuilder/RhsControls/ValueSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ValueSelector.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/ValueSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Dispatch, KeyboardEventHandler, SetStateAction } from 'react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type {\n BaseProps,\n ComboBoxProps,\n MenuItemProps,\n NoChildrenProp\n} from '@pega/cosmos-react-core';\nimport {\n ComboBox,\n createStringMatcher,\n hasProp,\n Icon,\n menuHelpers,\n useI18n,\n usePrevious\n} from '@pega/cosmos-react-core';\nimport type { Selected } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.types';\nimport { StyledClearButton } from '@pega/cosmos-react-core/lib/components/CompositeInput/CompositeInput.styles';\n\nimport type {\n LeafCondition,\n ParameterValue,\n ReferenceValue,\n ValueSelection\n} from '../ConditionBuilder.types';\nimport type { Comparator } from '../core/types';\n\nconst CHUNK_SIZE = 10;\n\ninterface ValueSelectorProps<T extends { id: string; possibleValues?: ValueSelection<T> }>\n extends BaseProps,\n NoChildrenProp {\n mode: ComboBoxProps['mode'];\n /** Previous selection /\n values: string[] \| string \| undefined;\n /* Current selected LHS /\n selectedField: T;\n /* Current selected comparator /\n comparator: Comparator;\n /* Rhs for the condition /\n rhs: NonNullable<LeafCondition['rhs']>;\n /* Passed Parameters array for Rhstype PARAMETER /\n parameters: ParameterValue[];\n /* Callback for changes /\n onChange: (selection: string[] \| string) => void;\n /* Callback for blur /\n onBlur?: (selection?: string[] \| string) => void;\n /* Fired before running default component onKeyDown handler. /\n onKeyDown?: KeyboardEventHandler;\n /* Callback for clear /\n onClear?: () => void;\n /* Used to indicate any errors on the control /\n status?: 'error';\n /* Placeholder text to display in empty control /\n placeholder?: ComboBoxProps['placeholder'];\n /* Custom label for input. Makes label visible if provided. /\n label?: ComboBoxProps['label'];\n /* Guidance text that appears below the input. /\n info?: ComboBoxProps['info'];\n /* sets status and info /\n setApiError?: Dispatch<SetStateAction<string \| null>>;\n}\n\nconst getFilteredOptions = (\n options: (string \| ParameterValue \| ReferenceValue)[],\n filterValue: string\n) => {\n const matcher = createStringMatcher(filterValue);\n return options.filter(option => {\n if (typeof option === 'object') return matcher.test(option.primary);\n return matcher.test(option);\n });\n};\n\nconst getItems = (\n item: (string \| ParameterValue \| ReferenceValue)[],\n values: string[] \| string \| undefined\n) => {\n return item.map(option => {\n if (typeof option === 'object') {\n return {\n ...option,\n selected: Array.isArray(values) ? values.includes(option.id) : values === option.id\n };\n }\n return {\n id: option,\n primary: option,\n selected: Array.isArray(values) ? values.includes(option) : values === option\n };\n });\n};\n\n/* A control for selecting multiple values using checkboxes in an overlay */\nconst ValueSelector = <F extends object & { id: string; possibleValues?: ValueSelection<F> }>({\n values,\n selectedField,\n comparator,\n rhs,\n onChange,\n onBlur,\n onKeyDown,\n onClear,\n status,\n mode,\n parameters,\n placeholder,\n label,\n info,\n setApiError\n}: ValueSelectorProps<F>) => {\n const t = useI18n();\n\n const inputRef = useRef<HTMLDivElement>(null);\n\n const [filterValue, setFilterValue] = useState('');\n const prevFilterValue = usePrevious(filterValue);\n const [loading, setLoading] = useState(false);\n const isSelectedFieldPossibleValuesFunction =\n hasProp(selectedField, 'possibleValues') && typeof selectedField.possibleValues === 'function';\n const [hasMore, setHasMore] = useState(isSelectedFieldPossibleValuesFunction);\n const [items, setItems] = useState<MenuItemProps[]>([]);\n const [selected, setSelected] = useState<ComboBoxProps['selected']>();\n const prevSelected = usePrevious(selected);\n const filteredSelection = useMemo(() => {\n const selectableItems = menuHelpers.getSelectable(items);\n\n return {\n ids: new Set(selectableItems.map(({ id }) => id)),\n state: menuHelpers.getSelectionState(selectableItems)\n };\n }, [items]);\n\n const fetchPossibleValues = useCallback(\n (isFirstChunkLoad: boolean, subscribed: boolean = true) => {\n const { possibleValues: fn } = selectedField;\n if (typeof fn === 'function' && (isFirstChunkLoad \|\| !loading)) {\n setLoading(true);\n if (isFirstChunkLoad) {\n setApiError?.(null);\n setItems([]);\n }\n fn({\n searchString: filterValue,\n comparator,\n lhs: selectedField,\n pageNumber: isFirstChunkLoad ? 1 : Math.floor(items.length / CHUNK_SIZE) + 1,\n pageSize: CHUNK_SIZE\n })\n .then(response => {\n if (subscribed) {\n setApiError?.(null);\n setHasMore(response.length >= CHUNK_SIZE);\n const newItems = getItems(response, values);\n setItems(curr => (isFirstChunkLoad ? newItems : [...curr, ...newItems]));\n setLoading(false);\n }\n })\n .catch(err => {\n if (err && subscribed) {\n setApiError?.(t('condition_builder_possible_values_error'));\n setLoading(false);\n }\n });\n }\n },\n [loading, items, selectedField, filterValue, comparator, values]\n );\n\n useEffect(() => {\n let subscribed = true;\n\n if (hasProp(rhs, 'parameterId')) {\n setItems(getItems(getFilteredOptions(parameters, filterValue), values));\n } else if (hasProp(selectedField, 'possibleValues')) {\n const { possibleValues } = selectedField;\n if (typeof possibleValues === 'function') {\n if (prevFilterValue !== filterValue) {\n fetchPossibleValues(true, subscribed);\n } else {\n setItems(curr =>\n curr.map(i => ({\n ...i,\n selected: Array.isArray(values) ? values.includes(i.id) : values === i.id\n }))\n );\n }\n } else if (Array.isArray(possibleValues)) {\n setItems(getItems(getFilteredOptions(possibleValues, filterValue), values));\n } else {\n setItems([]);\n }\n }\n\n return () => {\n subscribed = false;\n };\n }, [\n rhs,\n parameters,\n filterValue,\n values,\n selectedField.id,\n selectedField.possibleValues,\n comparator\n ]);\n\n useEffect(() => {\n setFilterValue('');\n }, [selectedField, comparator]);\n\n useEffect(() => {\n let subscribed = true;\n\n const handlePossibleValues = (ids: string[], setSelectedFn: (options: Selected[]) => void) => {\n const filteredIds = ids.filter(id => id !== '');\n if (filteredIds.length === 0) {\n setSelectedFn([]);\n return;\n }\n const { possibleValues } = selectedField;\n if (typeof possibleValues === 'function') {\n setSelected(curr => ({ ...curr, loading: true }));\n possibleValues({\n lhs: selectedField,\n ids: filteredIds\n })\n .then(response => {\n if (subscribed) {\n const options = response.map(option =>\n typeof option === 'object'\n ? { id: option.id, text: option.primary }\n : { id: option, text: option }\n );\n setSelectedFn(options);\n }\n })\n .catch(err => {\n if (err && subscribed) {\n setApiError?.(t('condition_builder_possible_values_error'));\n setSelected(current => ({ ...current, loading: false }));\n return [];\n }\n });\n } else if (Array.isArray(possibleValues)) {\n const options = filteredIds.map(id => {\n const optionLabel = possibleValues.find(\n (opt): opt is ReferenceValue => typeof opt === 'object' && opt.id === id\n );\n return { id, text: optionLabel?.primary ?? id };\n });\n setSelectedFn(options);\n }\n };\n if (typeof values === 'string' && values) {\n if (hasProp(rhs, 'parameterId')) {\n const selectedItem = parameters.find(item => item.id === values);\n setSelected({\n items: { id: values, text: selectedItem !== undefined ? selectedItem.primary : values }\n });\n } else if (hasProp(selectedField, 'possibleValues')) {\n const match = items.find(item => item.id === values);\n if (match) {\n setSelected({ items: { id: match.id, text: match.primary } });\n } else {\n handlePossibleValues([values], options =>\n setSelected({ items: options[0], loading: false })\n );\n }\n } else {\n setSelected({\n items: { id: values, text: values }\n });\n }\n } else if (Array.isArray(values) && values.length > 0) {\n const onRemove = (value: string) => {\n onChange(\n (() => {\n const current = Array.isArray(values) ? values : [];\n return current.filter(selection => selection !== value);\n })()\n );\n };\n if (hasProp(rhs, 'parameterId')) {\n setSelected({\n items: values.map(s => {\n const optionLabel = parameters.find(opt => typeof opt === 'object' && opt.id === s);\n return { id: s, text: optionLabel?.primary ?? s };\n }),\n onRemove\n });\n } else if (hasProp(selectedField, 'possibleValues')) {\n const resolved: Selected[] = [];\n for (const value of values) {\n const fromPrev =\n Array.isArray(prevSelected?.items) &&\n prevSelected.items.find(item => item.id === value);\n const fromItems = items.find(item => item.id === value);\n if (fromPrev) {\n resolved.push(fromPrev);\n } else if (fromItems) {\n resolved.push({ id: fromItems.id, text: fromItems.primary });\n } else {\n handlePossibleValues(values, options =>\n setSelected({ items: options, onRemove, loading: false })\n );\n return;\n }\n }\n setSelected({ items: resolved, onRemove });\n } else {\n setSelected({ items: values.map(s => ({ id: s, text: s })), onRemove });\n }\n } else {\n setSelected(undefined);\n }\n\n return () => {\n subscribed = false;\n };\n }, [\n Array.isArray(values) ? JSON.stringify(values) : values,\n items,\n rhs,\n parameters,\n selectedField.id,\n selectedField.possibleValues\n ]);\n\n return (\n <ComboBox\n ref={inputRef}\n mode={mode}\n label={label ?? t('condition_builder_possible_values_label')}\n placeholder={selected?.loading ? undefined : placeholder}\n value={filterValue}\n onChange={e => {\n setFilterValue(e.target.value);\n if (mode === 'single-select' && !e.target.value) onChange('');\n }}\n onBlur={() => {\n onBlur?.(values);\n setFilterValue('');\n }}\n onKeyDown={e => {\n onKeyDown?.(e);\n }}\n menu={{\n items,\n onItemClick: id => {\n if (mode === 'single-select') {\n setFilterValue('');\n onChange(id);\n } else {\n onChange(\n (() => {\n const current = Array.isArray(values) ? values : [];\n return current.includes(id)\n ? current.filter(selection => selection !== id)\n : [...current, id];\n })()\n );\n }\n },\n selectAll:\n mode === 'multi-select' && filterValue && filteredSelection.ids.size >= 2\n ? {\n handler: () => {\n const current = Array.isArray(values) ? values : [];\n\n if (filteredSelection.state === true \|\| filteredSelection.state === 'partial') {\n onChange(current.filter(id => !filteredSelection.ids.has(id)));\n return;\n }\n\n const next = new Set(current);\n filteredSelection.ids.forEach(id => next.add(id));\n onChange([...next]);\n },\n selected: filteredSelection.state\n }\n : undefined,\n loading,\n loadMore: hasMore ? () => fetchPossibleValues(false) : undefined,\n accent: createStringMatcher(filterValue)\n }}\n onMenuOpen={() => fetchPossibleValues(true)}\n selected={selected}\n status={status}\n info={info}\n actions={\n onClear && (\n <StyledClearButton\n icon\n variant='simple'\n label={t('clear')}\n onClick={() => {\n onChange(mode === 'single-select' ? '' : []);\n onClear();\n if (inputRef.current) {\n const inputEl = inputRef.current.querySelector('input');\n inputEl?.focus();\n }\n }}\n >\n <Icon name='times' />\n </StyledClearButton>\n )\n }\n />\n );\n};\n\nexport default ValueSelector;\n"]}
1	+ {"version":3,"file":"ValueSelector.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/ValueSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Dispatch, KeyboardEventHandler, SetStateAction } from 'react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type {\n BaseProps,\n ComboBoxProps,\n MenuItemProps,\n NoChildrenProp\n} from '@pega/cosmos-react-core';\nimport {\n ComboBox,\n createStringMatcher,\n hasProp,\n Icon,\n menuHelpers,\n useI18n,\n usePrevious\n} from '@pega/cosmos-react-core';\nimport type { Selected } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.types';\nimport { StyledClearButton } from '@pega/cosmos-react-core/lib/components/CompositeInput/CompositeInput.styles';\n\nimport type {\n LeafCondition,\n ParameterValue,\n ReferenceValue,\n ValueSelection\n} from '../ConditionBuilder.types';\nimport type { Comparator } from '../core/types';\n\nconst CHUNK_SIZE = 10;\n\ninterface ValueSelectorProps<T extends { id: string; possibleValues?: ValueSelection<T> }>\n extends BaseProps,\n NoChildrenProp {\n mode: ComboBoxProps['mode'];\n /** Previous selection /\n values: string[] \| string \| undefined;\n /* Current selected LHS /\n selectedField: T;\n /* Current selected comparator /\n comparator: Comparator;\n /* Rhs for the condition /\n rhs: NonNullable<LeafCondition['rhs']>;\n /* Passed Parameters array for Rhstype PARAMETER /\n parameters: ParameterValue[];\n /* Callback for changes /\n onChange: (selection: string[] \| string) => void;\n /* Callback for blur /\n onBlur?: (selection?: string[] \| string) => void;\n /* Fired before running default component onKeyDown handler. /\n onKeyDown?: KeyboardEventHandler;\n /* Callback for clear /\n onClear?: () => void;\n /* Used to indicate any errors on the control /\n status?: 'error';\n /* Placeholder text to display in empty control /\n placeholder?: ComboBoxProps['placeholder'];\n /* Custom label for input. Makes label visible if provided. /\n label?: ComboBoxProps['label'];\n /* Guidance text that appears below the input. /\n info?: ComboBoxProps['info'];\n /* sets status and info /\n setApiError?: Dispatch<SetStateAction<string \| null>>;\n}\n\nconst getFilteredOptions = (\n options: (string \| ParameterValue \| ReferenceValue)[],\n filterValue: string\n) => {\n const matcher = createStringMatcher(filterValue);\n return options.filter(option => {\n if (typeof option === 'object') return matcher.test(option.primary);\n return matcher.test(option);\n });\n};\n\nconst getItems = (\n item: (string \| ParameterValue \| ReferenceValue)[],\n values: string[] \| string \| undefined\n) => {\n return item.map(option => {\n if (typeof option === 'object') {\n return {\n ...option,\n selected: Array.isArray(values) ? values.includes(option.id) : values === option.id\n };\n }\n return {\n id: option,\n primary: option,\n selected: Array.isArray(values) ? values.includes(option) : values === option\n };\n });\n};\n\n/* A control for selecting multiple values using checkboxes in an overlay */\nconst ValueSelector = <F extends object & { id: string; possibleValues?: ValueSelection<F> }>({\n values,\n selectedField,\n comparator,\n rhs,\n onChange,\n onBlur,\n onKeyDown,\n onClear,\n status,\n mode,\n parameters,\n placeholder,\n label,\n info,\n setApiError\n}: ValueSelectorProps<F>) => {\n const t = useI18n();\n\n const inputRef = useRef<HTMLDivElement>(null);\n\n const [filterValue, setFilterValue] = useState('');\n const prevFilterValue = usePrevious(filterValue);\n const [loading, setLoading] = useState(false);\n const isSelectedFieldPossibleValuesFunction =\n hasProp(selectedField, 'possibleValues') && typeof selectedField.possibleValues === 'function';\n const [hasMore, setHasMore] = useState(isSelectedFieldPossibleValuesFunction);\n const [items, setItems] = useState<MenuItemProps[]>([]);\n const [selected, setSelected] = useState<ComboBoxProps['selected']>();\n const prevSelected = usePrevious(selected);\n const filteredSelection = useMemo(() => {\n const selectableItems = menuHelpers.getSelectable(items);\n\n return {\n ids: new Set(selectableItems.map(({ id }) => id)),\n state: menuHelpers.getSelectionState(selectableItems)\n };\n }, [items]);\n\n const fetchPossibleValues = useCallback(\n (isFirstChunkLoad: boolean, subscribed: boolean = true) => {\n const { possibleValues: fn } = selectedField;\n if (typeof fn === 'function' && (isFirstChunkLoad \|\| !loading)) {\n setLoading(true);\n if (isFirstChunkLoad) {\n setApiError?.(null);\n setItems([]);\n }\n fn({\n searchString: filterValue,\n comparator,\n lhs: selectedField,\n pageNumber: isFirstChunkLoad ? 1 : Math.floor(items.length / CHUNK_SIZE) + 1,\n pageSize: CHUNK_SIZE\n })\n .then(response => {\n if (subscribed) {\n setApiError?.(null);\n setHasMore(response.length >= CHUNK_SIZE);\n const newItems = getItems(response, values);\n setItems(curr => (isFirstChunkLoad ? newItems : [...curr, ...newItems]));\n setLoading(false);\n }\n })\n .catch(err => {\n if (err && subscribed) {\n setApiError?.(t('condition_builder_possible_values_error'));\n setLoading(false);\n }\n });\n }\n },\n [loading, items, selectedField, filterValue, comparator, values]\n );\n\n useEffect(() => {\n let subscribed = true;\n\n if (hasProp(rhs, 'parameterId')) {\n setItems(getItems(getFilteredOptions(parameters, filterValue), values));\n } else if (hasProp(selectedField, 'possibleValues')) {\n const { possibleValues } = selectedField;\n if (typeof possibleValues === 'function') {\n if (prevFilterValue !== filterValue) {\n if (prevFilterValue !== undefined) {\n fetchPossibleValues(true, subscribed);\n }\n } else {\n setItems(curr =>\n curr.map(i => ({\n ...i,\n selected: Array.isArray(values) ? values.includes(i.id) : values === i.id\n }))\n );\n }\n } else if (Array.isArray(possibleValues)) {\n setItems(getItems(getFilteredOptions(possibleValues, filterValue), values));\n } else {\n setItems([]);\n }\n }\n\n return () => {\n subscribed = false;\n };\n }, [\n rhs,\n parameters,\n filterValue,\n values,\n selectedField.id,\n selectedField.possibleValues,\n comparator\n ]);\n\n useEffect(() => {\n setFilterValue('');\n }, [selectedField, comparator]);\n\n useEffect(() => {\n let subscribed = true;\n\n const handlePossibleValues = (ids: string[], setSelectedFn: (options: Selected[]) => void) => {\n const filteredIds = ids.filter(id => id !== '');\n if (filteredIds.length === 0) {\n setSelectedFn([]);\n return;\n }\n const { possibleValues } = selectedField;\n if (typeof possibleValues === 'function') {\n setSelected(curr => ({ ...curr, loading: true }));\n possibleValues({\n lhs: selectedField,\n ids: filteredIds\n })\n .then(response => {\n if (subscribed) {\n const options = response.map(option =>\n typeof option === 'object'\n ? { id: option.id, text: option.primary }\n : { id: option, text: option }\n );\n setSelectedFn(options);\n }\n })\n .catch(err => {\n if (err && subscribed) {\n setApiError?.(t('condition_builder_possible_values_error'));\n setSelected(current => ({ ...current, loading: false }));\n return [];\n }\n });\n } else if (Array.isArray(possibleValues)) {\n const options = filteredIds.map(id => {\n const optionLabel = possibleValues.find(\n (opt): opt is ReferenceValue => typeof opt === 'object' && opt.id === id\n );\n return { id, text: optionLabel?.primary ?? id };\n });\n setSelectedFn(options);\n }\n };\n if (typeof values === 'string' && values) {\n if (hasProp(rhs, 'parameterId')) {\n const selectedItem = parameters.find(item => item.id === values);\n setSelected({\n items: { id: values, text: selectedItem !== undefined ? selectedItem.primary : values }\n });\n } else if (hasProp(selectedField, 'possibleValues')) {\n const match = items.find(item => item.id === values);\n if (match) {\n setSelected({ items: { id: match.id, text: match.primary } });\n } else {\n handlePossibleValues([values], options =>\n setSelected({ items: options[0], loading: false })\n );\n }\n } else {\n setSelected({\n items: { id: values, text: values }\n });\n }\n } else if (Array.isArray(values) && values.length > 0) {\n const onRemove = (value: string) => {\n onChange(\n (() => {\n const current = Array.isArray(values) ? values : [];\n return current.filter(selection => selection !== value);\n })()\n );\n };\n if (hasProp(rhs, 'parameterId')) {\n setSelected({\n items: values.map(s => {\n const optionLabel = parameters.find(opt => typeof opt === 'object' && opt.id === s);\n return { id: s, text: optionLabel?.primary ?? s };\n }),\n onRemove\n });\n } else if (hasProp(selectedField, 'possibleValues')) {\n const resolved: Selected[] = [];\n for (const value of values) {\n const fromPrev =\n Array.isArray(prevSelected?.items) &&\n prevSelected.items.find(item => item.id === value);\n const fromItems = items.find(item => item.id === value);\n if (fromPrev) {\n resolved.push(fromPrev);\n } else if (fromItems) {\n resolved.push({ id: fromItems.id, text: fromItems.primary });\n } else {\n handlePossibleValues(values, options =>\n setSelected({ items: options, onRemove, loading: false })\n );\n return;\n }\n }\n setSelected({ items: resolved, onRemove });\n } else {\n setSelected({ items: values.map(s => ({ id: s, text: s })), onRemove });\n }\n } else {\n setSelected(undefined);\n }\n\n return () => {\n subscribed = false;\n };\n }, [\n Array.isArray(values) ? JSON.stringify(values) : values,\n items,\n rhs,\n parameters,\n selectedField.id,\n selectedField.possibleValues\n ]);\n\n return (\n <ComboBox\n ref={inputRef}\n mode={mode}\n label={label ?? t('condition_builder_possible_values_label')}\n placeholder={selected?.loading ? undefined : placeholder}\n value={filterValue}\n onChange={e => {\n setFilterValue(e.target.value);\n if (mode === 'single-select' && !e.target.value) onChange('');\n }}\n onBlur={() => {\n onBlur?.(values);\n setFilterValue('');\n }}\n onKeyDown={e => {\n onKeyDown?.(e);\n }}\n menu={{\n items,\n onItemClick: id => {\n if (mode === 'single-select') {\n setFilterValue('');\n onChange(id);\n } else {\n onChange(\n (() => {\n const current = Array.isArray(values) ? values : [];\n return current.includes(id)\n ? current.filter(selection => selection !== id)\n : [...current, id];\n })()\n );\n }\n },\n selectAll:\n mode === 'multi-select' && filterValue && filteredSelection.ids.size >= 2\n ? {\n handler: () => {\n const current = Array.isArray(values) ? values : [];\n\n if (filteredSelection.state === true \|\| filteredSelection.state === 'partial') {\n onChange(current.filter(id => !filteredSelection.ids.has(id)));\n return;\n }\n\n const next = new Set(current);\n filteredSelection.ids.forEach(id => next.add(id));\n onChange([...next]);\n },\n selected: filteredSelection.state\n }\n : undefined,\n loading,\n loadMore: hasMore ? () => fetchPossibleValues(false) : undefined,\n accent: createStringMatcher(filterValue)\n }}\n onFocus={() => fetchPossibleValues(true)}\n selected={selected}\n status={status}\n info={info}\n actions={\n onClear && (\n <StyledClearButton\n icon\n variant='simple'\n label={t('clear')}\n onClick={() => {\n onChange(mode === 'single-select' ? '' : []);\n onClear();\n if (inputRef.current) {\n const inputEl = inputRef.current.querySelector('input');\n inputEl?.focus();\n }\n }}\n >\n <Icon name='times' />\n </StyledClearButton>\n )\n }\n />\n );\n};\n\nexport default ValueSelector;\n"]}

package/lib/components/ConditionInput/ConditionInput.styles.d.ts CHANGED Viewed

@@ -20,7 +20,7 @@ export declare const StyledVerticalFieldGroup: import("styled-components/dist/ty
         heading?: import("@pega/cosmos-react-core").AdditionalInfoProps["heading"];
         content: import("@pega/cosmos-react-core").AdditionalInfoProps["children"];
     };
-    actions?: import("@pega/cosmos-react-core").ActionsProps["items"];
+    actions?: import("@pega/cosmos-react-core").ActionsProps["items"] | Pick<import("@pega/cosmos-react-core").ActionsProps, "menuAt" | "items">;
     collapsed?: boolean;
     onToggleCollapsed?: () => void;
 }, "ref"> & import("react").RefAttributes<HTMLFieldSetElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {

package/lib/components/PromotedFilters/PromotedFilters.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PromotedFilters.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EACV,+BAA+B,EAIhC,MAAM,yBAAyB,CAAC;AASjC,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;~~AAsNjC~~,eAAO,MAAM,eAAe,EAAE,+BAA+B,CAAC,oBAAoB,~~CA+JjF~~,CAAC;AAEF,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"PromotedFilters.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EACV,+BAA+B,EAIhC,MAAM,yBAAyB,CAAC;AASjC,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AAuNjC,eAAO,MAAM,eAAe,EAAE,+BAA+B,CAAC,oBAAoB,CAkLjF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/PromotedFilters/PromotedFilters.js CHANGED Viewed

@@ -6,7 +6,7 @@ import ConditionInput from '../ConditionInput';
 import { StyledVerticalFieldGroup } from '../ConditionInput/ConditionInput.styles';
 import { basicFieldMap, conditionsEqual, defaultComparators } from '../ConditionInput/utils';
 import ConditionSelector from './ConditionSelector';
-import { StyledPromotedFilters, StyledTextWithEllipsis, StyledPromotedFiltersButton } from './PromotedFilters.styles';
+import { StyledPromotedFilters, StyledPromotedFiltersContainer, StyledTextWithEllipsis, StyledPromotedFiltersButton } from './PromotedFilters.styles';
 const generateCondition = (value) => {
     const storeValues = Object.values(value);
     return storeValues.length === 0
@@ -147,7 +147,7 @@ export const PromotedFilters = forwardRef(function PromotedFilters({ filters, co
             onCancel
         });
     };
-    return (_jsx(StyledPromotedFilters, { "$compact": compact, container: {
+    return (_jsx(StyledPromotedFilters, { container: {
             alignItems: orientation === 'horizontal' && inline ? 'start' : undefined,
             justify: 'between',
             direction: orientation === 'vertical' && inline ? 'column' : 'row',
@@ -158,7 +158,13 @@ export const PromotedFilters = forwardRef(function PromotedFilters({ filters, co
                         justify: 'between',
                         alignItems: 'center',
                         pad: [0, 0, 1, 0]
-                    }, children: [_jsx(StyledTextWithEllipsis, { variant: 'h3', children: t('filters') }), _jsxs("div", { children: [_jsx(Button, { onClick: onClear, children: t('reset') }), _jsx(Button, { onClick: onApply, children: t('apply') })] })] })), _jsx(PromotedFiltersContent, { filters: filters, conditionStore: conditionStore, fields: fields, orientation: orientation, ref: ref, onApply: onApply, timeZone: timeZone }), orientation === 'horizontal' && (_jsxs(Flex, { container: true, ...(compact && { item: { shrink: 0 } }), children: [_jsx(StyledPromotedFiltersButton, { onClick: onClear, children: t('reset') }), _jsx(StyledPromotedFiltersButton, { onClick: onApply, children: t('apply') })] }))] })) : (_jsxs(_Fragment, { children: [_jsx(Button, { type: 'button', variant: 'text', onClick: openFiltersModal, children: _jsxs(Flex, { container: { alignItems: 'center', gap: 0.5 }, forwardedAs: 'span', children: [_jsx(Icon, { name: 'filter' }), _jsxs("span", { children: [t('filters'), !!selectedCount && `\u00a0(${selectedCount})`] })] }) }), _jsx(Button, { onClick: onClear, children: t('reset') })] })) }));
+                    }, children: [_jsx(StyledTextWithEllipsis, { variant: 'h3', children: t('filters') }), _jsxs("div", { children: [_jsx(Button, { onClick: onClear, children: t('reset') }), _jsx(Button, { onClick: onApply, children: t('apply') })] })] })), orientation === 'horizontal' ? (_jsxs(StyledPromotedFiltersContainer, { "$compact": compact, container: {
+                        alignItems: 'end',
+                        alignContent: 'start',
+                        rowGap: 1,
+                        colGap: 2,
+                        wrap: 'wrap'
+                    }, children: [_jsx(PromotedFiltersContent, { filters: filters, conditionStore: conditionStore, fields: fields, orientation: orientation, ref: ref, onApply: onApply, timeZone: timeZone }), _jsxs(Flex, { container: { justify: 'end' }, item: { grow: compact ? 0 : 1, shrink: 0 }, children: [_jsx(StyledPromotedFiltersButton, { onClick: onClear, children: t('reset') }), _jsx(StyledPromotedFiltersButton, { onClick: onApply, children: t('apply') })] })] })) : (_jsx(PromotedFiltersContent, { filters: filters, conditionStore: conditionStore, fields: fields, orientation: orientation, ref: ref, onApply: onApply, timeZone: timeZone }))] })) : (_jsxs(_Fragment, { children: [_jsx(Button, { type: 'button', variant: 'text', onClick: openFiltersModal, children: _jsxs(Flex, { container: { alignItems: 'center', gap: 0.5 }, forwardedAs: 'span', children: [_jsx(Icon, { name: 'filter' }), _jsxs("span", { children: [t('filters'), !!selectedCount && `\u00a0(${selectedCount})`] })] }) }), _jsx(Button, { onClick: onClear, children: t('reset') })] })) }));
 });
 export default PromotedFilters;
 //# sourceMappingURL=PromotedFilters.js.map

package/lib/components/PromotedFilters/PromotedFilters.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n forwardRef,\n memo,\n useCallback,\n useEffect,\n useImperativeHandle,\n useRef,\n useState\n} from 'react';\nimport type { ComponentType, PropsWithoutRef } from 'react';\n\nimport {\n Button,\n Flex,\n Icon,\n Modal,\n useModalManager,\n useBreakpoint,\n useI18n,\n useModalContext,\n useSimpleStore,\n useSimpleStoreInstance\n} from '@pega/cosmos-react-core';\nimport type {\n ForwardRefForwardPropsComponent,\n ModalMethods,\n OmitStrict,\n SimpleStore\n} from '@pega/cosmos-react-core';\n\nimport type { ConditionRow, LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';\nimport { splitConditionForBuilder } from '../ConditionBuilder/core/utils';\nimport ConditionInput from '../ConditionInput';\nimport { StyledVerticalFieldGroup } from '../ConditionInput/ConditionInput.styles';\nimport { basicFieldMap, conditionsEqual, defaultComparators } from '../ConditionInput/utils';\n\nimport ConditionSelector from './ConditionSelector';\nimport type {\n FilterModalProps,\n PromotedFiltersContentProps,\n PromotedFiltersProps\n} from './PromotedFilters.types';\nimport {\n StyledPromotedFilters,\n StyledTextWithEllipsis,\n StyledPromotedFiltersButton\n} from './PromotedFilters.styles';\n\nconst generateCondition = (value: {\n [key: string]: (LeafCondition & { filterId?: string }) \| undefined;\n}) => {\n const storeValues = Object.values(value);\n return storeValues.length === 0\n ? undefined\n : {\n AND: storeValues.map(\n c => ({ condition: c }) as { condition: LeafCondition & { filterId?: string } }\n )\n };\n};\n\ntype WithStoreProps = {\n conditionStore: SimpleStore<{\n [key: string]: (LeafCondition & { filterId?: string }) \| undefined;\n }>;\n filterId: string;\n onApply: () => void;\n};\n\nconst withStore = <\n P extends {\n onChange: (condition?: LeafCondition & { filterId?: string }) => void;\n condition?: LeafCondition & { filterId?: string };\n }\n>(\n WrappedComponent: ComponentType<P>\n) =>\n memo(\n ({\n conditionStore,\n filterId,\n onApply,\n ...componentProps\n }: OmitStrict<P, 'onChange'> & WithStoreProps) => {\n const [storeValue, setStore] = useSimpleStore(\n conditionStore,\n val => val[filterId],\n conditionsEqual\n );\n\n const handleOnChange = (newCondition?: LeafCondition & { filterId?: string }) => {\n if (newCondition) {\n if (!newCondition.filterId && filterId !== newCondition.lhs?.field)\n newCondition = { ...newCondition, filterId };\n if (conditionsEqual(storeValue, newCondition)) return;\n setStore(cur => ({\n ...cur,\n [filterId]: newCondition\n }));\n } else {\n if (!storeValue) return;\n setStore(({ ...cur }) => {\n delete cur[filterId];\n return cur;\n });\n }\n onApply();\n };\n\n return (\n <WrappedComponent\n condition={storeValue}\n {...(componentProps as unknown as P)}\n onChange={handleOnChange}\n />\n );\n }\n );\n\nconst ConditionInputWithStore = withStore(ConditionInput);\nconst ConditionSelectorWithStore = withStore(ConditionSelector);\n\nconst rendersAsSingleInput = (filters: PromotedFiltersProps['filters']) =>\n filters.length === 1 && defaultComparators[filters[0].field.type] !== 'BTW';\n\nconst PromotedFiltersContent = memo(\n forwardRef(function PromotedFiltersContent(\n {\n filters,\n conditionStore,\n orientation: orientationProp = 'horizontal',\n fields,\n onApply,\n timeZone\n }: PropsWithoutRef<PromotedFiltersContentProps>,\n ref: PromotedFiltersProps['ref']\n ) {\n const t = useI18n();\n const isSmallOrAbove = useBreakpoint('sm');\n const inline = isSmallOrAbove \|\| rendersAsSingleInput(filters);\n const orientation = inline && orientationProp === 'horizontal' ? 'horizontal' : 'vertical';\n const [collapsed, setCollapsed] = useState(false);\n\n const onClear = (fieldName: string) => {\n if (!conditionStore.getStore()[fieldName]) return;\n conditionStore.setStore(({ ...cur }) => {\n delete cur[fieldName];\n return cur;\n });\n onApply?.();\n };\n\n return (\n <Flex\n container={{\n rowGap: 1,\n colGap: 2,\n direction: orientation === 'vertical' ? 'column' : 'row',\n wrap: 'wrap',\n alignItems: orientation === 'vertical' ? 'stretch' : 'start'\n }}\n ref={ref}\n >\n {filters.map(({ id, field, mode, label, predefinedConditions }) => {\n id = id ?? field.name;\n if (mode !== 'predefined')\n return (\n <ConditionInputWithStore\n conditionStore={conditionStore}\n key={id}\n filterId={id}\n field={field}\n mode={mode}\n label={label ?? field.name}\n flat={orientation === 'vertical'}\n fields={fields}\n onApply={onApply}\n timeZone={timeZone}\n />\n );\n\n const selector = (\n <ConditionSelectorWithStore\n conditionStore={conditionStore}\n key={id}\n filterId={id}\n label={label ?? field.name}\n labelHidden={orientation === 'vertical'}\n fields={[\n {\n id: field.name,\n type: basicFieldMap[field.type],\n primary: label \|\| field.name\n }\n ]}\n conditions={predefinedConditions ?? []}\n onApply={onApply ?? (() => {})}\n {...(orientation !== 'vertical' && { onClear: () => onClear(id) })}\n />\n );\n\n return orientation === 'vertical' ? (\n <StyledVerticalFieldGroup\n key={id}\n name={label ?? id}\n collapsed={collapsed}\n onToggleCollapsed={() => setCollapsed(cur => !cur)}\n actions={[\n {\n id: 'clear',\n text: t('clear'),\n onClick: () => onClear(id)\n }\n ]}\n >\n {selector}\n </StyledVerticalFieldGroup>\n ) : (\n selector\n );\n })}\n </Flex>\n );\n })\n);\n\nconst FilterModal = ({ filters, conditionStore, fields, onApply, onCancel }: FilterModalProps) => {\n const t = useI18n();\n\n const { dismiss, unmount } = useModalContext();\n\n const handleApplyClick = () => {\n onApply();\n unmount();\n };\n\n const actions = (\n <>\n <Button onClick={dismiss}>{t('cancel')}</Button>\n <Button onClick={handleApplyClick}>{t('apply')}</Button>\n </>\n );\n\n return (\n <Modal heading={t('filters')} actions={actions} onBeforeClose={onCancel}>\n <PromotedFiltersContent\n filters={filters}\n conditionStore={conditionStore}\n orientation='vertical'\n fields={fields}\n />\n </Modal>\n );\n};\n\nexport const PromotedFilters: ForwardRefForwardPropsComponent<PromotedFiltersProps> = forwardRef(\n function PromotedFilters(\n {\n filters,\n condition,\n onChange,\n orientation = 'horizontal',\n fields,\n handle,\n timeZone\n }: PropsWithoutRef<PromotedFiltersProps>,\n ref: PromotedFiltersProps['ref']\n ) {\n const t = useI18n();\n\n const promotedFiltersRef = useRef<HTMLDivElement>(null);\n const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: promotedFiltersRef });\n const inline = isSmallOrAbove \|\| rendersAsSingleInput(filters);\n const compact =\n rendersAsSingleInput(filters) && !isSmallOrAbove && orientation === 'horizontal';\n\n const { create } = useModalManager();\n const modalMethods = useRef<ModalMethods<FilterModalProps>>();\n\n const conditionStore = useSimpleStoreInstance<{\n [key: string]: (LeafCondition & { filterId?: string }) \| undefined;\n }>({});\n\n const prepareConditionForStore = useCallback(() => {\n return condition\n ? splitConditionForBuilder(condition).rows.reduce(\n (\n result: { [key: string]: (LeafCondition & { filterId?: string }) \| undefined },\n item: ConditionRow & { filterId?: string }\n ) => {\n const { id, label, ...leaf } = item;\n result[leaf.filterId ?? leaf.lhs.field] = leaf;\n return result;\n },\n {}\n )\n : {};\n }, [condition]);\n\n useEffect(() => {\n conditionStore.setStore(prepareConditionForStore());\n }, [prepareConditionForStore]);\n\n const selectedCount = Object.values(conditionStore.getStore()).length;\n\n useImperativeHandle(\n handle,\n () => ({ getCondition: () => generateCondition(conditionStore.getStore()) }),\n []\n );\n\n const onApply = useCallback(() => {\n const storeValue = generateCondition(conditionStore.getStore());\n if (JSON.stringify(condition) !== JSON.stringify(storeValue)) onChange(storeValue);\n }, [onChange, prepareConditionForStore]);\n\n const onClear = useCallback(() => {\n if (condition) {\n conditionStore.setStore({});\n onChange();\n }\n }, [onChange, prepareConditionForStore]);\n\n const onCancel = useCallback(() => {\n conditionStore.setStore(prepareConditionForStore());\n }, [prepareConditionForStore]);\n\n useEffect(() => {\n modalMethods.current?.update({\n filters,\n conditionStore,\n fields\n });\n }, [filters, condition, fields]);\n\n const openFiltersModal = () => {\n modalMethods.current = create(FilterModal, {\n filters,\n conditionStore,\n fields,\n onApply,\n onCancel\n });\n };\n\n return (\n <StyledPromotedFilters\n $compact={compact}\n container={{\n alignItems: orientation === 'horizontal' && inline ? 'start' : undefined,\n justify: 'between',\n direction: orientation === 'vertical' && inline ? 'column' : 'row',\n wrap: compact ? 'wrap' : undefined,\n pad: 2,\n ...(compact ? { colGap: 2 } : { gap: 2 })\n }}\n ref={promotedFiltersRef}\n >\n {inline ? (\n <>\n {orientation === 'vertical' && (\n <Flex\n container={{\n justify: 'between',\n alignItems: 'center',\n pad: [0, 0, 1, 0]\n }}\n >\n <StyledTextWithEllipsis variant='h3'>{t('filters')}</StyledTextWithEllipsis>\n <div>\n <Button onClick={onClear}>{t('reset')}</Button>\n <Button onClick={onApply}>{t('apply')}</Button>\n </div>\n </Flex>\n )}\n\n <PromotedFiltersContent\n filters={filters}\n conditionStore={conditionStore}\n fields={fields}\n orientation={orientation}\n ref={ref}\n onApply={onApply}\n timeZone={timeZone}\n />\n\n {orientation === 'horizontal' && (\n <Flex container {...(compact && { item: { shrink: 0 } })}>\n <StyledPromotedFiltersButton onClick={onClear}>\n {t('reset')}\n </StyledPromotedFiltersButton>\n <StyledPromotedFiltersButton onClick={onApply}>\n {t('apply')}\n </StyledPromotedFiltersButton>\n </Flex>\n )}\n </>\n ) : (\n <>\n <Button type='button' variant='text' onClick={openFiltersModal}>\n <Flex container={{ alignItems: 'center', gap: 0.5 }} forwardedAs='span'>\n <Icon name='filter' />\n <span>\n {t('filters')}\n {!!selectedCount && `\\u00a0(${selectedCount})`}\n </span>\n </Flex>\n </Button>\n <Button onClick={onClear}>{t('reset')}</Button>\n </>\n )}\n </StyledPromotedFilters>\n );\n }\n);\n\nexport default PromotedFilters;\n"]}
1	+ {"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n forwardRef,\n memo,\n useCallback,\n useEffect,\n useImperativeHandle,\n useRef,\n useState\n} from 'react';\nimport type { ComponentType, PropsWithoutRef } from 'react';\n\nimport {\n Button,\n Flex,\n Icon,\n Modal,\n useModalManager,\n useBreakpoint,\n useI18n,\n useModalContext,\n useSimpleStore,\n useSimpleStoreInstance\n} from '@pega/cosmos-react-core';\nimport type {\n ForwardRefForwardPropsComponent,\n ModalMethods,\n OmitStrict,\n SimpleStore\n} from '@pega/cosmos-react-core';\n\nimport type { ConditionRow, LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';\nimport { splitConditionForBuilder } from '../ConditionBuilder/core/utils';\nimport ConditionInput from '../ConditionInput';\nimport { StyledVerticalFieldGroup } from '../ConditionInput/ConditionInput.styles';\nimport { basicFieldMap, conditionsEqual, defaultComparators } from '../ConditionInput/utils';\n\nimport ConditionSelector from './ConditionSelector';\nimport type {\n FilterModalProps,\n PromotedFiltersContentProps,\n PromotedFiltersProps\n} from './PromotedFilters.types';\nimport {\n StyledPromotedFilters,\n StyledPromotedFiltersContainer,\n StyledTextWithEllipsis,\n StyledPromotedFiltersButton\n} from './PromotedFilters.styles';\n\nconst generateCondition = (value: {\n [key: string]: (LeafCondition & { filterId?: string }) \| undefined;\n}) => {\n const storeValues = Object.values(value);\n return storeValues.length === 0\n ? undefined\n : {\n AND: storeValues.map(\n c => ({ condition: c }) as { condition: LeafCondition & { filterId?: string } }\n )\n };\n};\n\ntype WithStoreProps = {\n conditionStore: SimpleStore<{\n [key: string]: (LeafCondition & { filterId?: string }) \| undefined;\n }>;\n filterId: string;\n onApply: () => void;\n};\n\nconst withStore = <\n P extends {\n onChange: (condition?: LeafCondition & { filterId?: string }) => void;\n condition?: LeafCondition & { filterId?: string };\n }\n>(\n WrappedComponent: ComponentType<P>\n) =>\n memo(\n ({\n conditionStore,\n filterId,\n onApply,\n ...componentProps\n }: OmitStrict<P, 'onChange'> & WithStoreProps) => {\n const [storeValue, setStore] = useSimpleStore(\n conditionStore,\n val => val[filterId],\n conditionsEqual\n );\n\n const handleOnChange = (newCondition?: LeafCondition & { filterId?: string }) => {\n if (newCondition) {\n if (!newCondition.filterId && filterId !== newCondition.lhs?.field)\n newCondition = { ...newCondition, filterId };\n if (conditionsEqual(storeValue, newCondition)) return;\n setStore(cur => ({\n ...cur,\n [filterId]: newCondition\n }));\n } else {\n if (!storeValue) return;\n setStore(({ ...cur }) => {\n delete cur[filterId];\n return cur;\n });\n }\n onApply();\n };\n\n return (\n <WrappedComponent\n condition={storeValue}\n {...(componentProps as unknown as P)}\n onChange={handleOnChange}\n />\n );\n }\n );\n\nconst ConditionInputWithStore = withStore(ConditionInput);\nconst ConditionSelectorWithStore = withStore(ConditionSelector);\n\nconst rendersAsSingleInput = (filters: PromotedFiltersProps['filters']) =>\n filters.length === 1 && defaultComparators[filters[0].field.type] !== 'BTW';\n\nconst PromotedFiltersContent = memo(\n forwardRef(function PromotedFiltersContent(\n {\n filters,\n conditionStore,\n orientation: orientationProp = 'horizontal',\n fields,\n onApply,\n timeZone\n }: PropsWithoutRef<PromotedFiltersContentProps>,\n ref: PromotedFiltersProps['ref']\n ) {\n const t = useI18n();\n const isSmallOrAbove = useBreakpoint('sm');\n const inline = isSmallOrAbove \|\| rendersAsSingleInput(filters);\n const orientation = inline && orientationProp === 'horizontal' ? 'horizontal' : 'vertical';\n const [collapsed, setCollapsed] = useState(false);\n\n const onClear = (fieldName: string) => {\n if (!conditionStore.getStore()[fieldName]) return;\n conditionStore.setStore(({ ...cur }) => {\n delete cur[fieldName];\n return cur;\n });\n onApply?.();\n };\n\n return (\n <Flex\n container={{\n rowGap: 1,\n colGap: 2,\n direction: orientation === 'vertical' ? 'column' : 'row',\n wrap: 'wrap',\n alignItems: orientation === 'vertical' ? 'stretch' : 'start'\n }}\n ref={ref}\n >\n {filters.map(({ id, field, mode, label, predefinedConditions }) => {\n id = id ?? field.name;\n if (mode !== 'predefined')\n return (\n <ConditionInputWithStore\n conditionStore={conditionStore}\n key={id}\n filterId={id}\n field={field}\n mode={mode}\n label={label ?? field.name}\n flat={orientation === 'vertical'}\n fields={fields}\n onApply={onApply}\n timeZone={timeZone}\n />\n );\n\n const selector = (\n <ConditionSelectorWithStore\n conditionStore={conditionStore}\n key={id}\n filterId={id}\n label={label ?? field.name}\n labelHidden={orientation === 'vertical'}\n fields={[\n {\n id: field.name,\n type: basicFieldMap[field.type],\n primary: label \|\| field.name\n }\n ]}\n conditions={predefinedConditions ?? []}\n onApply={onApply ?? (() => {})}\n {...(orientation !== 'vertical' && { onClear: () => onClear(id) })}\n />\n );\n\n return orientation === 'vertical' ? (\n <StyledVerticalFieldGroup\n key={id}\n name={label ?? id}\n collapsed={collapsed}\n onToggleCollapsed={() => setCollapsed(cur => !cur)}\n actions={[\n {\n id: 'clear',\n text: t('clear'),\n onClick: () => onClear(id)\n }\n ]}\n >\n {selector}\n </StyledVerticalFieldGroup>\n ) : (\n selector\n );\n })}\n </Flex>\n );\n })\n);\n\nconst FilterModal = ({ filters, conditionStore, fields, onApply, onCancel }: FilterModalProps) => {\n const t = useI18n();\n\n const { dismiss, unmount } = useModalContext();\n\n const handleApplyClick = () => {\n onApply();\n unmount();\n };\n\n const actions = (\n <>\n <Button onClick={dismiss}>{t('cancel')}</Button>\n <Button onClick={handleApplyClick}>{t('apply')}</Button>\n </>\n );\n\n return (\n <Modal heading={t('filters')} actions={actions} onBeforeClose={onCancel}>\n <PromotedFiltersContent\n filters={filters}\n conditionStore={conditionStore}\n orientation='vertical'\n fields={fields}\n />\n </Modal>\n );\n};\n\nexport const PromotedFilters: ForwardRefForwardPropsComponent<PromotedFiltersProps> = forwardRef(\n function PromotedFilters(\n {\n filters,\n condition,\n onChange,\n orientation = 'horizontal',\n fields,\n handle,\n timeZone\n }: PropsWithoutRef<PromotedFiltersProps>,\n ref: PromotedFiltersProps['ref']\n ) {\n const t = useI18n();\n\n const promotedFiltersRef = useRef<HTMLDivElement>(null);\n const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: promotedFiltersRef });\n const inline = isSmallOrAbove \|\| rendersAsSingleInput(filters);\n const compact =\n rendersAsSingleInput(filters) && !isSmallOrAbove && orientation === 'horizontal';\n\n const { create } = useModalManager();\n const modalMethods = useRef<ModalMethods<FilterModalProps>>();\n\n const conditionStore = useSimpleStoreInstance<{\n [key: string]: (LeafCondition & { filterId?: string }) \| undefined;\n }>({});\n\n const prepareConditionForStore = useCallback(() => {\n return condition\n ? splitConditionForBuilder(condition).rows.reduce(\n (\n result: { [key: string]: (LeafCondition & { filterId?: string }) \| undefined },\n item: ConditionRow & { filterId?: string }\n ) => {\n const { id, label, ...leaf } = item;\n result[leaf.filterId ?? leaf.lhs.field] = leaf;\n return result;\n },\n {}\n )\n : {};\n }, [condition]);\n\n useEffect(() => {\n conditionStore.setStore(prepareConditionForStore());\n }, [prepareConditionForStore]);\n\n const selectedCount = Object.values(conditionStore.getStore()).length;\n\n useImperativeHandle(\n handle,\n () => ({ getCondition: () => generateCondition(conditionStore.getStore()) }),\n []\n );\n\n const onApply = useCallback(() => {\n const storeValue = generateCondition(conditionStore.getStore());\n if (JSON.stringify(condition) !== JSON.stringify(storeValue)) onChange(storeValue);\n }, [onChange, prepareConditionForStore]);\n\n const onClear = useCallback(() => {\n if (condition) {\n conditionStore.setStore({});\n onChange();\n }\n }, [onChange, prepareConditionForStore]);\n\n const onCancel = useCallback(() => {\n conditionStore.setStore(prepareConditionForStore());\n }, [prepareConditionForStore]);\n\n useEffect(() => {\n modalMethods.current?.update({\n filters,\n conditionStore,\n fields\n });\n }, [filters, condition, fields]);\n\n const openFiltersModal = () => {\n modalMethods.current = create(FilterModal, {\n filters,\n conditionStore,\n fields,\n onApply,\n onCancel\n });\n };\n\n return (\n <StyledPromotedFilters\n container={{\n alignItems: orientation === 'horizontal' && inline ? 'start' : undefined,\n justify: 'between',\n direction: orientation === 'vertical' && inline ? 'column' : 'row',\n wrap: compact ? 'wrap' : undefined,\n pad: 2,\n ...(compact ? { colGap: 2 } : { gap: 2 })\n }}\n ref={promotedFiltersRef}\n >\n {inline ? (\n <>\n {orientation === 'vertical' && (\n <Flex\n container={{\n justify: 'between',\n alignItems: 'center',\n pad: [0, 0, 1, 0]\n }}\n >\n <StyledTextWithEllipsis variant='h3'>{t('filters')}</StyledTextWithEllipsis>\n <div>\n <Button onClick={onClear}>{t('reset')}</Button>\n <Button onClick={onApply}>{t('apply')}</Button>\n </div>\n </Flex>\n )}\n\n {orientation === 'horizontal' ? (\n <StyledPromotedFiltersContainer\n $compact={compact}\n container={{\n alignItems: 'end',\n alignContent: 'start',\n rowGap: 1,\n colGap: 2,\n wrap: 'wrap'\n }}\n >\n <PromotedFiltersContent\n filters={filters}\n conditionStore={conditionStore}\n fields={fields}\n orientation={orientation}\n ref={ref}\n onApply={onApply}\n timeZone={timeZone}\n />\n <Flex container={{ justify: 'end' }} item={{ grow: compact ? 0 : 1, shrink: 0 }}>\n <StyledPromotedFiltersButton onClick={onClear}>\n {t('reset')}\n </StyledPromotedFiltersButton>\n <StyledPromotedFiltersButton onClick={onApply}>\n {t('apply')}\n </StyledPromotedFiltersButton>\n </Flex>\n </StyledPromotedFiltersContainer>\n ) : (\n <PromotedFiltersContent\n filters={filters}\n conditionStore={conditionStore}\n fields={fields}\n orientation={orientation}\n ref={ref}\n onApply={onApply}\n timeZone={timeZone}\n />\n )}\n </>\n ) : (\n <>\n <Button type='button' variant='text' onClick={openFiltersModal}>\n <Flex container={{ alignItems: 'center', gap: 0.5 }} forwardedAs='span'>\n <Icon name='filter' />\n <span>\n {t('filters')}\n {!!selectedCount && `\\u00a0(${selectedCount})`}\n </span>\n </Flex>\n </Button>\n <Button onClick={onClear}>{t('reset')}</Button>\n </>\n )}\n </StyledPromotedFilters>\n );\n }\n);\n\nexport default PromotedFilters;\n"]}

package/lib/components/PromotedFilters/PromotedFilters.styles.d.ts CHANGED Viewed

@@ -180,6 +180,189 @@ export declare const StyledPromotedFilters: import("styled-components/dist/types
     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">>));
 }, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
     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;
+}), 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>>;
+export declare const StyledPromotedFiltersContainer: 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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
+}) | (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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
+}) | (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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
+}) | (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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
+}) | (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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
+}) | (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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
+}) | (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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
 }), {
     $compact?: boolean;
 }>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").FlexProps>, keyof import("react").Component<any, {}, any>>;

package/lib/components/PromotedFilters/PromotedFilters.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PromotedFilters.styles.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAA6B,OAAO;~~kLAiCrE~~,CAAC;AAIF,eAAO,MAAM,2BAA2B;;2LAOvC,CAAC;AAIF,eAAO,MAAM,sBAAsB;;yLAIlC,CAAC"}
1	+ {"version":3,"file":"PromotedFilters.styles.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sOAyBjC,CAAC;AAIF,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAA6B,OAAO;kLAe9E,CAAC;AAIF,eAAO,MAAM,2BAA2B;;2LAOvC,CAAC;AAIF,eAAO,MAAM,sBAAsB;;yLAIlC,CAAC"}

package/lib/components/PromotedFilters/PromotedFilters.styles.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { StyledFlex } from '@pega/cosmos-react-core/lib/components/Flex/Flex';
 import { StyledModalChildrenWrap } from '@pega/cosmos-react-core/lib/components/Modal/Modal.styles';
 import { StyledSelectInput } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.styles';
 import { StyledFormField } from '@pega/cosmos-react-core/lib/components/FormField/FormField';
-export const StyledPromotedFilters = styled(Flex)(({ theme, $compact }) => css `
+export const StyledPromotedFilters = styled(Flex)(({ theme }) => css `
     max-width: 100%;
     border-radius: var(--border-radius, ${theme.components.card['border-radius']});
     background-color: ${theme.base.palette['secondary-background']};
@@ -27,18 +27,25 @@ export const StyledPromotedFilters = styled(Flex)(({ theme, $compact }) => css `
     ${StyledFormField} {
       max-width: 100%;
     }
-    ${$compact &&
-    css `
-      > ${StyledFlex}:first-child {
-        flex: 1 1 0%;
-        min-width: min-content;
-      }
-    `}
   `);
 StyledPromotedFilters.defaultProps = defaultThemeProp;
+export const StyledPromotedFiltersContainer = styled(Flex)(({ $compact }) => css `
+    flex-grow: 1;
+    > ${StyledFlex}:first-child {
+      ${$compact
+    ? css `
+            flex: 1 1 0%;
+            min-width: min-content;
+          `
+    : css `
+            display: contents;
+          `}
+    }
+  `);
+StyledPromotedFiltersContainer.defaultProps = defaultThemeProp;
 export const StyledPromotedFiltersButton = styled(Button) `
-  margin: 1.125rem 0 0.625rem;
+  margin: 0;
   white-space: nowrap;
   ${StyledModalChildrenWrap} & {

package/lib/components/PromotedFilters/PromotedFilters.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PromotedFilters.styles.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,kDAAkD,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2DAA2D,CAAC;AACpG,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4DAA4D,CAAC;AAE7F,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,CAC/C,CAAC,EAAE,KAAK,EAAE,~~QAAQ,~~EAAE,EAAE,~~EAAE,~~CAAC,GAAG,CAAA;;~~0CAEY~~,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;wBACxD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC;qBAC7C,KAAK,CAAC,IAAI,CAAC,OAAO;;MAEjC,iBAAiB;wBACC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC;;;;YAInF,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC;;;;;QAK5E,UAAU;;;;MAIZ,eAAe~~;;;;MAIf~~,~~QAAQ~~;~~IACV~~,GAAG,~~CAAA~~;~~UACG~~,UAAU~~;;;;KAIf~~;~~GACF~~,CACF,CAAC;AAEF,~~qBAAqB~~,CAAC,YAAY,GAAG,gBAAgB,CAAC;~~AAEtD~~,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;IAIrD,uBAAuB;;;CAG1B,CAAC;AAEF,2BAA2B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5D,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAIjD,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp, Button, Flex, Text } from '@pega/cosmos-react-core';\nimport { StyledFlex } from '@pega/cosmos-react-core/lib/components/Flex/Flex';\nimport { StyledModalChildrenWrap } from '@pega/cosmos-react-core/lib/components/Modal/Modal.styles';\nimport { StyledSelectInput } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.styles';\nimport { StyledFormField } from '@pega/cosmos-react-core/lib/components/FormField/FormField';\n\nexport const StyledPromotedFilters = styled(Flex)~~<{ $compact?: boolean }>~~(\n ({ theme, ~~$compact~~ }) => css`\n max-width: 100%;\n border-radius: var(--border-radius, ${theme.components.card['border-radius']});\n background-color: ${theme.base.palette['secondary-background']};\n padding-block: ${theme.base.spacing};\n\n ${StyledSelectInput} {\n min-width: calc(${theme.base['content-width'].xs} + ${theme.base['hit-area']['mouse-min']});\n\n @media (pointer: coarse) {\n min-width: calc(\n ${theme.base['content-width'].xs} + ${theme.base['hit-area']['finger-min']}\n );\n }\n }\n\n > ${StyledFlex}:first-child {\n min-width: 0;\n }\n\n ${StyledFormField} {\n max-width: 100%;\n }\n\n ${$compact ~~&&\n~~ css`\n > ${StyledFlex}:first-child {\n flex: 1 1 0%;\n min-width: min-content;\n }\n `}\n `\n);\n\~~nStyledPromotedFilters~~.defaultProps = defaultThemeProp;\n\nexport const StyledPromotedFiltersButton = styled(Button)`\n margin: ~~1.125rem~~ 0 ~~0.625rem~~;\n white-space: nowrap;\n\n ${StyledModalChildrenWrap} & {\n margin-top: 0;\n }\n`;\n\nStyledPromotedFiltersButton.defaultProps = defaultThemeProp;\n\nexport const StyledTextWithEllipsis = styled(Text)`\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`;\n\nStyledTextWithEllipsis.defaultProps = defaultThemeProp;\n"]}
1	+ {"version":3,"file":"PromotedFilters.styles.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,kDAAkD,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2DAA2D,CAAC;AACpG,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4DAA4D,CAAC;AAE7F,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,CAC/C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;0CAEsB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;wBACxD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC;qBAC7C,KAAK,CAAC,IAAI,CAAC,OAAO;;MAEjC,iBAAiB;wBACC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC;;;;YAInF,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC;;;;;QAK5E,UAAU;;;;MAIZ,eAAe;;;GAGlB,CACF,CAAC;AAEF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,IAAI,CAAC,CACxD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;QAGf,UAAU;QACV,QAAQ;IACR,CAAC,CAAC,GAAG,CAAA;;;WAGF;IACH,CAAC,CAAC,GAAG,CAAA;;WAEF;;GAER,CACF,CAAC;AAEF,8BAA8B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE/D,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;IAIrD,uBAAuB;;;CAG1B,CAAC;AAEF,2BAA2B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5D,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAIjD,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp, Button, Flex, Text } from '@pega/cosmos-react-core';\nimport { StyledFlex } from '@pega/cosmos-react-core/lib/components/Flex/Flex';\nimport { StyledModalChildrenWrap } from '@pega/cosmos-react-core/lib/components/Modal/Modal.styles';\nimport { StyledSelectInput } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.styles';\nimport { StyledFormField } from '@pega/cosmos-react-core/lib/components/FormField/FormField';\n\nexport const StyledPromotedFilters = styled(Flex)(\n ({ theme }) => css`\n max-width: 100%;\n border-radius: var(--border-radius, ${theme.components.card['border-radius']});\n background-color: ${theme.base.palette['secondary-background']};\n padding-block: ${theme.base.spacing};\n\n ${StyledSelectInput} {\n min-width: calc(${theme.base['content-width'].xs} + ${theme.base['hit-area']['mouse-min']});\n\n @media (pointer: coarse) {\n min-width: calc(\n ${theme.base['content-width'].xs} + ${theme.base['hit-area']['finger-min']}\n );\n }\n }\n\n > ${StyledFlex}:first-child {\n min-width: 0;\n }\n\n ${StyledFormField} {\n max-width: 100%;\n }\n `\n);\n\nStyledPromotedFilters.defaultProps = defaultThemeProp;\n\nexport const StyledPromotedFiltersContainer = styled(Flex)<{ $compact?: boolean }>(\n ({ $compact }) => css`\n flex-grow: 1;\n\n > ${StyledFlex}:first-child {\n ${$compact\n ? css`\n flex: 1 1 0%;\n min-width: min-content;\n `\n : css`\n display: contents;\n `}\n }\n `\n);\n\nStyledPromotedFiltersContainer.defaultProps = defaultThemeProp;\n\nexport const StyledPromotedFiltersButton = styled(Button)`\n margin: 0;\n white-space: nowrap;\n\n ${StyledModalChildrenWrap} & {\n margin-top: 0;\n }\n`;\n\nStyledPromotedFiltersButton.defaultProps = defaultThemeProp;\n\nexport const StyledTextWithEllipsis = styled(Text)`\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`;\n\nStyledTextWithEllipsis.defaultProps = defaultThemeProp;\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-condition-builder",
-  "version": "10.0.0-build.9.1",
+  "version": "10.0.0-build.9.11",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
   "sideEffects": [
@@ -17,7 +17,7 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "10.0.0-build.9.1",
+    "@pega/cosmos-react-core": "10.0.0-build.9.11",
     "@types/react": "^17.0.62 || ^18.3.3",
     "@types/react-dom": "^17.0.20 || ^18.3.0",
     "dayjs": "^1.11.13",