@pega/lists-react 9.0.0-build.2.8 → 9.0.0-build.20.0

package/lib/Core/Components/ContextMenu/ContextMenuContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuContainer.js","sourceRoot":"","sources":["../../../../Core/Components/ContextMenu/ContextMenuContainer.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useRef, useState, useMemo, useEffect, useCallback } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Popover, Icon, useElement, useOuterEvent } from '@pega/cosmos-react-core';\nimport {\n  getRowContextData,\n  getScrollerElem,\n  isFilterApplied\n} from 'pega-repeating-structures-core';\n\nimport { createClassName as cx } from '../../Utils';\nimport useTranslate from '../../Hooks/useTranslate';\nimport useScrollAway from '../../Hooks/useScrollAway';\n\nimport { applyFilter, quickFilterEnabled, removeFilter } from './QuickFilter';\nimport copyText from './CopyPaste';\n\nconst StyledPopover = styled.div`\n  width: 10rem;\n`;\n\nconst StyledContent = styled.div(({ theme }) => {\n  return css`\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: 0.25rem;\n    border-radius: 0.156rem;\n    box-sizing: border-box;\n    cursor: pointer;\n    margin-top: 0.125rem;\n    margin-bottom: 0.125rem;\n    :hover {\n      background-color: ${theme.base.colors.blue['extra-light']};\n      box-shadow: ${theme.base.shadow['focus-inset']};\n    }\n  `;\n});\n\nconst StyledListItem = styled.div(({ theme }) => {\n  return css`\n    button {\n      display: flex;\n      align-items: center;\n      /* stylelint-disable unit-allowed-list */\n      padding: 4px 8px;\n    }\n    .label {\n      padding-left: 14px;\n      vertical-align: text-top;\n    }\n    .disabled {\n      padding-left: 14px;\n      vertical-align: text-top;\n      opacity: ${theme.base['disabled-opacity']};\n    }\n  `;\n});\n\nconst StyledButton = styled.button`\n  display: block;\n  text-align: start;\n  background: none;\n  border: none;\n  line-height: 1;\n  outline: none;\n  cursor: pointer;\n  color: ${props => props.theme.base.palette['foreground-color']};\n  border-radius: 0;\n`;\n\nconst getDefaultMenuItems = (\n  column,\n  rowContextData,\n  targetCell,\n  columns,\n  filterExpression,\n  actionColumnFiltering,\n  actionClearFiltering,\n  translate\n) => {\n  const isFiltered = isFilterApplied(column, filterExpression);\n  return [\n    {\n      id: 'quickFilter',\n      icon: isFiltered ? 'times' : 'filter',\n      label: isFiltered ? translate('Remove filter') : translate('Filter by this'),\n      show: !!quickFilterEnabled(columns, column.field.id),\n      disabled: false,\n      onClick: () => {\n        if (isFiltered) {\n          return removeFilter(\n            filterExpression,\n            targetCell,\n            actionColumnFiltering,\n            actionClearFiltering\n          );\n        }\n        return applyFilter(\n          columns,\n          targetCell,\n          rowContextData,\n          filterExpression,\n          actionColumnFiltering\n        );\n      }\n    },\n    {\n      id: 'copyText',\n      icon: 'copy',\n      label: translate('Copy text'),\n      show: true,\n      disabled: false,\n      onClick: () => copyText(targetCell)\n    },\n    {\n      id: 'pasteText',\n      icon: 'documents',\n      label: translate('Paste text'),\n      show: true,\n      disabled: true,\n      onClick: () => {}\n    }\n  ];\n};\n\nconst getMenuItems = (\n  targetCell,\n  column,\n  rowContextData,\n  columns,\n  filterExpression,\n  actionColumnFiltering,\n  actionClearFiltering,\n  translate\n) => {\n  const fieldContextOptions = column.field?.contextMenuOptions || [];\n  return [\n    ...getDefaultMenuItems(\n      column,\n      rowContextData,\n      targetCell,\n      columns,\n      filterExpression,\n      actionColumnFiltering,\n      actionClearFiltering,\n      translate\n    ),\n    ...fieldContextOptions\n  ];\n};\n\nconst shouldOverrideContextMenu = (targetCell, columns) => {\n  if (!targetCell) {\n    return false;\n  }\n  const { colId } = targetCell.dataset;\n\n  const { field } = columns.find(col => col.field.id.toString() === colId?.toString()) || {};\n  return !(!field || field?.noContextMenu);\n};\n\nconst MenuItem = ({\n  menu = {},\n  target = {},\n  column = {},\n  rowContextData = {},\n  onMenuItemClick = () => {}\n}) => {\n  const { onClick = () => {}, icon, disabled = false, show = true, label } = menu;\n  if (!show) {\n    return null;\n  }\n\n  return (\n    <StyledContent\n      onClick={() => {\n        onMenuItemClick();\n        onClick(target, column, rowContextData);\n      }}\n    >\n      <StyledListItem>\n        <StyledButton>\n          {icon && <Icon name={icon} />}\n          <span className={cx('label', { disabled })}>{label}</span>\n        </StyledButton>\n      </StyledListItem>\n    </StyledContent>\n  );\n};\n\nMenuItem.propTypes = {\n  menu: PropTypes.objectOf(PropTypes.any),\n  target: PropTypes.objectOf(PropTypes.any),\n  column: PropTypes.objectOf(PropTypes.any),\n  rowContextData: PropTypes.objectOf(PropTypes.any),\n  onMenuItemClick: PropTypes.func\n};\n\nexport default function ContextMenuContainer({ view, selector }) {\n  const {\n    columns,\n    data,\n    state: { paginationOptions, filterExpression } = {},\n    domContainer,\n    type: { applyFilter: applyViewFilter, clearFilter }\n  } = view;\n  const [translate] = useTranslate();\n  const contextMenuRef = useRef({}).current;\n  const [showMenu, setShowMenu] = useState(false);\n  const [menuItems, setMenuItems] = useState([]);\n  const [popperRef, setPopperRef] = useElement();\n  const scrollerElem = useMemo(() => getScrollerElem(view), [view]);\n\n  useOuterEvent('mousedown', [popperRef], () => {\n    setShowMenu(false);\n  });\n\n  useScrollAway(popperRef, scrollerElem, () => {\n    setShowMenu(false);\n  });\n\n  const onMenuItemClick = useCallback(event => {\n    if (event && event.key !== 'Escape') {\n      return;\n    }\n    setShowMenu(false);\n  }, []);\n\n  const contextMenuListener = useCallback(\n    e => {\n      const targetElement = selector ? e.target.closest(selector.query.toString()) : e.target;\n      if (\n        shouldOverrideContextMenu(targetElement, columns) &&\n        // TODO: We will add \"Open link in new tab\" option in context menu once the custom context menu is made accessible.\n        !e.target.closest('a')\n      ) {\n        e.stopPropagation();\n        e.preventDefault();\n        contextMenuRef.targetCell = targetElement;\n        const { colId } = contextMenuRef.targetCell.dataset;\n        contextMenuRef.column = columns.find(col => col.field.id.toString() === colId?.toString());\n        contextMenuRef.rowContextData = getRowContextData(data, paginationOptions, targetElement);\n        targetElement.classList.add('selection-border', 'disable-select');\n        const options = getMenuItems(\n          targetElement,\n          contextMenuRef.column,\n          contextMenuRef.rowContextData,\n          columns,\n          filterExpression,\n          applyViewFilter,\n          clearFilter,\n          translate\n        );\n        setShowMenu(true);\n        setMenuItems(options);\n      }\n    },\n\n    [\n      selector,\n      columns,\n      contextMenuRef.targetCell,\n      contextMenuRef.column,\n      contextMenuRef.rowContextData,\n      data,\n      paginationOptions,\n      filterExpression,\n      applyViewFilter,\n      clearFilter,\n      translate\n    ]\n  );\n\n  useEffect(() => {\n    if (domContainer) {\n      domContainer.addEventListener('contextmenu', contextMenuListener);\n      domContainer.addEventListener('keydown', onMenuItemClick);\n    }\n    return () => {\n      if (domContainer) {\n        domContainer.removeEventListener('contextmenu', contextMenuListener);\n        domContainer.removeEventListener('keydown', onMenuItemClick);\n      }\n    };\n  }, [domContainer, contextMenuListener, onMenuItemClick]);\n\n  if (!contextMenuRef.targetCell || !showMenu || !domContainer) {\n    if (contextMenuRef.targetCell && selector) {\n      contextMenuRef.targetCell.classList.remove('selection-border', 'disable-select');\n    }\n    return null;\n  }\n\n  return (\n    <Popover portal ref={setPopperRef} target={contextMenuRef.targetCell}>\n      <StyledPopover>\n        {menuItems.map(menu => (\n          <MenuItem\n            key={menu.id}\n            onMenuItemClick={onMenuItemClick}\n            target={contextMenuRef.targetCell}\n            column={contextMenuRef.column}\n            rowContextData={contextMenuRef.rowContextData}\n            menu={menu}\n          />\n        ))}\n      </StyledPopover>\n    </Popover>\n  );\n}\n\nContextMenuContainer.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired,\n  selector: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}
+{"version":3,"file":"ContextMenuContainer.js","sourceRoot":"","sources":["../../../../Core/Components/ContextMenu/ContextMenuContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useMemo, useEffect, useCallback } from 'react';\nimport { v4 as uuidV4 } from 'uuid';\n\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { MenuItemProps } from '@pega/cosmos-react-core';\nimport {\n  Popover,\n  Icon,\n  useElement,\n  useOuterEvent,\n  Menu,\n  isInstance\n} from '@pega/cosmos-react-core';\nimport {\n  getRowContextData,\n  getScrollerElem,\n  isFilterApplied\n} from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\nimport useScrollAway from '../../Hooks/useScrollAway';\nimport TestIdConstants from '../TestIdConstants';\n\nimport { applyFilter, quickFilterEnabled, removeFilter } from './QuickFilter';\nimport copyText from './CopyPaste';\n\ntype MenuContext = {\n  targetCell: HTMLElement;\n  column: RsCoreTypes.Column;\n  rowContextData: RsCoreTypes.RowData;\n  menuId: string;\n} | null;\n\nconst getMenuItems = (\n  targetCell: HTMLElement,\n  column: RsCoreTypes.Column,\n  rowContextData: RsCoreTypes.RowData,\n  view: RsCoreTypes.View,\n  translate: (key: string) => string\n): MenuItemProps[] => {\n  const {\n    columns = [],\n    state: { filterExpression } = {},\n    type: { applyFilter: applyViewFilter, clearFilter }\n  } = view;\n  const defaultMenuItems: MenuItemProps[] = [];\n\n  if (quickFilterEnabled(columns, column.field.id)) {\n    const isFiltered = filterExpression && isFilterApplied(column, filterExpression);\n    defaultMenuItems.push({\n      id: 'quickFilter',\n      visual: isFiltered ? <Icon name='times' /> : <Icon name='filter' />,\n      primary: isFiltered ? translate('Remove filter') : translate('Filter by this'),\n\n      onClick: () => {\n        if (isFiltered) {\n          removeFilter(filterExpression, targetCell, applyViewFilter, clearFilter);\n        } else {\n          applyFilter(columns, targetCell, rowContextData, filterExpression, applyViewFilter);\n        }\n      }\n    });\n  }\n\n  defaultMenuItems.push({\n    id: 'copyText',\n    visual: <Icon name='copy' />,\n    primary: translate('Copy text'),\n    onClick: () => copyText(targetCell)\n  });\n\n  const fieldSpecificMenuItems: MenuItemProps[] = (column.field?.contextMenuOptions || []).map(\n    option => ({\n      id: option.id,\n      visual: option.icon ? <Icon name={option.icon} /> : undefined,\n      primary: option.label || '',\n      onClick: () => option.onClick?.(targetCell)\n    })\n  );\n\n  return [...defaultMenuItems, ...fieldSpecificMenuItems];\n};\n\nconst shouldOverrideContextMenu = (\n  targetCell: HTMLElement,\n  columns: RsCoreTypes.Column[] = []\n): boolean => {\n  const { colId } = targetCell.dataset;\n\n  const { field } = columns.find(col => col.field.id.toString() === colId?.toString()) || {};\n  return !(!field || field?.noContextMenu);\n};\n\nexport default function ContextMenuContainer({\n  view,\n  selector\n}: {\n  view: RsCoreTypes.View;\n  selector: { query: string };\n}) {\n  const { columns = [], data = [], state: { paginationOptions } = {}, domContainer } = view;\n\n  const [translate] = useTranslate();\n  const [menuContext, setMenuContext] = useState<MenuContext>(null);\n  const [showMenu, setShowMenu] = useState(false);\n  const [menuItems, setMenuItems] = useState<MenuItemProps[]>([]);\n  const [popperRef, setPopperRef] = useElement();\n  const scrollerElem = useMemo(() => getScrollerElem(view), [view]);\n\n  useOuterEvent('mousedown', [popperRef], () => {\n    setShowMenu(false);\n  });\n\n  useScrollAway(popperRef, scrollerElem, () => {\n    setShowMenu(false);\n  });\n\n  useEffect(() => {\n    if (!showMenu) {\n      const targetCell = menuContext?.targetCell;\n      if (targetCell) {\n        targetCell.removeAttribute('data-context-menu-active');\n        targetCell.removeAttribute('aria-expanded');\n        targetCell.removeAttribute('aria-controls');\n      }\n      setMenuContext(null);\n    }\n  }, [showMenu]);\n\n  const contextMenuListener = useCallback(\n    (e: MouseEvent) => {\n      const target = e.target;\n      if (!isInstance(target, Element)) return;\n\n      const targetElement = target.closest(selector.query.toString());\n      if (!isInstance(targetElement, HTMLElement)) return;\n\n      if (shouldOverrideContextMenu(targetElement, columns) && !target.closest('a')) {\n        e.stopPropagation();\n        e.preventDefault();\n\n        const { colId } = targetElement.dataset;\n        const column = columns.find(col => col.field.id.toString() === colId?.toString());\n        if (!column) return;\n\n        targetElement.setAttribute('data-context-menu-active', 'true');\n        targetElement.setAttribute('aria-expanded', 'true');\n        const menuId = `rs-context-menu-${uuidV4()}`;\n        targetElement.setAttribute('aria-controls', menuId);\n\n        const rowContextData = getRowContextData(data, paginationOptions || {}, targetElement);\n        const options = getMenuItems(targetElement, column, rowContextData, view, translate);\n        if (!options.length) return;\n\n        setShowMenu(true);\n        setMenuItems(options);\n        setMenuContext({\n          column,\n          targetCell: targetElement,\n          rowContextData,\n          menuId\n        });\n      }\n    },\n    [selector, columns, data, paginationOptions, translate, view]\n  );\n\n  const onKeydown = useCallback(({ key }: KeyboardEvent) => {\n    if (key === 'Escape') setShowMenu(false);\n  }, []);\n\n  useEffect(() => {\n    const abortController = new AbortController();\n    if (!domContainer) return;\n\n    domContainer.addEventListener('contextmenu', contextMenuListener, {\n      signal: abortController.signal\n    });\n    document.addEventListener('keydown', onKeydown, {\n      signal: abortController.signal\n    });\n\n    return () => {\n      abortController.abort();\n    };\n  }, [domContainer, contextMenuListener]);\n\n  return showMenu && menuContext ? (\n    <Popover ref={setPopperRef} target={menuContext.targetCell}>\n      <Menu\n        id={menuContext.menuId}\n        items={menuItems}\n        onItemClick={(_, e) => {\n          e.preventDefault();\n          setShowMenu(false);\n        }}\n        focusControlEl={menuContext.targetCell}\n        className='action-menu'\n        data-testid={TestIdConstants.contextMenu}\n        // TODO: remove this older test-id syntax after checking usage across the test suites\n        data-test-id='action-menu'\n      />\n    </Popover>\n  ) : null;\n}\n"]}

package/lib/Core/Components/ContextMenu/QuickFilter.js

@@ -1,5 +1,5 @@
-import get from 'lodash.get';
-import { addFilter, getFilters, comparatorMap } from 'pega-repeating-structures-core';
+import get from 'lodash-es/get';
+import { addFilter, getFilters, comparatorMap, FieldType } from 'pega-repeating-structures-core';
 import { TOOLBAR_FEATURES } from '../../constants';
 const getBooleanComparator = inputValue => {
     let comparator;
@@ -21,21 +21,21 @@ export const quickFilterEnabled = (columns, colId) => {
     const column = columns.find(col => col.field.id.toString() === colId.toString());
     return (column &&
         column.parent.shouldDisplayFeature(TOOLBAR_FEATURES.FILTER, column) &&
-        !(column.field.type === 'date' || column.field.type === 'datetime'));
+        !(column.field.type === FieldType.DATE || column.field.type === FieldType.DATE_TIME));
 };
 export const applyFilter = (columns, targetCell, rowContextData, filterExpression, actionColumnFiltering) => {
     // preparing filter object to apply equals filter
     const { colId } = targetCell.dataset;
     const column = columns.find(col => col.field.id.toString() === colId.toString());
     const inputValue = get(rowContextData, column.field.name);
-    const isPickList = column.field.type === 'text' && column.field.filterPickList;
+    const isPickList = column.field.type === FieldType.TEXT && column.field.filterPickList;
     let comparator;
     let input;
     // decide the comparator based on filtered value or column type
     if (inputValue === null || inputValue === undefined) {
         comparator = comparatorMap.isNull;
     }
-    else if (column.field.type === 'boolean') {
+    else if (column.field.type === FieldType.BOOLEAN) {
         comparator = getBooleanComparator(inputValue);
     }
     else if (isPickList) {
@@ -45,10 +45,10 @@ export const applyFilter = (columns, targetCell, rowContextData, filterExpressio
         comparator = comparatorMap.equals;
     }
     // decide input value for expression rhs
-    if (column.field.type === 'number') {
+    if (column.field.type === FieldType.NUMBER) {
         input = inputValue && parseFloat(inputValue);
     }
-    else if (column.field.type === 'boolean') {
+    else if (column.field.type === FieldType.BOOLEAN) {
         input = null;
     }
     else if (isPickList) {

package/lib/Core/Components/ContextMenu/QuickFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickFilter.js","sourceRoot":"","sources":["../../../../Core/Components/ContextMenu/QuickFilter.js"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,oBAAoB,GAAG,UAAU,CAAC,EAAE;IACxC,IAAI,UAAU,CAAC;IACf,IAAI,UAAU,EAAE,QAAQ,EAAE,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE,CAAC;QACpD,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC;IACpC,CAAC;SAAM,IAAI,UAAU,EAAE,QAAQ,EAAE,CAAC,WAAW,EAAE,KAAK,OAAO,EAAE,CAAC;QAC5D,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IACrC,CAAC;SAAM,CAAC;QACN,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC;IACpC,CAAC;IACD,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;IACnD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,KAAK,CAAC;IACf,CAAC;IACD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACjF,OAAO,CACL,MAAM;QACN,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC;QACnE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,CACpE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,OAAO,EACP,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,EAAE;IACF,iDAAiD;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC;IACrC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACjF,MAAM,UAAU,GAAG,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC;IAC/E,IAAI,UAAU,CAAC;IACf,IAAI,KAAK,CAAC;IAEV,+DAA+D;IAC/D,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QACpD,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC;IACpC,CAAC;SAAM,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC3C,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAChD,CAAC;SAAM,IAAI,UAAU,EAAE,CAAC;QACtB,UAAU,GAAG,aAAa,CAAC,EAAE,CAAC;IAChC,CAAC;SAAM,CAAC;QACN,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC;IACpC,CAAC;IAED,wCAAwC;IACxC,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QACnC,KAAK,GAAG,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,CAAC;IAC/C,CAAC;SAAM,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC3C,KAAK,GAAG,IAAI,CAAC;IACf,CAAC;SAAM,IAAI,UAAU,EAAE,CAAC;QACtB,KAAK,GAAG,UAAU,IAAI,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,UAAU,CAAC;IACrB,CAAC;IAED,MAAM,qBAAqB,GAAG,SAAS,CAAC;QACtC,UAAU;QACV,KAAK;QACL,gBAAgB;QAChB,MAAM;KACP,CAAC,CAAC;IACH,qBAAqB,CAAC;QACpB,SAAS,EAAE,qBAAqB;KACjC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,gBAAgB,EAChB,UAAU,EACV,qBAAqB,EACrB,oBAAoB,EACpB,EAAE;IACF,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC;IACjD,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACvB,mDAAmD;QACnD,oBAAoB,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC;SAAM,CAAC;QACN,qBAAqB,CAAC;YACpB,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;IACL,CAAC;AACH,CAAC,CAAC","sourcesContent":["import get from 'lodash.get';\n\nimport { addFilter, getFilters, comparatorMap } from 'pega-repeating-structures-core';\n\nimport { TOOLBAR_FEATURES } from '../../constants';\n\nconst getBooleanComparator = inputValue => {\n  let comparator;\n  if (inputValue?.toString().toLowerCase() === 'true') {\n    comparator = comparatorMap.isTrue;\n  } else if (inputValue?.toString().toLowerCase() === 'false') {\n    comparator = comparatorMap.isFalse;\n  } else {\n    comparator = comparatorMap.isNull;\n  }\n  return comparator;\n};\n\nexport const quickFilterEnabled = (columns, colId) => {\n  if (!colId) {\n    return false;\n  }\n  const column = columns.find(col => col.field.id.toString() === colId.toString());\n  return (\n    column &&\n    column.parent.shouldDisplayFeature(TOOLBAR_FEATURES.FILTER, column) &&\n    !(column.field.type === 'date' || column.field.type === 'datetime')\n  );\n};\n\nexport const applyFilter = (\n  columns,\n  targetCell,\n  rowContextData,\n  filterExpression,\n  actionColumnFiltering\n) => {\n  // preparing filter object to apply equals filter\n  const { colId } = targetCell.dataset;\n  const column = columns.find(col => col.field.id.toString() === colId.toString());\n  const inputValue = get(rowContextData, column.field.name);\n  const isPickList = column.field.type === 'text' && column.field.filterPickList;\n  let comparator;\n  let input;\n\n  // decide the comparator based on filtered value or column type\n  if (inputValue === null || inputValue === undefined) {\n    comparator = comparatorMap.isNull;\n  } else if (column.field.type === 'boolean') {\n    comparator = getBooleanComparator(inputValue);\n  } else if (isPickList) {\n    comparator = comparatorMap.in;\n  } else {\n    comparator = comparatorMap.equals;\n  }\n\n  // decide input value for expression rhs\n  if (column.field.type === 'number') {\n    input = inputValue && parseFloat(inputValue);\n  } else if (column.field.type === 'boolean') {\n    input = null;\n  } else if (isPickList) {\n    input = inputValue && [inputValue];\n  } else {\n    input = inputValue;\n  }\n\n  const localFilterExpression = addFilter({\n    comparator,\n    input,\n    filterExpression,\n    column\n  });\n  actionColumnFiltering({\n    filterExp: localFilterExpression\n  });\n};\n\nexport const removeFilter = (\n  filterExpression,\n  targetCell,\n  actionColumnFiltering,\n  actionClearFiltering\n) => {\n  const filters = getFilters({ filterExpression });\n  if (filters.length > 1) {\n    // removing equals filter applied on current column\n    actionClearFiltering(targetCell.dataset.colId);\n  } else {\n    actionColumnFiltering({\n      filterExp: null\n    });\n  }\n};\n"]}
+{"version":3,"file":"QuickFilter.js","sourceRoot":"","sources":["../../../../Core/Components/ContextMenu/QuickFilter.js"],"names":[],"mappings":"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","sourcesContent":["import get from 'lodash-es/get';\n\nimport { addFilter, getFilters, comparatorMap, FieldType } from 'pega-repeating-structures-core';\n\nimport { TOOLBAR_FEATURES } from '../../constants';\n\nconst getBooleanComparator = inputValue => {\n  let comparator;\n  if (inputValue?.toString().toLowerCase() === 'true') {\n    comparator = comparatorMap.isTrue;\n  } else if (inputValue?.toString().toLowerCase() === 'false') {\n    comparator = comparatorMap.isFalse;\n  } else {\n    comparator = comparatorMap.isNull;\n  }\n  return comparator;\n};\n\nexport const quickFilterEnabled = (columns, colId) => {\n  if (!colId) {\n    return false;\n  }\n  const column = columns.find(col => col.field.id.toString() === colId.toString());\n  return (\n    column &&\n    column.parent.shouldDisplayFeature(TOOLBAR_FEATURES.FILTER, column) &&\n    !(column.field.type === FieldType.DATE || column.field.type === FieldType.DATE_TIME)\n  );\n};\n\nexport const applyFilter = (\n  columns,\n  targetCell,\n  rowContextData,\n  filterExpression,\n  actionColumnFiltering\n) => {\n  // preparing filter object to apply equals filter\n  const { colId } = targetCell.dataset;\n  const column = columns.find(col => col.field.id.toString() === colId.toString());\n  const inputValue = get(rowContextData, column.field.name);\n  const isPickList = column.field.type === FieldType.TEXT && column.field.filterPickList;\n  let comparator;\n  let input;\n\n  // decide the comparator based on filtered value or column type\n  if (inputValue === null || inputValue === undefined) {\n    comparator = comparatorMap.isNull;\n  } else if (column.field.type === FieldType.BOOLEAN) {\n    comparator = getBooleanComparator(inputValue);\n  } else if (isPickList) {\n    comparator = comparatorMap.in;\n  } else {\n    comparator = comparatorMap.equals;\n  }\n\n  // decide input value for expression rhs\n  if (column.field.type === FieldType.NUMBER) {\n    input = inputValue && parseFloat(inputValue);\n  } else if (column.field.type === FieldType.BOOLEAN) {\n    input = null;\n  } else if (isPickList) {\n    input = inputValue && [inputValue];\n  } else {\n    input = inputValue;\n  }\n\n  const localFilterExpression = addFilter({\n    comparator,\n    input,\n    filterExpression,\n    column\n  });\n  actionColumnFiltering({\n    filterExp: localFilterExpression\n  });\n};\n\nexport const removeFilter = (\n  filterExpression,\n  targetCell,\n  actionColumnFiltering,\n  actionClearFiltering\n) => {\n  const filters = getFilters({ filterExpression });\n  if (filters.length > 1) {\n    // removing equals filter applied on current column\n    actionClearFiltering(targetCell.dataset.colId);\n  } else {\n    actionColumnFiltering({\n      filterExp: null\n    });\n  }\n};\n"]}

package/lib/Core/Components/DefaultComponents/CellRenderers/ColumnMergeTemplates/CustomCellWrapper.d.ts

@@ -1,3 +1,3 @@
 export default CustomCellWrapper;
-declare const CustomCellWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const CustomCellWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 //# sourceMappingURL=CustomCellWrapper.d.ts.map

package/lib/Core/Components/DefaultComponents/CellRenderers/ColumnMergeTemplates/CustomCellWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomCellWrapper.d.ts","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/ColumnMergeTemplates/CustomCellWrapper.js"],"names":[],"mappings":";AAEA,yIAMG"}
+{"version":3,"file":"CustomCellWrapper.d.ts","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/ColumnMergeTemplates/CustomCellWrapper.js"],"names":[],"mappings":";AAEA,6PAMG"}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowActionMenu.d.ts

@@ -1,7 +1,8 @@
 export default RowActionMenu;
-declare function RowActionMenu({ getRsMeta, getExecutionContext }: {
+declare function RowActionMenu({ getRsMeta, getExecutionContext, getParentContext }: {
     getRsMeta: any;
     getExecutionContext: any;
+    getParentContext: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace RowActionMenu {
     namespace propTypes {

package/lib/Core/Components/DefaultComponents/CellRenderers/RowActionMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowActionMenu.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowActionMenu.jsx"],"names":[],"mappings":";AA6BA;;;4CA8DC;;;;;;;sBAzFqB,YAAY"}
+{"version":3,"file":"RowActionMenu.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowActionMenu.jsx"],"names":[],"mappings":";AAkBA;;;;4CA0DC;;;;;;;sBA3EqB,YAAY"}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowActionMenu.js

@@ -1,19 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useMemo } from 'react';
-import styled from 'styled-components';
 import PropTypes from 'prop-types';
 import { MenuButton } from '@pega/cosmos-react-core';
+import { ROW_DENSITY } from 'pega-repeating-structures-core';
 import useTranslate from '../../../Hooks/useTranslate';
-const StyledActionMenu = styled.div `
-  button {
-    /* stylelint-disable unit-allowed-list */
-    height: 25px;
-    min-height: 25px;
-    > svg {
-      height: 70%;
-    }
-  }
-`;
 const hydrateActions = (actions, rowContext, refreshRow) => {
     return actions.map(action => ({
         ...action,
@@ -23,7 +13,7 @@ const hydrateActions = (actions, rowContext, refreshRow) => {
         }
     }));
 };
-function RowActionMenu({ getRsMeta, getExecutionContext }) {
+function RowActionMenu({ getRsMeta, getExecutionContext, getParentContext }) {
     const [translate] = useTranslate();
     const { getValue, getRowActionDetails, refreshRow } = getExecutionContext();
     const [rowActions, setRowActions] = useState([]);
@@ -49,15 +39,13 @@ function RowActionMenu({ getRsMeta, getExecutionContext }) {
     };
     const rowHeaderValue = getExecutionContext().getRowHeader()?.getValue();
     const translatedActionsText = translate('Actions');
-    return (_jsx(StyledActionMenu, { className: 'row-action-menu', children: _jsx(MenuButton, { compact: true, text: translatedActionsText, iconOnly: true, variant: 'simple', tabIndex: -1, menu: {
-                items: actionsFetched ? rowActions : [],
-                emptyText: translate('No actions available'),
-                loading: !actionsFetched
-            }, "aria-label": rowHeaderValue
-                ? `${translatedActionsText} - ${rowHeaderValue}`
-                : `${translatedActionsText}`, onClick: fetchCaseDeatils, placement: 'bottom-end', popover: {
-                portal: true
-            }, icon: 'more' }) }));
+    return (_jsx(MenuButton, { text: translatedActionsText, iconOnly: true, variant: 'simple', compact: getParentContext().getRowDensity() === ROW_DENSITY.SHORT, tabIndex: -1, menu: {
+            items: actionsFetched ? rowActions : [],
+            emptyText: translate('No actions available'),
+            loading: !actionsFetched
+        }, "aria-label": rowHeaderValue ? `${translatedActionsText} - ${rowHeaderValue}` : `${translatedActionsText}`, onClick: fetchCaseDeatils, placement: 'bottom-end', popover: {
+            portal: true
+        }, icon: 'more' }));
 }
 RowActionMenu.propTypes = {
     getRsMeta: PropTypes.func.isRequired,

package/lib/Core/Components/DefaultComponents/CellRenderers/RowActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowActionMenu.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowActionMenu.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useMemo } from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport { MenuButton } from '@pega/cosmos-react-core';\n\nimport useTranslate from '../../../Hooks/useTranslate';\n\nconst StyledActionMenu = styled.div`\n  button {\n    /* stylelint-disable unit-allowed-list */\n    height: 25px;\n    min-height: 25px;\n    > svg {\n      height: 70%;\n    }\n  }\n`;\n\nconst hydrateActions = (actions, rowContext, refreshRow) => {\n  return actions.map(action => ({\n    ...action,\n    primary: action.text,\n    onClick: () => {\n      action.onClick(rowContext, refreshRow);\n    }\n  }));\n};\n\nfunction RowActionMenu({ getRsMeta, getExecutionContext }) {\n  const [translate] = useTranslate();\n  const { getValue, getRowActionDetails, refreshRow } = getExecutionContext();\n  const [rowActions, setRowActions] = useState([]);\n  const [actionsFetched, setActionsFetched] = useState(false);\n  const rowContext = getValue();\n  const { rowActions: tableMetaRowActions } = getRsMeta();\n  const staticActions = useMemo(\n    () => hydrateActions(tableMetaRowActions ?? [], rowContext, refreshRow.bind(null, rowContext)),\n    [rowContext]\n  );\n\n  const fetchCaseDeatils = () => {\n    setActionsFetched(false);\n    const currentRowContext = getExecutionContext()?.getValue();\n    getRowActionDetails(currentRowContext)\n      .then(response => {\n        if (Array.isArray(response)) {\n          const latestRowContext = getExecutionContext()?.getValue();\n          const actions = hydrateActions(\n            response,\n            latestRowContext,\n            refreshRow.bind(null, latestRowContext)\n          );\n          const arr = [...actions, ...staticActions];\n          setRowActions(arr);\n        }\n      })\n      .finally(() => {\n        setActionsFetched(true);\n      });\n  };\n  const rowHeaderValue = getExecutionContext().getRowHeader()?.getValue();\n  const translatedActionsText = translate('Actions');\n\n  return (\n    <StyledActionMenu className='row-action-menu'>\n      <MenuButton\n        compact\n        text={translatedActionsText}\n        iconOnly\n        variant='simple'\n        tabIndex={-1}\n        menu={{\n          items: actionsFetched ? rowActions : [],\n          emptyText: translate('No actions available'),\n          loading: !actionsFetched\n        }}\n        aria-label={\n          rowHeaderValue\n            ? `${translatedActionsText} - ${rowHeaderValue}`\n            : `${translatedActionsText}`\n        }\n        onClick={fetchCaseDeatils}\n        placement='bottom-end'\n        popover={{\n          portal: true\n        }}\n        icon='more'\n      />\n    </StyledActionMenu>\n  );\n}\n\nRowActionMenu.propTypes = {\n  getRsMeta: PropTypes.func.isRequired,\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowActionMenu;\n"]}
+{"version":3,"file":"RowActionMenu.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowActionMenu.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MenuButton } from '@pega/cosmos-react-core';\nimport { ROW_DENSITY } from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../../Hooks/useTranslate';\n\nconst hydrateActions = (actions, rowContext, refreshRow) => {\n  return actions.map(action => ({\n    ...action,\n    primary: action.text,\n    onClick: () => {\n      action.onClick(rowContext, refreshRow);\n    }\n  }));\n};\n\nfunction RowActionMenu({ getRsMeta, getExecutionContext, getParentContext }) {\n  const [translate] = useTranslate();\n  const { getValue, getRowActionDetails, refreshRow } = getExecutionContext();\n  const [rowActions, setRowActions] = useState([]);\n  const [actionsFetched, setActionsFetched] = useState(false);\n  const rowContext = getValue();\n  const { rowActions: tableMetaRowActions } = getRsMeta();\n  const staticActions = useMemo(\n    () => hydrateActions(tableMetaRowActions ?? [], rowContext, refreshRow.bind(null, rowContext)),\n    [rowContext]\n  );\n\n  const fetchCaseDeatils = () => {\n    setActionsFetched(false);\n    const currentRowContext = getExecutionContext()?.getValue();\n    getRowActionDetails(currentRowContext)\n      .then(response => {\n        if (Array.isArray(response)) {\n          const latestRowContext = getExecutionContext()?.getValue();\n          const actions = hydrateActions(\n            response,\n            latestRowContext,\n            refreshRow.bind(null, latestRowContext)\n          );\n          const arr = [...actions, ...staticActions];\n          setRowActions(arr);\n        }\n      })\n      .finally(() => {\n        setActionsFetched(true);\n      });\n  };\n  const rowHeaderValue = getExecutionContext().getRowHeader()?.getValue();\n  const translatedActionsText = translate('Actions');\n\n  return (\n    <MenuButton\n      text={translatedActionsText}\n      iconOnly\n      variant='simple'\n      compact={getParentContext().getRowDensity() === ROW_DENSITY.SHORT}\n      tabIndex={-1}\n      menu={{\n        items: actionsFetched ? rowActions : [],\n        emptyText: translate('No actions available'),\n        loading: !actionsFetched\n      }}\n      aria-label={\n        rowHeaderValue ? `${translatedActionsText} - ${rowHeaderValue}` : `${translatedActionsText}`\n      }\n      onClick={fetchCaseDeatils}\n      placement='bottom-end'\n      popover={{\n        portal: true\n      }}\n      icon='more'\n    />\n  );\n}\n\nRowActionMenu.propTypes = {\n  getRsMeta: PropTypes.func.isRequired,\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowActionMenu;\n"]}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.d.ts

@@ -1,6 +1,7 @@
 export default RowDragDropHandle;
-declare function RowDragDropHandle({ getExecutionContext }: {
+declare function RowDragDropHandle({ getExecutionContext, getParentContext }: {
     getExecutionContext: any;
+    getParentContext: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace RowDragDropHandle {
     namespace propTypes {

package/lib/Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowDragDropHandle.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.jsx"],"names":[],"mappings":";AAIA;;4CAMC;;;;;;sBAVqB,YAAY"}
+{"version":3,"file":"RowDragDropHandle.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.jsx"],"names":[],"mappings":";AAKA;;;4CAWC;;;;;;sBAhBqB,YAAY"}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
-import { Icon, Flex } from '@pega/cosmos-react-core';
-function RowDragDropHandle({ getExecutionContext }) {
-    return (_jsx(Flex, { item: true, ...getExecutionContext?.().getDragProps?.(), children: _jsx(Icon, { name: 'drag' }) }));
+import { Icon, Button } from '@pega/cosmos-react-core';
+import { ROW_DENSITY } from 'pega-repeating-structures-core';
+function RowDragDropHandle({ getExecutionContext, getParentContext }) {
+    return (_jsx(Button, { variant: 'simple', compact: getParentContext().getRowDensity() === ROW_DENSITY.SHORT, icon: true, ...getExecutionContext?.().getDragProps?.(), children: _jsx(Icon, { name: 'drag' }) }));
 }
 RowDragDropHandle.propTypes = {
     getExecutionContext: PropTypes.func.isRequired

package/lib/Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowDragDropHandle.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAErD,SAAS,iBAAiB,CAAC,EAAE,mBAAmB,EAAE;IAChD,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,WAAK,mBAAmB,EAAE,EAAE,CAAC,YAAY,EAAE,EAAE,YACrD,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACf,CACR,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC/C,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Icon, Flex } from '@pega/cosmos-react-core';\n\nfunction RowDragDropHandle({ getExecutionContext }) {\n  return (\n    <Flex item {...getExecutionContext?.().getDragProps?.()}>\n      <Icon name='drag' />\n    </Flex>\n  );\n}\n\nRowDragDropHandle.propTypes = {\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowDragDropHandle;\n"]}
+{"version":3,"file":"RowDragDropHandle.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,SAAS,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,gBAAgB,EAAE;IAClE,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,gBAAgB,EAAE,CAAC,aAAa,EAAE,KAAK,WAAW,CAAC,KAAK,EACjE,IAAI,WACA,mBAAmB,EAAE,EAAE,CAAC,YAAY,EAAE,EAAE,YAE5C,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACb,CACV,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC/C,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Icon, Button } from '@pega/cosmos-react-core';\nimport { ROW_DENSITY } from 'pega-repeating-structures-core';\n\nfunction RowDragDropHandle({ getExecutionContext, getParentContext }) {\n  return (\n    <Button\n      variant='simple'\n      compact={getParentContext().getRowDensity() === ROW_DENSITY.SHORT}\n      icon\n      {...getExecutionContext?.().getDragProps?.()}\n    >\n      <Icon name='drag' />\n    </Button>\n  );\n}\n\nRowDragDropHandle.propTypes = {\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowDragDropHandle;\n"]}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowError.d.ts

@@ -1,6 +1,7 @@
 export default RowError;
-declare function RowError({ getExecutionContext }: {
+declare function RowError({ getExecutionContext, getParentContext }: {
     getExecutionContext: any;
+    getParentContext: any;
 }): import("react/jsx-runtime").JSX.Element | null;
 declare namespace RowError {
     namespace propTypes {

package/lib/Core/Components/DefaultComponents/CellRenderers/RowError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowError.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowError.jsx"],"names":[],"mappings":";AAIA;;mDAWC;;;;;;sBAfqB,YAAY"}
+{"version":3,"file":"RowError.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowError.jsx"],"names":[],"mappings":";AAKA;;;mDAeC;;;;;;sBApBqB,YAAY"}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowError.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
-import { Icon, Tooltip, Flex, useElement } from '@pega/cosmos-react-core';
-function RowError({ getExecutionContext }) {
+import { Icon, Tooltip, useElement, Button } from '@pega/cosmos-react-core';
+import { ROW_DENSITY } from 'pega-repeating-structures-core';
+function RowError({ getExecutionContext, getParentContext }) {
     const [avatarEl, setAvatarEl] = useElement(null);
     const message = getExecutionContext().getRowError()?.message;
-    return message ? (_jsxs(Flex, { children: [_jsx(Icon, { ref: setAvatarEl, name: 'warn-solid', "aria-label": message }), _jsx(Tooltip, { target: avatarEl, showDelay: 'none', hideDelay: 'none', describeTarget: false, children: getExecutionContext().getRowError()?.message })] })) : null;
+    return message ? (_jsxs(Button, { variant: 'simple', icon: true, compact: getParentContext().getRowDensity() === ROW_DENSITY.SHORT, children: [_jsx(Icon, { ref: setAvatarEl, name: 'warn-solid', "aria-label": message }), _jsx(Tooltip, { target: avatarEl, showDelay: 'none', hideDelay: 'none', describeTarget: false, children: getExecutionContext().getRowError()?.message })] })) : null;
 }
 RowError.propTypes = {
     getExecutionContext: PropTypes.func.isRequired

package/lib/Core/Components/DefaultComponents/CellRenderers/RowError.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowError.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowError.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1E,SAAS,QAAQ,CAAC,EAAE,mBAAmB,EAAE;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC,WAAW,EAAE,EAAE,OAAO,CAAC;IAC7D,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,MAAC,IAAI,eACH,KAAC,IAAI,IAAC,GAAG,EAAE,WAAW,EAAE,IAAI,EAAC,YAAY,gBAAa,OAAO,GAAI,EACjE,KAAC,OAAO,IAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,cAAc,EAAE,KAAK,YAC/E,mBAAmB,EAAE,CAAC,WAAW,EAAE,EAAE,OAAO,GACrC,IACL,CACR,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC/C,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Icon, Tooltip, Flex, useElement } from '@pega/cosmos-react-core';\n\nfunction RowError({ getExecutionContext }) {\n  const [avatarEl, setAvatarEl] = useElement(null);\n  const message = getExecutionContext().getRowError()?.message;\n  return message ? (\n    <Flex>\n      <Icon ref={setAvatarEl} name='warn-solid' aria-label={message} />\n      <Tooltip target={avatarEl} showDelay='none' hideDelay='none' describeTarget={false}>\n        {getExecutionContext().getRowError()?.message}\n      </Tooltip>\n    </Flex>\n  ) : null;\n}\n\nRowError.propTypes = {\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowError;\n"]}
+{"version":3,"file":"RowError.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowError.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,SAAS,QAAQ,CAAC,EAAE,mBAAmB,EAAE,gBAAgB,EAAE;IACzD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC,WAAW,EAAE,EAAE,OAAO,CAAC;IAC7D,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,MAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,OAAO,EAAE,gBAAgB,EAAE,CAAC,aAAa,EAAE,KAAK,WAAW,CAAC,KAAK,aAEjE,KAAC,IAAI,IAAC,GAAG,EAAE,WAAW,EAAE,IAAI,EAAC,YAAY,gBAAa,OAAO,GAAI,EACjE,KAAC,OAAO,IAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,cAAc,EAAE,KAAK,YAC/E,mBAAmB,EAAE,CAAC,WAAW,EAAE,EAAE,OAAO,GACrC,IACH,CACV,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC/C,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Icon, Tooltip, useElement, Button } from '@pega/cosmos-react-core';\nimport { ROW_DENSITY } from 'pega-repeating-structures-core';\n\nfunction RowError({ getExecutionContext, getParentContext }) {\n  const [avatarEl, setAvatarEl] = useElement(null);\n  const message = getExecutionContext().getRowError()?.message;\n  return message ? (\n    <Button\n      variant='simple'\n      icon\n      compact={getParentContext().getRowDensity() === ROW_DENSITY.SHORT}\n    >\n      <Icon ref={setAvatarEl} name='warn-solid' aria-label={message} />\n      <Tooltip target={avatarEl} showDelay='none' hideDelay='none' describeTarget={false}>\n        {getExecutionContext().getRowError()?.message}\n      </Tooltip>\n    </Button>\n  ) : null;\n}\n\nRowError.propTypes = {\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowError;\n"]}

package/lib/Core/Components/DefaultComponents/CellRenderers/index.d.ts

@@ -1,6 +1,5 @@
 declare const _default: {
     Operator: typeof Operator;
-    cellEditRenderer: typeof Editor;
     RowActionMenu: typeof RowActionMenu;
     RowDragDropHandle: typeof RowDragDropHandle;
     RowSelectHandle: import("react").MemoExoticComponent<{
@@ -40,7 +39,6 @@ declare const _default: {
 };
 export default _default;
 import Operator from './Operator';
-import Editor from './EditComponents';
 import RowActionMenu from './RowActionMenu';
 import RowDragDropHandle from './RowDragDropHandle';
 import RowError from './RowError';

package/lib/Core/Components/DefaultComponents/CellRenderers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAKqB,YAAY;mBAEd,kBAAkB;0BACX,iBAAiB;8BACb,qBAAqB;qBAG9B,YAAY;gCADD,uBAAuB;uBARhC,cAAc;qBAFhB,YAAY;uBACV,cAAc"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAKqB,YAAY;0BAEP,iBAAiB;8BACb,qBAAqB;qBAG9B,YAAY;gCADD,uBAAuB;uBAPhC,cAAc;qBAFhB,YAAY;uBACV,cAAc"}

package/lib/Core/Components/DefaultComponents/CellRenderers/index.js

@@ -5,7 +5,6 @@ import CustomCell from './CustomCell';
 import Link from './Link';
 import Operator from './Operator';
 import templates from './ColumnMergeTemplates';
-import Editor from './EditComponents';
 import RowActionMenu from './RowActionMenu';
 import RowDragDropHandle from './RowDragDropHandle';
 import RowSelectHandle from './RowSelectHandle';
@@ -19,7 +18,6 @@ export default {
     ...Link,
     ...templates,
     Operator,
-    cellEditRenderer: Editor,
     RowActionMenu,
     RowDragDropHandle,
     RowSelectHandle,

package/lib/Core/Components/DefaultComponents/CellRenderers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/index.js"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAe;IACb,YAAY,EAAE,IAAI;IAClB,kBAAkB,EAAE,UAAU;IAC9B,QAAQ;IACR,UAAU;IACV,GAAG,IAAI;IACP,GAAG,SAAS;IACZ,QAAQ;IACR,gBAAgB,EAAE,MAAM;IACxB,aAAa;IACb,iBAAiB;IACjB,eAAe;IACf,QAAQ;IACR,cAAc,EAAE,mBAAmB;CACpC,CAAC","sourcesContent":["import Cell from './Cell';\nimport RichText from './RichText';\nimport CheckCross from './CheckCross';\nimport CustomCell from './CustomCell';\nimport Link from './Link';\nimport Operator from './Operator';\nimport templates from './ColumnMergeTemplates';\nimport Editor from './EditComponents';\nimport RowActionMenu from './RowActionMenu';\nimport RowDragDropHandle from './RowDragDropHandle';\nimport RowSelectHandle from './RowSelectHandle';\nimport DefaultTextRenderer from './DefaultTextRenderer';\nimport RowError from './RowError';\n\nexport default {\n  cellRenderer: Cell,\n  customCellRenderer: CustomCell,\n  RichText,\n  CheckCross,\n  ...Link,\n  ...templates,\n  Operator,\n  cellEditRenderer: Editor,\n  RowActionMenu,\n  RowDragDropHandle,\n  RowSelectHandle,\n  RowError,\n  'Text-Default': DefaultTextRenderer\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/index.js"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAe;IACb,YAAY,EAAE,IAAI;IAClB,kBAAkB,EAAE,UAAU;IAC9B,QAAQ;IACR,UAAU;IACV,GAAG,IAAI;IACP,GAAG,SAAS;IACZ,QAAQ;IACR,aAAa;IACb,iBAAiB;IACjB,eAAe;IACf,QAAQ;IACR,cAAc,EAAE,mBAAmB;CACpC,CAAC","sourcesContent":["import Cell from './Cell';\nimport RichText from './RichText';\nimport CheckCross from './CheckCross';\nimport CustomCell from './CustomCell';\nimport Link from './Link';\nimport Operator from './Operator';\nimport templates from './ColumnMergeTemplates';\nimport RowActionMenu from './RowActionMenu';\nimport RowDragDropHandle from './RowDragDropHandle';\nimport RowSelectHandle from './RowSelectHandle';\nimport DefaultTextRenderer from './DefaultTextRenderer';\nimport RowError from './RowError';\n\nexport default {\n  cellRenderer: Cell,\n  customCellRenderer: CustomCell,\n  RichText,\n  CheckCross,\n  ...Link,\n  ...templates,\n  Operator,\n  RowActionMenu,\n  RowDragDropHandle,\n  RowSelectHandle,\n  RowError,\n  'Text-Default': DefaultTextRenderer\n};\n"]}

package/lib/Core/Components/DefaultComponents/EmptyContainer.d.ts

@@ -1,3 +1,7 @@
 export default EmptyContainer;
-declare function EmptyContainer(): import("react/jsx-runtime").JSX.Element;
+declare function EmptyContainer({ message, shouldAnnounce, domContainer }: {
+    message: any;
+    shouldAnnounce: any;
+    domContainer: any;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EmptyContainer.d.ts.map

package/lib/Core/Components/DefaultComponents/EmptyContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/EmptyContainer.jsx"],"names":[],"mappings":";AAuBA,2EAWC"}
+{"version":3,"file":"EmptyContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/EmptyContainer.jsx"],"names":[],"mappings":";AAuBA;;;;4CAqBC"}

package/lib/Core/Components/DefaultComponents/EmptyContainer.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import styled from 'styled-components';
-import { defaultThemeProp, EmptyState } from '@pega/cosmos-react-core';
+import { useEffect } from 'react';
+import { defaultThemeProp, EmptyState, useLiveLog } from '@pega/cosmos-react-core';
 import TestIdConstants from '../TestIdConstants';
-import useTranslate from '../../Hooks/useTranslate';
 const EmptyContainerStyle = styled.div `
   position: absolute;
   display: flex;
@@ -17,9 +17,16 @@ const EmptyContainerStyle = styled.div `
   overflow: hidden;
 `;
 EmptyContainerStyle.defaultProps = defaultThemeProp;
-const EmptyContainer = () => {
-    const [translate] = useTranslate();
-    return (_jsx(EmptyContainerStyle, { "data-test-id": TestIdConstants.noRecords, "data-testid": TestIdConstants.noRecords, children: _jsx(EmptyState, { message: translate('No records found.') }) }));
+const EmptyContainer = ({ message, shouldAnnounce, domContainer }) => {
+    const { announcePolite } = useLiveLog();
+    useEffect(() => {
+        if (shouldAnnounce &&
+            typeof document !== 'undefined' &&
+            domContainer?.contains(document.activeElement)) {
+            announcePolite({ message });
+        }
+    }, [shouldAnnounce, message, announcePolite, domContainer]);
+    return (_jsx(EmptyContainerStyle, { "data-test-id": TestIdConstants.noRecords, "data-testid": TestIdConstants.noRecords, children: _jsx(EmptyState, { message: message }) }));
 };
 export default EmptyContainer;
 //# sourceMappingURL=EmptyContainer.js.map

package/lib/Core/Components/DefaultComponents/EmptyContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyContainer.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/EmptyContainer.jsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEvE,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;gBAUtB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;;CAEtE,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEpD,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IAEnC,OAAO,CACL,KAAC,mBAAmB,oBACJ,eAAe,CAAC,SAAS,iBAC1B,eAAe,CAAC,SAAS,YAEtC,KAAC,UAAU,IAAC,OAAO,EAAE,SAAS,CAAC,mBAAmB,CAAC,GAAI,GACnC,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import styled from 'styled-components';\n\nimport { defaultThemeProp, EmptyState } from '@pega/cosmos-react-core';\n\nimport TestIdConstants from '../TestIdConstants';\nimport useTranslate from '../../Hooks/useTranslate';\n\nconst EmptyContainerStyle = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  top: var(--row-height, 0);\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: ${props => props.theme.base.palette['primary-background']};\n  overflow: hidden;\n`;\n\nEmptyContainerStyle.defaultProps = defaultThemeProp;\n\nconst EmptyContainer = () => {\n  const [translate] = useTranslate();\n\n  return (\n    <EmptyContainerStyle\n      data-test-id={TestIdConstants.noRecords}\n      data-testid={TestIdConstants.noRecords}\n    >\n      <EmptyState message={translate('No records found.')} />\n    </EmptyContainerStyle>\n  );\n};\n\nexport default EmptyContainer;\n"]}
+{"version":3,"file":"EmptyContainer.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/EmptyContainer.jsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEnF,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAEjD,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;gBAUtB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;;CAEtE,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEpD,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,EAAE;IACnE,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IACE,cAAc;YACd,OAAO,QAAQ,KAAK,WAAW;YAC/B,YAAY,EAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAC9C,CAAC;YACD,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,mBAAmB,oBACJ,eAAe,CAAC,SAAS,iBAC1B,eAAe,CAAC,SAAS,YAEtC,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,GAAI,GACZ,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import styled from 'styled-components';\nimport { useEffect } from 'react';\n\nimport { defaultThemeProp, EmptyState, useLiveLog } from '@pega/cosmos-react-core';\n\nimport TestIdConstants from '../TestIdConstants';\n\nconst EmptyContainerStyle = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  top: var(--row-height, 0);\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: ${props => props.theme.base.palette['primary-background']};\n  overflow: hidden;\n`;\n\nEmptyContainerStyle.defaultProps = defaultThemeProp;\n\nconst EmptyContainer = ({ message, shouldAnnounce, domContainer }) => {\n  const { announcePolite } = useLiveLog();\n\n  useEffect(() => {\n    if (\n      shouldAnnounce &&\n      typeof document !== 'undefined' &&\n      domContainer?.contains(document.activeElement)\n    ) {\n      announcePolite({ message });\n    }\n  }, [shouldAnnounce, message, announcePolite, domContainer]);\n\n  return (\n    <EmptyContainerStyle\n      data-test-id={TestIdConstants.noRecords}\n      data-testid={TestIdConstants.noRecords}\n    >\n      <EmptyState message={message} />\n    </EmptyContainerStyle>\n  );\n};\n\nexport default EmptyContainer;\n"]}

package/lib/Core/Components/DefaultComponents/PersonalizationCreateEdit.d.ts

@@ -1,7 +1,8 @@
-declare function PersonalizationCreateEdit({ view, onFinish, editing }: {
+declare function PersonalizationCreateEdit({ view, onFinish, editing, target }: {
     view: any;
     onFinish: any;
     editing?: boolean | undefined;
+    target: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace PersonalizationCreateEdit {
     namespace propTypes {
@@ -10,6 +11,7 @@ declare namespace PersonalizationCreateEdit {
             [x: string]: any;
         }>;
         let editing: PropTypes.Requireable<boolean>;
+        let target: PropTypes.Requireable<Element>;
     }
     namespace defaultProps {
         export function onFinish_1(): void;
@@ -19,6 +21,5 @@ declare namespace PersonalizationCreateEdit {
     }
 }
 export default PersonalizationCreateEdit;
-export const StyledModalContent: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").FlexProps>, import("styled-components").DefaultTheme, {}, never>;
 import PropTypes from 'prop-types';
 //# sourceMappingURL=PersonalizationCreateEdit.d.ts.map

package/lib/Core/Components/DefaultComponents/PersonalizationCreateEdit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PersonalizationCreateEdit.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationCreateEdit.jsx"],"names":[],"mappings":"AAgBA;;;;4CAoIC;;;;;;;;;;QASW,mCAAQ;;;;;;;AArJpB,kPAMG;sBAbmB,YAAY"}
+{"version":3,"file":"PersonalizationCreateEdit.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationCreateEdit.jsx"],"names":[],"mappings":"AAOA;;;;;4CAqHC;;;;;;;;;;;QAUW,mCAAQ;;;;;;;sBArIE,YAAY"}

package/lib/Core/Components/DefaultComponents/PersonalizationCreateEdit.js

@@ -1,17 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useMemo, useRef } from 'react';
 import PropTypes from 'prop-types';
-import styled, { css } from 'styled-components';
-import { Flex, Button, Input, Checkbox, Text } from '@pega/cosmos-react-core';
+import { Flex, Input, Checkbox, FormDialog } from '@pega/cosmos-react-core';
 import useTranslate from '../../Hooks/useTranslate';
-export const StyledModalContent = styled(Flex)(() => {
-    return css `
-    position: relative;
-    padding: 1.25rem;
-    overflow: auto;
-  `;
-});
-export default function PersonalizationCreateEdit({ view, onFinish, editing = false }) {
+export default function PersonalizationCreateEdit({ view, onFinish, editing = false, target }) {
     const { state: { personalization }, meta: { nonPersonalizationViewName } } = view;
     const personalizationNames = useMemo(() => {
         const personalizations = personalization?.allPersonalizations || {};
@@ -32,17 +24,7 @@ export default function PersonalizationCreateEdit({ view, onFinish, editing = fa
     const viewAlreadyPresentError = translate('This view is already present.');
     const viewNameEmptyError = translate('This view name cannot be empty.');
     const viewNameMaxLengthError = translate('View name must contain less than 65 characters.');
-    // markAsDefault is meant to be null rather than false as APIS will remove the default if it sees false
-    // but will be a no-op if undefined or null
-    const [markAsDefault, setMarkAsDefault] = useState(() => {
-        if (!editing) {
-            return true;
-        }
-        if (editing && personalization.defaultPersonalization === personalization.active) {
-            return true;
-        }
-        return null;
-    });
+    const [markAsDefault, setMarkAsDefault] = useState(!!(editing && personalization.defaultPersonalization === personalization.active));
     useEffect(() => {
         if (viewName && viewName.toLowerCase() === nonPersonalizationViewName.toLowerCase()) {
             setError(defaultNameError);
@@ -79,21 +61,26 @@ export default function PersonalizationCreateEdit({ view, onFinish, editing = fa
             return;
         }
         if (editing) {
-            view.type.editPersonalization(personalization.active, trimmedName, markAsDefault, isAppDefaultView);
+            view.type.editPersonalization(personalization.active, trimmedName, 
+            // markAsDefault is meant to be null rather than false as APIS will remove the default if it sees false
+            // but will be a no-op if undefined or null
+            markAsDefault || null, isAppDefaultView);
         }
         else {
-            view.type.createPersonalization(trimmedName, markAsDefault);
+            // markAsDefault is meant to be null rather than false as APIS will remove the default if it sees false
+            // but will be a no-op if undefined or null
+            view.type.createPersonalization(trimmedName, markAsDefault || null);
         }
         onFinish();
         return undefined;
     };
-    const heading = editing ? translate('Edit view') : translate('Save view as..');
-    return (_jsx(Flex, { as: StyledModalContent, container: { direction: 'column' }, item: { grow: 1 }, children: _jsxs(Flex, { container: { direction: 'column', itemGap: 2 }, children: [_jsx(Text, { variant: 'h2', className: 'modalHeader', children: heading }), _jsx(Input, { ref: viewNameRef, name: 'viewName', required: true, label: translate('View name'), autoComplete: 'off', status: error ? 'error' : null, info: error, value: viewName, onChange: onChange }), !(editing && isAppDefaultView) && (_jsx(Checkbox, { checked: markAsDefault, label: translate('Mark as default?'), required: false, disabled: false, onChange: () => setMarkAsDefault(curState => !curState) })), _jsxs(Flex, { container: { alignContent: 'center', justify: 'between' }, className: 'modalFooter', children: [_jsx(Button, { onClick: onFinish, children: translate('Cancel') }), _jsx("div", { children: _jsx(Button, { variant: 'primary', onClick: onSubmit, children: translate('Submit') }) })] })] }) }));
+    return (_jsx(FormDialog, { heading: translate(editing ? 'Edit customized view' : 'Add customized view'), onCancel: onFinish, onSubmit: onSubmit, target: target, children: _jsxs(Flex, { container: { direction: 'column', gap: 2 }, children: [_jsx(Input, { ref: viewNameRef, name: 'viewName', required: true, label: translate('View name'), autoComplete: 'off', status: error ? 'error' : undefined, info: error, value: viewName, onChange: onChange }), !(editing && isAppDefaultView) && (_jsx(Checkbox, { checked: markAsDefault, label: translate('Always show this view first'), onChange: () => setMarkAsDefault(curState => !curState) }))] }) }));
 }
 PersonalizationCreateEdit.propTypes = {
     onFinish: PropTypes.func,
     view: PropTypes.objectOf(PropTypes.any).isRequired,
-    editing: PropTypes.bool
+    editing: PropTypes.bool,
+    target: PropTypes.instanceOf(Element)
 };
 PersonalizationCreateEdit.defaultProps = {
     onFinish: () => { },