@pega/cosmos-react-demos 7.1.1 → 8.0.0-build.10.0

package/jsx/build/DynamicInput/DynamicInput.mocks.d.ts

@@ -1,12 +1,12 @@
 import type { RuleSelectProps, RuleType, RuleTypeExpandable } from '@pega/cosmos-react-build';
 export declare const baseRuleTypes: RuleTypeExpandable[];
 export declare const fetchRules: ({ id, filter, ruleType, start, step, delay }: {
-    id?: string | undefined;
-    filter?: string | undefined;
-    ruleType?: RuleType | undefined;
-    start?: number | undefined;
-    step?: number | undefined;
-    delay?: number | undefined;
+    id?: string;
+    filter?: string;
+    ruleType?: RuleType;
+    start?: number;
+    step?: number;
+    delay?: number;
 }) => {
     promise: Promise<{
         total: number;

package/jsx/build/DynamicInput/DynamicInput.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicInput.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/DynamicInput/DynamicInput.mocks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAG9F,eAAO,MAAM,aAAa,EAAE,kBAAkB,EA6B7C,CAAC;AAGF,eAAO,MAAM,UAAU;;;;;;;;;eAmBZ,MAAM;;gBAEP,MAAM;kBACJ,MAAM;kBACN,QAAQ;;;;CAoCnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,IAAI,CACjC,eAAe,EACf,cAAc,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAOnE,CAAC"}
+{"version":3,"file":"DynamicInput.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/DynamicInput/DynamicInput.mocks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAG9F,eAAO,MAAM,aAAa,EAAE,kBAAkB,EA6B7C,CAAC;AAGF,eAAO,MAAM,UAAU,iDAOpB;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;;eAKU,MAAM;iBACJ;YACP,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,QAAQ,CAAC;SAChB,EAAE;;;CAmCN,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,IAAI,CACjC,eAAe,EACf,cAAc,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAOnE,CAAC"}

package/jsx/build/DynamicInput/DynamicInput.stories.d.ts

@@ -1,6 +1,6 @@
-import type { StoryFn } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 import type { ConstantFormat, Source } from '@pega/cosmos-react-build';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
+declare const _default: Meta;
 export default _default;
 interface DynamicInputStoryProps {
     constantFormat?: ConstantFormat;

package/jsx/build/DynamicInput/DynamicInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicInput.stories.d.ts","sourceRoot":"","sources":["../../../src/build/DynamicInput/DynamicInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EACV,cAAc,EAId,MAAM,EACP,MAAM,0BAA0B,CAAC;;AAMlC,wBAiCU;AAIV,UAAU,sBAAsB;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,sBAAsB,CAuX5D,CAAC"}
+{"version":3,"file":"DynamicInput.stories.d.ts","sourceRoot":"","sources":["../../../src/build/DynamicInput/DynamicInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EACV,cAAc,EAId,MAAM,EACP,MAAM,0BAA0B,CAAC;wBAuC7B,IAAI;AAjCT,wBAiCU;AAIV,UAAU,sBAAsB;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,sBAAsB,CAuX5D,CAAC"}

package/jsx/build/DynamicInput/DynamicInput.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicInput.stories.jsx","sourceRoot":"","sources":["../../../src/build/DynamicInput/DynamicInput.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useMemo, useCallback, useEffect } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { BuildTheme, ThemeOverride, Flex, FormDialog, Input } from '@pega/cosmos-react-core';\nimport { CodeEditor, DynamicInput } from '@pega/cosmos-react-build';\nimport type {\n  ConstantFormat,\n  RuleSelectProps,\n  SourceConfig,\n  ConstantControlConfig,\n  Source\n} from '@pega/cosmos-react-build';\n\nimport { useFieldReferenceMock } from '../FieldReference/FieldReference.mocks';\n\nimport { baseRuleTypes, defaultRuleState, fetchRules } from './DynamicInput.mocks';\n\nexport default {\n  title: 'Build/DynamicInput',\n  component: DynamicInput,\n  args: {\n    constantFormat: 'Text',\n    defaultSource: 'Rule',\n    required: true\n  },\n  argTypes: {\n    constantFormat: {\n      control: { type: 'select' },\n      options: [\n        'Text',\n        'Text (paragraph)',\n        'Boolean',\n        'Currency',\n        'Percentage',\n        'Integer',\n        'Decimal',\n        'Phone',\n        'DateTime',\n        'Date',\n        'Time'\n      ]\n    },\n    defaultSource: {\n      control: { type: 'select' },\n      options: ['Rule', 'Constant', 'FieldReference', 'Expression']\n    },\n    required: {\n      control: { type: 'boolean' }\n    }\n  }\n} as Meta;\n\ntype RuleType = 'Automation' | 'Decision' | 'Field' | 'Paragraph';\n\ninterface DynamicInputStoryProps {\n  constantFormat?: ConstantFormat;\n  required?: boolean;\n  defaultSource?: Source;\n  timeout?: boolean;\n}\n\nexport const DynamicInputDemo: StoryFn<DynamicInputStoryProps> = (args: DynamicInputStoryProps) => {\n  const defaultSource = args.defaultSource || 'Rule';\n  const constantFormat = args.constantFormat || 'Text';\n  const timeout = args.timeout || true;\n\n  const [sources, setSources] = useState<SourceConfig[]>([\n    {\n      type: 'Constant',\n      selected: defaultSource === 'Constant'\n    },\n    {\n      type: 'Rule',\n      selected: defaultSource === 'Rule'\n    },\n    {\n      type: 'FieldReference',\n      selected: defaultSource === 'FieldReference'\n    },\n    {\n      type: 'Expression',\n      selected: defaultSource === 'Expression'\n    }\n  ]);\n\n  useEffect(() => {\n    setSources([\n      {\n        type: 'Constant',\n        selected: defaultSource === 'Constant'\n      },\n      {\n        type: 'Rule',\n        selected: defaultSource === 'Rule'\n      },\n      {\n        type: 'FieldReference',\n        selected: defaultSource === 'FieldReference'\n      },\n      {\n        type: 'Expression',\n        selected: defaultSource === 'Expression'\n      }\n    ]);\n  }, [defaultSource]);\n\n  /**\n   * Constant Input\n   */\n  const [constantValue, setConstantValue] = useState<ConstantControlConfig['props']['value']>('');\n  const constant = useMemo<ConstantControlConfig>(\n    () => ({\n      format: constantFormat,\n      props: {\n        value: '',\n        onChange: value => {\n          setConstantValue(value);\n        }\n      }\n    }),\n    [constantValue, constantFormat]\n  );\n\n  /**\n   * Rule input\n   */\n  const [ruleState, setRuleState] = useState<{\n    props: typeof defaultRuleState;\n    pendingFetch?: ReturnType<typeof fetchRules>;\n  }>({\n    props: defaultRuleState\n  });\n  // todo-lc: type this\n  const [ruleConfigDialogTarget, setRuleConfigDialogTarget] = useState();\n\n  const onRuleExpand = useCallback<(id: string) => void>(\n    itemId => {\n      const expandedItem = ruleState.props.ruleTypes?.find(item => item.id === itemId);\n\n      // Demos lazy loading rules.\n      if (expandedItem?.rules.length === 0) {\n        const { promise } = fetchRules({ ruleType: expandedItem.type, delay: timeout ? 1000 : 0 });\n\n        promise\n          .then(res => {\n            const newItems = ruleState.props.ruleTypes?.map(item => {\n              if (item.id === expandedItem.id) {\n                return { ...item, rules: res.results };\n              }\n\n              return item;\n            });\n\n            setRuleState({\n              ...ruleState,\n              props: { ...ruleState.props, loading: false, ruleTypes: newItems }\n            });\n          })\n          .catch(() => {});\n\n        // Set loading while rules are fetched initially.\n        setRuleState({\n          ...ruleState,\n          props: { ...ruleState.props, loading: true }\n        });\n      }\n    },\n    [ruleState]\n  );\n\n  const onRuleFilter = useCallback(\n    filterValue => {\n      // Abort requests before reissuing if necessary.\n      if (ruleState.pendingFetch) {\n        ruleState.pendingFetch.abort();\n      }\n\n      // If the filterValue is an empty string from backspace both remove any selection and reset the menu to its default.\n      if (!filterValue) {\n        setRuleState({\n          ...ruleState,\n          props: {\n            ...defaultRuleState\n          }\n        });\n        return;\n      }\n\n      const fetch = fetchRules({ filter: filterValue, delay: timeout ? 1000 : 0 });\n\n      fetch.promise.then(fetchedRules => {\n        if (!ruleState.props) {\n          return undefined;\n        }\n\n        setRuleState({\n          pendingFetch: undefined,\n          props: {\n            ...ruleState.props,\n            filterValue,\n            loading: false,\n            items: fetchedRules.results\n          }\n        });\n      });\n\n      // Place the menu into a loading state while rules are fetched.\n      // Additionally, set a reference to the pending fetch to conditionally abort if onFilter is retriggered before fetch resolves.\n      setRuleState({\n        pendingFetch: fetch,\n        props: {\n          ...ruleState.props,\n          loading: true,\n          filterValue,\n          ruleTypes: [],\n          items: undefined\n        }\n      });\n    },\n    [ruleState]\n  );\n\n  const ruleLoadMore = useCallback(\n    itemId => {\n      const ruleStateProps = ruleState.props as RuleSelectProps;\n      const ruleItems = ruleStateProps.items;\n\n      const directList = !!ruleState.props.items;\n\n      // No rule type expanded and no items provided directly.\n      if (!itemId && !directList) {\n        return ruleStateProps;\n      }\n\n      const expandedItem = ruleState.props.ruleTypes?.find(item => item.id === itemId);\n\n      // Apply based on if an expanded rule or a list of items provided directly.\n      let fetchParams = {};\n\n      // Expanded rule type's list.\n      if (!directList && expandedItem) {\n        const currentLength = expandedItem?.rules.length;\n\n        // The demo is assuming a total count in known upfront.\n        // (If that is not the case an empty response can be used to determine all rules are fetched)\n        const totalCount = baseRuleTypes.find(item => item.id === itemId)!.count!;\n\n        if (currentLength >= totalCount) {\n          return ruleStateProps;\n        }\n\n        fetchParams = {\n          ruleType: itemId as RuleType,\n          start: currentLength,\n          delay: timeout ? 1000 : 0\n        };\n      }\n\n      // Abort requests before reissuing if necessary.\n      if (ruleState.pendingFetch) {\n        ruleState.pendingFetch.abort();\n      }\n\n      const fetch = fetchRules(fetchParams);\n\n      fetch.promise.then(res => {\n        setRuleState({\n          pendingFetch: undefined,\n          props: {\n            ...ruleState.props,\n            loading: false,\n            items: ruleItems\n              ? {\n                  ...ruleItems,\n                  ...res.results\n                }\n              : undefined,\n            ruleTypes: expandedItem\n              ? ruleState.props.ruleTypes?.map(item => {\n                  if (item.id === expandedItem.id) {\n                    return {\n                      ...item,\n                      rules: [...item.rules, ...res.results]\n                    };\n                  }\n\n                  return item;\n                })\n              : defaultRuleState.ruleTypes\n          }\n        });\n      });\n\n      setRuleState({\n        pendingFetch: fetch,\n        props: {\n          ...ruleState.props,\n          loading: true\n        }\n      });\n    },\n    [ruleState]\n  );\n\n  const onRuleSelect = useCallback(\n    selectedRule => {\n      setRuleState({\n        ...ruleState,\n        props: {\n          ...ruleState.props,\n          filterValue: undefined,\n          selectedRule: {\n            ...selectedRule,\n            href: `/rules/${selectedRule.id}`,\n            onPreview: () => {\n              // eslint-disable-next-line no-alert\n              alert('Link previewed');\n            },\n            onLinkClick: () => {\n              // eslint-disable-next-line no-alert\n              alert('Link clicked');\n            },\n            onConfig: (configTarget: any) => {\n              setRuleConfigDialogTarget(configTarget);\n            },\n            onClear: () => {\n              setRuleConfigDialogTarget(undefined);\n              setRuleState({\n                props: defaultRuleState\n              });\n            }\n          }\n        }\n      });\n    },\n    [ruleState]\n  );\n\n  /**\n   * Field reference input\n   */\n  const fieldReferenceMock = useFieldReferenceMock('static');\n\n  return (\n    <ThemeOverride theme={BuildTheme}>\n      <DynamicInput\n        required={args.required}\n        sources={sources}\n        onSourceChange={selectedSource => {\n          const updatedSources = sources.map(source => ({\n            ...source,\n            selected: source.type === selectedSource\n          }));\n          setSources(updatedSources);\n        }}\n        controls={{\n          constant,\n          rule: {\n            props: {\n              ...ruleState.props,\n              onExpand: onRuleExpand,\n              onFilter: onRuleFilter,\n              loadMore: ruleLoadMore,\n              onSelect: onRuleSelect,\n              onCreateNew: () => {}\n            }\n          },\n          fieldReference: {\n            props: {\n              placeholder: 'Choose a field...',\n              onSelectedChange: fieldReferenceMock.handleSelectedChange,\n              menu: {\n                items: fieldReferenceMock.itemsToRender,\n                altContexts: fieldReferenceMock.altContexts,\n                currentContext: fieldReferenceMock.currentContext,\n                parentItem: fieldReferenceMock.parentItem,\n                loading: fieldReferenceMock.menuLoading\n              },\n              selected: fieldReferenceMock.selected,\n              filterValue: fieldReferenceMock.filterValue,\n              onFilterChange: fieldReferenceMock.setFilterValue,\n              onBlur: () => {\n                fieldReferenceMock.setFilterValue('');\n              }\n            }\n          },\n          expression: {\n            component: CodeEditor,\n            props: {\n              list: {\n                onItemAdd: () => {},\n                details: {}\n              },\n              search: {\n                filters: [],\n                onFilterChange: () => {},\n                onSearchChange: () => {},\n                value: ''\n              },\n              codeEditorHandle: {\n                current: {\n                  getValue: () => {\n                    return undefined;\n                  },\n                  insertText: (text: string) => {\n                    // eslint-disable-next-line no-console\n                    console.log(text);\n                  }\n                }\n              }\n            }\n          }\n        }}\n      />\n\n      {/* Mock demoing rule config by way of a dialog but, any pattern could be used: modal, panel, etc... */}\n      {ruleConfigDialogTarget && ruleState && ruleState.props?.selectedRule && (\n        <FormDialog\n          target={ruleConfigDialogTarget}\n          heading={ruleState.props?.selectedRule.name}\n          onCancel={() => {\n            setRuleConfigDialogTarget(undefined);\n          }}\n          onSubmit={() => {\n            setRuleConfigDialogTarget(undefined);\n          }}\n        >\n          <Flex container={{ direction: 'column', gap: 2 }}>\n            <Input label='Config field 1' />\n            <Input label='Config field 2' />\n            <Input label='Config field 3' />\n          </Flex>\n        </FormDialog>\n      )}\n    </ThemeOverride>\n  );\n};\n"]}
+{"version":3,"file":"DynamicInput.stories.jsx","sourceRoot":"","sources":["../../../src/build/DynamicInput/DynamicInput.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useMemo, useCallback, useEffect } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { BuildTheme, ThemeOverride, Flex, FormDialog, Input } from '@pega/cosmos-react-core';\nimport { CodeEditor, DynamicInput } from '@pega/cosmos-react-build';\nimport type {\n  ConstantFormat,\n  RuleSelectProps,\n  SourceConfig,\n  ConstantControlConfig,\n  Source\n} from '@pega/cosmos-react-build';\n\nimport { useFieldReferenceMock } from '../FieldReference/FieldReference.mocks';\n\nimport { baseRuleTypes, defaultRuleState, fetchRules } from './DynamicInput.mocks';\n\nexport default {\n  title: 'Build/DynamicInput',\n  component: DynamicInput,\n  args: {\n    constantFormat: 'Text',\n    defaultSource: 'Rule',\n    required: true\n  },\n  argTypes: {\n    constantFormat: {\n      control: { type: 'select' },\n      options: [\n        'Text',\n        'Text (paragraph)',\n        'Boolean',\n        'Currency',\n        'Percentage',\n        'Integer',\n        'Decimal',\n        'Phone',\n        'DateTime',\n        'Date',\n        'Time'\n      ]\n    },\n    defaultSource: {\n      control: { type: 'select' },\n      options: ['Rule', 'Constant', 'FieldReference', 'Expression']\n    },\n    required: {\n      control: { type: 'boolean' }\n    }\n  }\n} as Meta;\n\ntype RuleType = 'Automation' | 'Decision' | 'Field' | 'Paragraph';\n\ninterface DynamicInputStoryProps {\n  constantFormat?: ConstantFormat;\n  required?: boolean;\n  defaultSource?: Source;\n  timeout?: boolean;\n}\n\nexport const DynamicInputDemo: StoryFn<DynamicInputStoryProps> = (args: DynamicInputStoryProps) => {\n  const defaultSource = args.defaultSource || 'Rule';\n  const constantFormat = args.constantFormat || 'Text';\n  const timeout = args.timeout || true;\n\n  const [sources, setSources] = useState<SourceConfig[]>([\n    {\n      type: 'Constant',\n      selected: defaultSource === 'Constant'\n    },\n    {\n      type: 'Rule',\n      selected: defaultSource === 'Rule'\n    },\n    {\n      type: 'FieldReference',\n      selected: defaultSource === 'FieldReference'\n    },\n    {\n      type: 'Expression',\n      selected: defaultSource === 'Expression'\n    }\n  ]);\n\n  useEffect(() => {\n    setSources([\n      {\n        type: 'Constant',\n        selected: defaultSource === 'Constant'\n      },\n      {\n        type: 'Rule',\n        selected: defaultSource === 'Rule'\n      },\n      {\n        type: 'FieldReference',\n        selected: defaultSource === 'FieldReference'\n      },\n      {\n        type: 'Expression',\n        selected: defaultSource === 'Expression'\n      }\n    ]);\n  }, [defaultSource]);\n\n  /**\n   * Constant Input\n   */\n  const [constantValue, setConstantValue] = useState<ConstantControlConfig['props']['value']>('');\n  const constant = useMemo<ConstantControlConfig>(\n    () => ({\n      format: constantFormat,\n      props: {\n        value: '',\n        onChange: value => {\n          setConstantValue(value);\n        }\n      }\n    }),\n    [constantValue, constantFormat]\n  );\n\n  /**\n   * Rule input\n   */\n  const [ruleState, setRuleState] = useState<{\n    props: typeof defaultRuleState;\n    pendingFetch?: ReturnType<typeof fetchRules>;\n  }>({\n    props: defaultRuleState\n  });\n  // todo-lc: type this\n  const [ruleConfigDialogTarget, setRuleConfigDialogTarget] = useState();\n\n  const onRuleExpand = useCallback<(id: string) => void>(\n    itemId => {\n      const expandedItem = ruleState.props.ruleTypes?.find(item => item.id === itemId);\n\n      // Demos lazy loading rules.\n      if (expandedItem?.rules.length === 0) {\n        const { promise } = fetchRules({ ruleType: expandedItem.type, delay: timeout ? 1000 : 0 });\n\n        promise\n          .then(res => {\n            const newItems = ruleState.props.ruleTypes?.map(item => {\n              if (item.id === expandedItem.id) {\n                return { ...item, rules: res.results };\n              }\n\n              return item;\n            });\n\n            setRuleState({\n              ...ruleState,\n              props: { ...ruleState.props, loading: false, ruleTypes: newItems }\n            });\n          })\n          .catch(() => {});\n\n        // Set loading while rules are fetched initially.\n        setRuleState({\n          ...ruleState,\n          props: { ...ruleState.props, loading: true }\n        });\n      }\n    },\n    [ruleState]\n  );\n\n  const onRuleFilter = useCallback(\n    filterValue => {\n      // Abort requests before reissuing if necessary.\n      if (ruleState.pendingFetch) {\n        ruleState.pendingFetch.abort();\n      }\n\n      // If the filterValue is an empty string from backspace both remove any selection and reset the menu to its default.\n      if (!filterValue) {\n        setRuleState({\n          ...ruleState,\n          props: {\n            ...defaultRuleState\n          }\n        });\n        return;\n      }\n\n      const fetch = fetchRules({ filter: filterValue, delay: timeout ? 1000 : 0 });\n\n      fetch.promise.then(fetchedRules => {\n        if (!ruleState.props) {\n          return undefined;\n        }\n\n        setRuleState({\n          pendingFetch: undefined,\n          props: {\n            ...ruleState.props,\n            filterValue,\n            loading: false,\n            items: fetchedRules.results\n          }\n        });\n      });\n\n      // Place the menu into a loading state while rules are fetched.\n      // Additionally, set a reference to the pending fetch to conditionally abort if onFilter is retriggered before fetch resolves.\n      setRuleState({\n        pendingFetch: fetch,\n        props: {\n          ...ruleState.props,\n          loading: true,\n          filterValue,\n          ruleTypes: [],\n          items: undefined\n        }\n      });\n    },\n    [ruleState]\n  );\n\n  const ruleLoadMore = useCallback(\n    itemId => {\n      const ruleStateProps = ruleState.props as RuleSelectProps;\n      const ruleItems = ruleStateProps.items;\n\n      const directList = !!ruleState.props.items;\n\n      // No rule type expanded and no items provided directly.\n      if (!itemId && !directList) {\n        return ruleStateProps;\n      }\n\n      const expandedItem = ruleState.props.ruleTypes?.find(item => item.id === itemId);\n\n      // Apply based on if an expanded rule or a list of items provided directly.\n      let fetchParams = {};\n\n      // Expanded rule type's list.\n      if (!directList && expandedItem) {\n        const currentLength = expandedItem?.rules.length;\n\n        // The demo is assuming a total count in known upfront.\n        // (If that is not the case an empty response can be used to determine all rules are fetched)\n        const totalCount = baseRuleTypes.find(item => item.id === itemId)!.count!;\n\n        if (currentLength >= totalCount) {\n          return ruleStateProps;\n        }\n\n        fetchParams = {\n          ruleType: itemId as RuleType,\n          start: currentLength,\n          delay: timeout ? 1000 : 0\n        };\n      }\n\n      // Abort requests before reissuing if necessary.\n      if (ruleState.pendingFetch) {\n        ruleState.pendingFetch.abort();\n      }\n\n      const fetch = fetchRules(fetchParams);\n\n      fetch.promise.then(res => {\n        setRuleState({\n          pendingFetch: undefined,\n          props: {\n            ...ruleState.props,\n            loading: false,\n            items: ruleItems\n              ? {\n                  ...ruleItems,\n                  ...res.results\n                }\n              : undefined,\n            ruleTypes: expandedItem\n              ? ruleState.props.ruleTypes?.map(item => {\n                  if (item.id === expandedItem.id) {\n                    return {\n                      ...item,\n                      rules: [...item.rules, ...res.results]\n                    };\n                  }\n\n                  return item;\n                })\n              : defaultRuleState.ruleTypes\n          }\n        });\n      });\n\n      setRuleState({\n        pendingFetch: fetch,\n        props: {\n          ...ruleState.props,\n          loading: true\n        }\n      });\n    },\n    [ruleState]\n  );\n\n  const onRuleSelect = useCallback(\n    selectedRule => {\n      setRuleState({\n        ...ruleState,\n        props: {\n          ...ruleState.props,\n          filterValue: undefined,\n          selectedRule: {\n            ...selectedRule,\n            href: `/rules/${selectedRule.id}`,\n            onPreview: () => {\n              // eslint-disable-next-line no-alert\n              alert('Link previewed');\n            },\n            onLinkClick: () => {\n              // eslint-disable-next-line no-alert\n              alert('Link clicked');\n            },\n            onConfig: (configTarget: any) => {\n              setRuleConfigDialogTarget(configTarget);\n            },\n            onClear: () => {\n              setRuleConfigDialogTarget(undefined);\n              setRuleState({\n                props: defaultRuleState\n              });\n            }\n          }\n        }\n      });\n    },\n    [ruleState]\n  );\n\n  /**\n   * Field reference input\n   */\n  const fieldReferenceMock = useFieldReferenceMock('static');\n\n  return (\n    <ThemeOverride theme={BuildTheme}>\n      <DynamicInput\n        required={args.required}\n        sources={sources}\n        onSourceChange={selectedSource => {\n          const updatedSources = sources.map(source => ({\n            ...source,\n            selected: source.type === selectedSource\n          }));\n          setSources(updatedSources);\n        }}\n        controls={{\n          constant,\n          rule: {\n            props: {\n              ...ruleState.props,\n              onExpand: onRuleExpand,\n              onFilter: onRuleFilter,\n              loadMore: ruleLoadMore,\n              onSelect: onRuleSelect,\n              onCreateNew: () => {}\n            }\n          },\n          fieldReference: {\n            props: {\n              placeholder: 'Choose a field...',\n              onSelectedChange: fieldReferenceMock.handleSelectedChange,\n              menu: {\n                items: fieldReferenceMock.itemsToRender,\n                altContexts: fieldReferenceMock.altContexts,\n                currentContext: fieldReferenceMock.currentContext,\n                parentItem: fieldReferenceMock.parentItem,\n                loading: fieldReferenceMock.menuLoading\n              },\n              selected: fieldReferenceMock.selected,\n              filterValue: fieldReferenceMock.filterValue,\n              onFilterChange: fieldReferenceMock.setFilterValue,\n              onBlur: () => {\n                fieldReferenceMock.setFilterValue('');\n              }\n            }\n          },\n          expression: {\n            component: CodeEditor,\n            props: {\n              list: {\n                onItemAdd: () => {},\n                details: {}\n              },\n              search: {\n                filters: [],\n                onFilterChange: () => {},\n                onSearchChange: () => {},\n                value: ''\n              },\n              codeEditorHandle: {\n                current: {\n                  getValue: () => {\n                    return undefined;\n                  },\n                  insertText: (text: string) => {\n                    // eslint-disable-next-line no-console\n                    console.log(text);\n                  }\n                }\n              }\n            }\n          }\n        }}\n      />\n\n      {/* Mock demoing rule config by way of a dialog but, any pattern could be used: modal, panel, etc... */}\n      {ruleConfigDialogTarget && ruleState && ruleState.props?.selectedRule && (\n        <FormDialog\n          target={ruleConfigDialogTarget}\n          heading={ruleState.props?.selectedRule.name}\n          onCancel={() => {\n            setRuleConfigDialogTarget(undefined);\n          }}\n          onSubmit={() => {\n            setRuleConfigDialogTarget(undefined);\n          }}\n        >\n          <Flex container={{ direction: 'column', gap: 2 }}>\n            <Input label='Config field 1' />\n            <Input label='Config field 2' />\n            <Input label='Config field 3' />\n          </Flex>\n        </FormDialog>\n      )}\n    </ThemeOverride>\n  );\n};\n"]}

package/jsx/build/FieldReference/FieldReference.mocks.d.ts

@@ -1,7 +1,11 @@
 import { type Dispatch, type SetStateAction } from 'react';
-import { type FieldReferenceInputProps, type FieldReferenceMenuItem, type Field, type FieldReferenceMenuProps, type FieldReferenceDisplayProps } from '@pega/cosmos-react-build';
+import { type FieldReferenceInputProps, type FieldReferenceMenuItem, type Field, type AltContext, type FieldReferenceMenuProps, type FieldReferenceDisplayProps } from '@pega/cosmos-react-build';
 export declare const actions: FieldReferenceDisplayProps['actions'];
 export declare const link: FieldReferenceDisplayProps['link'];
+export declare const getGeneratedMenuItems: (parentItem?: Field | AltContext) => FieldReferenceMenuItem[];
+export declare const getStaticMenuItems: (parentItem?: Field | AltContext) => FieldReferenceMenuItem[];
+export declare const defaultContext: FieldReferenceMenuProps['currentContext'];
+export declare const defaultAltContexts: FieldReferenceMenuProps['altContexts'];
 export declare const fieldPaths: Record<string, Field[]>;
 interface FieldReferenceHookReturn {
     parentItem: FieldReferenceMenuProps['parentItem'];
@@ -17,6 +21,6 @@ interface FieldReferenceHookReturn {
     setMenuLoading: Dispatch<SetStateAction<boolean>>;
     setItemsShown: Dispatch<SetStateAction<number>>;
 }
-export declare const useFieldReferenceMock: (dataSet: 'static' | 'generated') => FieldReferenceHookReturn;
+export declare const useFieldReferenceMock: (dataSet: "static" | "generated") => FieldReferenceHookReturn;
 export {};
 //# sourceMappingURL=FieldReference.mocks.d.ts.map

package/jsx/build/FieldReference/FieldReference.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldReference.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/FieldReference/FieldReference.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC3B,KAAK,KAAK,EAEV,KAAK,uBAAuB,EAG5B,KAAK,0BAA0B,EAChC,MAAM,0BAA0B,CAAC;AAIlC,eAAO,MAAM,OAAO,EAAE,0BAA0B,CAAC,SAAS,CAOzD,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,0BAA0B,CAAC,MAAM,CAInD,CAAC;AA4eF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,CA+J9C,CAAC;AAEF,UAAU,wBAAwB;IAChC,UAAU,EAAE,uBAAuB,CAAC,YAAY,CAAC,CAAC;IAClD,WAAW,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAChD,aAAa,EAAE,sBAAsB,EAAE,CAAC;IACxC,WAAW,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAC;IACpD,cAAc,EAAE,uBAAuB,CAAC,gBAAgB,CAAC,CAAC;IAC1D,qBAAqB,EAAE,wBAAwB,CAAC,mBAAmB,CAAC,CAAC;IACrE,QAAQ,EAAE,wBAAwB,CAAC,UAAU,CAAC,CAAC;IAC/C,oBAAoB,EAAE,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;IACnE,WAAW,EAAE,wBAAwB,CAAC,aAAa,CAAC,CAAC;IACrD,cAAc,EAAE,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;IAC3D,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,qBAAqB,YACvB,QAAQ,GAAG,WAAW,KAC9B,wBAqFF,CAAC"}
+{"version":3,"file":"FieldReference.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/FieldReference/FieldReference.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC3B,KAAK,KAAK,EACV,KAAK,UAAU,EACf,KAAK,uBAAuB,EAE5B,KAAK,0BAA0B,EAGhC,MAAM,0BAA0B,CAAC;AAIlC,eAAO,MAAM,OAAO,EAAE,0BAA0B,CAAC,SAAS,CAOzD,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,0BAA0B,CAAC,MAAM,CAKnD,CAAC;AAEF,eAAO,MAAM,qBAAqB,gBACnB,KAAK,GAAG,UAAU,KAC9B,sBAAsB,EA0BxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,gBAAiB,KAAK,GAAG,UAAU,KAAG,sBAAsB,EA0e1F,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,uBAAuB,CAAC,gBAAgB,CAGpE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,uBAAuB,CAAC,aAAa,CAWrE,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,CA+J9C,CAAC;AAEF,UAAU,wBAAwB;IAChC,UAAU,EAAE,uBAAuB,CAAC,YAAY,CAAC,CAAC;IAClD,WAAW,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAChD,aAAa,EAAE,sBAAsB,EAAE,CAAC;IACxC,WAAW,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAC;IACpD,cAAc,EAAE,uBAAuB,CAAC,gBAAgB,CAAC,CAAC;IAC1D,qBAAqB,EAAE,wBAAwB,CAAC,mBAAmB,CAAC,CAAC;IACrE,QAAQ,EAAE,wBAAwB,CAAC,UAAU,CAAC,CAAC;IAC/C,oBAAoB,EAAE,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;IACnE,WAAW,EAAE,wBAAwB,CAAC,aAAa,CAAC,CAAC;IACrD,cAAc,EAAE,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;IAC3D,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,qBAAqB,YACvB,QAAQ,GAAG,WAAW,KAC9B,wBAwFF,CAAC"}

package/jsx/build/FieldReference/FieldReference.mocks.js

@@ -1,5 +1,5 @@
 import { useMemo, useRef, useState } from 'react';
-import { typeIconMapping, fieldReferenceMenuHelpers } from '@pega/cosmos-react-build';
+import { fieldReferenceMenuHelpers, getIconMapping, typeIconMapping } from '@pega/cosmos-react-build';
 import { loadingTimeoutMS } from '../../core/Progress/Progress.mocks';
 export const actions = [
     {
@@ -12,9 +12,10 @@ export const actions = [
 export const link = {
     href: '#field',
     previewable: true,
-    onPreview: () => { }
+    onPreview: () => { },
+    onClick: () => { }
 };
-const getGeneratedMenuItems = (parentItem) => {
+export const getGeneratedMenuItems = (parentItem) => {
     const types = Object.keys(typeIconMapping);
     return [...Array(2000)].map((_, i) => {
         const hasLongName = Math.random() > 0.5;
@@ -25,7 +26,7 @@ const getGeneratedMenuItems = (parentItem) => {
             id,
             name,
             type,
-            icon: typeIconMapping[type]
+            icon: getIconMapping(type)
         };
         if (type === 'Field reference') {
             item.type = `${name} (reference single)`;
@@ -39,80 +40,128 @@ const getGeneratedMenuItems = (parentItem) => {
         return item;
     });
 };
-const getStaticMenuItems = (parentItem) => {
+export const getStaticMenuItems = (parentItem) => {
     if (parentItem?.id.endsWith('cloneCase'))
         return [
             {
                 id: 'status',
                 name: 'Status',
                 type: 'Text',
-                icon: { set: 'streamline', name: 'dataviz-string-field' }
+                icon: { set: 'streamline', name: 'dataviz-string-field' },
+                metadata: [
+                    { name: 'Applies to', value: 'User story' },
+                    { name: 'ID', value: 'cloneCase.status' }
+                ]
             },
             {
                 id: 'description',
                 name: 'Description',
                 type: 'Paragraph',
-                icon: { set: 'streamline', name: 'filetype-text' }
+                icon: { set: 'streamline', name: 'filetype-text' },
+                metadata: [
+                    { name: 'Applies to', value: 'User story' },
+                    { name: 'ID', value: 'cloneCase.description' }
+                ]
             },
             {
                 id: 'completed',
                 name: 'Completed',
                 type: 'Boolean',
-                icon: { set: 'streamline', name: 'circle-mixed-left' }
+                icon: { set: 'streamline', name: 'circle-mixed-left' },
+                metadata: [
+                    { name: 'Applies to', value: 'User story' },
+                    { name: 'ID', value: 'cloneCase.completed' }
+                ]
             },
             {
                 id: 'releaseDate',
                 name: 'Release date',
                 type: 'Date',
-                icon: { set: 'streamline', name: 'calendar-empty' }
+                icon: { set: 'streamline', name: 'calendar-empty' },
+                metadata: [
+                    { name: 'Applies to', value: 'User story' },
+                    { name: 'ID', value: 'cloneCase.releaseDate' }
+                ]
             },
             {
                 id: 'lastUpdated',
                 name: 'Last updated',
                 type: 'Time',
-                icon: { set: 'streamline', name: 'clock' }
+                icon: { set: 'streamline', name: 'clock' },
+                metadata: [
+                    { name: 'Applies to', value: 'User story' },
+                    { name: 'ID', value: 'cloneCase.lastUpdated' }
+                ]
             },
             {
                 id: 'createdAt',
                 name: 'Created at',
-                type: 'Date & Time',
-                icon: { set: 'streamline', name: 'dataviz-datetime-field' }
+                type: 'Date & time',
+                icon: { set: 'streamline', name: 'dataviz-datetime-field' },
+                metadata: [
+                    { name: 'Applies to', value: 'User story' },
+                    { name: 'ID', value: 'cloneCase.createdAt' }
+                ]
             },
             {
                 id: 'availability',
                 name: 'Availability',
                 type: 'Integer',
-                icon: { set: 'streamline', name: 'dataviz-numeric-field' }
+                icon: { set: 'streamline', name: 'dataviz-numeric-field' },
+                metadata: [
+                    { name: 'Applies to', value: 'User story' },
+                    { name: 'ID', value: 'cloneCase.availability' }
+                ]
             },
             {
                 id: 'hoursSpent',
                 name: 'Hours spent',
                 type: 'Decimal',
-                icon: { set: 'streamline', name: 'number-decimal' }
+                icon: { set: 'streamline', name: 'number-decimal' },
+                metadata: [
+                    { name: 'Applies to', value: 'User story' },
+                    { name: 'ID', value: 'cloneCase.hoursSpent' }
+                ]
             },
             {
                 id: 'costAnalysis',
                 name: 'Cost analysis',
                 type: 'Currency',
-                icon: { set: 'streamline', name: 'currency' }
+                icon: { set: 'streamline', name: 'currency' },
+                metadata: [
+                    { name: 'Applies to', value: 'User story' },
+                    { name: 'ID', value: 'cloneCase.costAnalysis' }
+                ]
             },
             {
                 id: 'contactEmail',
                 name: 'Contact email',
                 type: 'Email',
-                icon: { set: 'streamline', name: 'mail' }
+                icon: { set: 'streamline', name: 'mail' },
+                metadata: [
+                    { name: 'Applies to', value: 'User story' },
+                    { name: 'ID', value: 'cloneCase.contactEmail' }
+                ]
             },
             {
                 id: 'contactPhone',
                 name: 'Contact phone',
                 type: 'Phone',
-                icon: { set: 'streamline', name: 'phone' }
+                icon: { set: 'streamline', name: 'phone' },
+                metadata: [
+                    { name: 'Applies to', value: 'User story' },
+                    { name: 'ID', value: 'cloneCase.contactPhone' }
+                ]
             },
             {
                 id: 'severity',
                 name: 'Severity',
                 type: 'Picklist',
-                icon: { set: 'streamline', name: 'list' }
+                icon: { set: 'streamline', name: 'list' },
+                metadata: [
+                    { name: 'Applies to', value: 'User story' },
+                    { name: 'ID', value: 'cloneCase.severity' }
+                ]
             }
         ];
     if (parentItem?.id.endsWith('downDepStories') ||
@@ -169,7 +218,7 @@ const getStaticMenuItems = (parentItem) => {
             {
                 id: 'createdAt',
                 name: 'Created at',
-                type: 'Date & Time',
+                type: 'Date & time',
                 icon: { set: 'streamline', name: 'dataviz-datetime-field' }
             },
             {
@@ -211,7 +260,7 @@ const getStaticMenuItems = (parentItem) => {
             {
                 id: 'verifiedBy',
                 name: 'Verified by',
-                type: 'User reference',
+                type: 'User Reference',
                 icon: { set: 'streamline', name: 'user' }
             },
             {
@@ -283,7 +332,7 @@ const getStaticMenuItems = (parentItem) => {
             {
                 id: 'createdAt',
                 name: 'Created at',
-                type: 'Date & Time',
+                type: 'Date & time',
                 icon: { set: 'streamline', name: 'dataviz-datetime-field' }
             },
             {
@@ -416,7 +465,7 @@ const getStaticMenuItems = (parentItem) => {
         {
             id: 'createdAt',
             name: 'Created at',
-            type: 'Date & Time',
+            type: 'Date & time',
             icon: { set: 'streamline', name: 'dataviz-datetime-field' }
         },
         {
@@ -457,29 +506,29 @@ const getStaticMenuItems = (parentItem) => {
         },
         {
             id: 'updateUser',
-            name: 'UpdateUser',
-            type: 'User reference',
+            name: 'Update.User',
+            type: 'User Reference',
             icon: { set: 'streamline', name: 'user' }
         },
         {
             id: 'updateUserID',
-            name: 'UpdateUserID',
+            name: 'Update.UserID',
             type: 'Text',
             icon: { set: 'streamline', name: 'dataviz-string-field' }
         },
         {
             id: 'updateUserDateTime',
-            name: 'UpdateDateTime',
-            type: 'Date & Time',
+            name: 'Update.DateTime',
+            type: 'Date & time',
             icon: { set: 'streamline', name: 'dataviz-datetime-field' }
         }
     ];
 };
-const defaultContext = {
+export const defaultContext = {
     id: 'userStory',
     name: 'User story'
 };
-const defaultAltContexts = [
+export const defaultAltContexts = [
     {
         id: 'aliasVariables',
         name: 'Aliases and Variables',
@@ -532,11 +581,11 @@ export const fieldPaths = {
             icon: { set: 'streamline', name: 'clock' }
         }
     ],
-    'Date & Time': [
+    'Date & time': [
         {
             id: 'createdAt',
             name: 'Created at',
-            type: 'Date & Time',
+            type: 'Date & time',
             icon: { set: 'streamline', name: 'dataviz-datetime-field' }
         }
     ],
@@ -620,11 +669,11 @@ export const fieldPaths = {
             icon: { set: 'streamline', name: 'paper-clip' }
         }
     ],
-    'User reference': [
+    'User Reference': [
         {
             id: 'verifiedBy',
             name: 'Verified by',
-            type: 'User reference',
+            type: 'User Reference',
             icon: { set: 'streamline', name: 'user' }
         }
     ],
@@ -669,6 +718,8 @@ export const useFieldReferenceMock = (dataSet) => {
     }, [filterValue, items, itemsShown]);
     const handleSelectedChange = selectedValue => {
         window.clearTimeout(selectionTimeoutRef.current);
+        window.clearTimeout(altContextTimeoutRef.current);
+        setMenuLoading(false);
         if (!selectedValue.length) {
             setSelected([]);
             setItems(getMenuItems());
@@ -696,6 +747,7 @@ export const useFieldReferenceMock = (dataSet) => {
         }
     };
     const handleAltContextClick = altContext => {
+        window.clearTimeout(selectionTimeoutRef.current);
         window.clearTimeout(altContextTimeoutRef.current);
         setSelected([]);
         setAltContexts(undefined);