@pega/cosmos-react-build 8.0.0-build.9.1 → 8.0.0

package/lib/components/ExpressionBuilder/CodeEditor/mode/jsonLinter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsonLinter.d.ts","sourceRoot":"","sources":["../../../../../src/components/ExpressionBuilder/CodeEditor/mode/jsonLinter.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,eAAO,MAAM,IAAI,SAAU,MAAM,4BA4BhC,CAAC"}

package/lib/components/ExpressionBuilder/CodeEditor/mode/jsonLinter.js

@@ -0,0 +1,34 @@
+/* eslint-disable import/prefer-default-export */
+import { Pos } from 'codemirror';
+export const lint = (text) => {
+    if (!text)
+        return;
+    const lintErrors = [];
+    try {
+        JSON.parse(text);
+    }
+    catch (e) {
+        if (e instanceof Error) {
+            const match = e.message.match(/position (\d+)/);
+            if (match) {
+                const position = parseInt(match[1], 10);
+                const line = text.slice(0, position).split('\n').length - 1;
+                const ch = position - text.lastIndexOf('\n', position) - 1;
+                lintErrors.push({
+                    from: Pos(line, ch),
+                    to: Pos(line, ch),
+                    message: e.message
+                });
+            }
+            else {
+                lintErrors.push({
+                    from: Pos(0, 0),
+                    to: Pos(0, 0),
+                    message: e.message
+                });
+            }
+        }
+    }
+    return lintErrors;
+};
+//# sourceMappingURL=jsonLinter.js.map

package/lib/components/ExpressionBuilder/CodeEditor/mode/jsonLinter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsonLinter.js","sourceRoot":"","sources":["../../../../../src/components/ExpressionBuilder/CodeEditor/mode/jsonLinter.ts"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAIjC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,IAAY,EAAE,EAAE;IACnC,IAAI,CAAC,IAAI;QAAE,OAAO;IAClB,MAAM,UAAU,GAAgB,EAAE,CAAC;IACnC,IAAI,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAAC,OAAO,CAAU,EAAE,CAAC;QACpB,IAAI,CAAC,YAAY,KAAK,EAAE,CAAC;YACvB,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;YAChD,IAAI,KAAK,EAAE,CAAC;gBACV,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBACxC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC5D,MAAM,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;gBAE3D,UAAU,CAAC,IAAI,CAAC;oBACd,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC;oBACnB,EAAE,EAAE,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC;oBACjB,OAAO,EAAE,CAAC,CAAC,OAAO;iBACnB,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,IAAI,CAAC;oBACd,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;oBACf,EAAE,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;oBACb,OAAO,EAAE,CAAC,CAAC,OAAO;iBACnB,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC","sourcesContent":["/* eslint-disable import/prefer-default-export */\nimport { Pos } from 'codemirror';\n\nimport type { LintError } from '../CodeEditor.types';\n\nexport const lint = (text: string) => {\n  if (!text) return;\n  const lintErrors: LintError[] = [];\n  try {\n    JSON.parse(text);\n  } catch (e: unknown) {\n    if (e instanceof Error) {\n      const match = e.message.match(/position (\\d+)/);\n      if (match) {\n        const position = parseInt(match[1], 10);\n        const line = text.slice(0, position).split('\\n').length - 1;\n        const ch = position - text.lastIndexOf('\\n', position) - 1;\n\n        lintErrors.push({\n          from: Pos(line, ch),\n          to: Pos(line, ch),\n          message: e.message\n        });\n      } else {\n        lintErrors.push({\n          from: Pos(0, 0),\n          to: Pos(0, 0),\n          message: e.message\n        });\n      }\n    }\n  }\n  return lintErrors;\n};\n"]}

package/lib/components/ExpressionBuilder/ExpressionBuilder.d.ts

@@ -1,6 +1,5 @@
-import type { FunctionComponent } from 'react';
-import type { ForwardProps } from '@pega/cosmos-react-core';
+import type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';
 import type { ExpressionBuilderProps } from './ExpressionBuilder.types';
-declare const ExpressionBuilder: FunctionComponent<ExpressionBuilderProps & ForwardProps>;
+declare const ExpressionBuilder: ForwardRefForwardPropsComponent<ExpressionBuilderProps>;
 export default ExpressionBuilder;
 //# sourceMappingURL=ExpressionBuilder.d.ts.map

package/lib/components/ExpressionBuilder/ExpressionBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpressionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,OAAO,CAAC;AAGhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAuB,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAO7F,QAAA,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,GAAG,YAAY,CAiH/E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ExpressionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAE/E,OAAO,KAAK,EAAuB,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAO7F,QAAA,MAAM,iBAAiB,EAAE,+BAA+B,CAAC,sBAAsB,CAiH9E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/ExpressionBuilder/ExpressionBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpressionBuilder.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\nimport type { FunctionComponent, PropsWithoutRef } from 'react';\n\nimport { Flex, SearchInput, useI18n, VisuallyHiddenText } from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\n\nimport type { ExpressionItemProps, ExpressionBuilderProps } from './ExpressionBuilder.types';\nimport type { EditorState } from './CodeEditor/CodeEditor.types';\nimport ExpressionList from './ExpressionList';\nimport { StyledExpressionBuilder } from './ExpressionBuilder.styles';\nimport CodeEditor from './CodeEditor/CodeEditor';\nimport ExpressionBuilderContext from './ExpressionBuilderContext';\n\nconst ExpressionBuilder: FunctionComponent<ExpressionBuilderProps & ForwardProps> = forwardRef(\n  function ExpressionBuilder(\n    {\n      list,\n      search,\n      errors,\n      defaultValue,\n      handle,\n      fetchSuggestions,\n      loading,\n      readOnly,\n      onChange,\n      ...restProps\n    }: PropsWithoutRef<ExpressionBuilderProps>,\n    ref: ExpressionBuilderProps['ref']\n  ) {\n    const t = useI18n();\n    const codeEditorHandle = useRef<EditorState>(null);\n\n    const getExpression = () => {\n      return codeEditorHandle.current?.getValue() || '';\n    };\n\n    useImperativeHandle(\n      handle,\n      () => ({\n        getExpression\n      }),\n      [getExpression]\n    );\n\n    const addExpression = (expression: string) => {\n      codeEditorHandle.current?.insertText(expression);\n    };\n    const onItemAdd = (id: ExpressionItemProps['id']) => {\n      list.onItemAdd(id, addExpression);\n    };\n\n    const ctxValue = useMemo(\n      () => ({\n        accent: search.accent\n      }),\n      [search.accent]\n    );\n\n    return (\n      <Flex\n        {...restProps}\n        as={StyledExpressionBuilder}\n        ref={ref}\n        container={{\n          justify: 'between',\n          colGap: 2,\n          pad: 1\n        }}\n        item={{\n          grow: 1\n        }}\n      >\n        {!readOnly && (\n          <VisuallyHiddenText aria-live='polite' role='status'>\n            {t('results_count', [list.items?.length || 0], { count: list.items?.length || 0 })}\n          </VisuallyHiddenText>\n        )}\n        {/* Column 1 */}\n        {!readOnly && (\n          <Flex\n            container={{\n              direction: 'column',\n              justify: 'between',\n              gap: 1\n            }}\n            item={{\n              grow: 1,\n              basis: '50%'\n            }}\n          >\n            <SearchInput {...search} />\n            <ExpressionBuilderContext.Provider value={ctxValue}>\n              <ExpressionList {...list} onItemAdd={onItemAdd} />\n            </ExpressionBuilderContext.Provider>\n          </Flex>\n        )}\n        {/* Column 2 */}\n        <Flex\n          container={{\n            direction: 'column',\n            justify: 'between'\n          }}\n          item={{\n            grow: 1,\n            basis: '50%'\n          }}\n        >\n          <CodeEditor\n            fetchSuggestions={fetchSuggestions}\n            codeEditorHandle={codeEditorHandle}\n            autoCompleteTriggers={['.', '@', ':']}\n            editorConfigProps={{\n              mode: 'expression',\n              readOnly\n            }}\n            defaultValue={defaultValue}\n            loading={loading}\n            errors={errors}\n            readOnly={readOnly}\n            onChange={onChange}\n            aria-label={t('expression_editor')}\n          />\n        </Flex>\n      </Flex>\n    );\n  }\n);\n\nexport default ExpressionBuilder;\n"]}
+{"version":3,"file":"ExpressionBuilder.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport { Flex, SearchInput, useI18n, VisuallyHiddenText } from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport type { ExpressionItemProps, ExpressionBuilderProps } from './ExpressionBuilder.types';\nimport type { EditorState } from './CodeEditor/CodeEditor.types';\nimport ExpressionList from './ExpressionList';\nimport { StyledExpressionBuilder } from './ExpressionBuilder.styles';\nimport CodeEditor from './CodeEditor/CodeEditor';\nimport ExpressionBuilderContext from './ExpressionBuilderContext';\n\nconst ExpressionBuilder: ForwardRefForwardPropsComponent<ExpressionBuilderProps> = forwardRef(\n  function ExpressionBuilder(\n    {\n      list,\n      search,\n      errors,\n      defaultValue,\n      handle,\n      fetchSuggestions,\n      loading,\n      readOnly,\n      onChange,\n      ...restProps\n    }: PropsWithoutRef<ExpressionBuilderProps>,\n    ref: ExpressionBuilderProps['ref']\n  ) {\n    const t = useI18n();\n    const codeEditorHandle = useRef<EditorState>(null);\n\n    const getExpression = () => {\n      return codeEditorHandle.current?.getValue() || '';\n    };\n\n    useImperativeHandle(\n      handle,\n      () => ({\n        getExpression\n      }),\n      [getExpression]\n    );\n\n    const addExpression = (expression: string) => {\n      codeEditorHandle.current?.insertText(expression);\n    };\n    const onItemAdd = (id: ExpressionItemProps['id']) => {\n      list.onItemAdd(id, addExpression);\n    };\n\n    const ctxValue = useMemo(\n      () => ({\n        accent: search.accent\n      }),\n      [search.accent]\n    );\n\n    return (\n      <Flex\n        {...restProps}\n        as={StyledExpressionBuilder}\n        ref={ref}\n        container={{\n          justify: 'between',\n          colGap: 2,\n          pad: 1\n        }}\n        item={{\n          grow: 1\n        }}\n      >\n        {!readOnly && (\n          <VisuallyHiddenText aria-live='polite' role='status'>\n            {t('results_count', [list.items?.length || 0], { count: list.items?.length || 0 })}\n          </VisuallyHiddenText>\n        )}\n        {/* Column 1 */}\n        {!readOnly && (\n          <Flex\n            container={{\n              direction: 'column',\n              justify: 'between',\n              gap: 1\n            }}\n            item={{\n              grow: 1,\n              basis: '50%'\n            }}\n          >\n            <SearchInput {...search} />\n            <ExpressionBuilderContext.Provider value={ctxValue}>\n              <ExpressionList {...list} onItemAdd={onItemAdd} />\n            </ExpressionBuilderContext.Provider>\n          </Flex>\n        )}\n        {/* Column 2 */}\n        <Flex\n          container={{\n            direction: 'column',\n            justify: 'between'\n          }}\n          item={{\n            grow: 1,\n            basis: '50%'\n          }}\n        >\n          <CodeEditor\n            fetchSuggestions={fetchSuggestions}\n            codeEditorHandle={codeEditorHandle}\n            autoCompleteTriggers={['.', '@', ':']}\n            editorConfigProps={{\n              mode: 'expression',\n              readOnly\n            }}\n            defaultValue={defaultValue}\n            loading={loading}\n            errors={errors}\n            readOnly={readOnly}\n            onChange={onChange}\n            aria-label={t('expression_editor')}\n          />\n        </Flex>\n      </Flex>\n    );\n  }\n);\n\nexport default ExpressionBuilder;\n"]}

package/lib/components/ExpressionBuilder/ExpressionBuilder.styles.d.ts

@@ -1,5 +1,5 @@
 import type { ExpressionItemProps } from './ExpressionBuilder.types';
-export declare const StyledPrimaryText: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").TextProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledPrimaryText: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").TextProps>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledExpressionSummary: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledExpressionList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledExpressionBuilder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/lib/components/ExpressionBuilder/ExpressionBuilder.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpressionBuilder.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,eAAO,MAAM,iBAAiB,mOAE7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,yGAKlC,CAAC;AAIH,eAAO,MAAM,oBAAoB,wGAIhC,CAAC;AAEF,eAAO,MAAM,uBAAuB,yGASlC,CAAC;AAIH,eAAO,MAAM,iBAAiB,yGAQ5B,CAAC;AAIH,eAAO,MAAM,sBAAsB,yGAIjC,CAAC;AAIH,eAAO,MAAM,uBAAuB,yGAAe,CAAC;AAIpD,eAAO,MAAM,2BAA2B,yGAQtC,CAAC;AAIH,eAAO,MAAM,oBAAoB;cACrB,mBAAmB,CAAC,UAAU,CAAC;SAuBzC,CAAC"}
+{"version":3,"file":"ExpressionBuilder.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,eAAO,MAAM,iBAAiB,kNAE7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,yGAKlC,CAAC;AAIH,eAAO,MAAM,oBAAoB,wGAIhC,CAAC;AAEF,eAAO,MAAM,uBAAuB,yGASlC,CAAC;AAIH,eAAO,MAAM,iBAAiB,yGAQ5B,CAAC;AAIH,eAAO,MAAM,sBAAsB,yGAIjC,CAAC;AAIH,eAAO,MAAM,uBAAuB,yGAAe,CAAC;AAIpD,eAAO,MAAM,2BAA2B,yGAQtC,CAAC;AAIH,eAAO,MAAM,oBAAoB;cACrB,mBAAmB,CAAC,UAAU,CAAC;SAuBzC,CAAC"}

package/lib/components/ExpressionBuilder/ExpressionBuilder.types.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentType, Ref } from 'react';
 import type { BaseProps, EmptyStateProps, OmitStrict, SearchInputProps, FieldValueListProps, MenuProps } from '@pega/cosmos-react-core';
-import type { CodeEditorProps } from './CodeEditor/CodeEditor.types';
+import type { CodeEditorProps, CustomPositionProps } from './CodeEditor/CodeEditor.types';
 export interface ExpressionItemProps {
     /** Id of the item */
     id: string;
@@ -44,6 +44,8 @@ export interface ExpressionListProps extends BaseProps {
 export interface HandleValue {
     /** Returns the expression value */
     getExpression: () => string;
+    /** Insert the expression value */
+    insertExpression?: (expression: string, replaceContent?: boolean, customCursorPosition?: CustomPositionProps) => void;
 }
 export interface ExpressionBuilderProps extends BaseProps, OmitStrict<CodeEditorProps, 'ref' | 'codeEditorHandle'> {
     ref?: Ref<HTMLDivElement>;

package/lib/components/ExpressionBuilder/ExpressionBuilder.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpressionBuilder.types.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ExpressionBuilder.types.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.types.ts"],"names":[],"mappings":"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"}

package/lib/components/ExpressionBuilder/ExpressionBuilder.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpressionBuilder.types.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentType, Ref } from 'react';\n\nimport type {\n  BaseProps,\n  EmptyStateProps,\n  OmitStrict,\n  SearchInputProps,\n  FieldValueListProps,\n  MenuProps\n} from '@pega/cosmos-react-core';\n\nimport type { CodeEditorProps } from './CodeEditor/CodeEditor.types';\n\nexport interface ExpressionItemProps {\n  /** Id of the item */\n  id: string;\n  /** Item name to be displayed as rule name */\n  primary: string;\n  /** Type of expression item. Eg: Decision, When, Automation etc. */\n  type: string;\n  /** Callback for add event */\n  onAdd: (id: ExpressionItemProps['id']) => void;\n  /** Callback for expand event */\n  onExpand?: (id: ExpressionItemProps['id']) => void;\n  /** Callback for collapse event */\n  onCollapse?: (id: ExpressionItemProps['id']) => void;\n  /** Show the expanded details */\n  expanded?: boolean;\n  /** Expression details to show in expanded view */\n  details?: ExpressionDetailsProps;\n  /** Matched field to be shown in expression item collapsed mode during search */\n  matchedField?: { name: string; value: string };\n}\n\nexport interface ExpressionListProps extends BaseProps {\n  ref?: Ref<HTMLUListElement>;\n  /** Expression builder items */\n  items?: OmitStrict<ExpressionItemProps, 'onAdd' | 'onExpand' | 'onCollapse' | 'details'>[];\n  /** Callback for item add */\n  onItemAdd: ExpressionItemProps['onAdd'];\n  /** Callback for item expand */\n  onItemExpand?: ExpressionItemProps['onExpand'];\n  /** Callback for item collapse */\n  onItemCollapse?: ExpressionItemProps['onCollapse'];\n  /** No items */\n  emptyText?: EmptyStateProps['message'];\n  /** Expanded items data */\n  details: {\n    [id: string]: ExpressionDetailsProps;\n  };\n}\n\nexport interface HandleValue {\n  /** Returns the expression value */\n  getExpression: () => string;\n}\n\nexport interface ExpressionBuilderProps\n  extends BaseProps,\n    OmitStrict<CodeEditorProps, 'ref' | 'codeEditorHandle'> {\n  ref?: Ref<HTMLDivElement>;\n  /** Expression items list */\n  list: OmitStrict<ExpressionListProps, 'ref' | 'onItemAdd'> & {\n    onItemAdd: (id: ExpressionItemProps['id'], addExpression: (expression: string) => void) => void;\n  };\n  /** Search input props */\n  search: Pick<\n    Required<SearchInputProps>,\n    'filters' | 'onFilterChange' | 'onSearchChange' | 'value'\n  > &\n    Pick<SearchInputProps, 'defaultFilter'> &\n    Pick<MenuProps, 'accent'>;\n\n  /** Imperative handle */\n  handle?: Ref<HandleValue>;\n}\n\nexport interface InputParams<P> {\n  id: string;\n  renderer: ComponentType<P>;\n  rendererProps: P;\n}\n\nexport interface ExpressionDetailsProps extends BaseProps {\n  /** Primary details of the expression */\n  primary: Required<FieldValueListProps['fields']>;\n  /** Output params of the expression */\n  outputParams?: Required<FieldValueListProps['fields']>;\n  /** Input params of the expression */\n  inputParams?: InputParams<any>[];\n  /** Ref to the component */\n  ref?: Ref<HTMLElement>;\n}\n"]}
+{"version":3,"file":"ExpressionBuilder.types.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentType, Ref } from 'react';\n\nimport type {\n  BaseProps,\n  EmptyStateProps,\n  OmitStrict,\n  SearchInputProps,\n  FieldValueListProps,\n  MenuProps\n} from '@pega/cosmos-react-core';\n\nimport type { CodeEditorProps, CustomPositionProps } from './CodeEditor/CodeEditor.types';\n\nexport interface ExpressionItemProps {\n  /** Id of the item */\n  id: string;\n  /** Item name to be displayed as rule name */\n  primary: string;\n  /** Type of expression item. Eg: Decision, When, Automation etc. */\n  type: string;\n  /** Callback for add event */\n  onAdd: (id: ExpressionItemProps['id']) => void;\n  /** Callback for expand event */\n  onExpand?: (id: ExpressionItemProps['id']) => void;\n  /** Callback for collapse event */\n  onCollapse?: (id: ExpressionItemProps['id']) => void;\n  /** Show the expanded details */\n  expanded?: boolean;\n  /** Expression details to show in expanded view */\n  details?: ExpressionDetailsProps;\n  /** Matched field to be shown in expression item collapsed mode during search */\n  matchedField?: { name: string; value: string };\n}\n\nexport interface ExpressionListProps extends BaseProps {\n  ref?: Ref<HTMLUListElement>;\n  /** Expression builder items */\n  items?: OmitStrict<ExpressionItemProps, 'onAdd' | 'onExpand' | 'onCollapse' | 'details'>[];\n  /** Callback for item add */\n  onItemAdd: ExpressionItemProps['onAdd'];\n  /** Callback for item expand */\n  onItemExpand?: ExpressionItemProps['onExpand'];\n  /** Callback for item collapse */\n  onItemCollapse?: ExpressionItemProps['onCollapse'];\n  /** No items */\n  emptyText?: EmptyStateProps['message'];\n  /** Expanded items data */\n  details: {\n    [id: string]: ExpressionDetailsProps;\n  };\n}\n\nexport interface HandleValue {\n  /** Returns the expression value */\n  getExpression: () => string;\n  /** Insert the expression value */\n  insertExpression?: (\n    expression: string,\n    replaceContent?: boolean,\n    customCursorPosition?: CustomPositionProps\n  ) => void;\n}\n\nexport interface ExpressionBuilderProps\n  extends BaseProps,\n    OmitStrict<CodeEditorProps, 'ref' | 'codeEditorHandle'> {\n  ref?: Ref<HTMLDivElement>;\n  /** Expression items list */\n  list: OmitStrict<ExpressionListProps, 'ref' | 'onItemAdd'> & {\n    onItemAdd: (id: ExpressionItemProps['id'], addExpression: (expression: string) => void) => void;\n  };\n  /** Search input props */\n  search: Pick<\n    Required<SearchInputProps>,\n    'filters' | 'onFilterChange' | 'onSearchChange' | 'value'\n  > &\n    Pick<SearchInputProps, 'defaultFilter'> &\n    Pick<MenuProps, 'accent'>;\n\n  /** Imperative handle */\n  handle?: Ref<HandleValue>;\n}\n\nexport interface InputParams<P> {\n  id: string;\n  renderer: ComponentType<P>;\n  rendererProps: P;\n}\n\nexport interface ExpressionDetailsProps extends BaseProps {\n  /** Primary details of the expression */\n  primary: Required<FieldValueListProps['fields']>;\n  /** Output params of the expression */\n  outputParams?: Required<FieldValueListProps['fields']>;\n  /** Input params of the expression */\n  inputParams?: InputParams<any>[];\n  /** Ref to the component */\n  ref?: Ref<HTMLElement>;\n}\n"]}

package/lib/components/ExpressionBuilder/ExpressionDetails.d.ts

@@ -1,6 +1,5 @@
-import type { FunctionComponent } from 'react';
-import type { ForwardProps } from '@pega/cosmos-react-core';
+import type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';
 import type { ExpressionDetailsProps } from './ExpressionBuilder.types';
-declare const ExpressionDetails: FunctionComponent<ExpressionDetailsProps & ForwardProps>;
+declare const ExpressionDetails: ForwardRefForwardPropsComponent<ExpressionDetailsProps>;
 export default ExpressionDetails;
 //# sourceMappingURL=ExpressionDetails.d.ts.map

package/lib/components/ExpressionBuilder/ExpressionDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpressionDetails.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAOxE,QAAA,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,GAAG,YAAY,CAiC/E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ExpressionDetails.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionDetails.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAE/E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAOxE,QAAA,MAAM,iBAAiB,EAAE,+BAA+B,CAAC,sBAAsB,CAiC9E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/ExpressionBuilder/ExpressionDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpressionDetails.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAI9E,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,iBAAiB,GAA6D,UAAU,CAC5F,SAAS,iBAAiB,CACxB,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,EACpD,GAAkC;IAElC,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,OAAO,CACL,MAAC,IAAI,OACC,SAAS,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAClC,EAAE,EAAE,uBAAuB,aAE3B,KAAC,cAAc,IAAC,MAAM,EAAE,OAAO,GAAI,EAClC,YAAY,IAAI,CACf,MAAC,iBAAiB,eAChB,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAQ,EAClD,KAAC,cAAc,IAAC,MAAM,EAAE,YAAY,GAAI,IACtB,CACrB,EACA,WAAW,IAAI,CACd,MAAC,sBAAsB,eACrB,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,CAAC,CAAC,kBAAkB,CAAC,GAAQ,EACjD,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,YAC7C,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;4BAC7D,OAAO,KAAC,QAAQ,OAAc,aAAa,IAArB,EAAE,CAAuB,CAAC;wBAClD,CAAC,CAAC,GACG,IACgB,CAC1B,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { FunctionComponent } from 'react';\n\nimport { FieldValueList, Flex, Text, useI18n } from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\n\nimport type { ExpressionDetailsProps } from './ExpressionBuilder.types';\nimport {\n  StyledExpressionDetails,\n  StyledInputParamsGroup,\n  StyledParamsGroup\n} from './ExpressionBuilder.styles';\n\nconst ExpressionDetails: FunctionComponent<ExpressionDetailsProps & ForwardProps> = forwardRef(\n  function ExpressionDetails(\n    { primary, inputParams, outputParams, ...restProps },\n    ref: ExpressionDetailsProps['ref']\n  ) {\n    const t = useI18n();\n    return (\n      <Flex\n        {...restProps}\n        ref={ref}\n        container={{ direction: 'column' }}\n        as={StyledExpressionDetails}\n      >\n        <FieldValueList fields={primary} />\n        {outputParams && (\n          <StyledParamsGroup>\n            <Text variant='h4'>{t('output_parameters')}</Text>\n            <FieldValueList fields={outputParams} />\n          </StyledParamsGroup>\n        )}\n        {inputParams && (\n          <StyledInputParamsGroup>\n            <Text variant='h4'>{t('input_parameters')}</Text>\n            <Flex container={{ direction: 'column', gap: 1 }}>\n              {inputParams.map(({ id, renderer: Renderer, rendererProps }) => {\n                return <Renderer key={id} {...rendererProps} />;\n              })}\n            </Flex>\n          </StyledInputParamsGroup>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default ExpressionDetails;\n"]}
+{"version":3,"file":"ExpressionDetails.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAI9E,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,iBAAiB,GAA4D,UAAU,CAC3F,SAAS,iBAAiB,CACxB,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,SAAS,EAA2C,EAC7F,GAAkC;IAElC,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,OAAO,CACL,MAAC,IAAI,OACC,SAAS,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAClC,EAAE,EAAE,uBAAuB,aAE3B,KAAC,cAAc,IAAC,MAAM,EAAE,OAAO,GAAI,EAClC,YAAY,IAAI,CACf,MAAC,iBAAiB,eAChB,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAQ,EAClD,KAAC,cAAc,IAAC,MAAM,EAAE,YAAY,GAAI,IACtB,CACrB,EACA,WAAW,IAAI,CACd,MAAC,sBAAsB,eACrB,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,CAAC,CAAC,kBAAkB,CAAC,GAAQ,EACjD,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,YAC7C,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;4BAC7D,OAAO,KAAC,QAAQ,OAAc,aAAa,IAArB,EAAE,CAAuB,CAAC;wBAClD,CAAC,CAAC,GACG,IACgB,CAC1B,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport { FieldValueList, Flex, Text, useI18n } from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport type { ExpressionDetailsProps } from './ExpressionBuilder.types';\nimport {\n  StyledExpressionDetails,\n  StyledInputParamsGroup,\n  StyledParamsGroup\n} from './ExpressionBuilder.styles';\n\nconst ExpressionDetails: ForwardRefForwardPropsComponent<ExpressionDetailsProps> = forwardRef(\n  function ExpressionDetails(\n    { primary, inputParams, outputParams, ...restProps }: PropsWithoutRef<ExpressionDetailsProps>,\n    ref: ExpressionDetailsProps['ref']\n  ) {\n    const t = useI18n();\n    return (\n      <Flex\n        {...restProps}\n        ref={ref}\n        container={{ direction: 'column' }}\n        as={StyledExpressionDetails}\n      >\n        <FieldValueList fields={primary} />\n        {outputParams && (\n          <StyledParamsGroup>\n            <Text variant='h4'>{t('output_parameters')}</Text>\n            <FieldValueList fields={outputParams} />\n          </StyledParamsGroup>\n        )}\n        {inputParams && (\n          <StyledInputParamsGroup>\n            <Text variant='h4'>{t('input_parameters')}</Text>\n            <Flex container={{ direction: 'column', gap: 1 }}>\n              {inputParams.map(({ id, renderer: Renderer, rendererProps }) => {\n                return <Renderer key={id} {...rendererProps} />;\n              })}\n            </Flex>\n          </StyledInputParamsGroup>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default ExpressionDetails;\n"]}

package/lib/components/ExpressionBuilder/ExpressionList.d.ts

@@ -1,6 +1,5 @@
-import type { FunctionComponent } from 'react';
-import type { ForwardProps } from '@pega/cosmos-react-core';
+import type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';
 import type { ExpressionListProps } from './ExpressionBuilder.types';
-declare const ExpressionList: FunctionComponent<ExpressionListProps & ForwardProps>;
+declare const ExpressionList: ForwardRefForwardPropsComponent<ExpressionListProps>;
 export default ExpressionList;
 //# sourceMappingURL=ExpressionList.d.ts.map

package/lib/components/ExpressionBuilder/ExpressionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpressionList.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAuB,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAI1F,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CA+CzE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ExpressionList.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAE/E,OAAO,KAAK,EAAuB,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAI1F,QAAA,MAAM,cAAc,EAAE,+BAA+B,CAAC,mBAAmB,CAuDxE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/ExpressionBuilder/ExpressionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpressionList.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionList.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAIrD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,cAAc,GAA0D,UAAU,CACtF,SAAS,cAAc,CACrB,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,EACpF,GAA+B;IAE/B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA8B,EAAE,CAAC,CAAC;IAEpF,MAAM,gBAAgB,GAAG,CAAC,EAA6B,EAAE,EAAE;QACzD,gBAAgB,CAAC,IAAI,CAAC,EAAE;YACtB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACnC,IAAI,SAAS,KAAK,CAAC,CAAC;gBAAE,OAAO,IAAI,CAAC;YAClC,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC;YACnB,OAAO,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,EAA6B,EAAE,EAAE;QAC3D,gBAAgB,CAAC,IAAI,CAAC,EAAE;YACtB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACnC,IAAI,SAAS,KAAK,CAAC,CAAC;gBAAE,OAAO,IAAI,CAAC;YAClC,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC;YACrB,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,oBAAoB,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,YAC1C,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3B,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACf,OAAO,CACL,eAAC,cAAc,OACT,IAAI,EACR,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,gBAAgB,EAC1B,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,EAAE,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EACzC,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,OAAO,EAAE,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,GAC3B,CACH,CAAC;QACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,OAAO,EAAE,SAAS,GAAI,CACnC,GACoB,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { forwardRef, useState } from 'react';\nimport type { FunctionComponent } from 'react';\n\nimport { EmptyState } from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\n\nimport type { ExpressionItemProps, ExpressionListProps } from './ExpressionBuilder.types';\nimport ExpressionItem from './ExpressionItem';\nimport { StyledExpressionList } from './ExpressionBuilder.styles';\n\nconst ExpressionList: FunctionComponent<ExpressionListProps & ForwardProps> = forwardRef(\n  function ExpressionList(\n    { items, emptyText, onItemAdd, onItemExpand, onItemCollapse, details, ...restProps },\n    ref: ExpressionListProps['ref']\n  ) {\n    const [expandedItems, setExpandedItems] = useState<ExpressionItemProps['id'][]>([]);\n\n    const handleItemExpand = (id: ExpressionItemProps['id']) => {\n      setExpandedItems(prev => {\n        const itemIndex = prev.indexOf(id);\n        if (itemIndex !== -1) return prev;\n        onItemExpand?.(id);\n        return [...prev, id];\n      });\n    };\n\n    const handleItemCollapse = (id: ExpressionItemProps['id']) => {\n      setExpandedItems(prev => {\n        const itemIndex = prev.indexOf(id);\n        if (itemIndex === -1) return prev;\n        onItemCollapse?.(id);\n        return prev.filter(itemId => itemId !== id);\n      });\n    };\n\n    return (\n      <StyledExpressionList {...restProps} ref={ref}>\n        {items && items.length > 0 ? (\n          items.map(item => {\n            return (\n              <ExpressionItem\n                {...item}\n                onAdd={onItemAdd}\n                onExpand={handleItemExpand}\n                onCollapse={handleItemCollapse}\n                expanded={expandedItems.includes(item.id)}\n                key={item.id}\n                details={details?.[item.id]}\n              />\n            );\n          })\n        ) : (\n          <EmptyState message={emptyText} />\n        )}\n      </StyledExpressionList>\n    );\n  }\n);\n\nexport default ExpressionList;\n"]}
+{"version":3,"file":"ExpressionList.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionList.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAIrD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,cAAc,GAAyD,UAAU,CACrF,SAAS,cAAc,CACrB,EACE,KAAK,EACL,SAAS,EACT,SAAS,EACT,YAAY,EACZ,cAAc,EACd,OAAO,EACP,GAAG,SAAS,EACyB,EACvC,GAA+B;IAE/B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA8B,EAAE,CAAC,CAAC;IAEpF,MAAM,gBAAgB,GAAG,CAAC,EAA6B,EAAE,EAAE;QACzD,gBAAgB,CAAC,IAAI,CAAC,EAAE;YACtB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACnC,IAAI,SAAS,KAAK,CAAC,CAAC;gBAAE,OAAO,IAAI,CAAC;YAClC,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC;YACnB,OAAO,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,EAA6B,EAAE,EAAE;QAC3D,gBAAgB,CAAC,IAAI,CAAC,EAAE;YACtB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACnC,IAAI,SAAS,KAAK,CAAC,CAAC;gBAAE,OAAO,IAAI,CAAC;YAClC,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC;YACrB,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,oBAAoB,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,YAC1C,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3B,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACf,OAAO,CACL,eAAC,cAAc,OACT,IAAI,EACR,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,gBAAgB,EAC1B,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,EAAE,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EACzC,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,OAAO,EAAE,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,GAC3B,CACH,CAAC;QACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,OAAO,EAAE,SAAS,GAAI,CACnC,GACoB,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { forwardRef, useState } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport { EmptyState } from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport type { ExpressionItemProps, ExpressionListProps } from './ExpressionBuilder.types';\nimport ExpressionItem from './ExpressionItem';\nimport { StyledExpressionList } from './ExpressionBuilder.styles';\n\nconst ExpressionList: ForwardRefForwardPropsComponent<ExpressionListProps> = forwardRef(\n  function ExpressionList(\n    {\n      items,\n      emptyText,\n      onItemAdd,\n      onItemExpand,\n      onItemCollapse,\n      details,\n      ...restProps\n    }: PropsWithoutRef<ExpressionListProps>,\n    ref: ExpressionListProps['ref']\n  ) {\n    const [expandedItems, setExpandedItems] = useState<ExpressionItemProps['id'][]>([]);\n\n    const handleItemExpand = (id: ExpressionItemProps['id']) => {\n      setExpandedItems(prev => {\n        const itemIndex = prev.indexOf(id);\n        if (itemIndex !== -1) return prev;\n        onItemExpand?.(id);\n        return [...prev, id];\n      });\n    };\n\n    const handleItemCollapse = (id: ExpressionItemProps['id']) => {\n      setExpandedItems(prev => {\n        const itemIndex = prev.indexOf(id);\n        if (itemIndex === -1) return prev;\n        onItemCollapse?.(id);\n        return prev.filter(itemId => itemId !== id);\n      });\n    };\n\n    return (\n      <StyledExpressionList {...restProps} ref={ref}>\n        {items && items.length > 0 ? (\n          items.map(item => {\n            return (\n              <ExpressionItem\n                {...item}\n                onAdd={onItemAdd}\n                onExpand={handleItemExpand}\n                onCollapse={handleItemCollapse}\n                expanded={expandedItems.includes(item.id)}\n                key={item.id}\n                details={details?.[item.id]}\n              />\n            );\n          })\n        ) : (\n          <EmptyState message={emptyText} />\n        )}\n      </StyledExpressionList>\n    );\n  }\n);\n\nexport default ExpressionList;\n"]}

package/lib/components/ExpressionBuilder/index.d.ts

@@ -1,6 +1,6 @@
 export { default } from './ExpressionBuilder';
 export type { ExpressionListProps, ExpressionItemProps, ExpressionBuilderProps, HandleValue, InputParams } from './ExpressionBuilder.types';
-export type { EditorState, CodeEditorProps, AutoCompleteTriggerChar, SuggestionType, CursorPosition } from './CodeEditor/CodeEditor.types';
+export type { EditorState, CodeEditorProps, AutoCompleteTriggerChar, SuggestionType, CursorPosition, CustomPositionProps } from './CodeEditor/CodeEditor.types';
 export { default as ExpressionItem } from './ExpressionItem';
 export { default as ExpressionList } from './ExpressionList';
 export { default as ExpressionDetails } from './ExpressionDetails';

package/lib/components/ExpressionBuilder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,WAAW,EACX,WAAW,EACZ,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,WAAW,EACX,eAAe,EACf,uBAAuB,EACvB,cAAc,EACd,cAAc,EACf,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,WAAW,EACX,WAAW,EACZ,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,WAAW,EACX,eAAe,EACf,uBAAuB,EACvB,cAAc,EACd,cAAc,EACd,mBAAmB,EACpB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/components/ExpressionBuilder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAe9C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export { default } from './ExpressionBuilder';\nexport type {\n  ExpressionListProps,\n  ExpressionItemProps,\n  ExpressionBuilderProps,\n  HandleValue,\n  InputParams\n} from './ExpressionBuilder.types';\nexport type {\n  EditorState,\n  CodeEditorProps,\n  AutoCompleteTriggerChar,\n  SuggestionType,\n  CursorPosition\n} from './CodeEditor/CodeEditor.types';\nexport { default as ExpressionItem } from './ExpressionItem';\nexport { default as ExpressionList } from './ExpressionList';\nexport { default as ExpressionDetails } from './ExpressionDetails';\nexport { default as CodeEditor } from './CodeEditor/CodeEditor';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAgB9C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export { default } from './ExpressionBuilder';\nexport type {\n  ExpressionListProps,\n  ExpressionItemProps,\n  ExpressionBuilderProps,\n  HandleValue,\n  InputParams\n} from './ExpressionBuilder.types';\nexport type {\n  EditorState,\n  CodeEditorProps,\n  AutoCompleteTriggerChar,\n  SuggestionType,\n  CursorPosition,\n  CustomPositionProps\n} from './CodeEditor/CodeEditor.types';\nexport { default as ExpressionItem } from './ExpressionItem';\nexport { default as ExpressionList } from './ExpressionList';\nexport { default as ExpressionDetails } from './ExpressionDetails';\nexport { default as CodeEditor } from './CodeEditor/CodeEditor';\n"]}

package/lib/components/FieldReference/FieldReference.styles.d.ts

@@ -1,4 +1,5 @@
 export declare const StyledFieldReferenceDisplay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledFieldReferenceDisplayGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledFieldReferenceInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     restingState?: boolean;
 }, never>;

package/lib/components/FieldReference/FieldReference.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldReference.styles.d.ts","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReference.styles.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,2BAA2B,yGAwDtC,CAAC;AAIH,eAAO,MAAM,yBAAyB;mBAA8C,OAAO;SAwCzF,CAAC;AAIH,eAAO,MAAM,eAAe,yGAM1B,CAAC;AAIH,eAAO,MAAM,gBAAgB,yGAI3B,CAAC;AAIH,eAAO,MAAM,0BAA0B;;SAcrC,CAAC;AAIH,eAAO,MAAM,wBAAwB,yGAqCnC,CAAC;AAIH,eAAO,MAAM,uBAAuB,8GAEnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,0GAU5B,CAAC"}
+{"version":3,"file":"FieldReference.styles.d.ts","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReference.styles.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,2BAA2B,yGAoDtC,CAAC;AAIH,eAAO,MAAM,+BAA+B,yGAqB1C,CAAC;AAIH,eAAO,MAAM,yBAAyB;mBAA8C,OAAO;SAuCzF,CAAC;AAIH,eAAO,MAAM,eAAe,yGAM1B,CAAC;AAIH,eAAO,MAAM,gBAAgB,yGAI3B,CAAC;AAIH,eAAO,MAAM,0BAA0B;;SAcrC,CAAC;AAIH,eAAO,MAAM,wBAAwB,yGAyBnC,CAAC;AAIH,eAAO,MAAM,uBAAuB,8GAEnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,0GAU5B,CAAC"}

package/lib/components/FieldReference/FieldReference.styles.js

@@ -1,9 +1,10 @@
 import styled, { css } from 'styled-components';
-import { StyledFlex, StyledText, defaultThemeProp, StyledFormControl, StyledPopover, StyledMenuListWrapper, StyledMenuItem, StyledSummaryItem, StyledPrimary, StyledSecondary, StyledSummaryItemActions, StyledMenuListContainer as StyledCoreMenuListContainer, useDirection, StyledButton, StyledLink } from '@pega/cosmos-react-core';
+import { StyledFlex, StyledText, defaultThemeProp, StyledFormControl, StyledPopover, StyledMenuListWrapper, StyledMenuItem, StyledSummaryItem, StyledSummaryItemActions, StyledMenuListContainer as StyledCoreMenuListContainer, useDirection, StyledButton, StyledLink, StyledGrid } from '@pega/cosmos-react-core';
 import { StyledSelectInput } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.styles';
 import { StyledMenu, StyledMenuGroupHeader } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';
+import { ellipsisOverflow } from '@pega/cosmos-react-core/lib/styles/mixins';
+import { StyledIconShape } from '@pega/cosmos-react-core/lib/components/Icon/Icon';
 export const StyledFieldReferenceDisplay = styled.div(({ theme }) => {
-    const { rtl } = useDirection();
     const { base: { 'border-radius': baseBorderRadius, 'content-width': contentWidth, 'hit-area': hitArea }, components: { input: { height }, 'form-control': { 'border-radius': formBorderRadius, 'foreground-color': fgColor, 'border-width': borderWidth } } } = theme;
     return css `
     width: 100%;
@@ -11,13 +12,12 @@ export const StyledFieldReferenceDisplay = styled.div(({ theme }) => {
 
     & > ${StyledFlex} {
       & > ${StyledFlex} {
+        & > ${StyledIconShape} {
+          flex-shrink: 0;
+        }
         min-width: 0;
-        min-height: 1.125rem;
+        min-height: ${theme.components.icon.size.s};
         height: 100%;
-
-        ${StyledText} {
-          direction: ${rtl ? 'ltr' : 'rtl'};
-        }
       }
 
       & > ${StyledText} {
@@ -26,9 +26,7 @@ export const StyledFieldReferenceDisplay = styled.div(({ theme }) => {
 
       ${StyledLink},
       ${StyledText} {
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
+        ${ellipsisOverflow};
       }
     }
 
@@ -49,16 +47,38 @@ export const StyledFieldReferenceDisplay = styled.div(({ theme }) => {
   `;
 });
 StyledFieldReferenceDisplay.defaultProps = defaultThemeProp;
+export const StyledFieldReferenceDisplayGrid = styled.div(({ theme }) => {
+    return css `
+    max-width: 100%;
+    flex-grow: 1;
+
+    & > ${StyledFlex} {
+      overflow: hidden;
+      & > ${StyledIconShape} {
+        min-width: ${theme.components.icon.size.s};
+      }
+
+      ${StyledLink},
+      ${StyledText} {
+        ${ellipsisOverflow};
+      }
+    }
+
+    & > ${StyledText} {
+      ${ellipsisOverflow};
+    }
+  `;
+});
+StyledFieldReferenceDisplayGrid.defaultProps = defaultThemeProp;
 export const StyledFieldReferenceInput = styled(StyledSelectInput)(({ restingState, theme }) => {
     return css `
     min-height: ${theme.components.input.height};
 
-    & > ${StyledFlex} {
-      position: relative;
+    & > ${StyledGrid} > * {
+      grid-row: 1;
     }
 
     input {
-      width: 8ch;
       height: 1.125rem;
 
       ${restingState &&
@@ -72,10 +92,10 @@ export const StyledFieldReferenceInput = styled(StyledSelectInput)(({ restingSta
     }
 
     ${StyledFieldReferenceDisplay} {
-      position: absolute;
-      inset-block: 0;
       padding-inline-start: calc(0.5 * ${theme.base.spacing});
       padding-inline-end: calc(0.5 * ${theme.base.spacing});
+      position: relative;
+      z-index: 1;
 
       &:not(&:has(${StyledButton})) {
         padding-inline-end: ${theme.base.spacing};
@@ -119,31 +139,19 @@ export const StyledFieldReferencePicker = styled(StyledFormControl)(() => {
 });
 StyledFieldReferencePicker.defaultProps = defaultThemeProp;
 export const StyledFieldReferenceMenu = styled.div(({ theme }) => {
-    const { rtl } = useDirection();
     return css `
     ${StyledMenuItem} {
-      ${StyledSummaryItem} > ${StyledPrimary} {
-        direction: ${rtl ? 'ltr' : 'rtl'};
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-
-      ${StyledSummaryItem} > ${StyledSecondary} {
-        max-width: ${theme.base['content-width'].xs};
-
-        li {
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-      }
-
       ${StyledSummaryItem} > ${StyledSummaryItemActions} > ${StyledFlex} {
-        min-width: ${theme.base['hit-area']['mouse-min']};
-
-        @media (pointer: coarse) {
-          min-width: ${theme.base['hit-area']['finger-min']};
+        & > :not(${StyledButton}) {
+          margin-inline: calc(
+            (${theme.base['hit-area']['mouse-min']} - ${theme.components.icon.size.s}) / 2
+          );
+
+          @media (pointer: coarse) {
+            margin-inline: calc(
+              (${theme.base['hit-area']['finger-min']} - ${theme.components.icon.size.s}) / 2
+            );
+          }
         }
       }
     }

package/lib/components/FieldReference/FieldReference.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldReference.styles.js","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReference.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport {\n  StyledFlex,\n  StyledText,\n  defaultThemeProp,\n  StyledFormControl,\n  StyledPopover,\n  StyledMenuListWrapper,\n  StyledMenuItem,\n  StyledSummaryItem,\n  StyledPrimary,\n  StyledSecondary,\n  StyledSummaryItemActions,\n  StyledMenuListContainer as StyledCoreMenuListContainer,\n  useDirection,\n  StyledButton,\n  StyledLink\n} from '@pega/cosmos-react-core';\nimport { StyledSelectInput } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.styles';\nimport {\n  StyledMenu,\n  StyledMenuGroupHeader\n} from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';\n\nexport const StyledFieldReferenceDisplay = styled.div(({ theme }) => {\n  const { rtl } = useDirection();\n  const {\n    base: { 'border-radius': baseBorderRadius, 'content-width': contentWidth, 'hit-area': hitArea },\n    components: {\n      input: { height },\n      'form-control': {\n        'border-radius': formBorderRadius,\n        'foreground-color': fgColor,\n        'border-width': borderWidth\n      }\n    }\n  } = theme;\n\n  return css`\n    width: 100%;\n    cursor: default;\n\n    & > ${StyledFlex} {\n      & > ${StyledFlex} {\n        min-width: 0;\n        min-height: 1.125rem;\n        height: 100%;\n\n        ${StyledText} {\n          direction: ${rtl ? 'ltr' : 'rtl'};\n        }\n      }\n\n      & > ${StyledText} {\n        max-width: ${contentWidth.xs};\n      }\n\n      ${StyledLink},\n      ${StyledText} {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n\n    ${StyledButton} {\n      border-radius: calc(${baseBorderRadius} * ${formBorderRadius});\n      border: 0;\n      &:enabled {\n        color: ${fgColor};\n      }\n      min-height: calc(${height} - 2 * ${borderWidth});\n      height: calc(${height} - 2 * ${borderWidth});\n      width: calc(${height} - 2 * ${borderWidth});\n      @media (pointer: coarse) {\n        min-height: calc(${hitArea['finger-min']} - 2 * ${borderWidth});\n        width: calc(${hitArea['finger-min']} - 2 * ${borderWidth});\n      }\n    }\n  `;\n});\n\nStyledFieldReferenceDisplay.defaultProps = defaultThemeProp;\n\nexport const StyledFieldReferenceInput = styled(StyledSelectInput)<{ restingState?: boolean }>(({\n  restingState,\n  theme\n}) => {\n  return css`\n    min-height: ${theme.components.input.height};\n\n    & > ${StyledFlex} {\n      position: relative;\n    }\n\n    input {\n      width: 8ch;\n      height: 1.125rem;\n\n      ${restingState &&\n      css`\n        caret-color: transparent;\n      `}\n    }\n\n    div {\n      min-height: unset;\n    }\n\n    ${StyledFieldReferenceDisplay} {\n      position: absolute;\n      inset-block: 0;\n      padding-inline-start: calc(0.5 * ${theme.base.spacing});\n      padding-inline-end: calc(0.5 * ${theme.base.spacing});\n\n      &:not(&:has(${StyledButton})) {\n        padding-inline-end: ${theme.base.spacing};\n      }\n    }\n\n    div + input {\n      margin-inline-start: 0;\n    }\n  `;\n});\n\nStyledFieldReferenceInput.defaultProps = defaultThemeProp;\n\nexport const StyledSelection = styled.div(() => {\n  const { rtl } = useDirection();\n  return css`\n    direction: ${rtl ? 'ltr' : 'rtl'};\n    overflow: hidden;\n  `;\n});\n\nStyledSelection.defaultProps = defaultThemeProp;\n\nexport const StyledLeadingDot = styled.div(({ theme }) => {\n  return css`\n    margin-inline-start: ${theme.base.spacing};\n  `;\n});\n\nStyledLeadingDot.defaultProps = defaultThemeProp;\n\nexport const StyledFieldReferencePicker = styled(StyledFormControl)(() => {\n  return css`\n    border: 0;\n\n    ${StyledPopover} {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n\n      ${StyledMenu},\n      ${StyledMenuListWrapper} {\n        max-height: inherit;\n      }\n    }\n  `;\n});\n\nStyledFieldReferencePicker.defaultProps = defaultThemeProp;\n\nexport const StyledFieldReferenceMenu = styled.div(({ theme }) => {\n  const { rtl } = useDirection();\n  return css`\n    ${StyledMenuItem} {\n      ${StyledSummaryItem} > ${StyledPrimary} {\n        direction: ${rtl ? 'ltr' : 'rtl'};\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      ${StyledSummaryItem} > ${StyledSecondary} {\n        max-width: ${theme.base['content-width'].xs};\n\n        li {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      ${StyledSummaryItem} > ${StyledSummaryItemActions} > ${StyledFlex} {\n        min-width: ${theme.base['hit-area']['mouse-min']};\n\n        @media (pointer: coarse) {\n          min-width: ${theme.base['hit-area']['finger-min']};\n        }\n      }\n    }\n\n    ${StyledMenuGroupHeader} {\n      padding-inline-start: calc(1.125rem + 2 * ${theme.base.spacing});\n      border-block-start: solid 0.0625rem ${theme.base.palette['border-line']};\n      background-color: transparent;\n      font-weight: ${theme.base['font-weight'].bold};\n    }\n  `;\n});\n\nStyledFieldReferenceMenu.defaultProps = defaultThemeProp;\n\nexport const StyledMenuListContainer = styled(StyledCoreMenuListContainer)`\n  height: 100%;\n`;\n\nexport const StyledPathSegment = styled.span(({ theme }) => {\n  return css`\n    background-color: ${theme.base.colors.gray['extra-light']};\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n    border: solid 0.125rem ${theme.base.colors.gray.light};\n    color: ${theme.base.colors.black};\n    line-height: 1.375rem;\n    padding-inline: calc(${theme.base.spacing} / 2);\n    white-space: nowrap;\n  `;\n});\n\nStyledPathSegment.defaultProps = defaultThemeProp;\n"]}
+{"version":3,"file":"FieldReference.styles.js","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReference.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,cAAc,EACd,iBAAiB,EACjB,wBAAwB,EACxB,uBAAuB,IAAI,2BAA2B,EACtD,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,UAAU,EACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAC;AACpG,OAAO,EACL,UAAU,EACV,qBAAqB,EACtB,MAAM,yDAAyD,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAClE,MAAM,EACJ,IAAI,EAAE,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,EAC/F,UAAU,EAAE,EACV,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,cAAc,EAAE,EACd,eAAe,EAAE,gBAAgB,EACjC,kBAAkB,EAAE,OAAO,EAC3B,cAAc,EAAE,WAAW,EAC5B,EACF,EACF,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;;;;UAIF,UAAU;YACR,UAAU;cACR,eAAe;;;;sBAIP,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;;YAItC,UAAU;qBACD,YAAY,CAAC,EAAE;;;QAG5B,UAAU;QACV,UAAU;UACR,gBAAgB;;;;MAIpB,YAAY;4BACU,gBAAgB,MAAM,gBAAgB;;;iBAGjD,OAAO;;yBAEC,MAAM,UAAU,WAAW;qBAC/B,MAAM,UAAU,WAAW;oBAC5B,MAAM,UAAU,WAAW;;2BAEpB,OAAO,CAAC,YAAY,CAAC,UAAU,WAAW;sBAC/C,OAAO,CAAC,YAAY,CAAC,UAAU,WAAW;;;GAG7D,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,2BAA2B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5D,MAAM,CAAC,MAAM,+BAA+B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACtE,OAAO,GAAG,CAAA;;;;UAIF,UAAU;;YAER,eAAe;qBACN,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;QAGzC,UAAU;QACV,UAAU;UACR,gBAAgB;;;;UAIhB,UAAU;QACZ,gBAAgB;;GAErB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,+BAA+B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEhE,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAA6B,CAAC,EAC9F,YAAY,EACZ,KAAK,EACN,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;kBACM,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM;;UAErC,UAAU;;;;;;;QAOZ,YAAY;QACd,GAAG,CAAA;;OAEF;;;;;;;MAOD,2BAA2B;yCACQ,KAAK,CAAC,IAAI,CAAC,OAAO;uCACpB,KAAK,CAAC,IAAI,CAAC,OAAO;;;;oBAIrC,YAAY;8BACF,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;;;GAO7C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;IAC7C,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;IAC/B,OAAO,GAAG,CAAA;iBACK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;;GAEjC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEhD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvD,OAAO,GAAG,CAAA;2BACe,KAAK,CAAC,IAAI,CAAC,OAAO;GAC1C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjD,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,GAAG,EAAE;IACvE,OAAO,GAAG,CAAA;;;MAGN,aAAa;;;;QAIX,UAAU;QACV,qBAAqB;;;;GAI1B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,0BAA0B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE3D,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC/D,OAAO,GAAG,CAAA;MACN,cAAc;QACZ,iBAAiB,MAAM,wBAAwB,MAAM,UAAU;mBACpD,YAAY;;eAEhB,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;;;iBAKnE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;;;;;MAOjF,qBAAqB;kDACuB,KAAK,CAAC,IAAI,CAAC,OAAO;4CACxB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;;qBAExD,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI;;GAEhD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,wBAAwB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEzD,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAA;;CAEzE,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACzD,OAAO,GAAG,CAAA;wBACY,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC;gCAC7B,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;6BAC9B,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK;aAC5C,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;;2BAET,KAAK,CAAC,IAAI,CAAC,OAAO;;GAE1C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport {\n  StyledFlex,\n  StyledText,\n  defaultThemeProp,\n  StyledFormControl,\n  StyledPopover,\n  StyledMenuListWrapper,\n  StyledMenuItem,\n  StyledSummaryItem,\n  StyledSummaryItemActions,\n  StyledMenuListContainer as StyledCoreMenuListContainer,\n  useDirection,\n  StyledButton,\n  StyledLink,\n  StyledGrid\n} from '@pega/cosmos-react-core';\nimport { StyledSelectInput } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.styles';\nimport {\n  StyledMenu,\n  StyledMenuGroupHeader\n} from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';\nimport { ellipsisOverflow } from '@pega/cosmos-react-core/lib/styles/mixins';\nimport { StyledIconShape } from '@pega/cosmos-react-core/lib/components/Icon/Icon';\n\nexport const StyledFieldReferenceDisplay = styled.div(({ theme }) => {\n  const {\n    base: { 'border-radius': baseBorderRadius, 'content-width': contentWidth, 'hit-area': hitArea },\n    components: {\n      input: { height },\n      'form-control': {\n        'border-radius': formBorderRadius,\n        'foreground-color': fgColor,\n        'border-width': borderWidth\n      }\n    }\n  } = theme;\n\n  return css`\n    width: 100%;\n    cursor: default;\n\n    & > ${StyledFlex} {\n      & > ${StyledFlex} {\n        & > ${StyledIconShape} {\n          flex-shrink: 0;\n        }\n        min-width: 0;\n        min-height: ${theme.components.icon.size.s};\n        height: 100%;\n      }\n\n      & > ${StyledText} {\n        max-width: ${contentWidth.xs};\n      }\n\n      ${StyledLink},\n      ${StyledText} {\n        ${ellipsisOverflow};\n      }\n    }\n\n    ${StyledButton} {\n      border-radius: calc(${baseBorderRadius} * ${formBorderRadius});\n      border: 0;\n      &:enabled {\n        color: ${fgColor};\n      }\n      min-height: calc(${height} - 2 * ${borderWidth});\n      height: calc(${height} - 2 * ${borderWidth});\n      width: calc(${height} - 2 * ${borderWidth});\n      @media (pointer: coarse) {\n        min-height: calc(${hitArea['finger-min']} - 2 * ${borderWidth});\n        width: calc(${hitArea['finger-min']} - 2 * ${borderWidth});\n      }\n    }\n  `;\n});\n\nStyledFieldReferenceDisplay.defaultProps = defaultThemeProp;\n\nexport const StyledFieldReferenceDisplayGrid = styled.div(({ theme }) => {\n  return css`\n    max-width: 100%;\n    flex-grow: 1;\n\n    & > ${StyledFlex} {\n      overflow: hidden;\n      & > ${StyledIconShape} {\n        min-width: ${theme.components.icon.size.s};\n      }\n\n      ${StyledLink},\n      ${StyledText} {\n        ${ellipsisOverflow};\n      }\n    }\n\n    & > ${StyledText} {\n      ${ellipsisOverflow};\n    }\n  `;\n});\n\nStyledFieldReferenceDisplayGrid.defaultProps = defaultThemeProp;\n\nexport const StyledFieldReferenceInput = styled(StyledSelectInput)<{ restingState?: boolean }>(({\n  restingState,\n  theme\n}) => {\n  return css`\n    min-height: ${theme.components.input.height};\n\n    & > ${StyledGrid} > * {\n      grid-row: 1;\n    }\n\n    input {\n      height: 1.125rem;\n\n      ${restingState &&\n      css`\n        caret-color: transparent;\n      `}\n    }\n\n    div {\n      min-height: unset;\n    }\n\n    ${StyledFieldReferenceDisplay} {\n      padding-inline-start: calc(0.5 * ${theme.base.spacing});\n      padding-inline-end: calc(0.5 * ${theme.base.spacing});\n      position: relative;\n      z-index: 1;\n\n      &:not(&:has(${StyledButton})) {\n        padding-inline-end: ${theme.base.spacing};\n      }\n    }\n\n    div + input {\n      margin-inline-start: 0;\n    }\n  `;\n});\n\nStyledFieldReferenceInput.defaultProps = defaultThemeProp;\n\nexport const StyledSelection = styled.div(() => {\n  const { rtl } = useDirection();\n  return css`\n    direction: ${rtl ? 'ltr' : 'rtl'};\n    overflow: hidden;\n  `;\n});\n\nStyledSelection.defaultProps = defaultThemeProp;\n\nexport const StyledLeadingDot = styled.div(({ theme }) => {\n  return css`\n    margin-inline-start: ${theme.base.spacing};\n  `;\n});\n\nStyledLeadingDot.defaultProps = defaultThemeProp;\n\nexport const StyledFieldReferencePicker = styled(StyledFormControl)(() => {\n  return css`\n    border: 0;\n\n    ${StyledPopover} {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n\n      ${StyledMenu},\n      ${StyledMenuListWrapper} {\n        max-height: inherit;\n      }\n    }\n  `;\n});\n\nStyledFieldReferencePicker.defaultProps = defaultThemeProp;\n\nexport const StyledFieldReferenceMenu = styled.div(({ theme }) => {\n  return css`\n    ${StyledMenuItem} {\n      ${StyledSummaryItem} > ${StyledSummaryItemActions} > ${StyledFlex} {\n        & > :not(${StyledButton}) {\n          margin-inline: calc(\n            (${theme.base['hit-area']['mouse-min']} - ${theme.components.icon.size.s}) / 2\n          );\n\n          @media (pointer: coarse) {\n            margin-inline: calc(\n              (${theme.base['hit-area']['finger-min']} - ${theme.components.icon.size.s}) / 2\n            );\n          }\n        }\n      }\n    }\n\n    ${StyledMenuGroupHeader} {\n      padding-inline-start: calc(1.125rem + 2 * ${theme.base.spacing});\n      border-block-start: solid 0.0625rem ${theme.base.palette['border-line']};\n      background-color: transparent;\n      font-weight: ${theme.base['font-weight'].bold};\n    }\n  `;\n});\n\nStyledFieldReferenceMenu.defaultProps = defaultThemeProp;\n\nexport const StyledMenuListContainer = styled(StyledCoreMenuListContainer)`\n  height: 100%;\n`;\n\nexport const StyledPathSegment = styled.span(({ theme }) => {\n  return css`\n    background-color: ${theme.base.colors.gray['extra-light']};\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n    border: solid 0.125rem ${theme.base.colors.gray.light};\n    color: ${theme.base.colors.black};\n    line-height: 1.375rem;\n    padding-inline: calc(${theme.base.spacing} / 2);\n    white-space: nowrap;\n  `;\n});\n\nStyledPathSegment.defaultProps = defaultThemeProp;\n"]}

package/lib/components/FieldReference/FieldReference.test-ids.d.ts

@@ -1,3 +1,4 @@
 export declare const getFieldReferenceInputTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 export declare const getFieldReferenceDisplayTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["root", "icon", "field-path", "type"]>;
+export declare const getFieldReferenceMenuListTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["menu"]>;
 //# sourceMappingURL=FieldReference.test-ids.d.ts.map

package/lib/components/FieldReference/FieldReference.test-ids.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldReference.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReference.test-ids.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,6BAA6B,8NAG/B,CAAC;AAEZ,eAAO,MAAM,+BAA+B,2KAKjC,CAAC"}
+{"version":3,"file":"FieldReference.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReference.test-ids.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,6BAA6B,8NAG/B,CAAC;AAEZ,eAAO,MAAM,+BAA+B,2KAKjC,CAAC;AAEZ,eAAO,MAAM,gCAAgC,6IAElC,CAAC"}

package/lib/components/FieldReference/FieldReference.test-ids.js

@@ -10,4 +10,7 @@ export const getFieldReferenceDisplayTestIds = createTestIds('field-reference-di
     'field-path',
     'type'
 ]);
+export const getFieldReferenceMenuListTestIds = createTestIds('field-reference-menu-list', [
+    'menu'
+]);
 //# sourceMappingURL=FieldReference.test-ids.js.map

package/lib/components/FieldReference/FieldReference.test-ids.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldReference.test-ids.js","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReference.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qEAAqE,CAAC;AAE/F,MAAM,CAAC,MAAM,6BAA6B,GAAG,aAAa,CAAC,uBAAuB,EAAE;IAClF,SAAS;IACT,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,+BAA+B,GAAG,aAAa,CAAC,yBAAyB,EAAE;IACtF,MAAM;IACN,MAAM;IACN,YAAY;IACZ,MAAM;CACE,CAAC,CAAC","sourcesContent":["import { createTestIds } from '@pega/cosmos-react-core';\nimport { elements } from '@pega/cosmos-react-core/lib/components/FormField/FormField.test-ids';\n\nexport const getFieldReferenceInputTestIds = createTestIds('field-reference-input', [\n  'control',\n  ...elements\n] as const);\n\nexport const getFieldReferenceDisplayTestIds = createTestIds('field-reference-display', [\n  'root',\n  'icon',\n  'field-path',\n  'type'\n] as const);\n"]}
+{"version":3,"file":"FieldReference.test-ids.js","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReference.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qEAAqE,CAAC;AAE/F,MAAM,CAAC,MAAM,6BAA6B,GAAG,aAAa,CAAC,uBAAuB,EAAE;IAClF,SAAS;IACT,GAAG,QAAQ;CACH,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,+BAA+B,GAAG,aAAa,CAAC,yBAAyB,EAAE;IACtF,MAAM;IACN,MAAM;IACN,YAAY;IACZ,MAAM;CACE,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,gCAAgC,GAAG,aAAa,CAAC,2BAA2B,EAAE;IACzF,MAAM;CACE,CAAC,CAAC","sourcesContent":["import { createTestIds } from '@pega/cosmos-react-core';\nimport { elements } from '@pega/cosmos-react-core/lib/components/FormField/FormField.test-ids';\n\nexport const getFieldReferenceInputTestIds = createTestIds('field-reference-input', [\n  'control',\n  ...elements\n] as const);\n\nexport const getFieldReferenceDisplayTestIds = createTestIds('field-reference-display', [\n  'root',\n  'icon',\n  'field-path',\n  'type'\n] as const);\n\nexport const getFieldReferenceMenuListTestIds = createTestIds('field-reference-menu-list', [\n  'menu'\n] as const);\n"]}

package/lib/components/FieldReference/FieldReference.types.d.ts

@@ -37,6 +37,11 @@ export interface FieldReferenceMenuItem extends Field {
     items?: FieldReferenceMenuItem[];
     /** If true or false, the parent item will be selectable. If undefined, the parent will not be selectable. */
     selected?: MenuItemProps['selected'];
+    /**
+     * Corresponding field item from the source.
+     * Useful if the `id` alone is not unique enough to identify the source
+     */
+    originalItem?: unknown;
 }
 export interface FieldReferenceDisplayProps extends NoChildrenProp, TestIdProp {
     /** The path to the field reference. */
@@ -67,7 +72,7 @@ export interface FieldReferenceMenuProps extends Pick<MenuProps, 'scrollAt' | 'l
      * */
     createNewLabel?: string;
 }
-export interface FieldReferencedMenuListProps {
+export interface FieldReferencedMenuListProps extends TestIdProp {
     items: ParentMenuItemProps['items'];
     id?: string;
     parent?: {

package/lib/components/FieldReference/FieldReference.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldReference.types.d.ts","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReference.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"FieldReference.types.d.ts","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReference.types.ts"],"names":[],"mappings":"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"}

package/lib/components/FieldReference/FieldReference.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldReference.types.js","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReference.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref, KeyboardEvent as ReactKeyboardEvent, MouseEvent } from 'react';\n\nimport type {\n  IconProps,\n  MenuItemProps,\n  NoChildrenProp,\n  TestIdProp,\n  MenuProps,\n  FormControlProps,\n  FieldValueListItemProps,\n  Action,\n  LinkProps\n} from '@pega/cosmos-react-core';\nimport type { ParentMenuItemProps } from '@pega/cosmos-react-core/lib/components/Menu/Menu.types';\n\nexport interface Selected {\n  id: string;\n  text: string;\n}\n\nexport interface Field {\n  /** The unique id for the field. */\n  id: string;\n  /** The name of the field. */\n  name: string;\n  /** The type of the field. */\n  type?: string;\n  /** Props forwarded to the Icon component. */\n  icon?: IconProps;\n  /** Additional data related to the field. */\n  metadata?: {\n    name: FieldValueListItemProps['name'];\n    value: string;\n  }[];\n}\n\nexport interface Context {\n  /** The unique id for the context. */\n  id: string;\n  /** The context label. */\n  name: string;\n}\n\nexport interface AltContext extends Context {\n  /** Items associated with the context. */\n  items: FieldReferenceMenuItem[];\n  /** If true or false, the altContext will be selectable. If undefined, the altContext not be selectable. */\n  selected?: MenuItemProps['selected'];\n}\n\nexport interface FieldReferenceMenuItem extends Field {\n  /** A set of nested child items. If an empty array is provided, the item will still render as a parent. */\n  items?: FieldReferenceMenuItem[];\n  /** If true or false, the parent item will be selectable. If undefined, the parent will not be selectable. */\n  selected?: MenuItemProps['selected'];\n}\n\nexport interface FieldReferenceDisplayProps extends NoChildrenProp, TestIdProp {\n  /** The path to the field reference. */\n  fieldPath: [Context, ...Field[]] | Field[];\n  /** If defined, the fieldPath will render as a Link with these props forwarded. */\n  link?: Pick<LinkProps, 'href' | 'previewable' | 'onPreview' | 'target'> & {\n    onClick?: (e: MouseEvent) => void;\n  };\n  /** Pass an array of Action objects to append button(s) inline. */\n  actions?: Action[];\n  /** Data to render in a tooltip upon hover of the component. */\n  tooltipData?: FieldValueListItemProps[];\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface FieldReferenceMenuProps\n  extends Pick<MenuProps, 'scrollAt' | 'loading' | 'loadMore' | 'onCreateNew'> {\n  /** Menu items to display. */\n  items: FieldReferenceMenuItem[];\n  /** The current context that the menu is within. */\n  currentContext?: Context;\n  /** Menu items to display above the standard list. These should be items that are outside of the currentContext. */\n  altContexts?: AltContext[];\n  /** Parent menu item for drill-down. */\n  parentItem?: FieldReferenceMenuItem | AltContext;\n  /**\n   * A custom label for the create new action.\n   * @default 'Create new'\n   * */\n  createNewLabel?: string;\n}\n\nexport interface FieldReferencedMenuListProps {\n  items: ParentMenuItemProps['items'];\n  id?: string;\n  parent?: { id: string; primary: string };\n  ref?: Ref<HTMLFieldSetElement>;\n}\n\nexport interface FieldReferenceHandleValue {\n  /** Used to open the menu programmatically. */\n  openMenu: () => void;\n  /** Used to close the menu programmatically. */\n  closeMenu: () => void;\n}\n\nexport default interface FieldReferenceInputProps\n  extends NoChildrenProp,\n    TestIdProp,\n    Pick<\n      FormControlProps,\n      | 'id'\n      | 'label'\n      | 'labelHidden'\n      | 'required'\n      | 'disabled'\n      | 'readOnly'\n      | 'status'\n      | 'info'\n      | 'placeholder'\n      | 'additionalInfo'\n    > {\n  /** Props related to the menu. */\n  menu: FieldReferenceMenuProps;\n  /**\n   * If true, the current context will be prepended to all field reference paths.\n   * @default false\n   * */\n  showCurrentContext?: boolean;\n  /**\n   * If true, only a selected leaf node will be shown in the selected path.\n   * @default true\n   * */\n  showPath?: boolean;\n  /** Callback fired when an altContext item is clicked. */\n  onAltContextClick?: (altContext: AltContext) => void;\n  /** The current selection. */\n  selected?: Field[];\n  /** Callback fired when the selected field path is modified. */\n  onSelectedChange: (selectedValue: FieldReferenceMenuItem[]) => void;\n  /** The value of the search filter. */\n  filterValue?: string;\n  /** Callback fired when the filtering input value changes. */\n  onFilterChange: (filterValue: string) => void;\n  /** If defined, the selected fieldPath will render as a Link when the input is in a resting state, with these props forwarded. */\n  link?: FieldReferenceDisplayProps['link'];\n  /** Pass an array of Action objects to append button(s) inline when the input is in a selected resting state. */\n  actions?: FieldReferenceDisplayProps['actions'];\n  /** Callback fired when the Field Reference input gains focus. */\n  onFocus?: () => void;\n  /**\n   * Callback fired when the Field Reference looses focus within its containing element.\n   * This is not specific to the input element.\n   * Note, behavior will be enhanced in an upcoming release and the input will be the only focusable element.\n   */\n  onBlur?: () => void;\n  /**\n   * Fired when the user clicks on the dropdown icon to initiate opening the menu.\n   * If you want to offer default menu items without an input value, pass this function.\n   * This function can be an appropriate time to fetch menu item data.\n   * Remember to set the loading prop to true when fetching data for an empty list.\n   *\n   * @param open value defining whether the click opens or closes the menu\n   */\n  onDropdownButtonClick?: (open: boolean) => void;\n  /** Fired when user clicks on the Field Reference input. */\n  onClick?: (e: MouseEvent) => void;\n  /** Fired when menu opens. */\n  onMenuOpen?: () => void;\n  /**\n   * Fired before running default component onKeyDown handler.\n   * Returning `false` from this function prevents default onKeyDown handling.\n   */\n  onKeyDown?: (e: ReactKeyboardEvent) => boolean | void;\n  /** Ref that can be used to access the imperative handle. */\n  handle?: Ref<FieldReferenceHandleValue>;\n  /** Reference to the component's root element. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}
+{"version":3,"file":"FieldReference.types.js","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReference.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref, KeyboardEvent as ReactKeyboardEvent, MouseEvent } from 'react';\n\nimport type {\n  IconProps,\n  MenuItemProps,\n  NoChildrenProp,\n  TestIdProp,\n  MenuProps,\n  FormControlProps,\n  FieldValueListItemProps,\n  Action,\n  LinkProps\n} from '@pega/cosmos-react-core';\nimport type { ParentMenuItemProps } from '@pega/cosmos-react-core/lib/components/Menu/Menu.types';\n\nexport interface Selected {\n  id: string;\n  text: string;\n}\n\nexport interface Field {\n  /** The unique id for the field. */\n  id: string;\n  /** The name of the field. */\n  name: string;\n  /** The type of the field. */\n  type?: string;\n  /** Props forwarded to the Icon component. */\n  icon?: IconProps;\n  /** Additional data related to the field. */\n  metadata?: {\n    name: FieldValueListItemProps['name'];\n    value: string;\n  }[];\n}\n\nexport interface Context {\n  /** The unique id for the context. */\n  id: string;\n  /** The context label. */\n  name: string;\n}\n\nexport interface AltContext extends Context {\n  /** Items associated with the context. */\n  items: FieldReferenceMenuItem[];\n  /** If true or false, the altContext will be selectable. If undefined, the altContext not be selectable. */\n  selected?: MenuItemProps['selected'];\n}\n\nexport interface FieldReferenceMenuItem extends Field {\n  /** A set of nested child items. If an empty array is provided, the item will still render as a parent. */\n  items?: FieldReferenceMenuItem[];\n  /** If true or false, the parent item will be selectable. If undefined, the parent will not be selectable. */\n  selected?: MenuItemProps['selected'];\n  /**\n   * Corresponding field item from the source.\n   * Useful if the `id` alone is not unique enough to identify the source\n   */\n  originalItem?: unknown;\n}\n\nexport interface FieldReferenceDisplayProps extends NoChildrenProp, TestIdProp {\n  /** The path to the field reference. */\n  fieldPath: [Context, ...Field[]] | Field[];\n  /** If defined, the fieldPath will render as a Link with these props forwarded. */\n  link?: Pick<LinkProps, 'href' | 'previewable' | 'onPreview' | 'target'> & {\n    onClick?: (e: MouseEvent) => void;\n  };\n  /** Pass an array of Action objects to append button(s) inline. */\n  actions?: Action[];\n  /** Data to render in a tooltip upon hover of the component. */\n  tooltipData?: FieldValueListItemProps[];\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface FieldReferenceMenuProps\n  extends Pick<MenuProps, 'scrollAt' | 'loading' | 'loadMore' | 'onCreateNew'> {\n  /** Menu items to display. */\n  items: FieldReferenceMenuItem[];\n  /** The current context that the menu is within. */\n  currentContext?: Context;\n  /** Menu items to display above the standard list. These should be items that are outside of the currentContext. */\n  altContexts?: AltContext[];\n  /** Parent menu item for drill-down. */\n  parentItem?: FieldReferenceMenuItem | AltContext;\n  /**\n   * A custom label for the create new action.\n   * @default 'Create new'\n   * */\n  createNewLabel?: string;\n}\n\nexport interface FieldReferencedMenuListProps extends TestIdProp {\n  items: ParentMenuItemProps['items'];\n  id?: string;\n  parent?: { id: string; primary: string };\n  ref?: Ref<HTMLFieldSetElement>;\n}\n\nexport interface FieldReferenceHandleValue {\n  /** Used to open the menu programmatically. */\n  openMenu: () => void;\n  /** Used to close the menu programmatically. */\n  closeMenu: () => void;\n}\n\nexport default interface FieldReferenceInputProps\n  extends NoChildrenProp,\n    TestIdProp,\n    Pick<\n      FormControlProps,\n      | 'id'\n      | 'label'\n      | 'labelHidden'\n      | 'required'\n      | 'disabled'\n      | 'readOnly'\n      | 'status'\n      | 'info'\n      | 'placeholder'\n      | 'additionalInfo'\n    > {\n  /** Props related to the menu. */\n  menu: FieldReferenceMenuProps;\n  /**\n   * If true, the current context will be prepended to all field reference paths.\n   * @default false\n   * */\n  showCurrentContext?: boolean;\n  /**\n   * If true, only a selected leaf node will be shown in the selected path.\n   * @default true\n   * */\n  showPath?: boolean;\n  /** Callback fired when an altContext item is clicked. */\n  onAltContextClick?: (altContext: AltContext) => void;\n  /** The current selection. */\n  selected?: Field[];\n  /** Callback fired when the selected field path is modified. */\n  onSelectedChange: (selectedValue: FieldReferenceMenuItem[]) => void;\n  /** The value of the search filter. */\n  filterValue?: string;\n  /** Callback fired when the filtering input value changes. */\n  onFilterChange: (filterValue: string) => void;\n  /** If defined, the selected fieldPath will render as a Link when the input is in a resting state, with these props forwarded. */\n  link?: FieldReferenceDisplayProps['link'];\n  /** Pass an array of Action objects to append button(s) inline when the input is in a selected resting state. */\n  actions?: FieldReferenceDisplayProps['actions'];\n  /** Callback fired when the Field Reference input gains focus. */\n  onFocus?: () => void;\n  /**\n   * Callback fired when the Field Reference looses focus within its containing element.\n   * This is not specific to the input element.\n   * Note, behavior will be enhanced in an upcoming release and the input will be the only focusable element.\n   */\n  onBlur?: () => void;\n  /**\n   * Fired when the user clicks on the dropdown icon to initiate opening the menu.\n   * If you want to offer default menu items without an input value, pass this function.\n   * This function can be an appropriate time to fetch menu item data.\n   * Remember to set the loading prop to true when fetching data for an empty list.\n   *\n   * @param open value defining whether the click opens or closes the menu\n   */\n  onDropdownButtonClick?: (open: boolean) => void;\n  /** Fired when user clicks on the Field Reference input. */\n  onClick?: (e: MouseEvent) => void;\n  /** Fired when menu opens. */\n  onMenuOpen?: () => void;\n  /**\n   * Fired before running default component onKeyDown handler.\n   * Returning `false` from this function prevents default onKeyDown handling.\n   */\n  onKeyDown?: (e: ReactKeyboardEvent) => boolean | void;\n  /** Ref that can be used to access the imperative handle. */\n  handle?: Ref<FieldReferenceHandleValue>;\n  /** Reference to the component's root element. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}

package/lib/components/FieldReference/FieldReferenceDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldReferenceDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReferenceDisplay.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAS,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;;;;AAyFhF,wBAAmF"}
+{"version":3,"file":"FieldReferenceDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/FieldReference/FieldReferenceDisplay.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAS,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;;;;AAoGhF,wBAAmF"}