@pega/cosmos-react-build 9.0.0-build.6.9 → 9.0.0-build.7.0

package/lib/components/Expression/ExpressionBuilderModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpressionBuilderModal.js","sourceRoot":"","sources":["../../../src/components/Expression/ExpressionBuilderModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n  Button,\n  Icon,\n  Banner,\n  useTestIds,\n  Progress,\n  withTestIds,\n  useI18n,\n  registerIcon\n} from '@pega/cosmos-react-core';\nimport type { OmitStrict } from '@pega/cosmos-react-core';\nimport * as CodeSearch from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/code-search.icon';\n\nimport useCreateModal from '../ObjectSelect/useCreateModal';\n\nimport type {\n  ExpressionBuilderLayoutInterface,\n  ExpressionBuilderWrapperProps\n} from './Expression.types';\nimport { getExpressionTestIds, getExpressionBuilderGearTestIds } from './Expression.test-ids';\nimport { StyledModalContainer, StyledExpressionBuilder } from './Expression.styles';\n\nregisterIcon(CodeSearch);\n\nconst ExpModal = (props: OmitStrict<ExpressionBuilderWrapperProps, 'onSubmit' | 'onDismiss'>) => {\n  const {\n    showEditorOnly,\n    loading,\n    onChange,\n    errors,\n    defaultValue,\n    handle,\n    fetchSuggestions,\n    inLineErrors,\n    expBuilderRef,\n    readOnly,\n    list,\n    search,\n    expBuilderErrorBanner,\n    ...restProps\n  } = props;\n  const testIds = useTestIds(restProps.testId, getExpressionTestIds);\n\n  return (\n    <StyledModalContainer\n      container={{ direction: 'column', colGap: 1 }}\n      showEditorOnly={props.showEditorOnly}\n    >\n      {loading ? (\n        <Progress placement='local' data-testid={testIds.progressBuilder} />\n      ) : (\n        <>\n          {expBuilderErrorBanner && (\n            <Banner\n              variant={expBuilderErrorBanner.variant}\n              onDismiss={expBuilderErrorBanner.onDismiss}\n              messages={expBuilderErrorBanner.messages}\n              data-testId={testIds.expressionBuilderErrorBanner}\n            />\n          )}\n          <StyledExpressionBuilder\n            testId={testIds.root}\n            {...restProps}\n            loading={restProps.codeEditorLoading}\n            list={list}\n            readOnly={readOnly}\n            onChange={onChange}\n            search={search}\n            errors={errors}\n            defaultValue={defaultValue}\n            handle={handle}\n            fetchSuggestions={fetchSuggestions}\n            showEditorOnly={showEditorOnly}\n            inLineErrors={inLineErrors}\n            ref={expBuilderRef}\n          />\n        </>\n      )}\n    </StyledModalContainer>\n  );\n};\n\nconst ExpModalWrapper = (props: ExpressionBuilderWrapperProps) => {\n  const t = useI18n();\n  const { testId } = props;\n  const [showModal, setShowModal] = useState(true);\n  const testIds = useTestIds(testId, getExpressionBuilderGearTestIds);\n\n  const dismiss = (close: () => void) => {\n    close();\n    setShowModal(false);\n  };\n\n  const { renderModal } = useCreateModal({\n    renderer: ExpModal,\n    onSubmit: ({ close }) => props.onSubmit({ close: () => dismiss(close) }),\n    onDismiss: ({ close }) => {\n      props.onDismiss({ close: () => dismiss(close) });\n    },\n    heading: t('expression_builder'),\n    autoWidth: true,\n    testId: testIds.expressionBuilderModal,\n    formActionSubmitTestId: testIds.expressionModalSubmit,\n    formActionCancelTestId: testIds.expressionModalCancel\n  });\n\n  useEffect(() => {\n    if (showModal && props.list && props.search) {\n      renderModal({\n        rendererProps: {\n          ...props,\n          testId: props.testId ?? testIds.root\n        }\n      });\n    }\n  }, [props, showModal]);\n\n  return null;\n};\n\nconst ExpressionBuilderModal = ({\n  showExpressionBuilder,\n  onExpBuilderShowHandler,\n  readOnly,\n  disabled,\n  testId,\n  expressionBuilder\n}: ExpressionBuilderLayoutInterface) => {\n  const t = useI18n();\n  const testIds = useTestIds(testId, getExpressionBuilderGearTestIds);\n  return (\n    <>\n      {!readOnly && (\n        <Button\n          disabled={disabled}\n          icon\n          variant='simple'\n          label={t('open_expression_builder')}\n          aria-label={t('open_expression_builder')}\n          onClick={onExpBuilderShowHandler}\n          data-testid={testIds.openExpressionBuilder}\n        >\n          <Icon name='code-search' set='streamline' />\n        </Button>\n      )}\n      {showExpressionBuilder && expressionBuilder && (\n        <ExpModalWrapper testId={testId} {...expressionBuilder} readOnly={readOnly || disabled} />\n      )}\n    </>\n  );\n};\n\nexport default withTestIds(ExpressionBuilderModal, getExpressionBuilderGearTestIds);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpressionBuilder/CodeEditor/CodeEditor.styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAK1E,eAAO,MAAM,aAAa,yGAEzB,CAAC;AAEF,eAAO,MAAM,cAAc,0LAIzB,CAAC;AAIH,eAAO,MAAM,aAAa,yGAWxB,CAAC;AAIH,eAAO,MAAM,UAAU,yGAIrB,CAAC;AAGH,eAAO,MAAM,gBAAgB;gBAEb,OAAO;aACV,MAAM;eACJ,OAAO;iBACL,cAAc,EAAE;SAgiB/B,CAAC;AAIH,eAAO,MAAM,iBAAiB;gBAChB,OAAO;iBACN,cAAc,EAAE;4CA+C7B,CAAC"}
+{"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpressionBuilder/CodeEditor/CodeEditor.styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAK1E,eAAO,MAAM,aAAa,yGAEzB,CAAC;AAEF,eAAO,MAAM,cAAc,0LAIzB,CAAC;AAIH,eAAO,MAAM,aAAa,yGAWxB,CAAC;AAIH,eAAO,MAAM,UAAU,yGAIrB,CAAC;AAGH,eAAO,MAAM,gBAAgB;gBAEb,OAAO;aACV,MAAM;eACJ,OAAO;iBACL,cAAc,EAAE;SAiiB/B,CAAC;AAIH,eAAO,MAAM,iBAAiB;gBAChB,OAAO;iBACN,cAAc,EAAE;4CA+C7B,CAAC"}

package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.styles.js

@@ -31,7 +31,7 @@ export const StyledList = styled.div(({ theme }) => {
   `;
 });
 StyledList.defaultProps = defaultThemeProp;
-export const StyledCodeEditor = styled(Flex)(({ theme: { base, components: { 'form-control': { ':read-only': { 'background-color': readOnlyBackgroundColor } }, 'form-field': { error: { 'status-color': errorBackground } }, input } }, errors, readOnly, showEditorOnly, editorConfigProps, isSingleLine = false }) => {
+export const StyledCodeEditor = styled(Flex)(({ theme: { base, components: { 'form-control': { 'background-color': formControlBgColor, ':read-only': { 'background-color': readOnlyBackgroundColor } }, 'form-field': { error: { 'status-color': errorBackground } }, input } }, errors, readOnly, showEditorOnly, editorConfigProps, isSingleLine = false }) => {
     const jsonMode = editorConfigProps?.mode === 'application/json';
     return css `
     width: 100%;
@@ -512,7 +512,7 @@ export const StyledCodeEditor = styled(Flex)(({ theme: { base, components: { 'fo
       font-family: monospace;
       direction: ltr;
       position: relative;
-      background-color: ${base.palette['background-color']};
+      background-color: ${formControlBgColor};
       color: ${base.palette['foreground-color']};
       border: 0.0625rem solid ${base.palette['border-line']};
       border-radius: calc(0.5 * ${base['border-radius']});

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.styles.js","sourceRoot":"","sources":["../../../../src/components/ExpressionBuilder/CodeEditor/CodeEditor.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components';\nimport { mix } from 'polished';\n\nimport { defaultThemeProp, calculateFontSize, Flex, Icon } from '@pega/cosmos-react-core';\nimport { StyledFormField } from '@pega/cosmos-react-core/lib/components/FormField/FormField';\n\nimport type { CodeEditorProps, SuggestionType } from './CodeEditor.types';\n\nconst primaryBackground = 'primary-background';\nconst contentWidth = 'content-width';\n\nexport const StyledLoading = styled.div`\n  font-size: 1.5rem;\n`;\n\nexport const StyledWarnIcon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n  `;\n});\n\nStyledWarnIcon.defaultProps = defaultThemeProp;\n\nexport const StyledPopover = styled.div(({ theme }) => {\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    font-size: ${fontSize.xxs};\n    max-width: ${theme.base[contentWidth].sm};\n    padding: ${theme.base.spacing};\n    white-space: pre-line;\n    word-break: break-word;\n    pointer-events: none;\n  `;\n});\n\nStyledPopover.defaultProps = defaultThemeProp;\n\nexport const StyledList = styled.div(({ theme }) => {\n  return css`\n    padding-inline-start: calc(0.25 * ${theme.base.spacing});\n  `;\n});\nStyledList.defaultProps = defaultThemeProp;\n\nexport const StyledCodeEditor = styled(Flex)<\n  Pick<CodeEditorProps, 'showEditorOnly' | 'editorConfigProps' | 'isSingleLine'> & {\n    isLoading?: boolean;\n    errors?: string;\n    readOnly?: boolean;\n    suggestions: SuggestionType[];\n  }\n>(({\n  theme: {\n    base,\n    components: {\n      'form-control': {\n        ':read-only': { 'background-color': readOnlyBackgroundColor }\n      },\n      'form-field': {\n        error: { 'status-color': errorBackground }\n      },\n      input\n    }\n  },\n  errors,\n  readOnly,\n  showEditorOnly,\n  editorConfigProps,\n  isSingleLine = false\n}) => {\n  const jsonMode = editorConfigProps?.mode === 'application/json';\n\n  return css`\n    width: 100%;\n    ${showEditorOnly &&\n    css`\n      max-height: 10rem;\n      width: 27vw;\n    `}\n    position: relative;\n    ${!showEditorOnly &&\n    css`\n      max-height: 100%;\n    `}\n    overflow-y: auto;\n    ${StyledFormField} {\n      flex-grow: 1;\n    }\n\n    /* PADDING */\n    .react-codemirror2 {\n      flex-grow: 1;\n      ${isSingleLine\n        ? css`\n            min-height: ${input.height};\n            & * {\n              scrollbar-width: none;\n              ::-webkit-scrollbar {\n                display: none;\n              }\n            }\n          `\n        : css`\n            min-height: 3.75rem;\n          `}\n      overflow-y: auto;\n      ${readOnly &&\n      !jsonMode &&\n      css`\n        max-height: 5.625rem;\n      `}\n    }\n\n    .CodeMirror-placeholder {\n      opacity: ${base.transparency['transparent-3']};\n    }\n\n    .CodeMirror-lines {\n      cursor: text;\n      min-height: 0.063rem; /* prevents collapsing before first draw */\n      padding: ${base.spacing} 0;\n    }\n\n    ${editorConfigProps?.theme === 'eclipse' &&\n    css`\n      .cm-s-eclipse .cm-string {\n        color: ${base.palette.urgent};\n      }\n    `}\n\n    .CodeMirror-scrollbar-filler,\n    .CodeMirror-gutter-filler {\n      background-color: white; /* The little square between H and V scrollbars */\n    }\n\n    /* GUTTER */\n\n    .CodeMirror-gutters {\n      position: absolute;\n      left: 0;\n      top: 0;\n      min-height: 100%;\n      z-index: 3;\n      border-right: 0.063rem solid #dddddd;\n      background-color: #f7f7f7;\n      white-space: nowrap;\n    }\n    .CodeMirror-linenumber {\n      padding: 0 0.125rem 0 0.313rem;\n      min-width: 1.25rem;\n      text-align: right;\n      color: #999999;\n      white-space: nowrap;\n    }\n\n    .CodeMirror-guttermarker {\n      color: black;\n    }\n    .CodeMirror-guttermarker-subtle {\n      color: #999999;\n    }\n\n    /* CURSOR */\n\n    .CodeMirror-cursor {\n      position: absolute;\n      pointer-events: none;\n      border-left: 0.0625rem solid ${base.palette.dark};\n      border-right: none;\n      width: 0;\n      ${readOnly &&\n      css`\n        display: none;\n      `}\n    }\n\n    /* Shown when moving in bi-directional text */\n    .CodeMirror div.CodeMirror-secondarycursor {\n      border-left: 0.063rem solid silver;\n    }\n    .cm-fat-cursor-mark {\n      background-color: rgba(20, 255, 20, 0.5);\n      -webkit-animation: blink 1.06s steps(1) infinite;\n      -moz-animation: blink 1.06s steps(1) infinite;\n      animation: blink 1.06s steps(1) infinite;\n    }\n    .cm-animate-fat-cursor {\n      width: auto;\n      border: 0;\n      -webkit-animation: blink 1.06s steps(1) infinite;\n      -moz-animation: blink 1.06s steps(1) infinite;\n      animation: blink 1.06s steps(1) infinite;\n      background-color: #77ee77;\n    }\n    @-moz-keyframes blink {\n      50% {\n        background-color: transparent;\n      }\n    }\n    @-webkit-keyframes blink {\n      50% {\n        background-color: transparent;\n      }\n    }\n    @keyframes blink {\n      50% {\n        background-color: transparent;\n      }\n    }\n\n    .cm-tab {\n      display: inline-block;\n      text-decoration: inherit;\n    }\n\n    .CodeMirror-rulers {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: -3.125rem;\n      bottom: 0;\n      overflow: hidden;\n    }\n    .CodeMirror-ruler {\n      border-left: 0.063rem solid #cccccc;\n      top: 0;\n      bottom: 0;\n      position: absolute;\n    }\n\n    /* DEFAULT THEME */\n\n    .cm-s-default .cm-header {\n      color: blue;\n    }\n    .cm-negative {\n      color: #dd4444;\n    }\n    .cm-positive {\n      color: #229922;\n    }\n    .cm-strong {\n      font-weight: bold;\n    }\n    .cm-s-default .cm-quote {\n      color: #009900;\n    }\n    .cm-em {\n      font-style: italic;\n    }\n    .cm-link {\n      text-decoration: underline;\n    }\n    .cm-strikethrough {\n      text-decoration: line-through;\n    }\n\n    .cm-s-default .cm-keyword {\n      color: #770088;\n    }\n    .cm-s-default .cm-atom {\n      color: #221199;\n    }\n    .cm-s-default .cm-number {\n      color: #116644;\n    }\n    .cm-s-default .cm-def {\n      color: #0000ff;\n    }\n    .cm-s-default .cm-variable-2 {\n      color: #0055aa;\n    }\n    .cm-s-default .cm-variable-3,\n    .cm-s-default .cm-type {\n      color: #008855;\n    }\n    .cm-s-default .cm-comment {\n      color: #aa5500;\n    }\n    .cm-s-default .cm-string {\n      color: #aa1111;\n    }\n    .cm-s-default .cm-string-2 {\n      color: #ff5500;\n    }\n    .cm-s-default .cm-meta {\n      color: #555555;\n    }\n    .cm-s-default .cm-qualifier {\n      color: #555555;\n    }\n    .cm-s-default .cm-builtin {\n      color: #3300aa;\n    }\n    .cm-s-default .cm-bracket {\n      color: #999977;\n    }\n    .cm-s-default .cm-tag {\n      color: #117700;\n    }\n    .cm-s-default .cm-attribute {\n      color: #0000cc;\n    }\n    .cm-s-default .cm-hr {\n      color: #999999;\n    }\n    .cm-s-default .cm-link {\n      color: #0000cc;\n    }\n\n    .cm-s-default .cm-error {\n      color: #ff0000;\n    }\n    .cm-invalidchar {\n      color: #ff0000;\n    }\n\n    .CodeMirror-composing {\n      border-bottom: 0.125rem solid;\n    }\n\n    /* Default styles for common addons */\n\n    div.CodeMirror span.CodeMirror-matchingbracket {\n      color: #00bb00;\n    }\n    div.CodeMirror span.CodeMirror-nonmatchingbracket {\n      color: #aa2222;\n    }\n    .CodeMirror-matchingtag {\n      background: rgba(255, 150, 0, 0.3);\n    }\n    .CodeMirror-activeline-background {\n      background: #e8f2ff;\n    }\n\n    /* STOP */\n\n    /* The rest of this file contains styles related to the mechanics of\n   the editor. You probably shouldn't touch them. */\n\n    .CodeMirror-scroll {\n      overflow: scroll !important;\n      margin-bottom: -3.125rem;\n      margin-right: -3.125rem;\n      padding-bottom: 3.125rem;\n      height: 100%;\n      outline: none; /* Prevent dragging from highlighting the element */\n      position: relative;\n    }\n    .CodeMirror-sizer {\n      position: relative;\n      border-right: 3.125rem solid transparent;\n    }\n\n    /* The fake, visible scrollbars. Used to force redraw during scrolling\n   before actual scrolling happens, thus preventing shaking and\n   flickering artifacts. */\n    .CodeMirror-vscrollbar,\n    .CodeMirror-hscrollbar,\n    .CodeMirror-scrollbar-filler,\n    .CodeMirror-gutter-filler {\n      position: absolute;\n      z-index: 6;\n      display: none;\n    }\n    .CodeMirror-vscrollbar {\n      right: 0;\n      top: 0;\n      overflow-x: hidden;\n      overflow-y: scroll;\n    }\n    .CodeMirror-hscrollbar {\n      bottom: 0;\n      left: 0;\n      overflow-y: hidden;\n      overflow-x: scroll;\n    }\n    .CodeMirror-scrollbar-filler {\n      right: 0;\n      bottom: 0;\n    }\n    .CodeMirror-gutter-filler {\n      left: 0;\n      bottom: 0;\n    }\n    .CodeMirror-gutter {\n      white-space: normal;\n      height: 100%;\n      display: inline-block;\n      vertical-align: top;\n      margin-bottom: -3.125rem;\n    }\n    .CodeMirror-gutter-wrapper {\n      position: absolute;\n      z-index: 4;\n      background: none !important;\n      border: none !important;\n    }\n    .CodeMirror-gutter-background {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      z-index: 4;\n    }\n    .CodeMirror-gutter-elt {\n      position: absolute;\n      cursor: default;\n      z-index: 4;\n    }\n    .CodeMirror-gutter-wrapper ::selection {\n      background-color: transparent;\n    }\n    .CodeMirror-gutter-wrapper ::-moz-selection {\n      background-color: transparent;\n    }\n\n    .CodeMirror pre.CodeMirror-line,\n    .CodeMirror pre.CodeMirror-line-like {\n      /* Reset some styles that the rest of the page might have set */\n      -moz-border-radius: 0;\n      -webkit-border-radius: 0;\n      border-radius: 0;\n      border-width: 0;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      margin: 0;\n      white-space: pre;\n      word-wrap: normal;\n      line-height: inherit;\n      color: inherit;\n      z-index: 2;\n      position: relative;\n      overflow: visible;\n      -webkit-tap-highlight-color: transparent;\n      -webkit-font-variant-ligatures: contextual;\n      font-variant-ligatures: contextual;\n      padding: 0 ${base.spacing};\n    }\n    .CodeMirror-wrap pre.CodeMirror-line,\n    .CodeMirror-wrap pre.CodeMirror-line-like {\n      word-wrap: break-word;\n      white-space: pre-wrap;\n      word-break: normal;\n    }\n\n    .CodeMirror-linebackground {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      z-index: 0;\n    }\n\n    .CodeMirror-linewidget {\n      position: relative;\n      z-index: 2;\n      padding: 0.006rem; /* Force widget margins to stay inside of the container */\n    }\n\n    .CodeMirror-rtl pre {\n      direction: rtl;\n    }\n\n    .CodeMirror-code {\n      outline: none;\n    }\n\n    /* Force content-box sizing for the elements where we expect it */\n    .CodeMirror-scroll,\n    .CodeMirror-sizer,\n    .CodeMirror-gutter,\n    .CodeMirror-linenumber {\n      -moz-box-sizing: content-box;\n      box-sizing: content-box;\n    }\n\n    .CodeMirror-measure {\n      position: absolute;\n      width: 100%;\n      height: 0;\n      overflow: hidden;\n      visibility: hidden;\n    }\n\n    .CodeMirror-measure pre {\n      position: static;\n    }\n\n    div.CodeMirror-dragcursors {\n      visibility: visible;\n    }\n\n    .CodeMirror-selected {\n      background: #d9d9d9;\n    }\n    .CodeMirror-focused .CodeMirror-selected {\n      background: #d7d4f0;\n    }\n    .CodeMirror-focused {\n      border-color: ${base.palette.interactive} !important;\n    }\n    .CodeMirror:not(.CodeMirror-focused) .CodeMirror-cursors {\n      visibility: hidden;\n    }\n    .CodeMirror-crosshair {\n      cursor: crosshair;\n    }\n    .CodeMirror-line::selection,\n    .CodeMirror-line > span::selection,\n    .CodeMirror-line > span > span::selection {\n      background: #d7d4f0;\n    }\n    .CodeMirror-line::-moz-selection,\n    .CodeMirror-line > span::-moz-selection,\n    .CodeMirror-line > span > span::-moz-selection {\n      background: #d7d4f0;\n    }\n\n    .cm-searching {\n      background-color: rgba(255, 255, 0, 0.4);\n    }\n\n    /* Used to force a border model for a node */\n    .cm-force-border {\n      padding-right: 0.006rem;\n    }\n\n    /* See issue #2901 */\n    .cm-tab-wrap-hack::after {\n      content: '';\n    }\n\n    /* Help users use markselection to safely style text background */\n    span.CodeMirror-selectedtext {\n      background: none;\n    }\n\n    .CodeMirror {\n      ${isSingleLine &&\n      css`\n        white-space: nowrap;\n        height: auto;\n        padding-inline-end: ${base.spacing};\n      `}\n      overflow: hidden;\n      font-family: monospace;\n      direction: ltr;\n      position: relative;\n      background-color: ${base.palette['background-color']};\n      color: ${base.palette['foreground-color']};\n      border: 0.0625rem solid ${base.palette['border-line']};\n      border-radius: calc(0.5 * ${base['border-radius']});\n      ${errors &&\n      css`\n        border-color: ${errorBackground};\n      `}\n      ${readOnly &&\n      css`\n        background-color: ${readOnlyBackgroundColor};\n      `}\n    }\n\n    .cm-ex-context {\n      color: ${base.palette.interactive};\n    }\n    .cm-ex-additional-operators {\n      color: ${base.palette.interactive};\n    }\n    .cm-ex-operator {\n      color: ${base.palette.warn};\n      font-weight: bold;\n    }\n    .cm-ex-comment {\n      color: ${base.palette.info};\n    }\n    .cm-ex-ruleName {\n      color: ${base.palette.success};\n    }\n    .cm-ex-delimeter {\n      color: ${base.palette['foreground-color']};\n    }\n    .cm-ex-constant {\n      color: ${base.palette.pending};\n    }\n    .cm-ex-underline-error {\n      text-decoration: underline;\n      text-decoration-style: wavy;\n      text-decoration-color: ${base.colors.red.medium};\n    }\n  `;\n});\n\nStyledCodeEditor.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestions = createGlobalStyle<{\n  isLoading?: boolean;\n  suggestions: SuggestionType[];\n}>(({ theme: { base }, isLoading, suggestions }) => {\n  const activeColor = mix(0.85, base.palette[primaryBackground], base.palette.interactive);\n\n  const hoverColor = mix(0.95, base.palette[primaryBackground], base.palette.interactive);\n\n  const fontSizes = calculateFontSize(base['font-size'], base['font-scale']);\n  return css`\n    .CodeMirror-hints {\n      position: absolute;\n      z-index: calc(${base['z-index'].backdrop} + 1);\n      transition: height ${base.animation.speed} ${base.animation.timing.ease};\n      border-radius: calc(0.5 * ${base['border-radius']});\n      box-shadow: ${base.shadow.low};\n      border: 0.0625rem solid ${base.palette['border-line']};\n      background-color: ${base.palette[primaryBackground]};\n      font-size: ${fontSizes.s};\n      max-height: 12rem;\n      overflow-y: auto;\n      min-width: ${base[contentWidth].xs};\n    }\n\n    .CodeMirror-hint {\n      width: calc(1.5 * ${base[contentWidth].xs});\n      cursor: pointer;\n      &:focus-within {\n        background-color: ${activeColor};\n      }\n\n      &:hover:not([aria-disabled='true']) {\n        background-color: ${hoverColor};\n      }\n      padding-inline: ${base.spacing};\n    }\n\n    body .CodeMirror-lint-tooltip {\n      z-index: ${base['z-index'].tooltip};\n    }\n\n    ${!isLoading &&\n    suggestions?.length > 0 &&\n    css`\n      li.CodeMirror-hint-active {\n        background-color: ${activeColor};\n      }\n    `}\n  `;\n});\n\nStyledSuggestions.defaultProps = defaultThemeProp;\n"]}
+{"version":3,"file":"CodeEditor.styles.js","sourceRoot":"","sources":["../../../../src/components/ExpressionBuilder/CodeEditor/CodeEditor.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components';\nimport { mix } from 'polished';\n\nimport { defaultThemeProp, calculateFontSize, Flex, Icon } from '@pega/cosmos-react-core';\nimport { StyledFormField } from '@pega/cosmos-react-core/lib/components/FormField/FormField';\n\nimport type { CodeEditorProps, SuggestionType } from './CodeEditor.types';\n\nconst primaryBackground = 'primary-background';\nconst contentWidth = 'content-width';\n\nexport const StyledLoading = styled.div`\n  font-size: 1.5rem;\n`;\n\nexport const StyledWarnIcon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n  `;\n});\n\nStyledWarnIcon.defaultProps = defaultThemeProp;\n\nexport const StyledPopover = styled.div(({ theme }) => {\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    font-size: ${fontSize.xxs};\n    max-width: ${theme.base[contentWidth].sm};\n    padding: ${theme.base.spacing};\n    white-space: pre-line;\n    word-break: break-word;\n    pointer-events: none;\n  `;\n});\n\nStyledPopover.defaultProps = defaultThemeProp;\n\nexport const StyledList = styled.div(({ theme }) => {\n  return css`\n    padding-inline-start: calc(0.25 * ${theme.base.spacing});\n  `;\n});\nStyledList.defaultProps = defaultThemeProp;\n\nexport const StyledCodeEditor = styled(Flex)<\n  Pick<CodeEditorProps, 'showEditorOnly' | 'editorConfigProps' | 'isSingleLine'> & {\n    isLoading?: boolean;\n    errors?: string;\n    readOnly?: boolean;\n    suggestions: SuggestionType[];\n  }\n>(({\n  theme: {\n    base,\n    components: {\n      'form-control': {\n        'background-color': formControlBgColor,\n        ':read-only': { 'background-color': readOnlyBackgroundColor }\n      },\n      'form-field': {\n        error: { 'status-color': errorBackground }\n      },\n      input\n    }\n  },\n  errors,\n  readOnly,\n  showEditorOnly,\n  editorConfigProps,\n  isSingleLine = false\n}) => {\n  const jsonMode = editorConfigProps?.mode === 'application/json';\n\n  return css`\n    width: 100%;\n    ${showEditorOnly &&\n    css`\n      max-height: 10rem;\n      width: 27vw;\n    `}\n    position: relative;\n    ${!showEditorOnly &&\n    css`\n      max-height: 100%;\n    `}\n    overflow-y: auto;\n    ${StyledFormField} {\n      flex-grow: 1;\n    }\n\n    /* PADDING */\n    .react-codemirror2 {\n      flex-grow: 1;\n      ${isSingleLine\n        ? css`\n            min-height: ${input.height};\n            & * {\n              scrollbar-width: none;\n              ::-webkit-scrollbar {\n                display: none;\n              }\n            }\n          `\n        : css`\n            min-height: 3.75rem;\n          `}\n      overflow-y: auto;\n      ${readOnly &&\n      !jsonMode &&\n      css`\n        max-height: 5.625rem;\n      `}\n    }\n\n    .CodeMirror-placeholder {\n      opacity: ${base.transparency['transparent-3']};\n    }\n\n    .CodeMirror-lines {\n      cursor: text;\n      min-height: 0.063rem; /* prevents collapsing before first draw */\n      padding: ${base.spacing} 0;\n    }\n\n    ${editorConfigProps?.theme === 'eclipse' &&\n    css`\n      .cm-s-eclipse .cm-string {\n        color: ${base.palette.urgent};\n      }\n    `}\n\n    .CodeMirror-scrollbar-filler,\n    .CodeMirror-gutter-filler {\n      background-color: white; /* The little square between H and V scrollbars */\n    }\n\n    /* GUTTER */\n\n    .CodeMirror-gutters {\n      position: absolute;\n      left: 0;\n      top: 0;\n      min-height: 100%;\n      z-index: 3;\n      border-right: 0.063rem solid #dddddd;\n      background-color: #f7f7f7;\n      white-space: nowrap;\n    }\n    .CodeMirror-linenumber {\n      padding: 0 0.125rem 0 0.313rem;\n      min-width: 1.25rem;\n      text-align: right;\n      color: #999999;\n      white-space: nowrap;\n    }\n\n    .CodeMirror-guttermarker {\n      color: black;\n    }\n    .CodeMirror-guttermarker-subtle {\n      color: #999999;\n    }\n\n    /* CURSOR */\n\n    .CodeMirror-cursor {\n      position: absolute;\n      pointer-events: none;\n      border-left: 0.0625rem solid ${base.palette.dark};\n      border-right: none;\n      width: 0;\n      ${readOnly &&\n      css`\n        display: none;\n      `}\n    }\n\n    /* Shown when moving in bi-directional text */\n    .CodeMirror div.CodeMirror-secondarycursor {\n      border-left: 0.063rem solid silver;\n    }\n    .cm-fat-cursor-mark {\n      background-color: rgba(20, 255, 20, 0.5);\n      -webkit-animation: blink 1.06s steps(1) infinite;\n      -moz-animation: blink 1.06s steps(1) infinite;\n      animation: blink 1.06s steps(1) infinite;\n    }\n    .cm-animate-fat-cursor {\n      width: auto;\n      border: 0;\n      -webkit-animation: blink 1.06s steps(1) infinite;\n      -moz-animation: blink 1.06s steps(1) infinite;\n      animation: blink 1.06s steps(1) infinite;\n      background-color: #77ee77;\n    }\n    @-moz-keyframes blink {\n      50% {\n        background-color: transparent;\n      }\n    }\n    @-webkit-keyframes blink {\n      50% {\n        background-color: transparent;\n      }\n    }\n    @keyframes blink {\n      50% {\n        background-color: transparent;\n      }\n    }\n\n    .cm-tab {\n      display: inline-block;\n      text-decoration: inherit;\n    }\n\n    .CodeMirror-rulers {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: -3.125rem;\n      bottom: 0;\n      overflow: hidden;\n    }\n    .CodeMirror-ruler {\n      border-left: 0.063rem solid #cccccc;\n      top: 0;\n      bottom: 0;\n      position: absolute;\n    }\n\n    /* DEFAULT THEME */\n\n    .cm-s-default .cm-header {\n      color: blue;\n    }\n    .cm-negative {\n      color: #dd4444;\n    }\n    .cm-positive {\n      color: #229922;\n    }\n    .cm-strong {\n      font-weight: bold;\n    }\n    .cm-s-default .cm-quote {\n      color: #009900;\n    }\n    .cm-em {\n      font-style: italic;\n    }\n    .cm-link {\n      text-decoration: underline;\n    }\n    .cm-strikethrough {\n      text-decoration: line-through;\n    }\n\n    .cm-s-default .cm-keyword {\n      color: #770088;\n    }\n    .cm-s-default .cm-atom {\n      color: #221199;\n    }\n    .cm-s-default .cm-number {\n      color: #116644;\n    }\n    .cm-s-default .cm-def {\n      color: #0000ff;\n    }\n    .cm-s-default .cm-variable-2 {\n      color: #0055aa;\n    }\n    .cm-s-default .cm-variable-3,\n    .cm-s-default .cm-type {\n      color: #008855;\n    }\n    .cm-s-default .cm-comment {\n      color: #aa5500;\n    }\n    .cm-s-default .cm-string {\n      color: #aa1111;\n    }\n    .cm-s-default .cm-string-2 {\n      color: #ff5500;\n    }\n    .cm-s-default .cm-meta {\n      color: #555555;\n    }\n    .cm-s-default .cm-qualifier {\n      color: #555555;\n    }\n    .cm-s-default .cm-builtin {\n      color: #3300aa;\n    }\n    .cm-s-default .cm-bracket {\n      color: #999977;\n    }\n    .cm-s-default .cm-tag {\n      color: #117700;\n    }\n    .cm-s-default .cm-attribute {\n      color: #0000cc;\n    }\n    .cm-s-default .cm-hr {\n      color: #999999;\n    }\n    .cm-s-default .cm-link {\n      color: #0000cc;\n    }\n\n    .cm-s-default .cm-error {\n      color: #ff0000;\n    }\n    .cm-invalidchar {\n      color: #ff0000;\n    }\n\n    .CodeMirror-composing {\n      border-bottom: 0.125rem solid;\n    }\n\n    /* Default styles for common addons */\n\n    div.CodeMirror span.CodeMirror-matchingbracket {\n      color: #00bb00;\n    }\n    div.CodeMirror span.CodeMirror-nonmatchingbracket {\n      color: #aa2222;\n    }\n    .CodeMirror-matchingtag {\n      background: rgba(255, 150, 0, 0.3);\n    }\n    .CodeMirror-activeline-background {\n      background: #e8f2ff;\n    }\n\n    /* STOP */\n\n    /* The rest of this file contains styles related to the mechanics of\n   the editor. You probably shouldn't touch them. */\n\n    .CodeMirror-scroll {\n      overflow: scroll !important;\n      margin-bottom: -3.125rem;\n      margin-right: -3.125rem;\n      padding-bottom: 3.125rem;\n      height: 100%;\n      outline: none; /* Prevent dragging from highlighting the element */\n      position: relative;\n    }\n    .CodeMirror-sizer {\n      position: relative;\n      border-right: 3.125rem solid transparent;\n    }\n\n    /* The fake, visible scrollbars. Used to force redraw during scrolling\n   before actual scrolling happens, thus preventing shaking and\n   flickering artifacts. */\n    .CodeMirror-vscrollbar,\n    .CodeMirror-hscrollbar,\n    .CodeMirror-scrollbar-filler,\n    .CodeMirror-gutter-filler {\n      position: absolute;\n      z-index: 6;\n      display: none;\n    }\n    .CodeMirror-vscrollbar {\n      right: 0;\n      top: 0;\n      overflow-x: hidden;\n      overflow-y: scroll;\n    }\n    .CodeMirror-hscrollbar {\n      bottom: 0;\n      left: 0;\n      overflow-y: hidden;\n      overflow-x: scroll;\n    }\n    .CodeMirror-scrollbar-filler {\n      right: 0;\n      bottom: 0;\n    }\n    .CodeMirror-gutter-filler {\n      left: 0;\n      bottom: 0;\n    }\n    .CodeMirror-gutter {\n      white-space: normal;\n      height: 100%;\n      display: inline-block;\n      vertical-align: top;\n      margin-bottom: -3.125rem;\n    }\n    .CodeMirror-gutter-wrapper {\n      position: absolute;\n      z-index: 4;\n      background: none !important;\n      border: none !important;\n    }\n    .CodeMirror-gutter-background {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      z-index: 4;\n    }\n    .CodeMirror-gutter-elt {\n      position: absolute;\n      cursor: default;\n      z-index: 4;\n    }\n    .CodeMirror-gutter-wrapper ::selection {\n      background-color: transparent;\n    }\n    .CodeMirror-gutter-wrapper ::-moz-selection {\n      background-color: transparent;\n    }\n\n    .CodeMirror pre.CodeMirror-line,\n    .CodeMirror pre.CodeMirror-line-like {\n      /* Reset some styles that the rest of the page might have set */\n      -moz-border-radius: 0;\n      -webkit-border-radius: 0;\n      border-radius: 0;\n      border-width: 0;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      margin: 0;\n      white-space: pre;\n      word-wrap: normal;\n      line-height: inherit;\n      color: inherit;\n      z-index: 2;\n      position: relative;\n      overflow: visible;\n      -webkit-tap-highlight-color: transparent;\n      -webkit-font-variant-ligatures: contextual;\n      font-variant-ligatures: contextual;\n      padding: 0 ${base.spacing};\n    }\n    .CodeMirror-wrap pre.CodeMirror-line,\n    .CodeMirror-wrap pre.CodeMirror-line-like {\n      word-wrap: break-word;\n      white-space: pre-wrap;\n      word-break: normal;\n    }\n\n    .CodeMirror-linebackground {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      z-index: 0;\n    }\n\n    .CodeMirror-linewidget {\n      position: relative;\n      z-index: 2;\n      padding: 0.006rem; /* Force widget margins to stay inside of the container */\n    }\n\n    .CodeMirror-rtl pre {\n      direction: rtl;\n    }\n\n    .CodeMirror-code {\n      outline: none;\n    }\n\n    /* Force content-box sizing for the elements where we expect it */\n    .CodeMirror-scroll,\n    .CodeMirror-sizer,\n    .CodeMirror-gutter,\n    .CodeMirror-linenumber {\n      -moz-box-sizing: content-box;\n      box-sizing: content-box;\n    }\n\n    .CodeMirror-measure {\n      position: absolute;\n      width: 100%;\n      height: 0;\n      overflow: hidden;\n      visibility: hidden;\n    }\n\n    .CodeMirror-measure pre {\n      position: static;\n    }\n\n    div.CodeMirror-dragcursors {\n      visibility: visible;\n    }\n\n    .CodeMirror-selected {\n      background: #d9d9d9;\n    }\n    .CodeMirror-focused .CodeMirror-selected {\n      background: #d7d4f0;\n    }\n    .CodeMirror-focused {\n      border-color: ${base.palette.interactive} !important;\n    }\n    .CodeMirror:not(.CodeMirror-focused) .CodeMirror-cursors {\n      visibility: hidden;\n    }\n    .CodeMirror-crosshair {\n      cursor: crosshair;\n    }\n    .CodeMirror-line::selection,\n    .CodeMirror-line > span::selection,\n    .CodeMirror-line > span > span::selection {\n      background: #d7d4f0;\n    }\n    .CodeMirror-line::-moz-selection,\n    .CodeMirror-line > span::-moz-selection,\n    .CodeMirror-line > span > span::-moz-selection {\n      background: #d7d4f0;\n    }\n\n    .cm-searching {\n      background-color: rgba(255, 255, 0, 0.4);\n    }\n\n    /* Used to force a border model for a node */\n    .cm-force-border {\n      padding-right: 0.006rem;\n    }\n\n    /* See issue #2901 */\n    .cm-tab-wrap-hack::after {\n      content: '';\n    }\n\n    /* Help users use markselection to safely style text background */\n    span.CodeMirror-selectedtext {\n      background: none;\n    }\n\n    .CodeMirror {\n      ${isSingleLine &&\n      css`\n        white-space: nowrap;\n        height: auto;\n        padding-inline-end: ${base.spacing};\n      `}\n      overflow: hidden;\n      font-family: monospace;\n      direction: ltr;\n      position: relative;\n      background-color: ${formControlBgColor};\n      color: ${base.palette['foreground-color']};\n      border: 0.0625rem solid ${base.palette['border-line']};\n      border-radius: calc(0.5 * ${base['border-radius']});\n      ${errors &&\n      css`\n        border-color: ${errorBackground};\n      `}\n      ${readOnly &&\n      css`\n        background-color: ${readOnlyBackgroundColor};\n      `}\n    }\n\n    .cm-ex-context {\n      color: ${base.palette.interactive};\n    }\n    .cm-ex-additional-operators {\n      color: ${base.palette.interactive};\n    }\n    .cm-ex-operator {\n      color: ${base.palette.warn};\n      font-weight: bold;\n    }\n    .cm-ex-comment {\n      color: ${base.palette.info};\n    }\n    .cm-ex-ruleName {\n      color: ${base.palette.success};\n    }\n    .cm-ex-delimeter {\n      color: ${base.palette['foreground-color']};\n    }\n    .cm-ex-constant {\n      color: ${base.palette.pending};\n    }\n    .cm-ex-underline-error {\n      text-decoration: underline;\n      text-decoration-style: wavy;\n      text-decoration-color: ${base.colors.red.medium};\n    }\n  `;\n});\n\nStyledCodeEditor.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestions = createGlobalStyle<{\n  isLoading?: boolean;\n  suggestions: SuggestionType[];\n}>(({ theme: { base }, isLoading, suggestions }) => {\n  const activeColor = mix(0.85, base.palette[primaryBackground], base.palette.interactive);\n\n  const hoverColor = mix(0.95, base.palette[primaryBackground], base.palette.interactive);\n\n  const fontSizes = calculateFontSize(base['font-size'], base['font-scale']);\n  return css`\n    .CodeMirror-hints {\n      position: absolute;\n      z-index: calc(${base['z-index'].backdrop} + 1);\n      transition: height ${base.animation.speed} ${base.animation.timing.ease};\n      border-radius: calc(0.5 * ${base['border-radius']});\n      box-shadow: ${base.shadow.low};\n      border: 0.0625rem solid ${base.palette['border-line']};\n      background-color: ${base.palette[primaryBackground]};\n      font-size: ${fontSizes.s};\n      max-height: 12rem;\n      overflow-y: auto;\n      min-width: ${base[contentWidth].xs};\n    }\n\n    .CodeMirror-hint {\n      width: calc(1.5 * ${base[contentWidth].xs});\n      cursor: pointer;\n      &:focus-within {\n        background-color: ${activeColor};\n      }\n\n      &:hover:not([aria-disabled='true']) {\n        background-color: ${hoverColor};\n      }\n      padding-inline: ${base.spacing};\n    }\n\n    body .CodeMirror-lint-tooltip {\n      z-index: ${base['z-index'].tooltip};\n    }\n\n    ${!isLoading &&\n    suggestions?.length > 0 &&\n    css`\n      li.CodeMirror-hint-active {\n        background-color: ${activeColor};\n      }\n    `}\n  `;\n});\n\nStyledSuggestions.defaultProps = defaultThemeProp;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ExpressionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAE/E,OAAO,KAAK,EAAuB,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;;;;AAuU7F,wBAAuE"}
+{"version":3,"file":"ExpressionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAE/E,OAAO,KAAK,EAAuB,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;;;;AAsU7F,wBAAuE"}

package/lib/components/ExpressionBuilder/ExpressionBuilder.js

@@ -69,7 +69,7 @@ const ExpressionBuilder = forwardRef(({ testId, list, search, errors, defaultVal
                         }, as: generateExpression ? StyledExpressions : undefined, children: [generateExpression && (_jsxs(_Fragment, { children: [_jsx(TextArea, { label: t('describe_expression'), defaultValue: describeExpressionTextArea?.defaultValue, autoResize: false, additionalInfo: describeExpressionTextArea?.additionalInfo, placeholder: describeExpressionTextArea?.placeholder, info: describeExpressionTextArea?.error, status: describeExpressionTextArea?.error ? 'error' : undefined, testId: testIds.describeExpression, ref: textAreaRef, row: 3 }), _jsx(Flex, { container: true, item: { alignSelf: 'end' }, children: loadingExpression ? (_jsxs(Flex, { container: { gap: 1, alignItems: 'center' }, children: [t('generating_expression'), _jsx(Progress, { placement: 'inline' })] })) : (onGenerateExpression && (_jsx(AIButton, { onClick: () => onGenerateExpression(textAreaRef.current?.value || ''), label: t('generate'), variant: 'secondary', "data-testid": testIds.generate }))) }), _jsxs(Flex, { container: { direction: 'column' }, item: { grow: 1 }, as: StyledGeneratedExpression, children: [_jsx(Label, { children: t('generated_expression') }), _jsx(CodeEditor, { codeEditorHandle: generatedExpressionHandler, editorConfigProps: {
                                                     mode: 'expression',
                                                     readOnly: true
-                                                }, readOnly: true, testId: testIds.generatedExpression }), loadingExpression && _jsx(Progress, { variant: 'ring', placement: 'local' })] }), onInsert && (_jsx(Button, { as: StyledInsertButton, onClick: () => onInsert(generatedExpressionHandler.current?.getValue() ?? ''), label: t('add'), "data-testid": testIds.insert, children: t('add') })), _jsx(Text, { variant: 'h4', children: t('library') })] })), _jsx(SearchInput, { testId: testIds.search, ...search }), _jsx(ExpressionBuilderContext.Provider, { value: ctxValue, children: _jsx(ExpressionList, { testId: testIds.root, ...list, onItemAdd: onItemAdd }) })] })] })), _jsxs(Flex, { container: {
+                                                }, readOnly: true, testId: testIds.generatedExpression }), _jsx(Text, { variant: 'secondary', children: t('verify_ai_generated_expression') }), loadingExpression && _jsx(Progress, { variant: 'ring', placement: 'local' })] }), onInsert && (_jsx(Button, { as: StyledInsertButton, onClick: () => onInsert(generatedExpressionHandler.current?.getValue() ?? ''), "data-testid": testIds.insert, children: t('insert') })), _jsx(Text, { variant: 'h4', children: t('library') })] })), _jsx(SearchInput, { testId: testIds.search, ...search }), _jsx(ExpressionBuilderContext.Provider, { value: ctxValue, children: _jsx(ExpressionList, { testId: testIds.root, ...list, onItemAdd: onItemAdd }) })] })] })), _jsxs(Flex, { container: {
                     direction: 'column',
                     gap: 1,
                     pad: [1, 2, 1, 1]
@@ -86,7 +86,7 @@ const ExpressionBuilder = forwardRef(({ testId, list, search, errors, defaultVal
                                 readOnly,
                                 lineNumbers: true,
                                 placeholder
-                            }, defaultValue: defaultValue, loading: loading, errors: errors, readOnly: readOnly, onChange: onChange, "aria-label": t('expression_editor'), showEditorOnly: showEditorOnly, inLineErrors: inLineErrors })) }), _jsxs(Flex, { container: { direction: 'column', gap: 1 }, children: [_jsx(Flex, { container: true, item: { alignSelf: 'end' }, as: StyledExplainContainer, children: generateExplanation?.loadingExplanation ? (_jsxs(Flex, { container: { gap: 1, alignItems: 'center' }, children: [t('generating_explanation'), _jsx(Progress, { placement: 'inline' })] })) : (_jsx(AIButton, { onClick: generateExplanation?.onExplain, label: t('explain'), variant: 'secondary', "data-testid": testIds.explain })) }), _jsxs(Flex, { as: StyledExplanationContainer, container: { direction: 'column' }, children: [_jsx(TextArea, { label: 'Generated Explanation', value: generateExplanation?.explanation, autoResize: false, testId: testIds.explanation, readOnly: true }), generateExplanation?.loadingExplanation && (_jsx(Progress, { variant: 'ring', placement: 'local' }))] }), generateExplanation?.onClearExplanation && (_jsx(Button, { as: StyledClearButton, onClick: generateExplanation.onClearExplanation, label: t('clear_explanation'), "data-testid": testIds.clear, children: t('clear') }))] })] })] }));
+                            }, defaultValue: defaultValue, loading: loading, errors: errors, readOnly: readOnly, onChange: onChange, "aria-label": t('expression_editor'), showEditorOnly: showEditorOnly, inLineErrors: inLineErrors })) }), _jsxs(Flex, { container: { direction: 'column', gap: 1 }, children: [_jsx(Flex, { container: true, item: { alignSelf: 'end' }, as: StyledExplainContainer, children: generateExplanation?.loadingExplanation ? (_jsxs(Flex, { container: { gap: 1, alignItems: 'center' }, children: [t('generating_explanation'), _jsx(Progress, { placement: 'inline' })] })) : (_jsx(AIButton, { onClick: generateExplanation?.onExplain, label: t('explain'), variant: 'secondary', "data-testid": testIds.explain })) }), _jsxs(Flex, { as: StyledExplanationContainer, container: { direction: 'column' }, children: [_jsx(TextArea, { label: t('generated_explanation'), value: generateExplanation?.explanation, autoResize: false, testId: testIds.explanation, readOnly: true }), generateExplanation?.loadingExplanation && (_jsx(Progress, { variant: 'ring', placement: 'local' }))] }), generateExplanation?.onClearExplanation && (_jsx(Button, { as: StyledClearButton, onClick: generateExplanation.onClearExplanation, "data-testid": testIds.clear, children: t('clear') }))] })] })] }));
 });
 export default withTestIds(ExpressionBuilder, getExpressionBuilderIds);
 //# sourceMappingURL=ExpressionBuilder.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExpressionBuilder.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useImperativeHandle, useMemo, useRef, useEffect } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport {\n  Flex,\n  SearchInput,\n  useI18n,\n  VisuallyHiddenText,\n  withTestIds,\n  useTestIds,\n  useLiveLog,\n  useAfterInitialEffect,\n  Label,\n  Text,\n  Progress,\n  AIButton,\n  Button,\n  TextArea\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport type { ExpressionItemProps, ExpressionBuilderProps } from './ExpressionBuilder.types';\nimport type { EditorState } from './CodeEditor/CodeEditor.types';\nimport ExpressionList from './ExpressionList';\nimport {\n  StyledExpressionWrapper,\n  StyledClearButton,\n  StyledExplanationContainer,\n  StyledExpressionBuilder,\n  StyledCodeEditorContainer,\n  StyledExplainContainer,\n  StyledExpressions,\n  StyledFormField,\n  StyledGeneratedExpression,\n  StyledInsertButton\n} from './ExpressionBuilder.styles';\nimport CodeEditor from './CodeEditor/CodeEditor';\nimport ExpressionBuilderContext from './ExpressionBuilderContext';\nimport { getExpressionBuilderIds } from './ExpressionBuilder.test-ids';\n\nconst ExpressionBuilder: ForwardRefForwardPropsComponent<ExpressionBuilderProps> = forwardRef(\n  (\n    {\n      testId,\n      list,\n      search,\n      errors,\n      defaultValue,\n      handle,\n      showEditorOnly = false,\n      fetchSuggestions,\n      loading,\n      readOnly,\n      onChange,\n      inLineErrors,\n      placeholder,\n      generateExplanation,\n      label,\n      required,\n      additionalInfo,\n      generateExpression,\n      ...restProps\n    }: PropsWithoutRef<ExpressionBuilderProps>,\n    ref: ExpressionBuilderProps['ref']\n  ) => {\n    const t = useI18n();\n    const { announcePolite } = useLiveLog();\n    const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n    const codeEditorHandle = useRef<EditorState>(null);\n    const generatedExpressionHandler = useRef<EditorState>(null);\n    const testIds = useTestIds(testId, getExpressionBuilderIds);\n    const {\n      describeExpressionTextArea,\n      onGenerateExpression,\n      loadingExpression = false,\n      generatedExpression,\n      onInsert\n    } = generateExpression || {};\n\n    const getExpression = () => {\n      return codeEditorHandle.current?.getValue() || '';\n    };\n\n    const insertExpression = (text: string, replaceContent?: boolean) => {\n      return codeEditorHandle.current?.insertText(text, replaceContent);\n    };\n\n    useImperativeHandle(\n      handle,\n      () => ({\n        getExpression,\n        ...(!!generateExpression && { insertExpression })\n      }),\n      [getExpression, insertExpression]\n    );\n\n    const addExpression = (expression: string) => {\n      codeEditorHandle.current?.insertText(expression);\n    };\n    const onItemAdd = (id: ExpressionItemProps['id']) => {\n      list.onItemAdd(id, addExpression);\n    };\n\n    const ctxValue = useMemo(\n      () => ({\n        accent: search.accent\n      }),\n      [search.accent]\n    );\n\n    useAfterInitialEffect(() => {\n      if (generateExplanation?.loadingExplanation) {\n        announcePolite({ message: t('generating_explanation') });\n      } else if (generateExplanation?.explanation) {\n        announcePolite({ message: t('explanation_generated') });\n      }\n    }, [generateExplanation?.loadingExplanation, generateExplanation?.explanation]);\n\n    useAfterInitialEffect(() => {\n      if (loadingExpression) {\n        announcePolite({ message: t('generating_expression') });\n      }\n      if (generatedExpression && !loadingExpression) {\n        announcePolite({ message: t('expression_generated') });\n      }\n    }, [loadingExpression, generatedExpression]);\n\n    useEffect(() => {\n      if (generatedExpression !== undefined) {\n        generatedExpressionHandler.current?.insertText(generatedExpression, true);\n      }\n    }, [generatedExpression]);\n\n    return (\n      <StyledExpressionBuilder\n        data-testid={testIds.root}\n        {...restProps}\n        ref={ref}\n        container={{\n          justify: 'between'\n        }}\n        item={{\n          grow: 1\n        }}\n        showEditorOnly={showEditorOnly}\n        showGenerateExpression={!!generateExpression}\n      >\n        {/* Results count and Column 1 */}\n        {!readOnly && !showEditorOnly && (\n          <>\n            <VisuallyHiddenText aria-live='polite' role='status'>\n              {t('results_count', [list.items?.length || 0], { count: list.items?.length || 0 })}\n            </VisuallyHiddenText>\n            <Flex\n              container={{\n                direction: 'column',\n                justify: 'between',\n                gap: 1,\n                pad: [1, 1, 1, 2]\n              }}\n              item={{\n                grow: 1,\n                basis: '50%'\n              }}\n              as={generateExpression ? StyledExpressions : undefined}\n            >\n              {generateExpression && (\n                <>\n                  <TextArea\n                    label={t('describe_expression')}\n                    defaultValue={describeExpressionTextArea?.defaultValue}\n                    autoResize={false}\n                    additionalInfo={describeExpressionTextArea?.additionalInfo}\n                    placeholder={describeExpressionTextArea?.placeholder}\n                    info={describeExpressionTextArea?.error}\n                    status={describeExpressionTextArea?.error ? 'error' : undefined}\n                    testId={testIds.describeExpression}\n                    ref={textAreaRef}\n                    row={3}\n                  />\n\n                  <Flex container item={{ alignSelf: 'end' }}>\n                    {loadingExpression ? (\n                      <Flex container={{ gap: 1, alignItems: 'center' }}>\n                        {t('generating_expression')}\n                        <Progress placement='inline' />\n                      </Flex>\n                    ) : (\n                      onGenerateExpression && (\n                        <AIButton\n                          onClick={() => onGenerateExpression(textAreaRef.current?.value || '')}\n                          label={t('generate')}\n                          variant='secondary'\n                          data-testid={testIds.generate}\n                        />\n                      )\n                    )}\n                  </Flex>\n\n                  <Flex\n                    container={{ direction: 'column' }}\n                    item={{ grow: 1 }}\n                    as={StyledGeneratedExpression}\n                  >\n                    <Label>{t('generated_expression')}</Label>\n                    <CodeEditor\n                      codeEditorHandle={generatedExpressionHandler}\n                      editorConfigProps={{\n                        mode: 'expression',\n                        readOnly: true\n                      }}\n                      readOnly\n                      testId={testIds.generatedExpression}\n                    />\n                    {loadingExpression && <Progress variant='ring' placement='local' />}\n                  </Flex>\n\n                  {onInsert && (\n                    <Button\n                      as={StyledInsertButton}\n                      onClick={() => onInsert(generatedExpressionHandler.current?.getValue() ?? '')}\n                      label={t('add')}\n                      data-testid={testIds.insert}\n                    >\n                      {t('add')}\n                    </Button>\n                  )}\n\n                  <Text variant='h4'>{t('library')}</Text>\n                </>\n              )}\n              <SearchInput testId={testIds.search} {...search} />\n              <ExpressionBuilderContext.Provider value={ctxValue}>\n                <ExpressionList testId={testIds.root} {...list} onItemAdd={onItemAdd} />\n              </ExpressionBuilderContext.Provider>\n            </Flex>\n          </>\n        )}\n        {/* Column 2 */}\n        <Flex\n          container={{\n            direction: 'column',\n            gap: 1,\n            pad: [1, 2, 1, 1]\n          }}\n          item={{\n            grow: 1,\n            basis: '50%'\n          }}\n          as={StyledExpressionWrapper}\n        >\n          <Flex\n            container\n            as={StyledCodeEditorContainer}\n            explainEnabled={!!generateExplanation?.onExplain}\n          >\n            {label ? (\n              <StyledFormField label={label} additionalInfo={additionalInfo} required={required}>\n                <CodeEditor\n                  testId={testIds.root}\n                  fetchSuggestions={fetchSuggestions}\n                  codeEditorHandle={codeEditorHandle}\n                  autoCompleteTriggers={['.', '@', ':', '#', '(', ')']}\n                  editorConfigProps={{\n                    mode: 'expression',\n                    readOnly,\n                    lineNumbers: true,\n                    placeholder\n                  }}\n                  defaultValue={defaultValue}\n                  loading={loading}\n                  errors={errors}\n                  readOnly={readOnly}\n                  onChange={onChange}\n                  aria-label={t('expression_editor')}\n                  showEditorOnly={showEditorOnly}\n                  inLineErrors={inLineErrors}\n                />\n              </StyledFormField>\n            ) : (\n              <CodeEditor\n                testId={testIds.root}\n                fetchSuggestions={fetchSuggestions}\n                codeEditorHandle={codeEditorHandle}\n                autoCompleteTriggers={['.', '@', ':', '#', '(', ')']}\n                editorConfigProps={{\n                  mode: 'expression',\n                  readOnly,\n                  lineNumbers: true,\n                  placeholder\n                }}\n                defaultValue={defaultValue}\n                loading={loading}\n                errors={errors}\n                readOnly={readOnly}\n                onChange={onChange}\n                aria-label={t('expression_editor')}\n                showEditorOnly={showEditorOnly}\n                inLineErrors={inLineErrors}\n              />\n            )}\n          </Flex>\n          <Flex container={{ direction: 'column', gap: 1 }}>\n            <Flex container item={{ alignSelf: 'end' }} as={StyledExplainContainer}>\n              {generateExplanation?.loadingExplanation ? (\n                <Flex container={{ gap: 1, alignItems: 'center' }}>\n                  {t('generating_explanation')}\n                  <Progress placement='inline' />\n                </Flex>\n              ) : (\n                <AIButton\n                  onClick={generateExplanation?.onExplain}\n                  label={t('explain')}\n                  variant='secondary'\n                  data-testid={testIds.explain}\n                />\n              )}\n            </Flex>\n            <Flex as={StyledExplanationContainer} container={{ direction: 'column' }}>\n              <TextArea\n                label='Generated Explanation'\n                value={generateExplanation?.explanation}\n                autoResize={false}\n                testId={testIds.explanation}\n                readOnly\n              />\n              {generateExplanation?.loadingExplanation && (\n                <Progress variant='ring' placement='local' />\n              )}\n            </Flex>\n\n            {generateExplanation?.onClearExplanation && (\n              <Button\n                as={StyledClearButton}\n                onClick={generateExplanation.onClearExplanation}\n                label={t('clear_explanation')}\n                data-testid={testIds.clear}\n              >\n                {t('clear')}\n              </Button>\n            )}\n          </Flex>\n        </Flex>\n      </StyledExpressionBuilder>\n    );\n  }\n);\n\nexport default withTestIds(ExpressionBuilder, getExpressionBuilderIds);\n"]}
+{"version":3,"file":"ExpressionBuilder.js","sourceRoot":"","sources":["../../../src/components/ExpressionBuilder/ExpressionBuilder.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useImperativeHandle, useMemo, useRef, useEffect } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport {\n  Flex,\n  SearchInput,\n  useI18n,\n  VisuallyHiddenText,\n  withTestIds,\n  useTestIds,\n  useLiveLog,\n  useAfterInitialEffect,\n  Label,\n  Text,\n  Progress,\n  AIButton,\n  Button,\n  TextArea\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport type { ExpressionItemProps, ExpressionBuilderProps } from './ExpressionBuilder.types';\nimport type { EditorState } from './CodeEditor/CodeEditor.types';\nimport ExpressionList from './ExpressionList';\nimport {\n  StyledExpressionWrapper,\n  StyledClearButton,\n  StyledExplanationContainer,\n  StyledExpressionBuilder,\n  StyledCodeEditorContainer,\n  StyledExplainContainer,\n  StyledExpressions,\n  StyledFormField,\n  StyledGeneratedExpression,\n  StyledInsertButton\n} from './ExpressionBuilder.styles';\nimport CodeEditor from './CodeEditor/CodeEditor';\nimport ExpressionBuilderContext from './ExpressionBuilderContext';\nimport { getExpressionBuilderIds } from './ExpressionBuilder.test-ids';\n\nconst ExpressionBuilder: ForwardRefForwardPropsComponent<ExpressionBuilderProps> = forwardRef(\n  (\n    {\n      testId,\n      list,\n      search,\n      errors,\n      defaultValue,\n      handle,\n      showEditorOnly = false,\n      fetchSuggestions,\n      loading,\n      readOnly,\n      onChange,\n      inLineErrors,\n      placeholder,\n      generateExplanation,\n      label,\n      required,\n      additionalInfo,\n      generateExpression,\n      ...restProps\n    }: PropsWithoutRef<ExpressionBuilderProps>,\n    ref: ExpressionBuilderProps['ref']\n  ) => {\n    const t = useI18n();\n    const { announcePolite } = useLiveLog();\n    const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n    const codeEditorHandle = useRef<EditorState>(null);\n    const generatedExpressionHandler = useRef<EditorState>(null);\n    const testIds = useTestIds(testId, getExpressionBuilderIds);\n    const {\n      describeExpressionTextArea,\n      onGenerateExpression,\n      loadingExpression = false,\n      generatedExpression,\n      onInsert\n    } = generateExpression || {};\n\n    const getExpression = () => {\n      return codeEditorHandle.current?.getValue() || '';\n    };\n\n    const insertExpression = (text: string, replaceContent?: boolean) => {\n      return codeEditorHandle.current?.insertText(text, replaceContent);\n    };\n\n    useImperativeHandle(\n      handle,\n      () => ({\n        getExpression,\n        ...(!!generateExpression && { insertExpression })\n      }),\n      [getExpression, insertExpression]\n    );\n\n    const addExpression = (expression: string) => {\n      codeEditorHandle.current?.insertText(expression);\n    };\n    const onItemAdd = (id: ExpressionItemProps['id']) => {\n      list.onItemAdd(id, addExpression);\n    };\n\n    const ctxValue = useMemo(\n      () => ({\n        accent: search.accent\n      }),\n      [search.accent]\n    );\n\n    useAfterInitialEffect(() => {\n      if (generateExplanation?.loadingExplanation) {\n        announcePolite({ message: t('generating_explanation') });\n      } else if (generateExplanation?.explanation) {\n        announcePolite({ message: t('explanation_generated') });\n      }\n    }, [generateExplanation?.loadingExplanation, generateExplanation?.explanation]);\n\n    useAfterInitialEffect(() => {\n      if (loadingExpression) {\n        announcePolite({ message: t('generating_expression') });\n      }\n      if (generatedExpression && !loadingExpression) {\n        announcePolite({ message: t('expression_generated') });\n      }\n    }, [loadingExpression, generatedExpression]);\n\n    useEffect(() => {\n      if (generatedExpression !== undefined) {\n        generatedExpressionHandler.current?.insertText(generatedExpression, true);\n      }\n    }, [generatedExpression]);\n\n    return (\n      <StyledExpressionBuilder\n        data-testid={testIds.root}\n        {...restProps}\n        ref={ref}\n        container={{\n          justify: 'between'\n        }}\n        item={{\n          grow: 1\n        }}\n        showEditorOnly={showEditorOnly}\n        showGenerateExpression={!!generateExpression}\n      >\n        {/* Results count and Column 1 */}\n        {!readOnly && !showEditorOnly && (\n          <>\n            <VisuallyHiddenText aria-live='polite' role='status'>\n              {t('results_count', [list.items?.length || 0], { count: list.items?.length || 0 })}\n            </VisuallyHiddenText>\n            <Flex\n              container={{\n                direction: 'column',\n                justify: 'between',\n                gap: 1,\n                pad: [1, 1, 1, 2]\n              }}\n              item={{\n                grow: 1,\n                basis: '50%'\n              }}\n              as={generateExpression ? StyledExpressions : undefined}\n            >\n              {generateExpression && (\n                <>\n                  <TextArea\n                    label={t('describe_expression')}\n                    defaultValue={describeExpressionTextArea?.defaultValue}\n                    autoResize={false}\n                    additionalInfo={describeExpressionTextArea?.additionalInfo}\n                    placeholder={describeExpressionTextArea?.placeholder}\n                    info={describeExpressionTextArea?.error}\n                    status={describeExpressionTextArea?.error ? 'error' : undefined}\n                    testId={testIds.describeExpression}\n                    ref={textAreaRef}\n                    row={3}\n                  />\n\n                  <Flex container item={{ alignSelf: 'end' }}>\n                    {loadingExpression ? (\n                      <Flex container={{ gap: 1, alignItems: 'center' }}>\n                        {t('generating_expression')}\n                        <Progress placement='inline' />\n                      </Flex>\n                    ) : (\n                      onGenerateExpression && (\n                        <AIButton\n                          onClick={() => onGenerateExpression(textAreaRef.current?.value || '')}\n                          label={t('generate')}\n                          variant='secondary'\n                          data-testid={testIds.generate}\n                        />\n                      )\n                    )}\n                  </Flex>\n\n                  <Flex\n                    container={{ direction: 'column' }}\n                    item={{ grow: 1 }}\n                    as={StyledGeneratedExpression}\n                  >\n                    <Label>{t('generated_expression')}</Label>\n                    <CodeEditor\n                      codeEditorHandle={generatedExpressionHandler}\n                      editorConfigProps={{\n                        mode: 'expression',\n                        readOnly: true\n                      }}\n                      readOnly\n                      testId={testIds.generatedExpression}\n                    />\n                    <Text variant='secondary'>{t('verify_ai_generated_expression')}</Text>\n                    {loadingExpression && <Progress variant='ring' placement='local' />}\n                  </Flex>\n\n                  {onInsert && (\n                    <Button\n                      as={StyledInsertButton}\n                      onClick={() => onInsert(generatedExpressionHandler.current?.getValue() ?? '')}\n                      data-testid={testIds.insert}\n                    >\n                      {t('insert')}\n                    </Button>\n                  )}\n\n                  <Text variant='h4'>{t('library')}</Text>\n                </>\n              )}\n              <SearchInput testId={testIds.search} {...search} />\n              <ExpressionBuilderContext.Provider value={ctxValue}>\n                <ExpressionList testId={testIds.root} {...list} onItemAdd={onItemAdd} />\n              </ExpressionBuilderContext.Provider>\n            </Flex>\n          </>\n        )}\n        {/* Column 2 */}\n        <Flex\n          container={{\n            direction: 'column',\n            gap: 1,\n            pad: [1, 2, 1, 1]\n          }}\n          item={{\n            grow: 1,\n            basis: '50%'\n          }}\n          as={StyledExpressionWrapper}\n        >\n          <Flex\n            container\n            as={StyledCodeEditorContainer}\n            explainEnabled={!!generateExplanation?.onExplain}\n          >\n            {label ? (\n              <StyledFormField label={label} additionalInfo={additionalInfo} required={required}>\n                <CodeEditor\n                  testId={testIds.root}\n                  fetchSuggestions={fetchSuggestions}\n                  codeEditorHandle={codeEditorHandle}\n                  autoCompleteTriggers={['.', '@', ':', '#', '(', ')']}\n                  editorConfigProps={{\n                    mode: 'expression',\n                    readOnly,\n                    lineNumbers: true,\n                    placeholder\n                  }}\n                  defaultValue={defaultValue}\n                  loading={loading}\n                  errors={errors}\n                  readOnly={readOnly}\n                  onChange={onChange}\n                  aria-label={t('expression_editor')}\n                  showEditorOnly={showEditorOnly}\n                  inLineErrors={inLineErrors}\n                />\n              </StyledFormField>\n            ) : (\n              <CodeEditor\n                testId={testIds.root}\n                fetchSuggestions={fetchSuggestions}\n                codeEditorHandle={codeEditorHandle}\n                autoCompleteTriggers={['.', '@', ':', '#', '(', ')']}\n                editorConfigProps={{\n                  mode: 'expression',\n                  readOnly,\n                  lineNumbers: true,\n                  placeholder\n                }}\n                defaultValue={defaultValue}\n                loading={loading}\n                errors={errors}\n                readOnly={readOnly}\n                onChange={onChange}\n                aria-label={t('expression_editor')}\n                showEditorOnly={showEditorOnly}\n                inLineErrors={inLineErrors}\n              />\n            )}\n          </Flex>\n          <Flex container={{ direction: 'column', gap: 1 }}>\n            <Flex container item={{ alignSelf: 'end' }} as={StyledExplainContainer}>\n              {generateExplanation?.loadingExplanation ? (\n                <Flex container={{ gap: 1, alignItems: 'center' }}>\n                  {t('generating_explanation')}\n                  <Progress placement='inline' />\n                </Flex>\n              ) : (\n                <AIButton\n                  onClick={generateExplanation?.onExplain}\n                  label={t('explain')}\n                  variant='secondary'\n                  data-testid={testIds.explain}\n                />\n              )}\n            </Flex>\n            <Flex as={StyledExplanationContainer} container={{ direction: 'column' }}>\n              <TextArea\n                label={t('generated_explanation')}\n                value={generateExplanation?.explanation}\n                autoResize={false}\n                testId={testIds.explanation}\n                readOnly\n              />\n              {generateExplanation?.loadingExplanation && (\n                <Progress variant='ring' placement='local' />\n              )}\n            </Flex>\n\n            {generateExplanation?.onClearExplanation && (\n              <Button\n                as={StyledClearButton}\n                onClick={generateExplanation.onClearExplanation}\n                data-testid={testIds.clear}\n              >\n                {t('clear')}\n              </Button>\n            )}\n          </Flex>\n        </Flex>\n      </StyledExpressionBuilder>\n    );\n  }\n);\n\nexport default withTestIds(ExpressionBuilder, getExpressionBuilderIds);\n"]}

package/lib/components/LifeCycle/Category.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/Category.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAG/E,OAAO,KAAK,EAAiB,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIvF,eAAO,MAAM,cAAc;eAA0B,OAAO;SAQ1D,CAAC;AAIH,eAAO,MAAM,UAAU,wGAIrB,CAAC;AAGH,eAAO,MAAM,aAAa;eAA2B,eAAe,GAAG,SAAS;QAAM,MAAM;SAW3F,CAAC;AAGF,eAAO,MAAM,mBAAmB,yGA4B9B,CAAC;;;;AA0FH,wBAAyD"}
+{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/Category.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAG/E,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIxE,eAAO,MAAM,cAAc;eAA0B,OAAO;SAQ1D,CAAC;AAIH,eAAO,MAAM,UAAU,wGAIrB,CAAC;AAGH,eAAO,MAAM,aAAa;eAA2B,eAAe,GAAG,SAAS;QAAM,MAAM;SAW3F,CAAC;AAGF,eAAO,MAAM,mBAAmB,yGA4B9B,CAAC;;;;AAoFH,wBAAyD"}

package/lib/components/LifeCycle/Category.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { defaultThemeProp, useTestIds, withTestIds, readableColor, tryCatch } from '@pega/cosmos-react-core';
-import { generateDynamicTestId } from './utils';
+import { generateDynamicTestId, isSingleTaskArray } from './utils';
 import TaskGroup from './TaskGroup';
 import { getCategoryTestIds } from './LifeCycle.test-ids';
 export const StyledCategory = styled.h3(({ showTitle, theme }) => {
@@ -66,21 +66,14 @@ const Category = forwardRef(({ item, showTitle = false, stageItem, category, id,
     const categoryTestID = generateDynamicTestId([stageItem.label, category?.label]);
     const testIds = useTestIds(categoryTestID, getCategoryTestIds);
     const hasNoTasks = item.tasks.length === 0;
-    const singleTaskArray = item.tasks.every(taskItem => !Array.isArray(taskItem));
     const renderTaskGroups = () => {
         if (hasNoTasks) {
             return (_jsx(TaskGroup, { ...restProps, taskItem: [], parallel: false, index: 0, stageItem: stageItem, categoryItem: { ...item, label: category?.label }, task: task }));
         }
-        if (singleTaskArray) {
-            // FIXME: Add type guard to avoid assertion
-            const tasks = item.tasks;
-            return (_createElement(TaskGroup, { ...restProps, 
-                // FIXME: Check if key is necessary
-                key: tasks[0].id, taskItem: tasks, parallel: false, index: 0, stageItem: stageItem, categoryItem: { ...item, label: category?.label }, task: task }));
+        if (isSingleTaskArray(item.tasks)) {
+            return (_jsx(TaskGroup, { ...restProps, taskItem: item.tasks, parallel: false, index: 0, stageItem: stageItem, categoryItem: { ...item, label: category?.label }, task: task }));
         }
-        return item.tasks.map((taskItem, index) => (_createElement(TaskGroup, { ...restProps, 
-            // FIXME: With type guard verify if ternary is necessary
-            key: Array.isArray(taskItem) ? taskItem[0]?.id : taskItem.id, taskItem: taskItem, parallel: index > 0, index: index, stageItem: stageItem, categoryItem: { ...item, label: category?.label }, task: task })));
+        return item.tasks.map((taskItem, index) => (_createElement(TaskGroup, { ...restProps, key: taskItem[0]?.id, taskItem: taskItem, parallel: index > 0, index: index, stageItem: stageItem, categoryItem: { ...item, label: category?.label }, task: task })));
     };
     return (_jsxs(_Fragment, { children: [category?.label && (_jsx(StyledCategory, { showTitle: showTitle, tabIndex: -1, id: item.categoryId, children: category?.label })), _jsx(StyledWrapper, { category: category, id: item.id, "data-id": item.categoryId, ref: ref, children: _jsx(StyledList, { "data-testid": testIds.root, children: renderTaskGroups() }) })] }));
 });

package/lib/components/LifeCycle/Category.js.map

@@ -1 +1 @@
-{"version":3,"file":"Category.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/Category.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  defaultThemeProp,\n  useTestIds,\n  withTestIds,\n  readableColor,\n  tryCatch\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport { generateDynamicTestId } from './utils';\nimport type { TaskItemProps, CategoriesProps, CategoryProps } from './LifeCycle.types';\nimport TaskGroup from './TaskGroup';\nimport { getCategoryTestIds } from './LifeCycle.test-ids';\n\nexport const StyledCategory = styled.h3<{ showTitle: boolean }>(({ showTitle, theme }) => {\n  return css`\n    ${!showTitle &&\n    css`\n      visibility: hidden;\n    `}\n    margin: ${theme.base.spacing} 0 0 0;\n  `;\n});\n\nStyledCategory.defaultProps = defaultThemeProp;\n\nexport const StyledList = styled.ol(() => {\n  return css`\n    list-style-type: none;\n  `;\n});\nStyledList.defaultProps = defaultThemeProp;\n\nexport const StyledWrapper = styled.div<{ category?: CategoriesProps | undefined; id: string }>(\n  ({ category, theme, id }) => {\n    const categoryHeight = `${category?.height}px`;\n    return css`\n      margin-block-start: ${theme.base.spacing};\n      margin-block-end: ${theme.base.spacing};\n      ${category?.elementId !== id &&\n      ` min-height: ${category?.height ? categoryHeight : 'auto'};\n  `}\n    `;\n  }\n);\nStyledWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledParallelTitle = styled.div(({ theme }) => {\n  const backgroundColor = theme.base.colors.slate.dark;\n\n  return css`\n    position: relative;\n    z-index: 1;\n    margin-block-end: 0.5rem;\n    text-align: center;\n    &::before {\n      border-block-start: calc(0.2 * ${theme.base.spacing}) solid ${backgroundColor};\n      content: '';\n      margin: 0 auto;\n      position: absolute;\n      top: 50%;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      width: 100%;\n      z-index: -1;\n    }\n    span {\n      background: ${backgroundColor};\n      padding: 0 ${theme.base.spacing};\n      border-radius: calc(0.25 * ${theme.base['border-radius']});\n      color: ${tryCatch(() => readableColor(backgroundColor))};\n      text-transform: uppercase;\n    }\n  `;\n});\n\nStyledParallelTitle.defaultProps = defaultThemeProp;\n\nconst Category: ForwardRefForwardPropsComponent<CategoryProps> = forwardRef(\n  (\n    {\n      item,\n      showTitle = false,\n      stageItem,\n      category,\n      id,\n      task,\n      ...restProps\n    }: PropsWithoutRef<CategoryProps>,\n    ref: CategoryProps['ref']\n  ) => {\n    const categoryTestID = generateDynamicTestId([stageItem.label, category?.label]);\n    const testIds = useTestIds(categoryTestID, getCategoryTestIds);\n    const hasNoTasks = item.tasks.length === 0;\n    const singleTaskArray = item.tasks.every(taskItem => !Array.isArray(taskItem));\n\n    const renderTaskGroups = () => {\n      if (hasNoTasks) {\n        return (\n          <TaskGroup\n            {...restProps}\n            taskItem={[]}\n            parallel={false}\n            index={0}\n            stageItem={stageItem}\n            categoryItem={{ ...item, label: category?.label }}\n            task={task}\n          />\n        );\n      }\n\n      if (singleTaskArray) {\n        // FIXME: Add type guard to avoid assertion\n        const tasks = item.tasks as TaskItemProps[];\n        return (\n          <TaskGroup\n            {...restProps}\n            // FIXME: Check if key is necessary\n            key={tasks[0].id}\n            taskItem={tasks}\n            parallel={false}\n            index={0}\n            stageItem={stageItem}\n            categoryItem={{ ...item, label: category?.label }}\n            task={task}\n          />\n        );\n      }\n\n      return item.tasks.map((taskItem, index) => (\n        <TaskGroup\n          {...restProps}\n          // FIXME: With type guard verify if ternary is necessary\n          key={Array.isArray(taskItem) ? taskItem[0]?.id : taskItem.id}\n          taskItem={taskItem}\n          parallel={index > 0}\n          index={index}\n          stageItem={stageItem}\n          categoryItem={{ ...item, label: category?.label }}\n          task={task}\n        />\n      ));\n    };\n\n    return (\n      <>\n        {category?.label && (\n          <StyledCategory showTitle={showTitle} tabIndex={-1} id={item.categoryId}>\n            {category?.label}\n          </StyledCategory>\n        )}\n        <StyledWrapper\n          category={category}\n          id={item.id}\n          data-id={item.categoryId}\n          ref={ref as Ref<HTMLDivElement>}\n        >\n          <StyledList data-testid={testIds.root}>{renderTaskGroups()}</StyledList>\n        </StyledWrapper>\n      </>\n    );\n  }\n);\n\nexport default withTestIds(Category, getCategoryTestIds);\n"]}
+{"version":3,"file":"Category.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/Category.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  defaultThemeProp,\n  useTestIds,\n  withTestIds,\n  readableColor,\n  tryCatch\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport { generateDynamicTestId, isSingleTaskArray } from './utils';\nimport type { CategoriesProps, CategoryProps } from './LifeCycle.types';\nimport TaskGroup from './TaskGroup';\nimport { getCategoryTestIds } from './LifeCycle.test-ids';\n\nexport const StyledCategory = styled.h3<{ showTitle: boolean }>(({ showTitle, theme }) => {\n  return css`\n    ${!showTitle &&\n    css`\n      visibility: hidden;\n    `}\n    margin: ${theme.base.spacing} 0 0 0;\n  `;\n});\n\nStyledCategory.defaultProps = defaultThemeProp;\n\nexport const StyledList = styled.ol(() => {\n  return css`\n    list-style-type: none;\n  `;\n});\nStyledList.defaultProps = defaultThemeProp;\n\nexport const StyledWrapper = styled.div<{ category?: CategoriesProps | undefined; id: string }>(\n  ({ category, theme, id }) => {\n    const categoryHeight = `${category?.height}px`;\n    return css`\n      margin-block-start: ${theme.base.spacing};\n      margin-block-end: ${theme.base.spacing};\n      ${category?.elementId !== id &&\n      ` min-height: ${category?.height ? categoryHeight : 'auto'};\n  `}\n    `;\n  }\n);\nStyledWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledParallelTitle = styled.div(({ theme }) => {\n  const backgroundColor = theme.base.colors.slate.dark;\n\n  return css`\n    position: relative;\n    z-index: 1;\n    margin-block-end: 0.5rem;\n    text-align: center;\n    &::before {\n      border-block-start: calc(0.2 * ${theme.base.spacing}) solid ${backgroundColor};\n      content: '';\n      margin: 0 auto;\n      position: absolute;\n      top: 50%;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      width: 100%;\n      z-index: -1;\n    }\n    span {\n      background: ${backgroundColor};\n      padding: 0 ${theme.base.spacing};\n      border-radius: calc(0.25 * ${theme.base['border-radius']});\n      color: ${tryCatch(() => readableColor(backgroundColor))};\n      text-transform: uppercase;\n    }\n  `;\n});\n\nStyledParallelTitle.defaultProps = defaultThemeProp;\n\nconst Category: ForwardRefForwardPropsComponent<CategoryProps> = forwardRef(\n  (\n    {\n      item,\n      showTitle = false,\n      stageItem,\n      category,\n      id,\n      task,\n      ...restProps\n    }: PropsWithoutRef<CategoryProps>,\n    ref: CategoryProps['ref']\n  ) => {\n    const categoryTestID = generateDynamicTestId([stageItem.label, category?.label]);\n    const testIds = useTestIds(categoryTestID, getCategoryTestIds);\n    const hasNoTasks = item.tasks.length === 0;\n\n    const renderTaskGroups = () => {\n      if (hasNoTasks) {\n        return (\n          <TaskGroup\n            {...restProps}\n            taskItem={[]}\n            parallel={false}\n            index={0}\n            stageItem={stageItem}\n            categoryItem={{ ...item, label: category?.label }}\n            task={task}\n          />\n        );\n      }\n\n      if (isSingleTaskArray(item.tasks)) {\n        return (\n          <TaskGroup\n            {...restProps}\n            taskItem={item.tasks}\n            parallel={false}\n            index={0}\n            stageItem={stageItem}\n            categoryItem={{ ...item, label: category?.label }}\n            task={task}\n          />\n        );\n      }\n\n      return item.tasks.map((taskItem, index) => (\n        <TaskGroup\n          {...restProps}\n          key={taskItem[0]?.id}\n          taskItem={taskItem}\n          parallel={index > 0}\n          index={index}\n          stageItem={stageItem}\n          categoryItem={{ ...item, label: category?.label }}\n          task={task}\n        />\n      ));\n    };\n\n    return (\n      <>\n        {category?.label && (\n          <StyledCategory showTitle={showTitle} tabIndex={-1} id={item.categoryId}>\n            {category?.label}\n          </StyledCategory>\n        )}\n        <StyledWrapper\n          category={category}\n          id={item.id}\n          data-id={item.categoryId}\n          ref={ref as Ref<HTMLDivElement>}\n        >\n          <StyledList data-testid={testIds.root}>{renderTaskGroups()}</StyledList>\n        </StyledWrapper>\n      </>\n    );\n  }\n);\n\nexport default withTestIds(Category, getCategoryTestIds);\n"]}

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

@@ -140,6 +140,7 @@ export interface IndexData {
     step?: number;
 }
 export type LifeCycleDragItemType = 'stage' | 'step' | 'task' | 'alternate-stage' | 'alternate-step' | 'alternate-task';
+export type LifeCycleDragDropDirection = 'next' | 'prev';
 export interface LifeCycleDragDropEvent {
     /** The type of item that was moved. */
     type: 'stage' | 'step' | 'task';
@@ -612,6 +613,9 @@ export declare const getStageInfo: (currentType: StageType, transitionType: Stag
         readonly modal: {
             readonly background: string;
         };
+        readonly popover: {
+            readonly background: string;
+        };
         readonly lifecycle: {
             readonly background: string;
             readonly task: {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"LifeCycle.types.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycle.types.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAiO7D,sFAAsF;AACtF,oFAAoF;AACpF,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,WAAsB,EACtB,cAAgD,EAChD,aAA6B,EAC7B,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,KAAK,EACb,EAAE;IACF,MAAM,iBAAiB,GAAiC;QACtD,KAAK,EAAE;YACL,EAAE,EAAE,OAAO;YACX,MAAM,EAAE;gBACN,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;gBAC1D,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC;gBAC9D,WAAW,EAAE,KAAK;gBAClB,WAAW,EAAE,IAAI;aAClB;SACF;QACD,OAAO,EAAE;YACP,EAAE,EAAE,SAAS;YACb,MAAM,EAAE;gBACN,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;gBAC5D,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;gBAChE,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,IAAI;aAClB;SACF;QACD,SAAS,EAAE;YACT,EAAE,EAAE,WAAW;YACf,MAAM,EAAE;gBACN,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU;gBAC9D,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;gBAClE,WAAW,EAAE,KAAK;gBAClB,WAAW,EAAE,KAAK;aACnB;SACF;KACF,CAAC;IAEF,MAAM,eAAe,GAAG;QACtB,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU;QAC/D,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC;KACpE,CAAC;IACF,MAAM,eAAe,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;IAC3D,MAAM,gBAAgB,GAAG,eAAe,CAAC,WAAW,CAAC,IAAI,eAAe,CAAC,OAAO,CAAC;IACjF,IAAI,WAAW,KAAK,WAAW,EAAE,CAAC;QAChC,IAAI,cAAc,KAAK,YAAY,EAAE,CAAC;YACpC,gBAAgB,CAAC,MAAM,GAAG;gBACxB,GAAG,eAAe;gBAClB,WAAW,EAAE,WAAW,KAAK,OAAO;aACrC,CAAC;QACJ,CAAC;QACD,IAAI,cAAc,KAAK,MAAM,EAAE,CAAC;YAC9B,gBAAgB,CAAC,MAAM,GAAG;gBACxB,GAAG,gBAAgB,CAAC,MAAM;gBAC1B,WAAW,EAAE,WAAW,KAAK,OAAO;gBACpC,WAAW,EAAE,KAAK;aACnB,CAAC;QACJ,CAAC;IACH,CAAC;IAED,qCAAqC;IACrC,MAAM,MAAM,GAAc;QACxB,GAAG,gBAAgB;QACnB,MAAM,EAAE;YACN,GAAG,gBAAgB,CAAC,MAAM;SAC3B;KACF,CAAC;IACF,IAAI,aAAa,EAAE,IAAI,EAAE,CAAC;QACxB,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC;QAClE,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC;QAC3E,IAAI,aAAa,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;YACvC,IAAI,aAAa,CAAC,cAAc,KAAK,YAAY,EAAE,CAAC;gBAClD,MAAM,CAAC,MAAM,GAAG;oBACd,GAAG,MAAM,CAAC,MAAM;oBAChB,WAAW,EAAE,KAAK;iBACnB,CAAC;YACJ,CAAC;YACD,IAAI,aAAa,CAAC,cAAc,KAAK,MAAM,EAAE,CAAC;gBAC5C,MAAM,CAAC,MAAM,GAAG;oBACd,GAAG,MAAM,CAAC,MAAM;oBAChB,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE;iBAC1B,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,MAAM,CAAC,WAAW;gBACvB,gBAAgB,CAAC,MAAM,CAAC,WAAW,IAAI,aAAa,CAAC,MAAM,CAAC,WAAW,CAAC;QAC5E,CAAC;IACH,CAAC;IACD,IAAI,UAAU,EAAE,CAAC;QACf,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC;IACpC,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC","sourcesContent":["import type { MouseEvent, Ref } from 'react';\n\nimport type {\n  Action,\n  StatusProps,\n  NoChildrenProp,\n  BaseProps,\n  FormControlProps\n} from '@pega/cosmos-react-core';\nimport { WorkTheme as Theme } from '@pega/cosmos-react-core';\n\nimport type { LibraryItem } from '../ItemLibrary';\n\nimport type { VisualStepItemProps } from './Step';\n\nexport type StageType = 'start' | 'default' | 'alternate';\n\ninterface ItemIdentifiers {\n  /** The index of the item within its list */\n  index?: number;\n  /** If true, this item belongs to an alternate lifecycle list */\n  alternate?: boolean;\n}\n\nexport interface StepItemProps extends ItemIdentifiers {\n  id: string;\n  label: string;\n  visual: VisualStepItemProps;\n  status: { type?: StatusProps['variant'] | ''; label: string };\n  error?: string;\n}\n\nexport interface TaskItemProps extends ItemIdentifiers {\n  id: string;\n  label: string;\n  visual: {\n    imgSrc: string;\n  };\n  error?: string;\n  steps: StepItemProps[];\n  subIndex?: number;\n}\n\nexport interface CategoryItemProps extends ItemIdentifiers {\n  /** Data model should have id of the stage item */\n  id: string;\n  /** id to map with category items */\n  categoryId: string;\n  /** Data model should have the categoryData array */\n  tasks: TaskItemProps[] | TaskItemProps[][];\n}\n\nexport interface StageItemProps extends ItemIdentifiers {\n  /** Data model should have id of the stage item */\n  id: string;\n  /** Data model should have the stage label */\n  label: string;\n  /** Data model should have the categoryData array */\n  categories: CategoryItemProps[];\n  /** Data model should have the stageType as below */\n  type: StageType;\n  error?: string;\n  /* Sets stage transition to wait or resolution */\n  transitionType?: 'wait' | 'resolution' | undefined;\n}\n\nexport interface LifeCycleActionParam {\n  value?: string;\n  stage?: StageItemProps;\n  task?: TaskItemProps;\n  category?: CategoryItemProps;\n  step?: StepItemProps;\n  type?: 'Stage' | 'Step' | 'Task' | 'Alternate Stage';\n  routeTo?: string;\n}\n\nexport interface LifeCycleAction extends Omit<Action, 'onClick'> {\n  onClick: (\n    param: LifeCycleActionParam,\n    e: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>,\n    menuButtonEl?: HTMLButtonElement\n  ) => void;\n}\n\nexport interface CategoriesItemProps {\n  label: string;\n  id: string;\n}\n\nexport interface StageProps extends Omit<FormControlProps, 'status' | 'id'> {\n  /** Label for the region. */\n  label?: string;\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: Record<StageType, LifeCycleAction[]> | LifeCycleAction[];\n  /** Callback for Add stage */\n  onAddStage?: () => void;\n  /** Callback for Adding alternate stage */\n  onAddAlternateStage?: () => void;\n  /** callback for Click of stage */\n  onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;\n}\n\nexport interface CategoriesProps extends CategoriesItemProps {\n  /** height property used to manipulate height of catergory dom */\n  height?: number;\n  elementId?: string;\n}\n\nexport interface TaskProps extends Omit<FormControlProps, 'status' | 'id'> {\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: LifeCycleAction[];\n  /** Tooltip for adding items to the task component */\n  addStepTitle?: string;\n  /** Region for adding the task component */\n  addTask?: {\n    title: string;\n    showOnce: boolean;\n    onAddTask?: LifeCycleAction['onClick'];\n  };\n  /** Callback for adding a step when nodeLibrary is provided. */\n  onAddStep?: (param: LifeCycleActionParam, selectedItem: LibraryItem) => void;\n  /** Callback for adding a step when nodeLibrary is not provided. */\n  onAddCustomStep?: (param: LifeCycleActionParam) => void;\n  /** callback for Click of a task */\n  onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;\n  /** Types of Nodes */\n  nodeLibrary?: LibraryItem[];\n}\n\nexport interface CategoryProps extends BaseProps, NoChildrenProp {\n  ref?: Ref<HTMLOListElement | HTMLDivElement>;\n  /** Pass the category items */\n  item: CategoryItemProps;\n  /** Enable the title for categories */\n  showTitle?: boolean;\n  /** Props of the categoryColumn */\n  category?: CategoriesProps;\n  /** Task component prop */\n  task?: TaskProps;\n  /** Stage data - to be passed in callbacks */\n  stageItem: StageItemProps;\n  /** Id for the component */\n  id: string;\n}\n\nexport interface StepProps extends Omit<FormControlProps, 'status' | 'id'> {\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: LifeCycleAction[];\n  /** If true, step names will wrap rather than truncate. */\n  wrap?: boolean;\n  /** callback for Click of a step */\n  onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;\n}\n\nexport interface IndexData {\n  /** Determines if the item part of an alternate stage. */\n  alternate: boolean;\n  /** The index of the parent stage to the item, or the item itself. */\n  stage?: number;\n  /** The index of the parent category to the item. */\n  category?: number;\n  /** The index of the parent task to the item, or the item itself. */\n  task?: number;\n  /** The index of the parent stage to the item, or the item itself, if the task is nested within another task. */\n  subTask?: number;\n  /** The index of the step item. */\n  step?: number;\n}\n\nexport type LifeCycleDragItemType =\n  | 'stage'\n  | 'step'\n  | 'task'\n  | 'alternate-stage'\n  | 'alternate-step'\n  | 'alternate-task';\n\nexport interface LifeCycleDragDropEvent {\n  /** The type of item that was moved. */\n  type: 'stage' | 'step' | 'task';\n  /** The indices of the source item. */\n  sourceData: IndexData;\n  /** The indices of the target location. */\n  targetData: IndexData;\n}\n\nexport interface DragDropConfig\n  extends Record<LifeCycleDragItemType, { enabled: boolean; accept: LifeCycleDragItemType[] }> {\n  loading?: boolean;\n}\n\nexport interface LifeCycleProps extends BaseProps, NoChildrenProp {\n  /** Pass reference to the LifeCycleComponent */\n  ref?: Ref<HTMLDivElement>;\n  /** Array of stages and its contents */\n  items: StageItemProps[];\n  /** Array of alternate stages and its contents */\n  alternateItems?: StageItemProps[];\n  /** Props for the task component */\n  task?: TaskProps[];\n  /** Props for the Stage component */\n  stage?: StageProps;\n  /** Props for the AlternatStage component */\n  alternateStage?: StageProps;\n  /** Props for the Cluster component */\n  categories?: CategoriesProps[];\n  /** Props for the Step component */\n  step?: StepProps[];\n  /** Call back function for on AddState */\n  onAddStage?: () => void;\n  /** Call back function to add alternate stages */\n  onAddAlternateStage?: () => void;\n  /** Selected stage or task or step */\n  selectedItemId?: string;\n  /** Callback function for updating the items following a drag drop event. */\n  onDragDrop?: (event: LifeCycleDragDropEvent) => void;\n  /**\n   * Configuration to control which item types each lifecycle region can accept, and which types are draggable.\n   * */\n  dragDropConfig?: DragDropConfig;\n  /** makes component read-only */\n  readOnly?: boolean;\n}\n\nexport interface StageInfo {\n  id: StageType;\n  visual: {\n    bgColor: string;\n    bgHover: string;\n    tailPointed?: boolean;\n    headPointed?: boolean;\n  };\n}\n\n// calculates the final stage info based on prev type and returns the final stage info\n// second param is mandatory for accurate results, optional only for the first stage\nexport const getStageInfo = (\n  currentType: StageType,\n  transitionType: StageItemProps['transitionType'],\n  prevStageItem: StageItemProps,\n  isLastItem = false,\n  theme = Theme\n) => {\n  const stageTypeDefaults: Record<StageType, StageInfo> = {\n    start: {\n      id: 'start',\n      visual: {\n        bgColor: theme.components.lifecycle.stage.start.background,\n        bgHover: theme.components.lifecycle.stage.start['hover-color'],\n        tailPointed: false,\n        headPointed: true\n      }\n    },\n    default: {\n      id: 'default',\n      visual: {\n        bgColor: theme.components.lifecycle.stage.default.background,\n        bgHover: theme.components.lifecycle.stage.default['hover-color'],\n        tailPointed: true,\n        headPointed: true\n      }\n    },\n    alternate: {\n      id: 'alternate',\n      visual: {\n        bgColor: theme.components.lifecycle.stage.alternate.background,\n        bgHover: theme.components.lifecycle.stage.alternate['hover-color'],\n        tailPointed: false,\n        headPointed: false\n      }\n    }\n  };\n\n  const resolutionStyle = {\n    bgColor: theme.components.lifecycle.stage.resolution.background,\n    bgHover: theme.components.lifecycle.stage.resolution['hover-color']\n  };\n  const clonedStageCopy = structuredClone(stageTypeDefaults);\n  const currentStageInfo = clonedStageCopy[currentType] || clonedStageCopy.default;\n  if (currentType !== 'alternate') {\n    if (transitionType === 'resolution') {\n      currentStageInfo.visual = {\n        ...resolutionStyle,\n        tailPointed: currentType !== 'start'\n      };\n    }\n    if (transitionType === 'wait') {\n      currentStageInfo.visual = {\n        ...currentStageInfo.visual,\n        tailPointed: currentType !== 'start',\n        headPointed: false\n      };\n    }\n  }\n\n  // cloning, to avoid getting modified\n  const result: StageInfo = {\n    ...currentStageInfo,\n    visual: {\n      ...currentStageInfo.visual\n    }\n  };\n  if (prevStageItem?.type) {\n    const clonedStage = JSON.parse(JSON.stringify(stageTypeDefaults));\n    const prevStageInfo = clonedStage[prevStageItem.type] || clonedStage.start;\n    if (prevStageItem.type !== 'alternate') {\n      if (prevStageItem.transitionType === 'resolution') {\n        result.visual = {\n          ...result.visual,\n          tailPointed: false\n        };\n      }\n      if (prevStageItem.transitionType === 'wait') {\n        result.visual = {\n          ...result.visual,\n          ...{ tailPointed: false }\n        };\n      }\n    } else {\n      result.visual.tailPointed =\n        currentStageInfo.visual.tailPointed && prevStageInfo.visual.headPointed;\n    }\n  }\n  if (isLastItem) {\n    result.visual.headPointed = false;\n  }\n  return result;\n};\n"]}
+{"version":3,"file":"LifeCycle.types.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycle.types.ts"],"names":[],"mappings":"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","sourcesContent":["import type { MouseEvent, Ref } from 'react';\n\nimport type {\n  Action,\n  StatusProps,\n  NoChildrenProp,\n  BaseProps,\n  FormControlProps\n} from '@pega/cosmos-react-core';\nimport { WorkTheme as Theme } from '@pega/cosmos-react-core';\n\nimport type { LibraryItem } from '../ItemLibrary';\n\nimport type { VisualStepItemProps } from './Step';\n\nexport type StageType = 'start' | 'default' | 'alternate';\n\ninterface ItemIdentifiers {\n  /** The index of the item within its list */\n  index?: number;\n  /** If true, this item belongs to an alternate lifecycle list */\n  alternate?: boolean;\n}\n\nexport interface StepItemProps extends ItemIdentifiers {\n  id: string;\n  label: string;\n  visual: VisualStepItemProps;\n  status: { type?: StatusProps['variant'] | ''; label: string };\n  error?: string;\n}\n\nexport interface TaskItemProps extends ItemIdentifiers {\n  id: string;\n  label: string;\n  visual: {\n    imgSrc: string;\n  };\n  error?: string;\n  steps: StepItemProps[];\n  subIndex?: number;\n}\n\nexport interface CategoryItemProps extends ItemIdentifiers {\n  /** Data model should have id of the stage item */\n  id: string;\n  /** id to map with category items */\n  categoryId: string;\n  /** Data model should have the categoryData array */\n  tasks: TaskItemProps[] | TaskItemProps[][];\n}\n\nexport interface StageItemProps extends ItemIdentifiers {\n  /** Data model should have id of the stage item */\n  id: string;\n  /** Data model should have the stage label */\n  label: string;\n  /** Data model should have the categoryData array */\n  categories: CategoryItemProps[];\n  /** Data model should have the stageType as below */\n  type: StageType;\n  error?: string;\n  /* Sets stage transition to wait or resolution */\n  transitionType?: 'wait' | 'resolution' | undefined;\n}\n\nexport interface LifeCycleActionParam {\n  value?: string;\n  stage?: StageItemProps;\n  task?: TaskItemProps;\n  category?: CategoryItemProps;\n  step?: StepItemProps;\n  type?: 'Stage' | 'Step' | 'Task' | 'Alternate Stage';\n  routeTo?: string;\n}\n\nexport interface LifeCycleAction extends Omit<Action, 'onClick'> {\n  onClick: (\n    param: LifeCycleActionParam,\n    e: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>,\n    menuButtonEl?: HTMLButtonElement\n  ) => void;\n}\n\nexport interface CategoriesItemProps {\n  label: string;\n  id: string;\n}\n\nexport interface StageProps extends Omit<FormControlProps, 'status' | 'id'> {\n  /** Label for the region. */\n  label?: string;\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: Record<StageType, LifeCycleAction[]> | LifeCycleAction[];\n  /** Callback for Add stage */\n  onAddStage?: () => void;\n  /** Callback for Adding alternate stage */\n  onAddAlternateStage?: () => void;\n  /** callback for Click of stage */\n  onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;\n}\n\nexport interface CategoriesProps extends CategoriesItemProps {\n  /** height property used to manipulate height of catergory dom */\n  height?: number;\n  elementId?: string;\n}\n\nexport interface TaskProps extends Omit<FormControlProps, 'status' | 'id'> {\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: LifeCycleAction[];\n  /** Tooltip for adding items to the task component */\n  addStepTitle?: string;\n  /** Region for adding the task component */\n  addTask?: {\n    title: string;\n    showOnce: boolean;\n    onAddTask?: LifeCycleAction['onClick'];\n  };\n  /** Callback for adding a step when nodeLibrary is provided. */\n  onAddStep?: (param: LifeCycleActionParam, selectedItem: LibraryItem) => void;\n  /** Callback for adding a step when nodeLibrary is not provided. */\n  onAddCustomStep?: (param: LifeCycleActionParam) => void;\n  /** callback for Click of a task */\n  onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;\n  /** Types of Nodes */\n  nodeLibrary?: LibraryItem[];\n}\n\nexport interface CategoryProps extends BaseProps, NoChildrenProp {\n  ref?: Ref<HTMLOListElement | HTMLDivElement>;\n  /** Pass the category items */\n  item: CategoryItemProps;\n  /** Enable the title for categories */\n  showTitle?: boolean;\n  /** Props of the categoryColumn */\n  category?: CategoriesProps;\n  /** Task component prop */\n  task?: TaskProps;\n  /** Stage data - to be passed in callbacks */\n  stageItem: StageItemProps;\n  /** Id for the component */\n  id: string;\n}\n\nexport interface StepProps extends Omit<FormControlProps, 'status' | 'id'> {\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: LifeCycleAction[];\n  /** If true, step names will wrap rather than truncate. */\n  wrap?: boolean;\n  /** callback for Click of a step */\n  onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;\n}\n\nexport interface IndexData {\n  /** Determines if the item part of an alternate stage. */\n  alternate: boolean;\n  /** The index of the parent stage to the item, or the item itself. */\n  stage?: number;\n  /** The index of the parent category to the item. */\n  category?: number;\n  /** The index of the parent task to the item, or the item itself. */\n  task?: number;\n  /** The index of the parent stage to the item, or the item itself, if the task is nested within another task. */\n  subTask?: number;\n  /** The index of the step item. */\n  step?: number;\n}\n\nexport type LifeCycleDragItemType =\n  | 'stage'\n  | 'step'\n  | 'task'\n  | 'alternate-stage'\n  | 'alternate-step'\n  | 'alternate-task';\n\nexport type LifeCycleDragDropDirection = 'next' | 'prev';\n\nexport interface LifeCycleDragDropEvent {\n  /** The type of item that was moved. */\n  type: 'stage' | 'step' | 'task';\n  /** The indices of the source item. */\n  sourceData: IndexData;\n  /** The indices of the target location. */\n  targetData: IndexData;\n}\n\nexport interface DragDropConfig\n  extends Record<LifeCycleDragItemType, { enabled: boolean; accept: LifeCycleDragItemType[] }> {\n  loading?: boolean;\n}\n\nexport interface LifeCycleProps extends BaseProps, NoChildrenProp {\n  /** Pass reference to the LifeCycleComponent */\n  ref?: Ref<HTMLDivElement>;\n  /** Array of stages and its contents */\n  items: StageItemProps[];\n  /** Array of alternate stages and its contents */\n  alternateItems?: StageItemProps[];\n  /** Props for the task component */\n  task?: TaskProps[];\n  /** Props for the Stage component */\n  stage?: StageProps;\n  /** Props for the AlternatStage component */\n  alternateStage?: StageProps;\n  /** Props for the Cluster component */\n  categories?: CategoriesProps[];\n  /** Props for the Step component */\n  step?: StepProps[];\n  /** Call back function for on AddState */\n  onAddStage?: () => void;\n  /** Call back function to add alternate stages */\n  onAddAlternateStage?: () => void;\n  /** Selected stage or task or step */\n  selectedItemId?: string;\n  /** Callback function for updating the items following a drag drop event. */\n  onDragDrop?: (event: LifeCycleDragDropEvent) => void;\n  /**\n   * Configuration to control which item types each lifecycle region can accept, and which types are draggable.\n   * */\n  dragDropConfig?: DragDropConfig;\n  /** makes component read-only */\n  readOnly?: boolean;\n}\n\nexport interface StageInfo {\n  id: StageType;\n  visual: {\n    bgColor: string;\n    bgHover: string;\n    tailPointed?: boolean;\n    headPointed?: boolean;\n  };\n}\n\n// calculates the final stage info based on prev type and returns the final stage info\n// second param is mandatory for accurate results, optional only for the first stage\nexport const getStageInfo = (\n  currentType: StageType,\n  transitionType: StageItemProps['transitionType'],\n  prevStageItem: StageItemProps,\n  isLastItem = false,\n  theme = Theme\n) => {\n  const stageTypeDefaults: Record<StageType, StageInfo> = {\n    start: {\n      id: 'start',\n      visual: {\n        bgColor: theme.components.lifecycle.stage.start.background,\n        bgHover: theme.components.lifecycle.stage.start['hover-color'],\n        tailPointed: false,\n        headPointed: true\n      }\n    },\n    default: {\n      id: 'default',\n      visual: {\n        bgColor: theme.components.lifecycle.stage.default.background,\n        bgHover: theme.components.lifecycle.stage.default['hover-color'],\n        tailPointed: true,\n        headPointed: true\n      }\n    },\n    alternate: {\n      id: 'alternate',\n      visual: {\n        bgColor: theme.components.lifecycle.stage.alternate.background,\n        bgHover: theme.components.lifecycle.stage.alternate['hover-color'],\n        tailPointed: false,\n        headPointed: false\n      }\n    }\n  };\n\n  const resolutionStyle = {\n    bgColor: theme.components.lifecycle.stage.resolution.background,\n    bgHover: theme.components.lifecycle.stage.resolution['hover-color']\n  };\n  const clonedStageCopy = structuredClone(stageTypeDefaults);\n  const currentStageInfo = clonedStageCopy[currentType] || clonedStageCopy.default;\n  if (currentType !== 'alternate') {\n    if (transitionType === 'resolution') {\n      currentStageInfo.visual = {\n        ...resolutionStyle,\n        tailPointed: currentType !== 'start'\n      };\n    }\n    if (transitionType === 'wait') {\n      currentStageInfo.visual = {\n        ...currentStageInfo.visual,\n        tailPointed: currentType !== 'start',\n        headPointed: false\n      };\n    }\n  }\n\n  // cloning, to avoid getting modified\n  const result: StageInfo = {\n    ...currentStageInfo,\n    visual: {\n      ...currentStageInfo.visual\n    }\n  };\n  if (prevStageItem?.type) {\n    const clonedStage = JSON.parse(JSON.stringify(stageTypeDefaults));\n    const prevStageInfo = clonedStage[prevStageItem.type] || clonedStage.start;\n    if (prevStageItem.type !== 'alternate') {\n      if (prevStageItem.transitionType === 'resolution') {\n        result.visual = {\n          ...result.visual,\n          tailPointed: false\n        };\n      }\n      if (prevStageItem.transitionType === 'wait') {\n        result.visual = {\n          ...result.visual,\n          ...{ tailPointed: false }\n        };\n      }\n    } else {\n      result.visual.tailPointed =\n        currentStageInfo.visual.tailPointed && prevStageInfo.visual.headPointed;\n    }\n  }\n  if (isLastItem) {\n    result.visual.headPointed = false;\n  }\n  return result;\n};\n"]}

package/lib/components/LifeCycle/LifeCycleDragDropList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LifeCycleDragDropList.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycleDragDropList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAIjE,OAAO,KAAK,EACV,MAAM,EACN,SAAS,EACT,YAAY,EACZ,cAAc,EAEd,UAAU,EACX,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,aAAa,EAA4B,MAAM,wBAAwB,CAAC;AAEtF,OAAO,KAAK,EACV,SAAS,EAET,qBAAqB,EACrB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAO3B,UAAU,0BAA0B,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAC5D,SAAQ,MAAM,EACZ,SAAS,EACT,cAAc,EACd,UAAU,EACV,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC;IACpC,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,+EAA+E;IAC/E,YAAY,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,kFAAkF;IAClF,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/B,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC;AAqBD,QAAA,MAAM,qBAAqB,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,4IAWvD,0BAA0B,CAAC,CAAC,CAAC,GAAG,YAAY,4CA8Y9C,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"LifeCycleDragDropList.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycleDragDropList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAIjE,OAAO,KAAK,EACV,MAAM,EACN,SAAS,EACT,YAAY,EACZ,cAAc,EAEd,UAAU,EACX,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,aAAa,EAA4B,MAAM,wBAAwB,CAAC;AAEtF,OAAO,KAAK,EACV,SAAS,EAET,qBAAqB,EACrB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAO3B,UAAU,0BAA0B,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAC5D,SAAQ,MAAM,EACZ,SAAS,EACT,cAAc,EACd,UAAU,EACV,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC;IACpC,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,+EAA+E;IAC/E,YAAY,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,kFAAkF;IAClF,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/B,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC;AAqBD,QAAA,MAAM,qBAAqB,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,4IAWvD,0BAA0B,CAAC,CAAC,CAAC,GAAG,YAAY,4CAoZ9C,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/components/LifeCycle/LifeCycleDragDropList.js

@@ -260,7 +260,10 @@ const LifeCycleDragDropList = ({ testId, id: idProp, type, listLocation, items,
                 const item = newItems.splice(index, 1)[0];
                 newItems.splice(index - 1, 0, {
                     ...item,
-                    targetData: { ...itemData, [normalizedType]: index - 1 }
+                    targetData: {
+                        ...itemData,
+                        [normalizedType === 'task' ? 'subTask' : normalizedType]: index - 1
+                    }
                 });
                 setClonedItems(newItems);
             }
@@ -268,7 +271,10 @@ const LifeCycleDragDropList = ({ testId, id: idProp, type, listLocation, items,
                 const item = newItems.splice(index, 1)[0];
                 newItems.splice(index + 1, 0, {
                     ...item,
-                    targetData: { ...itemData, [normalizedType]: index + 1 }
+                    targetData: {
+                        ...itemData,
+                        [normalizedType === 'task' ? 'subTask' : normalizedType]: index + 1
+                    }
                 });
                 setClonedItems(newItems);
             }