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

package/lib/components/BackgroundPicker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/BackgroundPicker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,aAAa,EACb,mBAAmB,EAIpB,MAAM,0BAA0B,CAAC;AAElC;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,UACrB,MAAM,wBACS,cAAc,EAAE,KACrC,cAAc,GAAG,SAoBnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,WAAW,MAAM,KAAQ,eAc9D,CAAC;AAiHF;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,SAAU,mBAAmB,CAAC,MAAM,CAAC,SAAS,MAAM,gDASxF,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,cAAc,EAQtD,CAAC"}

package/lib/components/BackgroundPicker/utils.js

@@ -0,0 +1,186 @@
+import { parseConicGradient, parseLinearGradient, parseRadialGradient } from 'css-gradient-parser';
+/**
+ * Returns appropriate background type based on value.
+ * @param value - CSS background value string.
+ * @param supportedBackgrounds - List of supported backgrounds.
+ * @returns Appropriate background type based on value.
+ */
+export const getBackgroundType = (value, supportedBackgrounds) => {
+    let bgType;
+    if (value.includes('url')) {
+        bgType = 'image';
+    }
+    else if (value.includes('linear-gradient')) {
+        bgType = 'linear-gradient';
+    }
+    else if (value.includes('radial-gradient')) {
+        bgType = 'radial-gradient';
+    }
+    else if (value.includes('conic-gradient')) {
+        bgType = 'conic-gradient';
+    }
+    else if (value.includes('transparent')) {
+        bgType = 'transparent';
+    }
+    else if (value === 'auto') {
+        bgType = 'automatic';
+    }
+    else {
+        bgType = 'solid-color';
+    }
+    return supportedBackgrounds.includes(bgType) ? bgType : undefined;
+};
+/**
+ * Returns appropriate background image data based on value.
+ * @param value - CSS background string.
+ * @returns Appropriate background image data based on value.
+ */
+export const getBackgroundImageDetails = (value = '') => {
+    const urlMatch = value.match(/url\((['"]?)(.*?)\1\)/);
+    const positionMatch = value.match(/\b(center|top left|top right|bottom right|bottom left|top|right|bottom|left|\d+%|\d+px)\b/);
+    const sizeMatch = value.match(/\/\s*(auto|cover|contain|\d+px|\d+%)\b/);
+    const repeatMatch = value.match(/\b(no-repeat|repeat-x|repeat-y|repeat|space|round)\b/);
+    return {
+        url: urlMatch ? urlMatch[2] : '',
+        backgroundPosition: (positionMatch ? positionMatch[0] : 'center'),
+        backgroundSize: (sizeMatch ? sizeMatch[1] : 'auto'),
+        backgroundRepeat: (repeatMatch ? repeatMatch[0] : 'repeat')
+    };
+};
+/**
+ * Returns parsed linear gradient data based on value.
+ * @param value - CSS background value.
+ * @returns Parsed linear gradient data.
+ */
+const getParsedLinearGradient = (value) => {
+    const defaultResult = {
+        orientation: {
+            type: 'angular',
+            value: {
+                value: '90',
+                unit: 'deg'
+            }
+        },
+        repeating: false,
+        stops: [
+            {
+                color: '#A2BAE4',
+                offset: {
+                    value: '0',
+                    unit: '%'
+                }
+            },
+            {
+                color: '#FFFEFF',
+                offset: {
+                    value: '100',
+                    unit: '%'
+                }
+            }
+        ]
+    };
+    try {
+        return parseLinearGradient(value);
+    }
+    catch {
+        return defaultResult;
+    }
+};
+/**
+ * Returns parsed conic gradient data based on value.
+ * @param value - CSS background value.
+ * @returns Parsed conic gradient data.
+ */
+const getParsedConicGradient = (value) => {
+    const defaultResult = {
+        angle: '90deg',
+        position: 'center',
+        repeating: false,
+        stops: [
+            {
+                color: '#A2BAE4',
+                offset: {
+                    value: '0',
+                    unit: '%'
+                }
+            },
+            {
+                color: '#FFFEFF',
+                offset: {
+                    value: '100',
+                    unit: '%'
+                }
+            }
+        ]
+    };
+    try {
+        return parseConicGradient(value);
+    }
+    catch {
+        return defaultResult;
+    }
+};
+/**
+ * Returns radial gradient data based on value.
+ * @param value - CSS background value.
+ * @returns Parsed radial gradient data.
+ */
+const getParsedRadialGradient = (value) => {
+    const defaultResult = {
+        position: {
+            x: { type: 'keyword', value: 'center' },
+            y: { type: 'keyword', value: 'center' }
+        },
+        repeating: false,
+        shape: 'ellipse',
+        size: [{ type: 'keyword', value: 'farthest-corner' }],
+        stops: [
+            {
+                color: '#A2BAE4',
+                offset: {
+                    value: '0',
+                    unit: '%'
+                }
+            },
+            {
+                color: '#FFFEFF',
+                offset: {
+                    value: '100',
+                    unit: '%'
+                }
+            }
+        ]
+    };
+    try {
+        return parseRadialGradient(value);
+    }
+    catch {
+        return defaultResult;
+    }
+};
+/**
+ * Returns appropriate gradient data based on gradient type and value.
+ * @param type - Gradient type.
+ * @param value - CSS background value
+ * @returns Appropriate gradient data based on gradient type and value.
+ */
+export const getParsedGradientDetails = (type, value) => {
+    switch (type) {
+        case 'radial-gradient':
+            return getParsedRadialGradient(value);
+        case 'conic-gradient':
+            return getParsedConicGradient(value);
+        default:
+            return getParsedLinearGradient(value);
+    }
+};
+export const supportedBackgroundOptions = [
+    'automatic',
+    'transparent',
+    'solid-color',
+    'image',
+    'linear-gradient',
+    'radial-gradient',
+    'conic-gradient'
+];
+//# sourceMappingURL=utils.js.map

package/lib/components/BackgroundPicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/BackgroundPicker/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  parseConicGradient,\n  parseLinearGradient,\n  parseRadialGradient,\n  type LinearResult,\n  type RadialResult\n} from 'css-gradient-parser';\n\nimport type {\n  BackgroundImage,\n  BackgroundType,\n  ConicGradient,\n  GradientConfigProps,\n  Position,\n  Repeat,\n  Size\n} from './BackgroundPicker.types';\n\n/**\n * Returns appropriate background type based on value.\n * @param value - CSS background value string.\n * @param supportedBackgrounds - List of supported backgrounds.\n * @returns Appropriate background type based on value.\n */\nexport const getBackgroundType = (\n  value: string,\n  supportedBackgrounds: BackgroundType[]\n): BackgroundType | undefined => {\n  let bgType: BackgroundType;\n\n  if (value.includes('url')) {\n    bgType = 'image';\n  } else if (value.includes('linear-gradient')) {\n    bgType = 'linear-gradient';\n  } else if (value.includes('radial-gradient')) {\n    bgType = 'radial-gradient';\n  } else if (value.includes('conic-gradient')) {\n    bgType = 'conic-gradient';\n  } else if (value.includes('transparent')) {\n    bgType = 'transparent';\n  } else if (value === 'auto') {\n    bgType = 'automatic';\n  } else {\n    bgType = 'solid-color';\n  }\n\n  return supportedBackgrounds.includes(bgType) ? bgType : undefined;\n};\n\n/**\n * Returns appropriate background image data based on value.\n * @param value - CSS background string.\n * @returns Appropriate background image data based on value.\n */\nexport const getBackgroundImageDetails = (value: string = ''): BackgroundImage => {\n  const urlMatch = value.match(/url\\((['\"]?)(.*?)\\1\\)/);\n  const positionMatch = value.match(\n    /\\b(center|top left|top right|bottom right|bottom left|top|right|bottom|left|\\d+%|\\d+px)\\b/\n  );\n  const sizeMatch = value.match(/\\/\\s*(auto|cover|contain|\\d+px|\\d+%)\\b/);\n  const repeatMatch = value.match(/\\b(no-repeat|repeat-x|repeat-y|repeat|space|round)\\b/);\n\n  return {\n    url: urlMatch ? urlMatch[2] : '',\n    backgroundPosition: (positionMatch ? positionMatch[0] : 'center') as Position,\n    backgroundSize: (sizeMatch ? sizeMatch[1] : 'auto') as Size,\n    backgroundRepeat: (repeatMatch ? repeatMatch[0] : 'repeat') as Repeat\n  };\n};\n\n/**\n * Returns parsed linear gradient data based on value.\n * @param value - CSS background value.\n * @returns Parsed linear gradient data.\n */\nconst getParsedLinearGradient = (value: string) => {\n  const defaultResult: LinearResult = {\n    orientation: {\n      type: 'angular',\n      value: {\n        value: '90',\n        unit: 'deg'\n      }\n    },\n    repeating: false,\n    stops: [\n      {\n        color: '#A2BAE4',\n        offset: {\n          value: '0',\n          unit: '%'\n        }\n      },\n      {\n        color: '#FFFEFF',\n        offset: {\n          value: '100',\n          unit: '%'\n        }\n      }\n    ]\n  };\n  try {\n    return parseLinearGradient(value);\n  } catch {\n    return defaultResult;\n  }\n};\n\n/**\n * Returns parsed conic gradient data based on value.\n * @param value - CSS background value.\n * @returns Parsed conic gradient data.\n */\nconst getParsedConicGradient = (value: string) => {\n  const defaultResult: ConicGradient = {\n    angle: '90deg',\n    position: 'center',\n    repeating: false,\n    stops: [\n      {\n        color: '#A2BAE4',\n        offset: {\n          value: '0',\n          unit: '%'\n        }\n      },\n      {\n        color: '#FFFEFF',\n        offset: {\n          value: '100',\n          unit: '%'\n        }\n      }\n    ]\n  };\n  try {\n    return parseConicGradient(value);\n  } catch {\n    return defaultResult;\n  }\n};\n\n/**\n * Returns radial gradient data based on value.\n * @param value - CSS background value.\n * @returns Parsed radial gradient data.\n */\nconst getParsedRadialGradient = (value: string) => {\n  const defaultResult: RadialResult = {\n    position: {\n      x: { type: 'keyword', value: 'center' },\n      y: { type: 'keyword', value: 'center' }\n    },\n    repeating: false,\n    shape: 'ellipse',\n    size: [{ type: 'keyword', value: 'farthest-corner' }],\n    stops: [\n      {\n        color: '#A2BAE4',\n        offset: {\n          value: '0',\n          unit: '%'\n        }\n      },\n      {\n        color: '#FFFEFF',\n        offset: {\n          value: '100',\n          unit: '%'\n        }\n      }\n    ]\n  };\n  try {\n    return parseRadialGradient(value);\n  } catch {\n    return defaultResult;\n  }\n};\n\n/**\n * Returns appropriate gradient data based on gradient type and value.\n * @param type - Gradient type.\n * @param value - CSS background value\n * @returns Appropriate gradient data based on gradient type and value.\n */\nexport const getParsedGradientDetails = (type: GradientConfigProps['type'], value: string) => {\n  switch (type) {\n    case 'radial-gradient':\n      return getParsedRadialGradient(value);\n    case 'conic-gradient':\n      return getParsedConicGradient(value);\n    default:\n      return getParsedLinearGradient(value);\n  }\n};\n\nexport const supportedBackgroundOptions: BackgroundType[] = [\n  'automatic',\n  'transparent',\n  'solid-color',\n  'image',\n  'linear-gradient',\n  'radial-gradient',\n  'conic-gradient'\n];\n"]}

package/lib/components/DynamicContentEditor/DynamicContentEditor.d.ts

@@ -1,10 +1,9 @@
-import type { FunctionComponent } from 'react';
-import type { ForwardProps } from '@pega/cosmos-react-core';
+import type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';
 import type { DynamicContentEditorProps } from './DynamicContentEditor.types';
 export declare const StyledSearchPopover: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     offset?: number;
     portal?: boolean;
 }, never>;
-declare const DynamicContentEditor: FunctionComponent<DynamicContentEditorProps & ForwardProps>;
+declare const DynamicContentEditor: ForwardRefForwardPropsComponent<DynamicContentEditorProps>;
 export default DynamicContentEditor;
 //# sourceMappingURL=DynamicContentEditor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicContentEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicContentEditor/DynamicContentEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,OAAO,CAAC;AAmBhE,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,yBAAyB,EAAY,MAAM,8BAA8B,CAAC;AAOxF,eAAO,MAAM,mBAAmB;;;SAE/B,CAAC;AAIF,QAAA,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,yBAAyB,GAAG,YAAY,CAyTlF,CAAC;AAEL,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"DynamicContentEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicContentEditor/DynamicContentEditor.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,+BAA+B,EAIhC,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,yBAAyB,EAAY,MAAM,8BAA8B,CAAC;AAOxF,eAAO,MAAM,mBAAmB;;;SAE/B,CAAC;AAIF,QAAA,MAAM,oBAAoB,EAAE,+BAA+B,CAAC,yBAAyB,CA0TpF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/components/DynamicContentEditor/DynamicContentEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicContentEditor.js","sourceRoot":"","sources":["../../../src/components/DynamicContentEditor/DynamicContentEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useRef, useEffect, useState } from 'react';\nimport type { FunctionComponent, PropsWithoutRef } from 'react';\nimport styled from 'styled-components';\nimport type { Bookmark, Editor as TinyMCEEditor, EditorSelection } from 'tinymce';\n\nimport { Editor } from '@pega/cosmos-react-rte';\nimport type { EditorProps } from '@pega/cosmos-react-rte';\nimport {\n  Button,\n  defaultThemeProp,\n  Menu,\n  menuHelpers,\n  Modal,\n  Popover,\n  StyledPopover,\n  useModalManager,\n  useConsolidatedRef,\n  useI18n,\n  useUID\n} from '@pega/cosmos-react-core';\nimport type {\n  ForwardProps,\n  MenuProps,\n  ModalMethods,\n  PropsWithDefaults\n} from '@pega/cosmos-react-core';\nimport { getKeyCommand } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/Toolbar/utils';\n\nimport type { DynamicContentEditorProps, ItemType } from './DynamicContentEditor.types';\nimport { pegaReferenceElementStyle, createPegaReferenceElement } from './PegaCustomElement';\n\ntype DynamicContentEditorPropsWithDefaults = PropsWithDefaults<DynamicContentEditorProps>;\n\nconst StyledDynamicContentEditor = styled.div<DynamicContentEditorPropsWithDefaults>``;\n\nexport const StyledSearchPopover = styled(StyledPopover)`\n  min-width: 20rem;\n`;\n\nStyledDynamicContentEditor.defaultProps = defaultThemeProp;\n\nconst DynamicContentEditor: FunctionComponent<DynamicContentEditorProps & ForwardProps> =\n  forwardRef(function DynamicContentEditor(\n    {\n      form: { dynamicContentPicker, onSubmit },\n      onActiveFieldChange,\n      label,\n      toolbar,\n      fieldItems,\n      defaultValue,\n      onBlur,\n      ...restProps\n    }: PropsWithoutRef<DynamicContentEditorProps>,\n    ref: DynamicContentEditorProps['ref']\n  ) {\n    const menuID = useUID();\n    const { create } = useModalManager();\n    const t = useI18n();\n\n    const modalMethods = useRef<ModalMethods>();\n    const [editor, setEditor] = useState<TinyMCEEditor | undefined>();\n    const [bookmark, setBookmark] = useState<Bookmark | undefined>();\n    const [fieldMenuItems, setFieldMenuItems] = useState<MenuProps['items']>(fieldItems || []);\n    const [currentElementId, setCurrentElementId] = useState('');\n    const [currentElementContent, setCurrentElementContent] = useState('');\n    const [currentCursorPosition, setCurrentCursorPosition] = useState({\n      bottom: 0,\n      height: 0,\n      left: 0,\n      right: 0,\n      top: 0,\n      width: 0,\n      x: 0,\n      y: 0,\n      toJSON: () => {}\n    });\n    const [showFieldsPopover, setShowFieldsPopover] = useState<boolean>(false);\n\n    const fieldPopoverRef = useRef<HTMLDivElement>(null);\n    const editorRef = useConsolidatedRef(ref);\n\n    const tooltip = getKeyCommand(\n      navigator.appVersion.includes('Mac'),\n      ({ ctrl }) => `${t('rte_insert_field')} (${ctrl}/)`\n    );\n\n    const insertField = (field: ItemType) => {\n      if (!editor) return;\n\n      const fieldContent = `<pega-reference role=\"button\" contenteditable=\"false\" data-rule-type='field' data-rule-id=${field.id}>${field.text}</pega-reference>`;\n      if (bookmark) {\n        editor.selection.moveToBookmark(bookmark);\n        editor.selection.setContent(fieldContent);\n      } else {\n        editor.insertContent(fieldContent);\n      }\n\n      modalMethods.current?.dismiss();\n    };\n\n    const modalProps = {\n      children: dynamicContentPicker,\n      heading: t('rte_insert_field'),\n      actions: (\n        <>\n          <Button variant='secondary' onClick={() => modalMethods.current?.dismiss()}>\n            {t('cancel')}\n          </Button>\n          <Button variant='primary' onClick={() => onSubmit(insertField)}>\n            {t('submit')}\n          </Button>\n        </>\n      ),\n      center: true,\n      onAfterClose: () => {\n        setBookmark(undefined);\n        setCurrentElementId('');\n        setCurrentElementContent('');\n        onActiveFieldChange({ id: '', text: '' });\n      },\n      onBeforeOpen: () => {\n        if (currentElementId) {\n          onActiveFieldChange({ id: currentElementId, text: currentElementContent });\n        }\n      }\n    };\n\n    const findAndRenameField = (fieldId: string) => {\n      if (!editor || !fieldMenuItems) return;\n\n      const selectedRange = editor.selection.getRng();\n      const endOffset = selectedRange.endOffset;\n      const stringToSearch = selectedRange.commonAncestorContainer.nodeValue?.slice(0, endOffset);\n      if (stringToSearch === undefined) return;\n\n      const splitSearch = stringToSearch.split(' ');\n      const fieldString = splitSearch[splitSearch.length - 1];\n      const range = editor.getDoc().createRange();\n\n      const startPos = stringToSearch.lastIndexOf(fieldString);\n      const endPos = startPos + fieldString.length;\n      range.setStart(selectedRange.commonAncestorContainer, startPos);\n      range.setEnd(selectedRange.commonAncestorContainer, endPos);\n      editor.getDoc().getSelection()?.removeAllRanges();\n      editor.getDoc().getSelection()?.addRange(range);\n\n      const selectedField = menuHelpers.getItem(fieldMenuItems, fieldId);\n      if (selectedField) {\n        editor.selection.setContent(\n          `<pega-reference role=\"button\" contenteditable=\"false\" data-rule-type=\"field\" data-rule-id=\".${selectedField.id}\">${selectedField.primary}</pega-reference>`\n        );\n        setShowFieldsPopover(false);\n      }\n    };\n\n    const hidePopover = () => {\n      if (fieldPopoverRef) setShowFieldsPopover(false);\n    };\n\n    const filterFieldMenu = (searchString: string) => {\n      setShowFieldsPopover(true);\n      setFieldMenuItems(fieldItems || []);\n      if (/\\s/.test(searchString)) {\n        setShowFieldsPopover(false);\n        return;\n      }\n      if (searchString && fieldMenuItems) {\n        const newFieldMenuItems: MenuProps['items'] = menuHelpers\n          .flatten(fieldMenuItems)\n          .filter(({ primary }) =>\n            primary.toLowerCase().startsWith(searchString.toLocaleLowerCase())\n          );\n        if (newFieldMenuItems) {\n          setShowFieldsPopover(true);\n          setFieldMenuItems(newFieldMenuItems);\n        } else setShowFieldsPopover(false);\n      }\n    };\n\n    const updateBookmarkAndCurrentElement = (editorSelection: EditorSelection) => {\n      const targetEl = editorSelection.getNode() as HTMLElement;\n      const fieldId = targetEl.getAttribute('data-rule-id');\n      const fieldValue = targetEl.innerText;\n      setBookmark(editorSelection.getBookmark());\n      setCurrentElementId(fieldId || '');\n      setCurrentElementContent(fieldValue);\n    };\n\n    const handleElementClick = ({ target }: MouseEvent) => {\n      if (editor && target && (target as HTMLElement).tagName === 'PEGA-REFERENCE') {\n        updateBookmarkAndCurrentElement(editor.selection);\n      }\n      hidePopover();\n    };\n\n    const onInsertField = (incEditor: TinyMCEEditor) => {\n      const targetEl = incEditor.selection.getNode();\n      if (targetEl.tagName === 'PEGA-REFERENCE') {\n        updateBookmarkAndCurrentElement(incEditor.selection);\n      } else {\n        modalMethods.current = create(Modal, modalProps);\n      }\n    };\n\n    const isPegaRefActive = (incEditor: TinyMCEEditor) => {\n      const targetEl = incEditor.selection.getNode();\n      return targetEl.tagName === 'PEGA-REFERENCE';\n    };\n\n    const fieldSelectionPopover = (\n      <Popover\n        show={showFieldsPopover}\n        strategy='fixed'\n        ref={fieldPopoverRef}\n        target={{\n          getBoundingClientRect() {\n            return currentCursorPosition;\n          }\n        }}\n        modifiers={[\n          {\n            name: 'offset',\n            options: {\n              offset: () => {\n                const iframe = editorRef.current?.element?.querySelector('iframe');\n                const iframeRect = iframe?.getBoundingClientRect();\n                const x = iframeRect?.x ?? 0;\n                const y = iframeRect?.y ?? 0;\n                return [x, y] satisfies [number, number];\n              }\n            }\n          }\n        ]}\n        placement='bottom-start'\n      >\n        {fieldMenuItems && (\n          <Menu\n            id={menuID}\n            items={fieldMenuItems}\n            as={StyledSearchPopover}\n            focusControlEl={editor?.getBody() || undefined}\n            mode='action'\n            onItemClick={findAndRenameField}\n            variant='drill-down'\n          />\n        )}\n      </Popover>\n    );\n\n    useEffect(() => {\n      if (currentElementId && currentElementContent)\n        modalMethods.current = create(Modal, modalProps);\n    }, [currentElementId, currentElementContent]);\n\n    useEffect(() => {\n      editor?.getDoc().addEventListener('click', handleElementClick);\n      return () => {\n        editor?.getDoc().removeEventListener('click', handleElementClick);\n      };\n    }, [editor, editorRef.current]);\n\n    useEffect(() => {\n      if (modalMethods.current) {\n        modalMethods.current.update(modalProps);\n      }\n    }, [modalProps]);\n\n    const onEditorChange: EditorProps['onChange'] = (formEditor?: TinyMCEEditor) => {\n      if (formEditor) {\n        const targetEl = formEditor.selection.getBoundingClientRect();\n        const { left = 0, top = 0 } = targetEl ?? {};\n        setCurrentCursorPosition({\n          ...formEditor.selection.getBoundingClientRect(),\n          x: left,\n          y: top,\n          toJSON: () => {}\n        });\n\n        if (formEditor.selection.isCollapsed()) {\n          // get the full line string\n          const selectedRange = formEditor.selection.getRng();\n          const endOffset = selectedRange.endOffset;\n          const stringToSearch = selectedRange.commonAncestorContainer.nodeValue?.slice(\n            0,\n            endOffset\n          );\n          const fieldString = stringToSearch?.split(' ')[stringToSearch.split(' ').length - 1];\n          if (\n            fieldString?.startsWith('@') &&\n            fieldString.indexOf('@') === fieldString.lastIndexOf('@')\n          ) {\n            filterFieldMenu(fieldString.slice(1));\n          } else setShowFieldsPopover(false);\n        }\n      }\n    };\n\n    const onKeyDown: EditorProps['onKeyDown'] = event => {\n      if (\n        (event?.key === 'Enter' ||\n          event?.key === 'ArrowLeft' ||\n          event?.key === 'ArrowRight' ||\n          event?.key === 'ArrowDown' ||\n          event?.key === 'ArrowUp') &&\n        !!fieldPopoverRef.current\n      ) {\n        event?.preventDefault();\n      }\n      if (event?.key === 'Escape' && !!fieldPopoverRef.current) {\n        hidePopover();\n      }\n    };\n\n    return (\n      <Editor\n        ref={editorRef}\n        {...restProps}\n        label={label}\n        toolbar={toolbar}\n        customComponents={[\n          {\n            createCustomElement: createPegaReferenceElement,\n            name: 'pega-reference',\n            extensionAttributes: ['contenteditable'],\n            style: pegaReferenceElementStyle\n          }\n        ]}\n        customActions={[\n          {\n            icon: 'code',\n            text: tooltip,\n            onMouseDown: () => {\n              modalMethods.current = create(Modal, modalProps);\n            },\n            active: isPegaRefActive,\n            shortcut: {\n              pattern: 'meta+191',\n              description: tooltip,\n              command: onInsertField\n            }\n          }\n        ]}\n        onInit={setEditor}\n        onChange={onEditorChange}\n        onBlur={() => {\n          onBlur?.();\n          hidePopover();\n        }}\n        onKeyDown={onKeyDown}\n        defaultValue={defaultValue}\n      >\n        {fieldSelectionPopover}\n      </Editor>\n    );\n  });\n\nexport default DynamicContentEditor;\n"]}
+{"version":3,"file":"DynamicContentEditor.js","sourceRoot":"","sources":["../../../src/components/DynamicContentEditor/DynamicContentEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useRef, useEffect, useState } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled from 'styled-components';\nimport type { Bookmark, Editor as TinyMCEEditor, EditorSelection } from 'tinymce';\n\nimport { Editor } from '@pega/cosmos-react-rte';\nimport type { EditorProps } from '@pega/cosmos-react-rte';\nimport {\n  Button,\n  defaultThemeProp,\n  Menu,\n  menuHelpers,\n  Modal,\n  Popover,\n  StyledPopover,\n  useModalManager,\n  useConsolidatedRef,\n  useI18n,\n  useUID\n} from '@pega/cosmos-react-core';\nimport type {\n  ForwardRefForwardPropsComponent,\n  MenuProps,\n  ModalMethods,\n  PropsWithDefaults\n} from '@pega/cosmos-react-core';\nimport { getKeyCommand } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/Toolbar/utils';\n\nimport type { DynamicContentEditorProps, ItemType } from './DynamicContentEditor.types';\nimport { pegaReferenceElementStyle, createPegaReferenceElement } from './PegaCustomElement';\n\ntype DynamicContentEditorPropsWithDefaults = PropsWithDefaults<DynamicContentEditorProps>;\n\nconst StyledDynamicContentEditor = styled.div<DynamicContentEditorPropsWithDefaults>``;\n\nexport const StyledSearchPopover = styled(StyledPopover)`\n  min-width: 20rem;\n`;\n\nStyledDynamicContentEditor.defaultProps = defaultThemeProp;\n\nconst DynamicContentEditor: ForwardRefForwardPropsComponent<DynamicContentEditorProps> = forwardRef(\n  function DynamicContentEditor(\n    {\n      form: { dynamicContentPicker, onSubmit },\n      onActiveFieldChange,\n      label,\n      toolbar,\n      fieldItems,\n      defaultValue,\n      onBlur,\n      ...restProps\n    }: PropsWithoutRef<DynamicContentEditorProps>,\n    ref: DynamicContentEditorProps['ref']\n  ) {\n    const menuID = useUID();\n    const { create } = useModalManager();\n    const t = useI18n();\n\n    const modalMethods = useRef<ModalMethods>();\n    const [editor, setEditor] = useState<TinyMCEEditor | undefined>();\n    const [bookmark, setBookmark] = useState<Bookmark | undefined>();\n    const [fieldMenuItems, setFieldMenuItems] = useState<MenuProps['items']>(fieldItems || []);\n    const [currentElementId, setCurrentElementId] = useState('');\n    const [currentElementContent, setCurrentElementContent] = useState('');\n    const [currentCursorPosition, setCurrentCursorPosition] = useState({\n      bottom: 0,\n      height: 0,\n      left: 0,\n      right: 0,\n      top: 0,\n      width: 0,\n      x: 0,\n      y: 0,\n      toJSON: () => {}\n    });\n    const [showFieldsPopover, setShowFieldsPopover] = useState<boolean>(false);\n\n    const fieldPopoverRef = useRef<HTMLDivElement>(null);\n    const editorRef = useConsolidatedRef(ref);\n\n    const tooltip = getKeyCommand(\n      navigator.appVersion.includes('Mac'),\n      ({ ctrl }) => `${t('rte_insert_field')} (${ctrl}/)`\n    );\n\n    const insertField = (field: ItemType) => {\n      if (!editor) return;\n\n      const fieldContent = `<pega-reference role=\"button\" contenteditable=\"false\" data-rule-type='field' data-rule-id=${field.id}>${field.text}</pega-reference>`;\n      if (bookmark) {\n        editor.selection.moveToBookmark(bookmark);\n        editor.selection.setContent(fieldContent);\n      } else {\n        editor.insertContent(fieldContent);\n      }\n\n      modalMethods.current?.dismiss();\n    };\n\n    const modalProps = {\n      children: dynamicContentPicker,\n      heading: t('rte_insert_field'),\n      actions: (\n        <>\n          <Button variant='secondary' onClick={() => modalMethods.current?.dismiss()}>\n            {t('cancel')}\n          </Button>\n          <Button variant='primary' onClick={() => onSubmit(insertField)}>\n            {t('submit')}\n          </Button>\n        </>\n      ),\n      center: true,\n      onAfterClose: () => {\n        setBookmark(undefined);\n        setCurrentElementId('');\n        setCurrentElementContent('');\n        onActiveFieldChange({ id: '', text: '' });\n      },\n      onBeforeOpen: () => {\n        if (currentElementId) {\n          onActiveFieldChange({ id: currentElementId, text: currentElementContent });\n        }\n      }\n    };\n\n    const findAndRenameField = (fieldId: string) => {\n      if (!editor || !fieldMenuItems) return;\n\n      const selectedRange = editor.selection.getRng();\n      const endOffset = selectedRange.endOffset;\n      const stringToSearch = selectedRange.commonAncestorContainer.nodeValue?.slice(0, endOffset);\n      if (stringToSearch === undefined) return;\n\n      const splitSearch = stringToSearch.split(' ');\n      const fieldString = splitSearch[splitSearch.length - 1];\n      const range = editor.getDoc().createRange();\n\n      const startPos = stringToSearch.lastIndexOf(fieldString);\n      const endPos = startPos + fieldString.length;\n      range.setStart(selectedRange.commonAncestorContainer, startPos);\n      range.setEnd(selectedRange.commonAncestorContainer, endPos);\n      editor.getDoc().getSelection()?.removeAllRanges();\n      editor.getDoc().getSelection()?.addRange(range);\n\n      const selectedField = menuHelpers.getItem(fieldMenuItems, fieldId);\n      if (selectedField) {\n        editor.selection.setContent(\n          `<pega-reference role=\"button\" contenteditable=\"false\" data-rule-type=\"field\" data-rule-id=\".${selectedField.id}\">${selectedField.primary}</pega-reference>`\n        );\n        setShowFieldsPopover(false);\n      }\n    };\n\n    const hidePopover = () => {\n      if (fieldPopoverRef) setShowFieldsPopover(false);\n    };\n\n    const filterFieldMenu = (searchString: string) => {\n      setShowFieldsPopover(true);\n      setFieldMenuItems(fieldItems || []);\n      if (/\\s/.test(searchString)) {\n        setShowFieldsPopover(false);\n        return;\n      }\n      if (searchString && fieldMenuItems) {\n        const newFieldMenuItems: MenuProps['items'] = menuHelpers\n          .flatten(fieldMenuItems)\n          .filter(({ primary }) =>\n            primary.toLowerCase().startsWith(searchString.toLocaleLowerCase())\n          );\n        if (newFieldMenuItems) {\n          setShowFieldsPopover(true);\n          setFieldMenuItems(newFieldMenuItems);\n        } else setShowFieldsPopover(false);\n      }\n    };\n\n    const updateBookmarkAndCurrentElement = (editorSelection: EditorSelection) => {\n      const targetEl = editorSelection.getNode() as HTMLElement;\n      const fieldId = targetEl.getAttribute('data-rule-id');\n      const fieldValue = targetEl.innerText;\n      setBookmark(editorSelection.getBookmark());\n      setCurrentElementId(fieldId || '');\n      setCurrentElementContent(fieldValue);\n    };\n\n    const handleElementClick = ({ target }: MouseEvent) => {\n      if (editor && target && (target as HTMLElement).tagName === 'PEGA-REFERENCE') {\n        updateBookmarkAndCurrentElement(editor.selection);\n      }\n      hidePopover();\n    };\n\n    const onInsertField = (incEditor: TinyMCEEditor) => {\n      const targetEl = incEditor.selection.getNode();\n      if (targetEl.tagName === 'PEGA-REFERENCE') {\n        updateBookmarkAndCurrentElement(incEditor.selection);\n      } else {\n        modalMethods.current = create(Modal, modalProps);\n      }\n    };\n\n    const isPegaRefActive = (incEditor: TinyMCEEditor) => {\n      const targetEl = incEditor.selection.getNode();\n      return targetEl.tagName === 'PEGA-REFERENCE';\n    };\n\n    const fieldSelectionPopover = (\n      <Popover\n        show={showFieldsPopover}\n        strategy='fixed'\n        ref={fieldPopoverRef}\n        target={{\n          getBoundingClientRect() {\n            return currentCursorPosition;\n          }\n        }}\n        modifiers={[\n          {\n            name: 'offset',\n            options: {\n              offset: () => {\n                const iframe = editorRef.current?.element?.querySelector('iframe');\n                const iframeRect = iframe?.getBoundingClientRect();\n                const x = iframeRect?.x ?? 0;\n                const y = iframeRect?.y ?? 0;\n                return [x, y] satisfies [number, number];\n              }\n            }\n          }\n        ]}\n        placement='bottom-start'\n      >\n        {fieldMenuItems && (\n          <Menu\n            id={menuID}\n            items={fieldMenuItems}\n            as={StyledSearchPopover}\n            focusControlEl={editor?.getBody() || undefined}\n            mode='action'\n            onItemClick={findAndRenameField}\n            variant='drill-down'\n          />\n        )}\n      </Popover>\n    );\n\n    useEffect(() => {\n      if (currentElementId && currentElementContent)\n        modalMethods.current = create(Modal, modalProps);\n    }, [currentElementId, currentElementContent]);\n\n    useEffect(() => {\n      editor?.getDoc().addEventListener('click', handleElementClick);\n      return () => {\n        editor?.getDoc().removeEventListener('click', handleElementClick);\n      };\n    }, [editor, editorRef.current]);\n\n    useEffect(() => {\n      if (modalMethods.current) {\n        modalMethods.current.update(modalProps);\n      }\n    }, [modalProps]);\n\n    const onEditorChange: EditorProps['onChange'] = (formEditor?: TinyMCEEditor) => {\n      if (formEditor) {\n        const targetEl = formEditor.selection.getBoundingClientRect();\n        const { left = 0, top = 0 } = targetEl ?? {};\n        setCurrentCursorPosition({\n          ...formEditor.selection.getBoundingClientRect(),\n          x: left,\n          y: top,\n          toJSON: () => {}\n        });\n\n        if (formEditor.selection.isCollapsed()) {\n          // get the full line string\n          const selectedRange = formEditor.selection.getRng();\n          const endOffset = selectedRange.endOffset;\n          const stringToSearch = selectedRange.commonAncestorContainer.nodeValue?.slice(\n            0,\n            endOffset\n          );\n          const fieldString = stringToSearch?.split(' ')[stringToSearch.split(' ').length - 1];\n          if (\n            fieldString?.startsWith('@') &&\n            fieldString.indexOf('@') === fieldString.lastIndexOf('@')\n          ) {\n            filterFieldMenu(fieldString.slice(1));\n          } else setShowFieldsPopover(false);\n        }\n      }\n    };\n\n    const onKeyDown: EditorProps['onKeyDown'] = event => {\n      if (\n        (event?.key === 'Enter' ||\n          event?.key === 'ArrowLeft' ||\n          event?.key === 'ArrowRight' ||\n          event?.key === 'ArrowDown' ||\n          event?.key === 'ArrowUp') &&\n        !!fieldPopoverRef.current\n      ) {\n        event?.preventDefault();\n      }\n      if (event?.key === 'Escape' && !!fieldPopoverRef.current) {\n        hidePopover();\n      }\n    };\n\n    return (\n      <Editor\n        ref={editorRef}\n        {...restProps}\n        label={label}\n        toolbar={toolbar}\n        customComponents={[\n          {\n            createCustomElement: createPegaReferenceElement,\n            name: 'pega-reference',\n            extensionAttributes: ['contenteditable'],\n            style: pegaReferenceElementStyle\n          }\n        ]}\n        customActions={[\n          {\n            icon: 'code',\n            text: tooltip,\n            onMouseDown: () => {\n              modalMethods.current = create(Modal, modalProps);\n            },\n            active: isPegaRefActive,\n            shortcut: {\n              pattern: 'meta+191',\n              description: tooltip,\n              command: onInsertField\n            }\n          }\n        ]}\n        onInit={setEditor}\n        onChange={onEditorChange}\n        onBlur={() => {\n          onBlur?.();\n          hidePopover();\n        }}\n        onKeyDown={onKeyDown}\n        defaultValue={defaultValue}\n      >\n        {fieldSelectionPopover}\n      </Editor>\n    );\n  }\n);\n\nexport default DynamicContentEditor;\n"]}

package/lib/components/DynamicInput/BooleanControl.d.ts

@@ -1,9 +1,7 @@
 import type { FC } from 'react';
-import type { ConstantProps } from './DynamicInput.types';
-type BooleanControlProps = Pick<ConstantProps, 'booleanLabels' | 'value' | 'onChange'> & {
-    id: string;
-    required?: boolean;
-};
+import type { ComboBoxProps } from '@pega/cosmos-react-core';
+import type { ConstantBooleanConfig } from './DynamicInput.types';
+type BooleanControlProps = ConstantBooleanConfig['props'] & Pick<ComboBoxProps, 'required'>;
 declare const BooleanControl: FC<BooleanControlProps>;
 export default BooleanControl;
 //# sourceMappingURL=BooleanControl.d.ts.map

package/lib/components/DynamicInput/BooleanControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanControl.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicInput/BooleanControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,KAAK,mBAAmB,GAAG,IAAI,CAAC,aAAa,EAAE,eAAe,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IACvF,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAqC3C,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BooleanControl.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicInput/BooleanControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,KAAK,mBAAmB,GAAG,qBAAqB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AAE5F,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAqC3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/DynamicInput/BooleanControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanControl.js","sourceRoot":"","sources":["../../../src/components/DynamicInput/BooleanControl.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAS5D,MAAM,cAAc,GAA4B,CAAC,EAC/C,aAAa,EACb,KAAK,EACL,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,GAAG,SAAS,EACQ,EAAE,EAAE;IACxB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,SAAS,GACb,aAAa,KAAK,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzF,MAAM,KAAK,GAAG;QACZ,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,KAAK,IAAI,EAAE;QAC/D,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE;KACzD,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,OACH,SAAS,EACb,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,EAAE,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;gBAC9C,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO;aAC3D;SACF,EACD,IAAI,EAAE;YACJ,IAAI,EAAE,eAAe;YACrB,KAAK;YACL,WAAW,EAAE,MAAM,CAAC,EAAE;gBACpB,QAAQ,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC;YAC9B,CAAC;SACF,EACD,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import type { FC } from 'react';\n\nimport { ComboBox, useI18n } from '@pega/cosmos-react-core';\n\nimport type { ConstantProps } from './DynamicInput.types';\n\ntype BooleanControlProps = Pick<ConstantProps, 'booleanLabels' | 'value' | 'onChange'> & {\n  id: string;\n  required?: boolean;\n};\n\nconst BooleanControl: FC<BooleanControlProps> = ({\n  booleanLabels,\n  value,\n  onChange,\n  id,\n  required,\n  ...restProps\n}: BooleanControlProps) => {\n  const t = useI18n();\n  const primaries =\n    booleanLabels === 'always|never' ? [t('always'), t('never')] : [t('true'), t('false')];\n\n  const items = [\n    { id: 'true', primary: primaries[0], selected: value === true },\n    { id: 'false', primary: primaries[1], selected: !value }\n  ];\n\n  return (\n    <ComboBox\n      {...restProps}\n      selected={{\n        items: {\n          id: value === true ? items[0].id : items[1].id,\n          text: value === true ? items[0].primary : items[1].primary\n        }\n      }}\n      menu={{\n        mode: 'single-select',\n        items,\n        onItemClick: itemId => {\n          onChange(itemId === 'true');\n        }\n      }}\n      id={id}\n      required={required}\n    />\n  );\n};\n\nexport default BooleanControl;\n"]}
+{"version":3,"file":"BooleanControl.js","sourceRoot":"","sources":["../../../src/components/DynamicInput/BooleanControl.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAM5D,MAAM,cAAc,GAA4B,CAAC,EAC/C,aAAa,EACb,KAAK,EACL,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,GAAG,SAAS,EACQ,EAAE,EAAE;IACxB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,SAAS,GACb,aAAa,KAAK,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzF,MAAM,KAAK,GAAG;QACZ,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,KAAK,IAAI,EAAE;QAC/D,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE;KACzD,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,OACH,SAAS,EACb,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,EAAE,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;gBAC9C,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO;aAC3D;SACF,EACD,IAAI,EAAE;YACJ,IAAI,EAAE,eAAe;YACrB,KAAK;YACL,WAAW,EAAE,MAAM,CAAC,EAAE;gBACpB,QAAQ,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC;YAC9B,CAAC;SACF,EACD,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import type { FC } from 'react';\n\nimport type { ComboBoxProps } from '@pega/cosmos-react-core';\nimport { ComboBox, useI18n } from '@pega/cosmos-react-core';\n\nimport type { ConstantBooleanConfig } from './DynamicInput.types';\n\ntype BooleanControlProps = ConstantBooleanConfig['props'] & Pick<ComboBoxProps, 'required'>;\n\nconst BooleanControl: FC<BooleanControlProps> = ({\n  booleanLabels,\n  value,\n  onChange,\n  id,\n  required,\n  ...restProps\n}: BooleanControlProps) => {\n  const t = useI18n();\n  const primaries =\n    booleanLabels === 'always|never' ? [t('always'), t('never')] : [t('true'), t('false')];\n\n  const items = [\n    { id: 'true', primary: primaries[0], selected: value === true },\n    { id: 'false', primary: primaries[1], selected: !value }\n  ];\n\n  return (\n    <ComboBox\n      {...restProps}\n      selected={{\n        items: {\n          id: value === true ? items[0].id : items[1].id,\n          text: value === true ? items[0].primary : items[1].primary\n        }\n      }}\n      menu={{\n        mode: 'single-select',\n        items,\n        onItemClick: itemId => {\n          onChange(itemId === 'true');\n        }\n      }}\n      id={id}\n      required={required}\n    />\n  );\n};\n\nexport default BooleanControl;\n"]}

package/lib/components/DynamicInput/DynamicInput.d.ts

@@ -1,6 +1,5 @@
-import type { FC } from 'react';
 import type { DynamicInputProps } from './DynamicInput.types';
-declare const _default: FC<DynamicInputProps> & {
+declare const _default: import("react").ForwardRefExoticComponent<Omit<DynamicInputProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
     getTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["field", "menu", "control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicInput.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicInput/DynamicInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAe,EAAE,EAAmB,MAAM,OAAO,CAAC;AAwB9D,OAAO,KAAK,EAAE,iBAAiB,EAAU,MAAM,sBAAsB,CAAC;;;;AAkRtE,wBAAiE"}
+{"version":3,"file":"DynamicInput.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicInput/DynamicInput.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,iBAAiB,EAAU,MAAM,sBAAsB,CAAC;;;;AAsRtE,wBAAiE"}

package/lib/components/DynamicInput/DynamicInput.js

@@ -8,7 +8,7 @@ import BooleanControl from './BooleanControl';
 import SourceButton from './SourceButton';
 import { getCurrentSource, getSourceIcon } from './utils';
 import { getDynamicInputTestIds } from './DynamicInput.test-ids';
-const DynamicInput = forwardRef(({ testId, label: labelProp, sources, onSourceChange, controls, required, ...restProps }, ref) => {
+const DynamicInput = forwardRef(({ testId, label: labelProp, sources, onSourceChange, controls, required, hideSourceButton, ...restProps }, ref) => {
     const testIds = useTestIds(testId, getDynamicInputTestIds);
     const inputUid = useUID();
     const t = useI18n();
@@ -32,39 +32,39 @@ const DynamicInput = forwardRef(({ testId, label: labelProp, sources, onSourceCh
     let control = _jsx(_Fragment, { children: null });
     if (currentSource === 'Constant' && controls.constant) {
         const { format, props } = controls.constant;
-        const { value, onChange, booleanLabels } = props;
+        const { value } = props;
         // Note: This is just a typeguard for the value prop.
         if (typeof value === 'string' || value === undefined) {
             if (format === 'Text') {
-                control = (_jsx(Input, { "data-testid": testIds.control, id: inputUid, value: value, onChange: (e) => {
-                        onChange(e.target.value);
+                control = (_jsx(Input, { ...props, "data-testid": testIds.control, id: inputUid, onChange: (e) => {
+                        props.onChange(e.target.value);
                     }, required: required }));
             }
             if (format === 'Text (paragraph)') {
-                control = (_jsx(TextArea, { "data-testid": testIds.control, id: inputUid, value: value, onChange: (e) => {
-                        onChange(e.target.value);
+                control = (_jsx(TextArea, { ...props, "data-testid": testIds.control, id: inputUid, onChange: (e) => {
+                        props.onChange(e.target.value);
                     }, required: required }));
             }
             if (format === 'Currency') {
-                control = (_jsx(CurrencyInput, { "data-testid": testIds.control, id: inputUid, value: value, onChange: onChange, required: required }));
+                control = (_jsx(CurrencyInput, { ...props, "data-testid": testIds.control, id: inputUid, required: required }));
             }
             if (format === 'Percentage') {
-                control = (_jsx(NumberInput, { "data-testid": testIds.control, id: inputUid, value: value, onChange: onChange, showGroupSeparators: false, numberOfDecimals: undefined, required: required }));
+                control = (_jsx(NumberInput, { ...props, "data-testid": testIds.control, id: inputUid, showGroupSeparators: false, numberOfDecimals: undefined, unit: 'percent', required: required }));
             }
             if (format === 'Integer') {
-                control = (_jsx(NumberInput, { "data-testid": testIds.control, id: inputUid, value: value, onChange: onChange, showGroupSeparators: false, 
+                control = (_jsx(NumberInput, { ...props, "data-testid": testIds.control, id: inputUid, showGroupSeparators: false, 
                     // Note: Getting single occurrence of callback when '.' is entered w/o showDecimal = false.
                     showDecimal: false, required: required }));
             }
             if (format === 'Decimal') {
-                control = (_jsx(NumberInput, { "data-testid": testIds.control, id: inputUid, value: value, onChange: onChange, required: required }));
+                control = (_jsx(NumberInput, { ...props, "data-testid": testIds.control, id: inputUid, required: required }));
             }
             if (format === 'Phone') {
-                control = (_jsx(PhoneInput, { "data-testid": testIds.control, id: inputUid, value: value, onChange: onChange, required: required, showCountryCode: true }));
+                control = (_jsx(PhoneInput, { ...props, "data-testid": testIds.control, id: inputUid, required: required, showCountryCode: true }));
             }
         }
         if (format === 'Boolean') {
-            control = (_jsx(BooleanControl, { "data-testid": testIds.control, id: inputUid, booleanLabels: booleanLabels, value: value, onChange: onChange, required: required }));
+            control = (_jsx(BooleanControl, { ...props, "data-testid": testIds.control, id: inputUid, required: required }));
         }
         // Note: This is just a typeguard for the value prop.
         if (typeof value === 'string' ||
@@ -72,13 +72,13 @@ const DynamicInput = forwardRef(({ testId, label: labelProp, sources, onSourceCh
             value instanceof Date ||
             value === undefined) {
             if (format === 'DateTime') {
-                control = (_jsx(DateTimeInput, { "data-testid": testIds.control, id: inputUid, value: value, required: required }));
+                control = (_jsx(DateTimeInput, { ...props, "data-testid": testIds.control, id: inputUid, required: required }));
             }
             if (format === 'Date') {
-                control = _jsx(DateInput, { "data-testid": testIds.control, id: inputUid, required: required });
+                control = (_jsx(DateInput, { ...props, "data-testid": testIds.control, id: inputUid, required: required }));
             }
             if (format === 'Time') {
-                control = _jsx(TimeInput, { "data-testid": testIds.control, id: inputUid, required: required });
+                control = (_jsx(TimeInput, { ...props, "data-testid": testIds.control, id: inputUid, required: required }));
             }
         }
     }
@@ -93,24 +93,24 @@ const DynamicInput = forwardRef(({ testId, label: labelProp, sources, onSourceCh
     else if (currentSource === 'FieldReference' && controls.fieldReference) {
         control = (_jsx(FieldReferenceInput, { ...controls.fieldReference.props, "data-testid": testIds.control, id: inputUid, required: required }));
     }
-    return (_jsxs(ThemeOverride, { theme: { base: { 'icon-set': 'streamline' } }, children: [_jsx(FormField, { label: label, labelFor: inputUid, required: required, ...restProps, ref: ref, testId: testIds.field, children: _jsxs(StyledDynamicInput, { children: [_jsx(SourceButton, { testId: testIds.menu, sources: sources, constantFormat: controls.constant?.format, icon: currentSource
-                                ? getSourceIcon({
-                                    source: currentSource,
-                                    format: currentSource === 'Constant' ? controls.constant?.format : undefined
-                                })
-                                : undefined, menuItems: sources.map(config => {
-                                const type = config.type;
-                                return {
-                                    id: type,
-                                    primary: sourceLabels[config.type],
-                                    secondary: [sourceDescriptions[type]],
-                                    visual: (_jsx(Icon, { name: getSourceIcon({
-                                            source: type,
-                                            format: type === 'Constant' ? constantFormat : undefined
-                                        }), set: 'streamline' })),
-                                    selected: config.selected
-                                };
-                            }), onSourceChange: onSourceChange, "aria-describedby": `${inputUid}-selected-source` }), control] }) }), _jsx(VisuallyHiddenText, { id: `${inputUid}-selected-source`, children: currentSource ? t('selected_noun', [sourceLabels[currentSource]]) : '' })] }));
+    return (_jsxs(ThemeOverride, { theme: { base: { 'icon-set': 'streamline' } }, children: [_jsx(FormField, { label: label, labelFor: inputUid, required: required, ...restProps, ref: ref, testId: testIds.field, children: _jsxs(StyledDynamicInput, { children: [_jsx(_Fragment, { children: hideSourceButton ? null : (_jsx(SourceButton, { testId: testIds.menu, sources: sources, constantFormat: controls.constant?.format, icon: currentSource
+                                    ? getSourceIcon({
+                                        source: currentSource,
+                                        format: currentSource === 'Constant' ? controls.constant?.format : undefined
+                                    })
+                                    : undefined, menuItems: sources.map(config => {
+                                    const type = config.type;
+                                    return {
+                                        id: type,
+                                        primary: sourceLabels[config.type],
+                                        secondary: [sourceDescriptions[type]],
+                                        visual: (_jsx(Icon, { name: getSourceIcon({
+                                                source: type,
+                                                format: type === 'Constant' ? constantFormat : undefined
+                                            }), set: 'streamline' })),
+                                        selected: config.selected
+                                    };
+                                }), onSourceChange: onSourceChange, "aria-describedby": `${inputUid}-selected-source` })) }), control] }) }), _jsx(VisuallyHiddenText, { id: `${inputUid}-selected-source`, children: currentSource ? t('selected_noun', [sourceLabels[currentSource]]) : '' })] }));
 });
 export default withTestIds(DynamicInput, getDynamicInputTestIds);
 //# sourceMappingURL=DynamicInput.js.map

package/lib/components/DynamicInput/DynamicInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicInput.js","sourceRoot":"","sources":["../../../src/components/DynamicInput/DynamicInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,OAAO,EACL,aAAa,EACb,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,KAAK,EACL,WAAW,EACX,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,EACN,WAAW,EACX,IAAI,EACJ,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACpF,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,YAAY,GAA0B,UAAU,CACpD,CACE,EACE,MAAM,EACN,KAAK,EAAE,SAAS,EAChB,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,SAAS,EACuB,EACrC,GAA6B,EAC7B,EAAE;IACF,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,MAAM,EAAE,CAAC;IAC1B,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,KAAK,GAAG,SAAS,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IACjD,MAAM,YAAY,GAAgC;QAChD,QAAQ,EAAE,CAAC,CAAC,gBAAgB,EAAE;YAC5B,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;SACjE,CAAC;QACF,UAAU,EAAE,CAAC,CAAC,kBAAkB,CAAC;QACjC,cAAc,EAAE,CAAC,CAAC,uBAAuB,CAAC;QAC1C,IAAI,EAAE,CAAC,CAAC,YAAY,CAAC;KACtB,CAAC;IACF,MAAM,kBAAkB,GAAgC;QACtD,QAAQ,EAAE,CAAC,CAAC,sBAAsB,CAAC;QACnC,UAAU,EAAE,CAAC,CAAC,wBAAwB,CAAC;QACvC,cAAc,EAAE,CAAC,CAAC,6BAA6B,CAAC;QAChD,IAAI,EAAE,CAAC,CAAC,kBAAkB,CAAC;KAC5B,CAAC;IAEF,IAAI,OAAO,GAAgB,4BAAG,IAAI,GAAI,CAAC;IAEvC,IAAI,aAAa,KAAK,UAAU,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC;QACtD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC;QAC5C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;QACjD,qDAAqD;QACrD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACrD,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;gBACtB,OAAO,GAAG,CACR,KAAC,KAAK,mBACS,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE;wBAC7C,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC3B,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,kBAAkB,EAAE,CAAC;gBAClC,OAAO,GAAG,CACR,KAAC,QAAQ,mBACM,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAmC,EAAE,EAAE;wBAChD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC3B,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;gBAC1B,OAAO,GAAG,CACR,KAAC,aAAa,mBACC,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,YAAY,EAAE,CAAC;gBAC5B,OAAO,GAAG,CACR,KAAC,WAAW,mBACG,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,KAAK,EAC1B,gBAAgB,EAAE,SAAS,EAC3B,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;gBACzB,OAAO,GAAG,CACR,KAAC,WAAW,mBACG,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,KAAK;oBAC1B,2FAA2F;oBAC3F,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;gBACzB,OAAO,GAAG,CACR,KAAC,WAAW,mBACG,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;gBACvB,OAAO,GAAG,CACR,KAAC,UAAU,mBACI,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,eAAe,SACf,CACH,CAAC;YACJ,CAAC;QACH,CAAC;QAED,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACzB,OAAO,GAAG,CACR,KAAC,cAAc,mBACA,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;QACJ,CAAC;QAED,qDAAqD;QACrD,IACE,OAAO,KAAK,KAAK,QAAQ;YACzB,OAAO,KAAK,KAAK,QAAQ;YACzB,KAAK,YAAY,IAAI;YACrB,KAAK,KAAK,SAAS,EACnB,CAAC;YACD,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;gBAC1B,OAAO,GAAG,CACR,KAAC,aAAa,mBACC,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;gBACtB,OAAO,GAAG,KAAC,SAAS,mBAAc,OAAO,CAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;YAC1F,CAAC;YAED,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;gBACtB,OAAO,GAAG,KAAC,SAAS,mBAAc,OAAO,CAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;YAC1F,CAAC;QACH,CAAC;IACH,CAAC;SAAM,IAAI,aAAa,KAAK,MAAM,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrD,OAAO,GAAG,CACR,KAAC,UAAU,OACL,QAAQ,CAAC,IAAI,CAAC,KAAK,iBACV,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;IACJ,CAAC;SAAM,IAAI,aAAa,KAAK,YAAY,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC;QACjE,MAAM,iBAAiB,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC;QACxD,MAAM,YAAY,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;QAE/C,OAAO,GAAG,CACR,KAAC,uBAAuB,IAAC,SAAS,kBAChC,KAAC,iBAAiB,OACZ,YAAY,iBACH,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,QAAQ,GAClB,GACsB,CAC3B,CAAC;IACJ,CAAC;SAAM,IAAI,aAAa,KAAK,gBAAgB,IAAI,QAAQ,CAAC,cAAc,EAAE,CAAC;QACzE,OAAO,GAAG,CACR,KAAC,mBAAmB,OACd,QAAQ,CAAC,cAAc,CAAC,KAAK,iBACpB,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,aAAa,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,aAC1D,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,SAAS,EACb,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,OAAO,CAAC,KAAK,YAErB,MAAC,kBAAkB,eACjB,KAAC,YAAY,IACX,MAAM,EAAE,OAAO,CAAC,IAAI,EACpB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,QAAQ,CAAC,QAAQ,EAAE,MAAM,EACzC,IAAI,EACF,aAAa;gCACX,CAAC,CAAC,aAAa,CAAC;oCACZ,MAAM,EAAE,aAAa;oCACrB,MAAM,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS;iCAC7E,CAAC;gCACJ,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;gCAC9B,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;gCAEzB,OAAO;oCACL,EAAE,EAAE,IAAI;oCACR,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC;oCAClC,SAAS,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;oCACrC,MAAM,EAAE,CACN,KAAC,IAAI,IACH,IAAI,EAAE,aAAa,CAAC;4CAClB,MAAM,EAAE,IAAI;4CACZ,MAAM,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;yCACzD,CAAC,EACF,GAAG,EAAC,YAAY,GAChB,CACH;oCACD,QAAQ,EAAE,MAAM,CAAC,QAAQ;iCAC1B,CAAC;4BACJ,CAAC,CAAC,EACF,cAAc,EAAE,cAAc,sBACZ,GAAG,QAAQ,kBAAkB,GAC/C,EACD,OAAO,IACW,GACX,EAEZ,KAAC,kBAAkB,IAAC,EAAE,EAAE,GAAG,QAAQ,kBAAkB,YAClD,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GACpD,IACP,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC,YAAY,EAAE,sBAAsB,CAAC,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { ChangeEvent, FC, PropsWithoutRef } from 'react';\n\nimport {\n  ThemeOverride,\n  CurrencyInput,\n  DateInput,\n  DateTimeInput,\n  FormField,\n  Input,\n  NumberInput,\n  PhoneInput,\n  TextArea,\n  TimeInput,\n  useI18n,\n  useTestIds,\n  useUID,\n  withTestIds,\n  Icon,\n  VisuallyHiddenText\n} from '@pega/cosmos-react-core';\n\nimport { RuleSelect } from '../RuleSelect';\nimport { FieldReferenceInput } from '../FieldReference';\n\nimport type { DynamicInputProps, Source } from './DynamicInput.types';\nimport { StyledExpressionControl, StyledDynamicInput } from './DynamicInput.styles';\nimport BooleanControl from './BooleanControl';\nimport SourceButton from './SourceButton';\nimport { getCurrentSource, getSourceIcon } from './utils';\nimport { getDynamicInputTestIds } from './DynamicInput.test-ids';\n\nconst DynamicInput: FC<DynamicInputProps> = forwardRef(\n  (\n    {\n      testId,\n      label: labelProp,\n      sources,\n      onSourceChange,\n      controls,\n      required,\n      ...restProps\n    }: PropsWithoutRef<DynamicInputProps>,\n    ref: DynamicInputProps['ref']\n  ) => {\n    const testIds = useTestIds(testId, getDynamicInputTestIds);\n    const inputUid = useUID();\n    const t = useI18n();\n\n    const label = labelProp ?? t('value');\n    const currentSource = getCurrentSource(sources);\n    const constantFormat = controls.constant?.format;\n    const sourceLabels: { [key in Source]: string } = {\n      Constant: t('constant_label', [\n        constantFormat ? t(`dynamicInput_format_${constantFormat}`) : ''\n      ]),\n      Expression: t('expression_label'),\n      FieldReference: t('field_reference_label'),\n      Rule: t('rule_label')\n    };\n    const sourceDescriptions: { [key in Source]: string } = {\n      Constant: t('constant_description'),\n      Expression: t('expression_description'),\n      FieldReference: t('field_reference_description'),\n      Rule: t('rule_description')\n    };\n\n    let control: JSX.Element = <>{null}</>;\n\n    if (currentSource === 'Constant' && controls.constant) {\n      const { format, props } = controls.constant;\n      const { value, onChange, booleanLabels } = props;\n      // Note: This is just a typeguard for the value prop.\n      if (typeof value === 'string' || value === undefined) {\n        if (format === 'Text') {\n          control = (\n            <Input\n              data-testid={testIds.control}\n              id={inputUid}\n              value={value}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                onChange(e.target.value);\n              }}\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Text (paragraph)') {\n          control = (\n            <TextArea\n              data-testid={testIds.control}\n              id={inputUid}\n              value={value}\n              onChange={(e: ChangeEvent<HTMLTextAreaElement>) => {\n                onChange(e.target.value);\n              }}\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Currency') {\n          control = (\n            <CurrencyInput\n              data-testid={testIds.control}\n              id={inputUid}\n              value={value}\n              onChange={onChange}\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Percentage') {\n          control = (\n            <NumberInput\n              data-testid={testIds.control}\n              id={inputUid}\n              value={value}\n              onChange={onChange}\n              showGroupSeparators={false}\n              numberOfDecimals={undefined}\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Integer') {\n          control = (\n            <NumberInput\n              data-testid={testIds.control}\n              id={inputUid}\n              value={value}\n              onChange={onChange}\n              showGroupSeparators={false}\n              // Note: Getting single occurrence of callback when '.' is entered w/o showDecimal = false.\n              showDecimal={false}\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Decimal') {\n          control = (\n            <NumberInput\n              data-testid={testIds.control}\n              id={inputUid}\n              value={value}\n              onChange={onChange}\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Phone') {\n          control = (\n            <PhoneInput\n              data-testid={testIds.control}\n              id={inputUid}\n              value={value}\n              onChange={onChange}\n              required={required}\n              showCountryCode\n            />\n          );\n        }\n      }\n\n      if (format === 'Boolean') {\n        control = (\n          <BooleanControl\n            data-testid={testIds.control}\n            id={inputUid}\n            booleanLabels={booleanLabels}\n            value={value}\n            onChange={onChange}\n            required={required}\n          />\n        );\n      }\n\n      // Note: This is just a typeguard for the value prop.\n      if (\n        typeof value === 'string' ||\n        typeof value === 'number' ||\n        value instanceof Date ||\n        value === undefined\n      ) {\n        if (format === 'DateTime') {\n          control = (\n            <DateTimeInput\n              data-testid={testIds.control}\n              id={inputUid}\n              value={value}\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Date') {\n          control = <DateInput data-testid={testIds.control} id={inputUid} required={required} />;\n        }\n\n        if (format === 'Time') {\n          control = <TimeInput data-testid={testIds.control} id={inputUid} required={required} />;\n        }\n      }\n    } else if (currentSource === 'Rule' && controls.rule) {\n      control = (\n        <RuleSelect\n          {...controls.rule.props}\n          data-testid={testIds.control}\n          id={inputUid}\n          required={required}\n        />\n      );\n    } else if (currentSource === 'Expression' && controls.expression) {\n      const ExpressionControl = controls.expression.component;\n      const controlProps = controls.expression.props;\n\n      control = (\n        <StyledExpressionControl container>\n          <ExpressionControl\n            {...controlProps}\n            data-testid={testIds.control}\n            id={inputUid}\n            required={required}\n          />\n        </StyledExpressionControl>\n      );\n    } else if (currentSource === 'FieldReference' && controls.fieldReference) {\n      control = (\n        <FieldReferenceInput\n          {...controls.fieldReference.props}\n          data-testid={testIds.control}\n          id={inputUid}\n          required={required}\n        />\n      );\n    }\n\n    return (\n      <ThemeOverride theme={{ base: { 'icon-set': 'streamline' } }}>\n        <FormField\n          label={label}\n          labelFor={inputUid}\n          required={required}\n          {...restProps}\n          ref={ref}\n          testId={testIds.field}\n        >\n          <StyledDynamicInput>\n            <SourceButton\n              testId={testIds.menu}\n              sources={sources}\n              constantFormat={controls.constant?.format}\n              icon={\n                currentSource\n                  ? getSourceIcon({\n                      source: currentSource,\n                      format: currentSource === 'Constant' ? controls.constant?.format : undefined\n                    })\n                  : undefined\n              }\n              menuItems={sources.map(config => {\n                const type = config.type;\n\n                return {\n                  id: type,\n                  primary: sourceLabels[config.type],\n                  secondary: [sourceDescriptions[type]],\n                  visual: (\n                    <Icon\n                      name={getSourceIcon({\n                        source: type,\n                        format: type === 'Constant' ? constantFormat : undefined\n                      })}\n                      set='streamline'\n                    />\n                  ),\n                  selected: config.selected\n                };\n              })}\n              onSourceChange={onSourceChange}\n              aria-describedby={`${inputUid}-selected-source`}\n            />\n            {control}\n          </StyledDynamicInput>\n        </FormField>\n\n        <VisuallyHiddenText id={`${inputUid}-selected-source`}>\n          {currentSource ? t('selected_noun', [sourceLabels[currentSource]]) : ''}\n        </VisuallyHiddenText>\n      </ThemeOverride>\n    );\n  }\n);\n\nexport default withTestIds(DynamicInput, getDynamicInputTestIds);\n"]}
+{"version":3,"file":"DynamicInput.js","sourceRoot":"","sources":["../../../src/components/DynamicInput/DynamicInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,OAAO,EACL,aAAa,EACb,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,KAAK,EACL,WAAW,EACX,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,EACN,WAAW,EACX,IAAI,EACJ,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACpF,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,YAAY,GAAG,UAAU,CAC7B,CACE,EACE,MAAM,EACN,KAAK,EAAE,SAAS,EAChB,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,GAAG,SAAS,EACuB,EACrC,GAA6B,EAC7B,EAAE;IACF,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,MAAM,EAAE,CAAC;IAC1B,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,KAAK,GAAG,SAAS,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IACjD,MAAM,YAAY,GAAgC;QAChD,QAAQ,EAAE,CAAC,CAAC,gBAAgB,EAAE;YAC5B,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;SACjE,CAAC;QACF,UAAU,EAAE,CAAC,CAAC,kBAAkB,CAAC;QACjC,cAAc,EAAE,CAAC,CAAC,uBAAuB,CAAC;QAC1C,IAAI,EAAE,CAAC,CAAC,YAAY,CAAC;KACtB,CAAC;IACF,MAAM,kBAAkB,GAAgC;QACtD,QAAQ,EAAE,CAAC,CAAC,sBAAsB,CAAC;QACnC,UAAU,EAAE,CAAC,CAAC,wBAAwB,CAAC;QACvC,cAAc,EAAE,CAAC,CAAC,6BAA6B,CAAC;QAChD,IAAI,EAAE,CAAC,CAAC,kBAAkB,CAAC;KAC5B,CAAC;IAEF,IAAI,OAAO,GAAgB,4BAAG,IAAI,GAAI,CAAC;IAEvC,IAAI,aAAa,KAAK,UAAU,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC;QACtD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC;QAC5C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;QACxB,qDAAqD;QACrD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACrD,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;gBACtB,OAAO,GAAG,CACR,KAAC,KAAK,OACA,KAAK,iBACI,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE;wBAC7C,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBACjC,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,kBAAkB,EAAE,CAAC;gBAClC,OAAO,GAAG,CACR,KAAC,QAAQ,OACH,KAAK,iBACI,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,CAAmC,EAAE,EAAE;wBAChD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBACjC,CAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;gBAC1B,OAAO,GAAG,CACR,KAAC,aAAa,OACR,KAAK,iBACI,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,YAAY,EAAE,CAAC;gBAC5B,OAAO,GAAG,CACR,KAAC,WAAW,OACN,KAAK,iBACI,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,mBAAmB,EAAE,KAAK,EAC1B,gBAAgB,EAAE,SAAS,EAC3B,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;gBACzB,OAAO,GAAG,CACR,KAAC,WAAW,OACN,KAAK,iBACI,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,mBAAmB,EAAE,KAAK;oBAC1B,2FAA2F;oBAC3F,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;gBACzB,OAAO,GAAG,CACR,KAAC,WAAW,OACN,KAAK,iBACI,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;gBACvB,OAAO,GAAG,CACR,KAAC,UAAU,OACL,KAAK,iBACI,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,QAAQ,EAClB,eAAe,SACf,CACH,CAAC;YACJ,CAAC;QACH,CAAC;QAED,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACzB,OAAO,GAAG,CACR,KAAC,cAAc,OACT,KAAK,iBACI,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;QACJ,CAAC;QAED,qDAAqD;QACrD,IACE,OAAO,KAAK,KAAK,QAAQ;YACzB,OAAO,KAAK,KAAK,QAAQ;YACzB,KAAK,YAAY,IAAI;YACrB,KAAK,KAAK,SAAS,EACnB,CAAC;YACD,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;gBAC1B,OAAO,GAAG,CACR,KAAC,aAAa,OACR,KAAK,iBACI,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;gBACtB,OAAO,GAAG,CACR,KAAC,SAAS,OAAK,KAAK,iBAAe,OAAO,CAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACzF,CAAC;YACJ,CAAC;YAED,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;gBACtB,OAAO,GAAG,CACR,KAAC,SAAS,OAAK,KAAK,iBAAe,OAAO,CAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACzF,CAAC;YACJ,CAAC;QACH,CAAC;IACH,CAAC;SAAM,IAAI,aAAa,KAAK,MAAM,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrD,OAAO,GAAG,CACR,KAAC,UAAU,OACL,QAAQ,CAAC,IAAI,CAAC,KAAK,iBACV,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;IACJ,CAAC;SAAM,IAAI,aAAa,KAAK,YAAY,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC;QACjE,MAAM,iBAAiB,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC;QACxD,MAAM,YAAY,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;QAE/C,OAAO,GAAG,CACR,KAAC,uBAAuB,IAAC,SAAS,kBAChC,KAAC,iBAAiB,OACZ,YAAY,iBACH,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,QAAQ,GAClB,GACsB,CAC3B,CAAC;IACJ,CAAC;SAAM,IAAI,aAAa,KAAK,gBAAgB,IAAI,QAAQ,CAAC,cAAc,EAAE,CAAC;QACzE,OAAO,GAAG,CACR,KAAC,mBAAmB,OACd,QAAQ,CAAC,cAAc,CAAC,KAAK,iBACpB,OAAO,CAAC,OAAO,EAC5B,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,aAAa,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,aAC1D,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,SAAS,EACb,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,OAAO,CAAC,KAAK,YAErB,MAAC,kBAAkB,eACjB,4BACG,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB,KAAC,YAAY,IACX,MAAM,EAAE,OAAO,CAAC,IAAI,EACpB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,QAAQ,CAAC,QAAQ,EAAE,MAAM,EACzC,IAAI,EACF,aAAa;oCACX,CAAC,CAAC,aAAa,CAAC;wCACZ,MAAM,EAAE,aAAa;wCACrB,MAAM,EACJ,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS;qCACvE,CAAC;oCACJ,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;oCAC9B,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;oCAEzB,OAAO;wCACL,EAAE,EAAE,IAAI;wCACR,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC;wCAClC,SAAS,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;wCACrC,MAAM,EAAE,CACN,KAAC,IAAI,IACH,IAAI,EAAE,aAAa,CAAC;gDAClB,MAAM,EAAE,IAAI;gDACZ,MAAM,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;6CACzD,CAAC,EACF,GAAG,EAAC,YAAY,GAChB,CACH;wCACD,QAAQ,EAAE,MAAM,CAAC,QAAQ;qCAC1B,CAAC;gCACJ,CAAC,CAAC,EACF,cAAc,EAAE,cAAc,sBACZ,GAAG,QAAQ,kBAAkB,GAC/C,CACH,GACA,EACF,OAAO,IACW,GACX,EAEZ,KAAC,kBAAkB,IAAC,EAAE,EAAE,GAAG,QAAQ,kBAAkB,YAClD,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GACpD,IACP,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC,YAAY,EAAE,sBAAsB,CAAC,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { ChangeEvent, PropsWithoutRef } from 'react';\n\nimport {\n  ThemeOverride,\n  CurrencyInput,\n  DateInput,\n  DateTimeInput,\n  FormField,\n  Input,\n  NumberInput,\n  PhoneInput,\n  TextArea,\n  TimeInput,\n  useI18n,\n  useTestIds,\n  useUID,\n  withTestIds,\n  Icon,\n  VisuallyHiddenText\n} from '@pega/cosmos-react-core';\n\nimport { RuleSelect } from '../RuleSelect';\nimport { FieldReferenceInput } from '../FieldReference';\n\nimport type { DynamicInputProps, Source } from './DynamicInput.types';\nimport { StyledExpressionControl, StyledDynamicInput } from './DynamicInput.styles';\nimport BooleanControl from './BooleanControl';\nimport SourceButton from './SourceButton';\nimport { getCurrentSource, getSourceIcon } from './utils';\nimport { getDynamicInputTestIds } from './DynamicInput.test-ids';\n\nconst DynamicInput = forwardRef(\n  (\n    {\n      testId,\n      label: labelProp,\n      sources,\n      onSourceChange,\n      controls,\n      required,\n      hideSourceButton,\n      ...restProps\n    }: PropsWithoutRef<DynamicInputProps>,\n    ref: DynamicInputProps['ref']\n  ) => {\n    const testIds = useTestIds(testId, getDynamicInputTestIds);\n    const inputUid = useUID();\n    const t = useI18n();\n\n    const label = labelProp ?? t('value');\n    const currentSource = getCurrentSource(sources);\n    const constantFormat = controls.constant?.format;\n    const sourceLabels: { [key in Source]: string } = {\n      Constant: t('constant_label', [\n        constantFormat ? t(`dynamicInput_format_${constantFormat}`) : ''\n      ]),\n      Expression: t('expression_label'),\n      FieldReference: t('field_reference_label'),\n      Rule: t('rule_label')\n    };\n    const sourceDescriptions: { [key in Source]: string } = {\n      Constant: t('constant_description'),\n      Expression: t('expression_description'),\n      FieldReference: t('field_reference_description'),\n      Rule: t('rule_description')\n    };\n\n    let control: JSX.Element = <>{null}</>;\n\n    if (currentSource === 'Constant' && controls.constant) {\n      const { format, props } = controls.constant;\n      const { value } = props;\n      // Note: This is just a typeguard for the value prop.\n      if (typeof value === 'string' || value === undefined) {\n        if (format === 'Text') {\n          control = (\n            <Input\n              {...props}\n              data-testid={testIds.control}\n              id={inputUid}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                props.onChange(e.target.value);\n              }}\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Text (paragraph)') {\n          control = (\n            <TextArea\n              {...props}\n              data-testid={testIds.control}\n              id={inputUid}\n              onChange={(e: ChangeEvent<HTMLTextAreaElement>) => {\n                props.onChange(e.target.value);\n              }}\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Currency') {\n          control = (\n            <CurrencyInput\n              {...props}\n              data-testid={testIds.control}\n              id={inputUid}\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Percentage') {\n          control = (\n            <NumberInput\n              {...props}\n              data-testid={testIds.control}\n              id={inputUid}\n              showGroupSeparators={false}\n              numberOfDecimals={undefined}\n              unit='percent'\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Integer') {\n          control = (\n            <NumberInput\n              {...props}\n              data-testid={testIds.control}\n              id={inputUid}\n              showGroupSeparators={false}\n              // Note: Getting single occurrence of callback when '.' is entered w/o showDecimal = false.\n              showDecimal={false}\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Decimal') {\n          control = (\n            <NumberInput\n              {...props}\n              data-testid={testIds.control}\n              id={inputUid}\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Phone') {\n          control = (\n            <PhoneInput\n              {...props}\n              data-testid={testIds.control}\n              id={inputUid}\n              required={required}\n              showCountryCode\n            />\n          );\n        }\n      }\n\n      if (format === 'Boolean') {\n        control = (\n          <BooleanControl\n            {...props}\n            data-testid={testIds.control}\n            id={inputUid}\n            required={required}\n          />\n        );\n      }\n\n      // Note: This is just a typeguard for the value prop.\n      if (\n        typeof value === 'string' ||\n        typeof value === 'number' ||\n        value instanceof Date ||\n        value === undefined\n      ) {\n        if (format === 'DateTime') {\n          control = (\n            <DateTimeInput\n              {...props}\n              data-testid={testIds.control}\n              id={inputUid}\n              required={required}\n            />\n          );\n        }\n\n        if (format === 'Date') {\n          control = (\n            <DateInput {...props} data-testid={testIds.control} id={inputUid} required={required} />\n          );\n        }\n\n        if (format === 'Time') {\n          control = (\n            <TimeInput {...props} data-testid={testIds.control} id={inputUid} required={required} />\n          );\n        }\n      }\n    } else if (currentSource === 'Rule' && controls.rule) {\n      control = (\n        <RuleSelect\n          {...controls.rule.props}\n          data-testid={testIds.control}\n          id={inputUid}\n          required={required}\n        />\n      );\n    } else if (currentSource === 'Expression' && controls.expression) {\n      const ExpressionControl = controls.expression.component;\n      const controlProps = controls.expression.props;\n\n      control = (\n        <StyledExpressionControl container>\n          <ExpressionControl\n            {...controlProps}\n            data-testid={testIds.control}\n            id={inputUid}\n            required={required}\n          />\n        </StyledExpressionControl>\n      );\n    } else if (currentSource === 'FieldReference' && controls.fieldReference) {\n      control = (\n        <FieldReferenceInput\n          {...controls.fieldReference.props}\n          data-testid={testIds.control}\n          id={inputUid}\n          required={required}\n        />\n      );\n    }\n\n    return (\n      <ThemeOverride theme={{ base: { 'icon-set': 'streamline' } }}>\n        <FormField\n          label={label}\n          labelFor={inputUid}\n          required={required}\n          {...restProps}\n          ref={ref}\n          testId={testIds.field}\n        >\n          <StyledDynamicInput>\n            <>\n              {hideSourceButton ? null : (\n                <SourceButton\n                  testId={testIds.menu}\n                  sources={sources}\n                  constantFormat={controls.constant?.format}\n                  icon={\n                    currentSource\n                      ? getSourceIcon({\n                          source: currentSource,\n                          format:\n                            currentSource === 'Constant' ? controls.constant?.format : undefined\n                        })\n                      : undefined\n                  }\n                  menuItems={sources.map(config => {\n                    const type = config.type;\n\n                    return {\n                      id: type,\n                      primary: sourceLabels[config.type],\n                      secondary: [sourceDescriptions[type]],\n                      visual: (\n                        <Icon\n                          name={getSourceIcon({\n                            source: type,\n                            format: type === 'Constant' ? constantFormat : undefined\n                          })}\n                          set='streamline'\n                        />\n                      ),\n                      selected: config.selected\n                    };\n                  })}\n                  onSourceChange={onSourceChange}\n                  aria-describedby={`${inputUid}-selected-source`}\n                />\n              )}\n            </>\n            {control}\n          </StyledDynamicInput>\n        </FormField>\n\n        <VisuallyHiddenText id={`${inputUid}-selected-source`}>\n          {currentSource ? t('selected_noun', [sourceLabels[currentSource]]) : ''}\n        </VisuallyHiddenText>\n      </ThemeOverride>\n    );\n  }\n);\n\nexport default withTestIds(DynamicInput, getDynamicInputTestIds);\n"]}

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

@@ -1,4 +1,4 @@
-export declare const StyledExpressionBuilderButton: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ButtonProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledExpressionControl: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").FlexProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledExpressionBuilderButton: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledExpressionControl: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").FlexProps>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDynamicInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=DynamicInput.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicInput.styles.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicInput/DynamicInput.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,6BAA6B,qOAAmB,CAAC;AAC9D,eAAO,MAAM,uBAAuB,mOAAiB,CAAC;AAEtD,eAAO,MAAM,kBAAkB,yGAmD7B,CAAC"}
+{"version":3,"file":"DynamicInput.styles.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicInput/DynamicInput.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,6BAA6B,oNAAmB,CAAC;AAC9D,eAAO,MAAM,uBAAuB,kNAAiB,CAAC;AAEtD,eAAO,MAAM,kBAAkB,yGAoD7B,CAAC"}

package/lib/components/DynamicInput/DynamicInput.styles.js

@@ -10,6 +10,7 @@ export const StyledDynamicInput = styled.div(({ theme }) => {
     ${StyledFormControl} {
       border-start-start-radius: 0;
       border-end-start-radius: 0;
+      width: 100%;
     }
 
     ${StyledExpressionControl} {