@pega/cosmos-react-demos 7.11.4-5 → 7.11.4-7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-demos",
-  "version": "7.11.4-5",
+  "version": "7.11.4-7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/pegasystems/cosmos-react.git",
@@ -20,12 +20,12 @@
     "build": "tsc -b tsconfig.build.json && tsc -b tsconfig.build-preserve.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "7.11.4-5",
-    "@pega/cosmos-react-core": "7.11.4-5",
-    "@pega/cosmos-react-dnd": "7.11.4-5",
-    "@pega/cosmos-react-rte": "7.11.4-5",
-    "@pega/cosmos-react-social": "7.11.4-5",
-    "@pega/cosmos-react-work": "7.11.4-5",
+    "@pega/cosmos-react-condition-builder": "7.11.4-7",
+    "@pega/cosmos-react-core": "7.11.4-7",
+    "@pega/cosmos-react-dnd": "7.11.4-7",
+    "@pega/cosmos-react-rte": "7.11.4-7",
+    "@pega/cosmos-react-social": "7.11.4-7",
+    "@pega/cosmos-react-work": "7.11.4-7",
     "@storybook/addon-actions": "~8.2.9",
     "@storybook/react": "~8.2.9",
     "@types/dompurify": "^3.0.5",

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

@@ -1,22 +0,0 @@
-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;
-}) => {
-    promise: Promise<{
-        total: number;
-        results: {
-            id: string;
-            name: string;
-            type: RuleType;
-        }[];
-    }>;
-    abort: () => void;
-};
-export declare const defaultRuleState: Pick<RuleSelectProps, 'selectedRule' | 'filterValue' | 'loading' | 'ruleTypes' | 'items'>;
-//# sourceMappingURL=DynamicInput.mocks.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

package/jsx/build/DynamicInput/DynamicInput.mocks.js

@@ -1,75 +0,0 @@
-import { createStringMatcher } from '@pega/cosmos-react-core';
-export const baseRuleTypes = [
-    {
-        id: 'Automation',
-        name: 'Automation',
-        type: 'Automation',
-        count: 50,
-        rules: []
-    },
-    {
-        id: 'Decision',
-        name: 'Decision',
-        type: 'Decision',
-        count: 25,
-        rules: []
-    },
-    {
-        id: 'Field',
-        name: 'Field',
-        type: 'Field',
-        count: 100,
-        rules: []
-    },
-    {
-        id: 'Paragraph',
-        name: 'Paragraph',
-        type: 'Paragraph',
-        count: 50,
-        rules: []
-    }
-];
-export const fetchRules = ({ id, filter, ruleType, start = 0, step = 25, delay = 1000 }) => {
-    let timeoutId;
-    let rejectFn;
-    const promise = new Promise((resolve, reject) => {
-        rejectFn = reject;
-        timeoutId = window.setTimeout(() => {
-            const end = start + step;
-            const mockRules = baseRuleTypes
-                .filter(({ type }) => (ruleType ? type === ruleType : true))
-                .map(({ type, count }) => {
-                return Array.from({ length: count }, (_, i) => {
-                    const name = `${type} ${i + 1}`;
-                    return {
-                        id: name,
-                        name,
-                        type
-                    };
-                });
-            })
-                .flat()
-                .filter(({ name }) => (filter ? createStringMatcher(filter).test(name) : true))
-                .filter(rule => (id ? rule.id === id : true));
-            resolve({
-                total: mockRules.length,
-                results: mockRules.slice(start, end)
-            });
-        }, delay);
-    });
-    return {
-        promise,
-        abort: () => {
-            window.clearTimeout(timeoutId);
-            rejectFn('Aborted');
-        }
-    };
-};
-export const defaultRuleState = {
-    selectedRule: undefined,
-    filterValue: undefined,
-    items: undefined,
-    loading: false,
-    ruleTypes: baseRuleTypes
-};
-//# sourceMappingURL=DynamicInput.mocks.js.map

package/jsx/build/DynamicInput/DynamicInput.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DynamicInput.mocks.js","sourceRoot":"","sources":["../../../src/build/DynamicInput/DynamicInput.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { createStringMatcher } from '@pega/cosmos-react-core';\nimport type { RuleSelectProps, RuleType, RuleTypeExpandable } from '@pega/cosmos-react-build';\n\n// Top level rule types per feature design.\nexport const baseRuleTypes: RuleTypeExpandable[] = [\n  {\n    id: 'Automation',\n    name: 'Automation',\n    type: 'Automation',\n    count: 50,\n    rules: []\n  },\n  {\n    id: 'Decision',\n    name: 'Decision',\n    type: 'Decision',\n    count: 25,\n    rules: []\n  },\n  {\n    id: 'Field',\n    name: 'Field',\n    type: 'Field',\n    count: 100,\n    rules: []\n  },\n  {\n    id: 'Paragraph',\n    name: 'Paragraph',\n    type: 'Paragraph',\n    count: 50,\n    rules: []\n  }\n];\n\n// Simulate a simple rules DB table with parameters to mock fetch against.\nexport const fetchRules = ({\n  id,\n  filter,\n  ruleType,\n  start = 0,\n  step = 25,\n  delay = 1000\n}: {\n  id?: string;\n  filter?: string;\n  ruleType?: RuleType;\n  start?: number;\n  step?: number;\n  delay?: number;\n}) => {\n  let timeoutId: number;\n  let rejectFn: (reason: 'Aborted') => void;\n\n  const promise = new Promise<{\n    total: number;\n    results: {\n      id: string;\n      name: string;\n      type: RuleType;\n    }[];\n  }>((resolve, reject) => {\n    rejectFn = reject;\n    timeoutId = window.setTimeout(() => {\n      const end = start + step;\n      const mockRules = baseRuleTypes\n        .filter(({ type }) => (ruleType ? type === ruleType : true))\n        .map(({ type, count }) => {\n          return Array.from({ length: count! }, (_, i) => {\n            const name = `${type} ${i + 1}`;\n            return {\n              id: name,\n              name,\n              type\n            };\n          });\n        })\n        .flat()\n        .filter(({ name }) => (filter ? createStringMatcher(filter).test(name) : true))\n        .filter(rule => (id ? rule.id === id : true));\n\n      resolve({\n        total: mockRules.length,\n        results: mockRules.slice(start, end)\n      });\n    }, delay);\n  });\n\n  return {\n    promise,\n    abort: () => {\n      window.clearTimeout(timeoutId);\n      rejectFn('Aborted');\n    }\n  };\n};\n\nexport const defaultRuleState: Pick<\n  RuleSelectProps,\n  'selectedRule' | 'filterValue' | 'loading' | 'ruleTypes' | 'items'\n> = {\n  selectedRule: undefined,\n  filterValue: undefined,\n  items: undefined,\n  loading: false,\n  ruleTypes: baseRuleTypes\n};\n"]}

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

@@ -1,12 +0,0 @@
-import type { 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>;
-export default _default;
-interface DynamicInputStoryProps {
-    constantFormat?: ConstantFormat;
-    required?: boolean;
-    defaultSource?: Source;
-    timeout?: boolean;
-}
-export declare const DynamicInputDemo: StoryFn<DynamicInputStoryProps>;
-//# sourceMappingURL=DynamicInput.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,326 +0,0 @@
-import { useState, useMemo, useCallback, useEffect } from 'react';
-import { BuildTheme, ThemeOverride, Flex, FormDialog, Input } from '@pega/cosmos-react-core';
-import { CodeEditor, DynamicInput } from '@pega/cosmos-react-build';
-import { useFieldReferenceMock } from '../FieldReference/FieldReference.mocks';
-import { baseRuleTypes, defaultRuleState, fetchRules } from './DynamicInput.mocks';
-export default {
-    title: 'Build/DynamicInput',
-    component: DynamicInput,
-    args: {
-        constantFormat: 'Text',
-        defaultSource: 'Rule',
-        required: true
-    },
-    argTypes: {
-        constantFormat: {
-            control: { type: 'select' },
-            options: [
-                'Text',
-                'Text (paragraph)',
-                'Boolean',
-                'Currency',
-                'Percentage',
-                'Integer',
-                'Decimal',
-                'Phone',
-                'DateTime',
-                'Date',
-                'Time'
-            ]
-        },
-        defaultSource: {
-            control: { type: 'select' },
-            options: ['Rule', 'Constant', 'FieldReference', 'Expression']
-        },
-        required: {
-            control: { type: 'boolean' }
-        }
-    }
-};
-export const DynamicInputDemo = (args) => {
-    const defaultSource = args.defaultSource || 'Rule';
-    const constantFormat = args.constantFormat || 'Text';
-    const timeout = args.timeout || true;
-    const [sources, setSources] = useState([
-        {
-            type: 'Constant',
-            selected: defaultSource === 'Constant'
-        },
-        {
-            type: 'Rule',
-            selected: defaultSource === 'Rule'
-        },
-        {
-            type: 'FieldReference',
-            selected: defaultSource === 'FieldReference'
-        },
-        {
-            type: 'Expression',
-            selected: defaultSource === 'Expression'
-        }
-    ]);
-    useEffect(() => {
-        setSources([
-            {
-                type: 'Constant',
-                selected: defaultSource === 'Constant'
-            },
-            {
-                type: 'Rule',
-                selected: defaultSource === 'Rule'
-            },
-            {
-                type: 'FieldReference',
-                selected: defaultSource === 'FieldReference'
-            },
-            {
-                type: 'Expression',
-                selected: defaultSource === 'Expression'
-            }
-        ]);
-    }, [defaultSource]);
-    const [constantValue, setConstantValue] = useState('');
-    const constant = useMemo(() => ({
-        format: constantFormat,
-        props: {
-            value: '',
-            onChange: value => {
-                setConstantValue(value);
-            }
-        }
-    }), [constantValue, constantFormat]);
-    const [ruleState, setRuleState] = useState({
-        props: defaultRuleState
-    });
-    const [ruleConfigDialogTarget, setRuleConfigDialogTarget] = useState();
-    const onRuleExpand = useCallback(itemId => {
-        const expandedItem = ruleState.props.ruleTypes?.find(item => item.id === itemId);
-        if (expandedItem?.rules.length === 0) {
-            const { promise } = fetchRules({ ruleType: expandedItem.type, delay: timeout ? 1000 : 0 });
-            promise
-                .then(res => {
-                const newItems = ruleState.props.ruleTypes?.map(item => {
-                    if (item.id === expandedItem.id) {
-                        return { ...item, rules: res.results };
-                    }
-                    return item;
-                });
-                setRuleState({
-                    ...ruleState,
-                    props: { ...ruleState.props, loading: false, ruleTypes: newItems }
-                });
-            })
-                .catch(() => { });
-            setRuleState({
-                ...ruleState,
-                props: { ...ruleState.props, loading: true }
-            });
-        }
-    }, [ruleState]);
-    const onRuleFilter = useCallback(filterValue => {
-        if (ruleState.pendingFetch) {
-            ruleState.pendingFetch.abort();
-        }
-        if (!filterValue) {
-            setRuleState({
-                ...ruleState,
-                props: {
-                    ...defaultRuleState
-                }
-            });
-            return;
-        }
-        const fetch = fetchRules({ filter: filterValue, delay: timeout ? 1000 : 0 });
-        fetch.promise.then(fetchedRules => {
-            if (!ruleState.props) {
-                return undefined;
-            }
-            setRuleState({
-                pendingFetch: undefined,
-                props: {
-                    ...ruleState.props,
-                    filterValue,
-                    loading: false,
-                    items: fetchedRules.results
-                }
-            });
-        });
-        setRuleState({
-            pendingFetch: fetch,
-            props: {
-                ...ruleState.props,
-                loading: true,
-                filterValue,
-                ruleTypes: [],
-                items: undefined
-            }
-        });
-    }, [ruleState]);
-    const ruleLoadMore = useCallback(itemId => {
-        const ruleStateProps = ruleState.props;
-        const ruleItems = ruleStateProps.items;
-        const directList = !!ruleState.props.items;
-        if (!itemId && !directList) {
-            return ruleStateProps;
-        }
-        const expandedItem = ruleState.props.ruleTypes?.find(item => item.id === itemId);
-        let fetchParams = {};
-        if (!directList && expandedItem) {
-            const currentLength = expandedItem?.rules.length;
-            const totalCount = baseRuleTypes.find(item => item.id === itemId).count;
-            if (currentLength >= totalCount) {
-                return ruleStateProps;
-            }
-            fetchParams = {
-                ruleType: itemId,
-                start: currentLength,
-                delay: timeout ? 1000 : 0
-            };
-        }
-        if (ruleState.pendingFetch) {
-            ruleState.pendingFetch.abort();
-        }
-        const fetch = fetchRules(fetchParams);
-        fetch.promise.then(res => {
-            setRuleState({
-                pendingFetch: undefined,
-                props: {
-                    ...ruleState.props,
-                    loading: false,
-                    items: ruleItems
-                        ? {
-                            ...ruleItems,
-                            ...res.results
-                        }
-                        : undefined,
-                    ruleTypes: expandedItem
-                        ? ruleState.props.ruleTypes?.map(item => {
-                            if (item.id === expandedItem.id) {
-                                return {
-                                    ...item,
-                                    rules: [...item.rules, ...res.results]
-                                };
-                            }
-                            return item;
-                        })
-                        : defaultRuleState.ruleTypes
-                }
-            });
-        });
-        setRuleState({
-            pendingFetch: fetch,
-            props: {
-                ...ruleState.props,
-                loading: true
-            }
-        });
-    }, [ruleState]);
-    const onRuleSelect = useCallback(selectedRule => {
-        setRuleState({
-            ...ruleState,
-            props: {
-                ...ruleState.props,
-                filterValue: undefined,
-                selectedRule: {
-                    ...selectedRule,
-                    href: `/rules/${selectedRule.id}`,
-                    onPreview: () => {
-                        alert('Link previewed');
-                    },
-                    onLinkClick: () => {
-                        alert('Link clicked');
-                    },
-                    onConfig: (configTarget) => {
-                        setRuleConfigDialogTarget(configTarget);
-                    },
-                    onClear: () => {
-                        setRuleConfigDialogTarget(undefined);
-                        setRuleState({
-                            props: defaultRuleState
-                        });
-                    }
-                }
-            }
-        });
-    }, [ruleState]);
-    const fieldReferenceMock = useFieldReferenceMock('static');
-    return (<ThemeOverride theme={BuildTheme}>
-      <DynamicInput required={args.required} sources={sources} onSourceChange={selectedSource => {
-            const updatedSources = sources.map(source => ({
-                ...source,
-                selected: source.type === selectedSource
-            }));
-            setSources(updatedSources);
-        }} controls={{
-            constant,
-            rule: {
-                props: {
-                    ...ruleState.props,
-                    onExpand: onRuleExpand,
-                    onFilter: onRuleFilter,
-                    loadMore: ruleLoadMore,
-                    onSelect: onRuleSelect,
-                    onCreateNew: () => { }
-                }
-            },
-            fieldReference: {
-                props: {
-                    placeholder: 'Choose a field...',
-                    onSelectedChange: fieldReferenceMock.handleSelectedChange,
-                    menu: {
-                        items: fieldReferenceMock.itemsToRender,
-                        altContexts: fieldReferenceMock.altContexts,
-                        currentContext: fieldReferenceMock.currentContext,
-                        parentItem: fieldReferenceMock.parentItem,
-                        loading: fieldReferenceMock.menuLoading
-                    },
-                    selected: fieldReferenceMock.selected,
-                    filterValue: fieldReferenceMock.filterValue,
-                    onFilterChange: fieldReferenceMock.setFilterValue,
-                    onBlur: () => {
-                        fieldReferenceMock.setFilterValue('');
-                    }
-                }
-            },
-            expression: {
-                component: CodeEditor,
-                props: {
-                    list: {
-                        onItemAdd: () => { },
-                        details: {}
-                    },
-                    search: {
-                        filters: [],
-                        onFilterChange: () => { },
-                        onSearchChange: () => { },
-                        value: ''
-                    },
-                    codeEditorHandle: {
-                        current: {
-                            getValue: () => {
-                                return undefined;
-                            },
-                            insertText: (text) => {
-                                console.log(text);
-                            }
-                        }
-                    }
-                }
-            }
-        }}/>
-
-      
-      {ruleConfigDialogTarget && ruleState && ruleState.props?.selectedRule && (<FormDialog target={ruleConfigDialogTarget} heading={ruleState.props?.selectedRule.name} onCancel={() => {
-                setRuleConfigDialogTarget(undefined);
-            }} onSubmit={() => {
-                setRuleConfigDialogTarget(undefined);
-            }}>
-          <Flex container={{ direction: 'column', gap: 2 }}>
-            <Input label='Config field 1'/>
-            <Input label='Config field 2'/>
-            <Input label='Config field 3'/>
-          </Flex>
-        </FormDialog>)}
-    </ThemeOverride>);
-};
-//# sourceMappingURL=DynamicInput.stories.jsx.map

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

@@ -1 +0,0 @@
-{"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,22 +0,0 @@
-import { type Dispatch, type SetStateAction } from 'react';
-import { type FieldReferenceInputProps, type FieldReferenceMenuItem, type Field, type FieldReferenceMenuProps, type FieldReferenceDisplayProps } from '@pega/cosmos-react-build';
-export declare const actions: FieldReferenceDisplayProps['actions'];
-export declare const link: FieldReferenceDisplayProps['link'];
-export declare const fieldPaths: Record<string, Field[]>;
-interface FieldReferenceHookReturn {
-    parentItem: FieldReferenceMenuProps['parentItem'];
-    menuLoading: FieldReferenceMenuProps['loading'];
-    itemsToRender: FieldReferenceMenuItem[];
-    altContexts: FieldReferenceMenuProps['altContexts'];
-    currentContext: FieldReferenceMenuProps['currentContext'];
-    handleAltContextClick: FieldReferenceInputProps['onAltContextClick'];
-    selected: FieldReferenceInputProps['selected'];
-    handleSelectedChange: FieldReferenceInputProps['onSelectedChange'];
-    filterValue: FieldReferenceInputProps['filterValue'];
-    setFilterValue: FieldReferenceInputProps['onFilterChange'];
-    setMenuLoading: Dispatch<SetStateAction<boolean>>;
-    setItemsShown: Dispatch<SetStateAction<number>>;
-}
-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 +0,0 @@
-{"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"}