@pega/cosmos-react-demos 8.0.0-build.9.0 → 8.0.0

package/jsx/build/Expression/useMockExpression.js

@@ -0,0 +1,321 @@
+import { useState, useMemo, useRef, useEffect, useCallback, Component } from 'react';
+import { action } from '@storybook/addon-actions';
+import { menuHelpers, useEvent, debounce } from '@pega/cosmos-react-core';
+import { items, getFilterRegex, suggestedRuleType, getSuggestedFunction, getScopeFromPosition, inLineErrorsMocks, suggestedFields } from '../ExpressionBuilder/ExpressionBuilder.mocks';
+import { mockSuggestionList } from './Expression.mocks';
+const inputParamChange = 'Input param change';
+export default function useMockExpression({ inLineError = 'single', showExpressionBuilderErrorBanner, expShowErrors }) {
+    const [showModal, setShowModal] = useState(false);
+    const [selectedId, setSelectedId] = useState();
+    const [showSuggestions, setShowSuggestions] = useState(false);
+    const [suggestionList, setSuggestionList] = useState([]);
+    const [inputValue, setInputValue] = useState('');
+    const [expBuilderInputValue, setExpBuilderInputValue] = useState('');
+    const [expressionItems, setExpressionItems] = useState([]);
+    const [expressionDetails, setExpressionDetails] = useState({});
+    const [isExpBuilderLoading, setIsExpBuilderLoading] = useState(false);
+    const [searchFilter, setSearchFilter] = useState('');
+    const [searchValue, setSearchValue] = useState('');
+    const filterRegex = useMemo(() => getFilterRegex(searchValue), [searchValue]);
+    const [errors, setErrors] = useState('');
+    const handle = useRef(null);
+    const expressionRef = useRef(null);
+    const [loading, setLoading] = useState(false);
+    const [inLineErrors, setInLineErrors] = useState();
+    const [expBuilderErrorBanner, setExpBuilderErrorBanner] = useState();
+    const [expressionDetailsValues, setExpressionDetailsValues] = useState({});
+    const detailsFilter = (location, filterValue) => location.find(field => field.value.toLowerCase().includes(filterValue));
+    const openExpBuilderModal = async () => {
+        setShowModal(true);
+    };
+    async function mockApiCall() {
+        return new Promise(resolve => {
+            setTimeout(() => {
+                resolve();
+            }, 1000);
+        });
+    }
+    useEffect(() => {
+        if (showModal) {
+            setIsExpBuilderLoading(true);
+            mockApiCall().then(() => {
+                setExpressionItems(items);
+                setIsExpBuilderLoading(false);
+            });
+        }
+    }, [showModal, items]);
+    useEffect(() => {
+        if (inLineErrorsMocks?.length && inLineError && expShowErrors) {
+            const inLineErrorList = inLineErrorsMocks.slice(0, inLineError === 'single' ? 1 : inLineErrorsMocks.length);
+            setInLineErrors(inLineErrorList);
+            const messages = [];
+            inLineErrorList.forEach(item => messages.push(...item.messages));
+            setErrors(messages.join(', '));
+        }
+        else {
+            setInLineErrors([]);
+            setErrors('');
+        }
+    }, [inLineError, expShowErrors]);
+    useEffect(() => {
+        if (inLineErrorsMocks?.length && showExpressionBuilderErrorBanner) {
+            const messages = [];
+            inLineErrorsMocks.forEach(item => messages.push(...item.messages));
+            setExpBuilderErrorBanner({
+                variant: 'urgent',
+                messages,
+                onDismiss: () => {
+                    setExpBuilderErrorBanner(undefined);
+                }
+            });
+        }
+        else {
+            setExpBuilderErrorBanner(undefined);
+        }
+    }, [showExpressionBuilderErrorBanner]);
+    useEffect(() => {
+        const lowerSearchFilter = searchFilter.toLowerCase();
+        const lowerSearchValue = searchValue.toLowerCase();
+        const filteredItems = items.filter(item => {
+            return (item.type.toLowerCase().includes(lowerSearchFilter === 'all' ? '' : lowerSearchFilter) &&
+                (item.primary.toLowerCase().includes(lowerSearchValue) ||
+                    detailsFilter(item.details.primary, lowerSearchValue) ||
+                    detailsFilter(item.details.output, lowerSearchValue)));
+        });
+        const matchedItems = filteredItems.map(item => {
+            if (item.primary.toLowerCase().includes(lowerSearchValue)) {
+                return item;
+            }
+            let matchedField;
+            const primaryField = detailsFilter(item.details.primary, lowerSearchValue);
+            if (primaryField) {
+                matchedField = primaryField;
+            }
+            const outputField = detailsFilter(item.details.output, lowerSearchValue);
+            if (outputField && !primaryField) {
+                matchedField = outputField;
+            }
+            return {
+                ...item,
+                matchedField: { name: matchedField?.field, value: matchedField?.value }
+            };
+        });
+        setExpressionItems(matchedItems);
+    }, [searchValue, searchFilter]);
+    useEffect(() => {
+        if (showModal) {
+            setExpBuilderInputValue(handle.current?.getExpression() ?? '');
+        }
+    }, [showModal]);
+    const onInputParamChange = (id, field, value) => {
+        action(inputParamChange)(id, field, value);
+    };
+    const expressionSubmitHandler = useCallback(({ close }) => {
+        if (!errors && !expBuilderErrorBanner) {
+            setShowModal(false);
+            setInputValue(expBuilderInputValue);
+            close();
+        }
+    }, [errors, expBuilderErrorBanner, expBuilderInputValue]);
+    const expressionCancelHandler = ({ close }) => {
+        setShowModal(false);
+        close?.();
+    };
+    const expBuilderFilterChangeHandler = (value) => {
+        setSearchFilter(value);
+    };
+    const expBuilderSearchChangeHandler = (value) => {
+        setSearchValue(value);
+    };
+    const onItemAdd = (id, addExpression) => {
+        const item = items.find(instance => instance.id === id);
+        if (!item) {
+            return;
+        }
+        if (item.type.toLowerCase() === 'field') {
+            addExpression(item.expression);
+        }
+        else {
+            addExpression(`${item.expression.slice(0, item.expression.length - 1)}${expressionDetailsValues[item.id]
+                ? Object.keys(expressionDetailsValues[item.id])
+                    .map(field => `${expressionDetailsValues[item.id][field]}`)
+                    .join(', ')
+                : ''})`);
+        }
+    };
+    const onItemExpand = (id) => {
+        action('onItemExpand')(id);
+        const itemDetails = expressionItems.find(item => item.id === id)?.details;
+        const fieldValueMapper = ({ field, value }) => {
+            return {
+                id: `${id}-${field}`,
+                name: field,
+                value
+            };
+        };
+        if (itemDetails) {
+            const primary = itemDetails.primary.map(fieldValueMapper);
+            const outputParams = itemDetails.output?.map(fieldValueMapper);
+            const inputParams = itemDetails.input?.map(({ id: fieldId, field, type }) => {
+                const inputParam = {
+                    id: `${id}-${fieldId}`,
+                    renderer: Component,
+                    rendererProps: {
+                        label: field,
+                        onChange: (e) => onInputParamChange(id, fieldId, e.target.value),
+                        type: type
+                    }
+                };
+                return inputParam;
+            });
+            setExpressionDetails((prev) => {
+                return {
+                    ...prev,
+                    [id]: {
+                        primary,
+                        outputParams,
+                        inputParams
+                    }
+                };
+            });
+        }
+    };
+    const onItemCollapse = (id) => {
+        action('onItemCollapse')(id);
+        setTimeout(() => {
+            setExpressionDetails((prev) => {
+                const newExpressionDetails = { ...prev };
+                delete newExpressionDetails[id];
+                return newExpressionDetails;
+            });
+        }, 500);
+        setExpressionDetailsValues(prev => {
+            const newValues = { ...prev };
+            delete newValues[id];
+            return newValues;
+        });
+    };
+    const expressionChangeHandler = useRef(debounce(expression => {
+        if (expression.includes('undefined')) {
+            setErrors('Correct the invalid expression, expression cannot contain "undefined" ');
+        }
+        else {
+            setExpBuilderInputValue(expression);
+            setErrors('');
+        }
+    }, 600)).current;
+    const fetchSuggestions = (autoCompleteTrigger, cursorPosition) => {
+        action('cursorPosition')(cursorPosition);
+        if (autoCompleteTrigger === '@') {
+            setLoading(true);
+            return new Promise(resolve => {
+                setTimeout(() => {
+                    setLoading(false);
+                    resolve(suggestedRuleType);
+                }, 1000);
+            });
+        }
+        if (autoCompleteTrigger === ':') {
+            const scope = getScopeFromPosition(cursorPosition, autoCompleteTrigger, handle.current?.getExpression() ?? '').split('@')[0];
+            const suggestedFunctions = getSuggestedFunction(scope);
+            setLoading(true);
+            return new Promise(resolve => {
+                setTimeout(() => {
+                    setLoading(false);
+                    resolve(suggestedFunctions);
+                }, 1000);
+            });
+        }
+        setLoading(true);
+        return new Promise(resolve => {
+            setTimeout(() => {
+                setLoading(false);
+                resolve(suggestedFields);
+            }, 1000);
+        });
+    };
+    const suggestionItemClickHandler = (id) => {
+        let valueSelected = suggestionList?.find(item => item.id === id)?.key || '';
+        valueSelected = !inputValue.endsWith('.')
+            ? `${inputValue}.${valueSelected}`
+            : `${inputValue}${valueSelected}`;
+        setSelectedId(id);
+        setInputValue(valueSelected);
+        setShowSuggestions(false);
+        setSuggestionList([]);
+    };
+    const suggestionItemsToRender = useMemo(() => {
+        let newItems = suggestionList;
+        newItems = menuHelpers.mapTree(newItems, item => ({
+            ...item,
+            selected: selectedId ? selectedId === item.id : undefined
+        }));
+        return newItems;
+    }, [suggestionList, selectedId]);
+    const inputKeydownHandler = async (e) => {
+        if ((e.key === '.' || e.key === 'ArrowDown') && !showSuggestions) {
+            setSuggestionList([]);
+            await mockApiCall().then(() => {
+                setSuggestionList(mockSuggestionList);
+                setShowSuggestions(true);
+            });
+        }
+        else if (showSuggestions && e.key === 'Escape') {
+            setSelectedId(undefined);
+            setShowSuggestions(false);
+        }
+    };
+    const inputChangeHandler = (e) => {
+        setInputValue(e.target.value);
+        setSelectedId(undefined);
+    };
+    const handleClickOutside = (event) => {
+        if (expressionRef.current?.getPopOverRef() &&
+            event.target instanceof Node &&
+            !expressionRef.current.getPopOverRef()?.contains(event.target)) {
+            setShowSuggestions(false);
+        }
+    };
+    useEvent('click', handleClickOutside);
+    const resetExpression = () => {
+        setInputValue('');
+    };
+    return {
+        showExpBuilderModal: showModal,
+        setShowExpBuilderModal: setShowModal,
+        openExpBuilderModal,
+        showSuggestions,
+        suggestionList,
+        inputValue,
+        expBuilderInputValue,
+        expressionItems,
+        expressionDetails,
+        isExpBuilderLoading,
+        searchFilter,
+        setSearchFilter,
+        filterRegex,
+        searchValue,
+        setSearchValue,
+        errors,
+        handle,
+        expressionRef,
+        loading,
+        inLineErrors,
+        expBuilderErrorBanner,
+        expressionSubmitHandler,
+        expressionCancelHandler,
+        onItemAdd,
+        onItemExpand,
+        onItemCollapse,
+        expressionChangeHandler,
+        fetchSuggestions,
+        suggestionItemsToRender,
+        inputKeydownHandler,
+        inputChangeHandler,
+        expBuilderFilterChangeHandler,
+        expBuilderSearchChangeHandler,
+        suggestionItemClickHandler,
+        resetExpression
+    };
+}
+//# sourceMappingURL=useMockExpression.js.map

package/jsx/build/Expression/useMockExpression.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMockExpression.js","sourceRoot":"","sources":["../../../src/build/Expression/useMockExpression.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  useState,\n  useMemo,\n  useRef,\n  useEffect,\n  useCallback,\n  type ChangeEvent,\n  Component\n} from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { menuHelpers, useEvent, debounce } from '@pega/cosmos-react-core';\nimport type { InputProps, ForwardProps, MenuItemProps } from '@pega/cosmos-react-core';\nimport type {\n  ExpressionBuilderWrapperProps,\n  ExpressionRefInterface,\n  ExpressionItemProps,\n  ExpressionBuilderProps,\n  HandleValue,\n  InputParams,\n  AutoCompleteTriggerChar,\n  CursorPosition\n} from '@pega/cosmos-react-build';\n\nimport {\n  items,\n  getFilterRegex,\n  suggestedRuleType,\n  getSuggestedFunction,\n  getScopeFromPosition,\n  inLineErrorsMocks,\n  suggestedFields\n} from '../ExpressionBuilder/ExpressionBuilder.mocks';\n\nimport { mockSuggestionList } from './Expression.mocks';\n\nconst inputParamChange = 'Input param change';\n\nexport default function useMockExpression({\n  inLineError = 'single',\n  showExpressionBuilderErrorBanner,\n  expShowErrors\n}: {\n  inLineError?: string;\n  showExpressionBuilderErrorBanner?: boolean;\n  expShowErrors?: boolean;\n}) {\n  type SuggestionItemProps = MenuItemProps & { key?: string };\n  const [showModal, setShowModal] = useState(false);\n  const [selectedId, setSelectedId] = useState<MenuItemProps['id']>();\n  const [showSuggestions, setShowSuggestions] = useState(false);\n  const [suggestionList, setSuggestionList] = useState<SuggestionItemProps[]>([]);\n  const [inputValue, setInputValue] = useState('');\n  const [expBuilderInputValue, setExpBuilderInputValue] = useState('');\n  const [expressionItems, setExpressionItems] = useState<typeof items>([]);\n  const [expressionDetails, setExpressionDetails] = useState<\n    ExpressionBuilderProps['list']['details']\n  >({});\n  const [isExpBuilderLoading, setIsExpBuilderLoading] = useState(false);\n  const [searchFilter, setSearchFilter] = useState('');\n  const [searchValue, setSearchValue] = useState('');\n  const filterRegex = useMemo(() => getFilterRegex(searchValue), [searchValue]);\n  const [errors, setErrors] = useState('');\n  const handle = useRef<HandleValue>(null);\n  const expressionRef = useRef<ExpressionRefInterface>(null);\n  const [loading, setLoading] = useState(false);\n  const [inLineErrors, setInLineErrors] = useState<ExpressionBuilderWrapperProps['inLineErrors']>();\n  const [expBuilderErrorBanner, setExpBuilderErrorBanner] =\n    useState<ExpressionBuilderWrapperProps['expBuilderErrorBanner']>();\n  const [expressionDetailsValues, setExpressionDetailsValues] = useState<{\n    [id: string]: {\n      [field: string]: any;\n    };\n  }>({});\n\n  const detailsFilter = (location: { field: string; value: string }[], filterValue: string) =>\n    location.find(field => field.value.toLowerCase().includes(filterValue));\n\n  const openExpBuilderModal = async () => {\n    setShowModal(true);\n  };\n\n  async function mockApiCall() {\n    return new Promise<void>(resolve => {\n      setTimeout(() => {\n        resolve();\n      }, 1000);\n    });\n  }\n\n  useEffect(() => {\n    if (showModal) {\n      setIsExpBuilderLoading(true);\n      mockApiCall().then(() => {\n        setExpressionItems(items);\n        setIsExpBuilderLoading(false);\n      });\n    }\n  }, [showModal, items]);\n\n  useEffect(() => {\n    if (inLineErrorsMocks?.length && inLineError && expShowErrors) {\n      const inLineErrorList = inLineErrorsMocks.slice(\n        0,\n        inLineError === 'single' ? 1 : inLineErrorsMocks.length\n      );\n      setInLineErrors(inLineErrorList);\n      const messages: string[] = [];\n      inLineErrorList.forEach(item => messages.push(...item.messages));\n      setErrors(messages.join(', '));\n    } else {\n      setInLineErrors([]);\n      setErrors('');\n    }\n  }, [inLineError, expShowErrors]);\n\n  useEffect(() => {\n    if (inLineErrorsMocks?.length && showExpressionBuilderErrorBanner) {\n      const messages: string[] = [];\n      inLineErrorsMocks.forEach(item => messages.push(...item.messages));\n      setExpBuilderErrorBanner({\n        variant: 'urgent',\n        messages,\n        onDismiss: () => {\n          setExpBuilderErrorBanner(undefined);\n        }\n      });\n    } else {\n      setExpBuilderErrorBanner(undefined);\n    }\n  }, [showExpressionBuilderErrorBanner]);\n\n  useEffect(() => {\n    const lowerSearchFilter = searchFilter.toLowerCase();\n    const lowerSearchValue = searchValue.toLowerCase();\n    const filteredItems = items.filter(item => {\n      return (\n        item.type.toLowerCase().includes(lowerSearchFilter === 'all' ? '' : lowerSearchFilter) &&\n        (item.primary.toLowerCase().includes(lowerSearchValue) ||\n          detailsFilter(item.details.primary, lowerSearchValue) ||\n          detailsFilter(item.details.output, lowerSearchValue))\n      );\n    });\n\n    const matchedItems = filteredItems.map(item => {\n      if (item.primary.toLowerCase().includes(lowerSearchValue)) {\n        return item;\n      }\n\n      let matchedField;\n\n      const primaryField = detailsFilter(item.details.primary, lowerSearchValue);\n      if (primaryField) {\n        matchedField = primaryField;\n      }\n\n      const outputField = detailsFilter(item.details.output, lowerSearchValue);\n      if (outputField && !primaryField) {\n        matchedField = outputField;\n      }\n\n      return {\n        ...item,\n        matchedField: { name: matchedField?.field, value: matchedField?.value }\n      };\n    });\n\n    setExpressionItems(matchedItems);\n  }, [searchValue, searchFilter]);\n\n  useEffect(() => {\n    if (showModal) {\n      setExpBuilderInputValue(handle.current?.getExpression() ?? '');\n    }\n  }, [showModal]);\n\n  const onInputParamChange = (id: string, field: string, value: any) => {\n    action(inputParamChange)(id, field, value);\n  };\n\n  const expressionSubmitHandler = useCallback(\n    ({ close }: { close: () => void }) => {\n      if (!errors && !expBuilderErrorBanner) {\n        setShowModal(false);\n        setInputValue(expBuilderInputValue);\n        close();\n      }\n    },\n    [errors, expBuilderErrorBanner, expBuilderInputValue]\n  );\n\n  const expressionCancelHandler = ({ close }: { close?: () => void }) => {\n    setShowModal(false);\n    close?.();\n  };\n\n  const expBuilderFilterChangeHandler = (value: string) => {\n    setSearchFilter(value);\n  };\n\n  const expBuilderSearchChangeHandler = (value: string) => {\n    setSearchValue(value);\n  };\n\n  const onItemAdd = (\n    id: ExpressionItemProps['id'],\n    addExpression: (expression: string) => void\n  ) => {\n    const item = items.find(instance => instance.id === id);\n    if (!item) {\n      return;\n    }\n    if (item.type.toLowerCase() === 'field') {\n      addExpression(item.expression);\n    } else {\n      addExpression(\n        `${item.expression.slice(0, item.expression.length - 1)}${\n          expressionDetailsValues[item.id]\n            ? Object.keys(expressionDetailsValues[item.id])\n                .map(field => `${expressionDetailsValues[item.id][field]}`)\n                .join(', ')\n            : ''\n        })`\n      );\n    }\n  };\n\n  const onItemExpand = (id: string) => {\n    action('onItemExpand')(id);\n    const itemDetails = expressionItems.find(item => item.id === id)?.details;\n\n    const fieldValueMapper = ({ field, value }: { field: string; value: string }) => {\n      return {\n        id: `${id}-${field}`,\n        name: field,\n        value\n      };\n    };\n\n    if (itemDetails) {\n      const primary = itemDetails.primary.map(fieldValueMapper);\n\n      const outputParams = itemDetails.output?.map(fieldValueMapper);\n\n      const inputParams = itemDetails.input?.map(({ id: fieldId, field, type }) => {\n        const inputParam: InputParams<InputProps & ForwardProps> = {\n          id: `${id}-${fieldId}`,\n          renderer: Component,\n          rendererProps: {\n            label: field,\n            onChange: (e: ChangeEvent<HTMLInputElement>) =>\n              onInputParamChange(id, fieldId, e.target.value),\n            type: type as InputProps['type']\n          }\n        };\n        return inputParam;\n      });\n\n      setExpressionDetails((prev: ExpressionBuilderProps['list']['details']) => {\n        return {\n          ...prev,\n          [id]: {\n            primary,\n            outputParams,\n            inputParams\n          }\n        };\n      });\n    }\n  };\n\n  const onItemCollapse = (id: string) => {\n    action('onItemCollapse')(id);\n    setTimeout(() => {\n      setExpressionDetails((prev: ExpressionBuilderProps['list']['details']) => {\n        const newExpressionDetails = { ...prev };\n        delete newExpressionDetails[id];\n        return newExpressionDetails;\n      });\n    }, 500);\n\n    setExpressionDetailsValues(prev => {\n      const newValues = { ...prev };\n      delete newValues[id];\n      return newValues;\n    });\n  };\n\n  const expressionChangeHandler = useRef(\n    debounce(expression => {\n      if (expression.includes('undefined')) {\n        setErrors('Correct the invalid expression, expression cannot contain \"undefined\" ');\n      } else {\n        setExpBuilderInputValue(expression);\n        setErrors('');\n      }\n    }, 600)\n  ).current;\n\n  const fetchSuggestions: ExpressionBuilderProps['fetchSuggestions'] = (\n    autoCompleteTrigger: AutoCompleteTriggerChar,\n    cursorPosition: CursorPosition\n  ) => {\n    action('cursorPosition')(cursorPosition);\n    if (autoCompleteTrigger === '@') {\n      setLoading(true);\n      return new Promise(resolve => {\n        setTimeout(() => {\n          setLoading(false);\n          resolve(suggestedRuleType);\n        }, 1000);\n      });\n    }\n    if (autoCompleteTrigger === ':') {\n      const scope = getScopeFromPosition(\n        cursorPosition,\n        autoCompleteTrigger,\n        handle.current?.getExpression() ?? ''\n      ).split('@')[0];\n      const suggestedFunctions = getSuggestedFunction(scope);\n\n      setLoading(true);\n      return new Promise(resolve => {\n        setTimeout(() => {\n          setLoading(false);\n          resolve(suggestedFunctions);\n        }, 1000);\n      });\n    }\n    setLoading(true);\n    return new Promise(resolve => {\n      setTimeout(() => {\n        setLoading(false);\n        resolve(suggestedFields);\n      }, 1000);\n    });\n  };\n\n  const suggestionItemClickHandler = (id: MenuItemProps['id']) => {\n    let valueSelected = suggestionList?.find(item => item.id === id)?.key || '';\n    valueSelected = !inputValue.endsWith('.')\n      ? `${inputValue}.${valueSelected}`\n      : `${inputValue}${valueSelected}`;\n    setSelectedId(id);\n    setInputValue(valueSelected);\n    setShowSuggestions(false);\n    setSuggestionList([]);\n  };\n\n  const suggestionItemsToRender = useMemo(() => {\n    let newItems = suggestionList;\n    newItems = menuHelpers.mapTree(newItems, item => ({\n      ...item,\n      selected: selectedId ? selectedId === item.id : undefined\n    })) as MenuItemProps[];\n    return newItems;\n  }, [suggestionList, selectedId]);\n\n  const inputKeydownHandler = async (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if ((e.key === '.' || e.key === 'ArrowDown') && !showSuggestions) {\n      setSuggestionList([]);\n      await mockApiCall().then(() => {\n        setSuggestionList(mockSuggestionList);\n        setShowSuggestions(true);\n      });\n    } else if (showSuggestions && e.key === 'Escape') {\n      setSelectedId(undefined);\n      setShowSuggestions(false);\n    }\n  };\n\n  const inputChangeHandler = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setInputValue(e.target.value);\n    setSelectedId(undefined);\n  };\n\n  const handleClickOutside = (event: Event) => {\n    if (\n      expressionRef.current?.getPopOverRef() &&\n      event.target instanceof Node &&\n      !expressionRef.current.getPopOverRef()?.contains(event.target)\n    ) {\n      setShowSuggestions(false);\n    }\n  };\n\n  useEvent('click', handleClickOutside);\n\n  const resetExpression = () => {\n    setInputValue('');\n  };\n\n  return {\n    showExpBuilderModal: showModal,\n    setShowExpBuilderModal: setShowModal,\n    openExpBuilderModal,\n    showSuggestions,\n    suggestionList,\n    inputValue,\n    expBuilderInputValue,\n    expressionItems,\n    expressionDetails,\n    isExpBuilderLoading,\n    searchFilter,\n    setSearchFilter,\n    filterRegex,\n    searchValue,\n    setSearchValue,\n    errors,\n    handle,\n    expressionRef,\n    loading,\n    inLineErrors,\n    expBuilderErrorBanner,\n    expressionSubmitHandler,\n    expressionCancelHandler,\n    onItemAdd,\n    onItemExpand,\n    onItemCollapse,\n    expressionChangeHandler,\n    fetchSuggestions,\n    suggestionItemsToRender,\n    inputKeydownHandler,\n    inputChangeHandler,\n    expBuilderFilterChangeHandler,\n    expBuilderSearchChangeHandler,\n    suggestionItemClickHandler,\n    resetExpression\n  };\n}\n"]}

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

@@ -0,0 +1,59 @@
+import type { AutoCompleteTriggerChar, CursorPosition, ExpressionBuilderProps } from '@pega/cosmos-react-build';
+export declare const getFilterRegex: (inputValue: string) => RegExp;
+export declare const errors = "Error message 1. Some unrealistic error message. Server unreachable. Check your network connection and try again";
+export declare const items: ({
+    id: string;
+    testId: string;
+    primary: string;
+    type: string;
+    expression: string;
+    details: {
+        primary: {
+            field: string;
+            value: string;
+        }[];
+        output: {
+            field: string;
+            value: string;
+        }[];
+        input: {
+            id: string;
+            field: string;
+            type: string;
+        }[];
+    };
+} | {
+    id: string;
+    testId: string;
+    primary: string;
+    type: string;
+    expression: string;
+    details: {
+        primary: {
+            field: string;
+            value: string;
+        }[];
+        output: {
+            field: string;
+            value: string;
+        }[];
+        input?: undefined;
+    };
+})[];
+export declare const suggestedFields: {
+    primary: string;
+    id: string;
+    secondary: string[];
+}[];
+export declare const getScopeFromPosition: (cursorPosition: CursorPosition, autoCompleteTrigger: AutoCompleteTriggerChar, value: string) => string;
+export declare const getSuggestedFunction: (scope: string) => {
+    primary: string;
+    id: string;
+    secondary: string[];
+}[];
+export declare const suggestedRuleType: {
+    primary: string;
+    id: string;
+}[];
+export declare const inLineErrorsMocks: ExpressionBuilderProps['inLineErrors'];
+//# sourceMappingURL=ExpressionBuilder.mocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilder.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/ExpressionBuilder/ExpressionBuilder.mocks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,uBAAuB,EACvB,cAAc,EACd,sBAAsB,EACvB,MAAM,0BAA0B,CAAC;AAElC,eAAO,MAAM,cAAc,eAAgB,MAAM,WAEhD,CAAC;AAEF,eAAO,MAAM,MAAM,qHACiG,CAAC;AAErH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8ejB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;GAMvB,CAAC;AAEN,eAAO,MAAM,oBAAoB,mBACf,cAAc,uBACT,uBAAuB,SACrC,MAAM,KACZ,MAuBF,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAW,MAAM;;;;GAyBjD,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;GAK7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,sBAAsB,CAAC,cAAc,CAWpE,CAAC"}