@pega/lists-react 9.0.0-build.9.9 → 10.0.0-build.1.0

package/lib/Core/Components/RSWrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Components/RSWrapper/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, memo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport styled, { css } from 'styled-components';\n\nimport { Fullscreen, useFullscreenContext } from '@pega/cosmos-react-core';\nimport { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';\n\nimport styles from '../../Views/rs-styles';\nimport Table from '../../Views/Table';\nimport Gallery from '../../Views/Gallery';\nimport Timeline from '../../Views/Timeline';\nimport Map from '../../Views/Map';\nimport repeatComponent from '../../index';\nimport { rowDensityClasses } from '../../constants';\nimport useConfirmationModal from '../../Hooks/useConfirmationModal';\nimport useSmallScreen from '../../Hooks/useSmallScreen';\nimport { LocalizationProvider } from '../../Context/LocalizationContext';\n\nconst StyledRSContainer = styled(forwardRef((props, ref) => <div ref={ref} {...props} />))(() => {\n  const fullscreen = useFullscreenContext();\n\n  return css`\n    ${styles}\n\n    ${fullscreen &&\n    fullscreen[0] &&\n    css`\n      height: 100%;\n    `}\n  `;\n});\n\nexport const CosmosProviders = ({ children }) => {\n  return <Fullscreen>{children}</Fullscreen>;\n};\n\nconst RSWrapper = ({ view }) => {\n  const { meta: { template } = {}, setDomContainer, columns } = view;\n\n  let Component;\n  switch (template) {\n    case REPEATING_STRUCTURE_TEMPLATES.GALLERY:\n      Component = Gallery;\n      break;\n    case REPEATING_STRUCTURE_TEMPLATES.TIMELINE:\n      Component = Timeline;\n      break;\n    case REPEATING_STRUCTURE_TEMPLATES.MAP:\n      Component = Map;\n      break;\n    default:\n      Component = Table;\n  }\n\n  useConfirmationModal({ view });\n\n  /**\n   * Adding all column level styles into columnStyles on DOMContainer.\n   * Since domContainer is the only ref available across the features.\n   * If some feature want to override something (say Resize the width), that only refelects if we add styles here.\n   * Other wise fall into specificity/precedence of local CSS variables.\n   * This won't effect other RS views, since these styles are generated through features.\n   * If a feature is not applicable it won't add styles to this object.\n   */\n  const columnStyles = columns?.reduce((acc, column) => {\n    const { style, field, hidden } = column;\n    if (hidden) return acc;\n    Object.entries(style).forEach(([s, v]) => {\n      acc[`--col-${s}-${field.idHash}`] = v;\n    });\n    return acc;\n  }, {});\n  const visibleColumns = view.getVisibleColumns();\n  if (\n    visibleColumns.length === 1 &&\n    view.getRowDensity() === rowDensityClasses[4].id &&\n    visibleColumns[0].field.width === undefined\n  ) {\n    // If table has only one column then make column width as auto. flex-grow on cell-last will stretch the column to available width.\n    delete columnStyles[`--col-width-${visibleColumns[0].field.idHash}`];\n  }\n\n  const domContainerRef = useRef();\n  useSmallScreen(view, domContainerRef);\n\n  return (\n    <CosmosProviders>\n      <StyledRSContainer\n        ref={r => {\n          setDomContainer(r);\n          domContainerRef.current = r;\n        }}\n        style={columnStyles}\n        className='rs-wrapper'\n      >\n        <Component view={view} />\n      </StyledRSContainer>\n    </CosmosProviders>\n  );\n};\n\nRSWrapper.displayName = 'RSWrapper';\n\nRSWrapper.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n\nconst RepeatComponent = memo(forwardRef(repeatComponent(RSWrapper)));\n\nconst WithLocalization = (props, ref) => {\n  return (\n    <LocalizationProvider>\n      <RepeatComponent {...props} ref={ref} />\n    </LocalizationProvider>\n  );\n};\n\nexport default memo(forwardRef(WithLocalization));\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Components/RSWrapper/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, memo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport styled, { css } from 'styled-components';\n\nimport { Fullscreen, useFullscreenContext } from '@pega/cosmos-react-core';\nimport { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';\n\nimport styles from '../../Views/rs-styles';\nimport Table from '../../Views/Table';\nimport Gallery from '../../Views/Gallery';\nimport Timeline from '../../Views/Timeline';\nimport Map from '../../Views/Map';\nimport repeatComponent from '../../index';\nimport useConfirmationModal from '../../Hooks/useConfirmationModal';\nimport useSmallScreen from '../../Hooks/useSmallScreen';\nimport { LocalizationProvider } from '../../Context/LocalizationContext';\n\nconst StyledRSContainer = styled(forwardRef((props, ref) => <div ref={ref} {...props} />))(() => {\n  const fullscreen = useFullscreenContext();\n\n  return css`\n    ${styles}\n\n    ${fullscreen &&\n    fullscreen[0] &&\n    css`\n      height: 100%;\n    `}\n  `;\n});\n\nexport const CosmosProviders = ({ children }) => {\n  return <Fullscreen>{children}</Fullscreen>;\n};\n\nconst RSWrapper = ({ view }) => {\n  /** Read template from view, as changeTemplate feature can mutate the template */\n  const { template, setDomContainer, columns } = view;\n\n  let Component;\n  switch (template) {\n    case REPEATING_STRUCTURE_TEMPLATES.GALLERY:\n      Component = Gallery;\n      break;\n    case REPEATING_STRUCTURE_TEMPLATES.TIMELINE:\n      Component = Timeline;\n      break;\n    case REPEATING_STRUCTURE_TEMPLATES.MAP:\n      Component = Map;\n      break;\n    default:\n      Component = Table;\n  }\n\n  useConfirmationModal({ view });\n\n  /**\n   * Adding all column level styles into columnStyles on DOMContainer.\n   * Since domContainer is the only ref available across the features.\n   * If some feature want to override something (say Resize the width), that only refelects if we add styles here.\n   * Other wise fall into specificity/precedence of local CSS variables.\n   * This won't effect other RS views, since these styles are generated through features.\n   * If a feature is not applicable it won't add styles to this object.\n   */\n  const columnStyles = columns?.reduce((acc, column) => {\n    const { style, field, hidden } = column;\n    if (hidden) return acc;\n    Object.entries(style).forEach(([s, v]) => {\n      acc[`--col-${s}-${field.idHash}`] = v;\n    });\n    return acc;\n  }, {});\n\n  const domContainerRef = useRef();\n  useSmallScreen(view, domContainerRef);\n\n  return (\n    <CosmosProviders>\n      <StyledRSContainer\n        ref={r => {\n          setDomContainer(r);\n          domContainerRef.current = r;\n        }}\n        style={columnStyles}\n        className='rs-wrapper'\n      >\n        <Component view={view} />\n      </StyledRSContainer>\n    </CosmosProviders>\n  );\n};\n\nRSWrapper.displayName = 'RSWrapper';\n\nRSWrapper.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n\nconst RepeatComponent = memo(forwardRef(repeatComponent(RSWrapper)));\n\nconst WithLocalization = (props, ref) => {\n  return (\n    <LocalizationProvider>\n      <RepeatComponent {...props} ref={ref} />\n    </LocalizationProvider>\n  );\n};\n\nexport default memo(forwardRef(WithLocalization));\n"]}

package/lib/Core/Components/RenderingEngine/Formatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Formatter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/RenderingEngine/Formatter.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,OAAO,QAsBtE"}
+{"version":3,"file":"Formatter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/RenderingEngine/Formatter.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,OAAO,QAyBtE"}

package/lib/Core/Components/RenderingEngine/Formatter.js

@@ -6,13 +6,16 @@ export default function Formatter(context, applyFormatter) {
     const { locale, timezone } = context.getRsMeta();
     const rowData = context.getExecutionContext?.()?.getValue?.();
     const fieldDef = context.getField();
+    // TODO: Need to read this context.formatterConfig from context.getField() once its available there.
+    const formatterConfig = context.formatterConfig;
     let formattedValue = applyFormatter && formatter
         ? formatter(inputValue, {
             locale,
             timezone,
             rowData,
             fieldDef,
-            translate
+            translate,
+            formatterConfig
         })
         : inputValue?.toString();
     // Empty cell value for any field type

package/lib/Core/Components/RenderingEngine/Formatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Formatter.js","sourceRoot":"","sources":["../../../../Core/Components/RenderingEngine/Formatter.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,OAAY,EAAE,cAAuB;IACrE,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;IACzC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,OAAO,CAAC,mBAAmB,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,CAAC;IAC9D,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;IACpC,IAAI,cAAc,GAChB,cAAc,IAAI,SAAS;QACzB,CAAC,CAAC,SAAS,CAAC,UAAU,EAAE;YACpB,MAAM;YACN,QAAQ;YACR,OAAO;YACP,QAAQ;YACR,SAAS;SACV,CAAC;QACJ,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,CAAC;IAC7B,sCAAsC;IACtC,IAAI,cAAc,KAAK,EAAE,IAAI,cAAc,KAAK,IAAI,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;QACrF,cAAc,GAAG,IAAI,CAAC;IACxB,CAAC;IACD,OAAO,CAAC,OAAO,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;AACpD,CAAC","sourcesContent":["import useTranslate from '../../Hooks/useTranslate';\n\nexport default function Formatter(context: any, applyFormatter: boolean) {\n  const [translate] = useTranslate();\n  const inputValue = context.getValue();\n  const formatter = context.getFormatter();\n  const { locale, timezone } = context.getRsMeta();\n  const rowData = context.getExecutionContext?.()?.getValue?.();\n  const fieldDef = context.getField();\n  let formattedValue =\n    applyFormatter && formatter\n      ? formatter(inputValue, {\n          locale,\n          timezone,\n          rowData,\n          fieldDef,\n          translate\n        })\n      : inputValue?.toString();\n  // Empty cell value for any field type\n  if (formattedValue === '' || formattedValue === null || formattedValue === undefined) {\n    formattedValue = '––';\n  }\n  context.setProp('formattedValue', formattedValue);\n}\n"]}
+{"version":3,"file":"Formatter.js","sourceRoot":"","sources":["../../../../Core/Components/RenderingEngine/Formatter.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,OAAY,EAAE,cAAuB;IACrE,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;IACzC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,OAAO,CAAC,mBAAmB,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,CAAC;IAC9D,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;IACpC,oGAAoG;IACpG,MAAM,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC;IAChD,IAAI,cAAc,GAChB,cAAc,IAAI,SAAS;QACzB,CAAC,CAAC,SAAS,CAAC,UAAU,EAAE;YACpB,MAAM;YACN,QAAQ;YACR,OAAO;YACP,QAAQ;YACR,SAAS;YACT,eAAe;SAChB,CAAC;QACJ,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,CAAC;IAC7B,sCAAsC;IACtC,IAAI,cAAc,KAAK,EAAE,IAAI,cAAc,KAAK,IAAI,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;QACrF,cAAc,GAAG,IAAI,CAAC;IACxB,CAAC;IACD,OAAO,CAAC,OAAO,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;AACpD,CAAC","sourcesContent":["import useTranslate from '../../Hooks/useTranslate';\n\nexport default function Formatter(context: any, applyFormatter: boolean) {\n  const [translate] = useTranslate();\n  const inputValue = context.getValue();\n  const formatter = context.getFormatter();\n  const { locale, timezone } = context.getRsMeta();\n  const rowData = context.getExecutionContext?.()?.getValue?.();\n  const fieldDef = context.getField();\n  // TODO: Need to read this context.formatterConfig from context.getField() once its available there.\n  const formatterConfig = context.formatterConfig;\n  let formattedValue =\n    applyFormatter && formatter\n      ? formatter(inputValue, {\n          locale,\n          timezone,\n          rowData,\n          fieldDef,\n          translate,\n          formatterConfig\n        })\n      : inputValue?.toString();\n  // Empty cell value for any field type\n  if (formattedValue === '' || formattedValue === null || formattedValue === undefined) {\n    formattedValue = '––';\n  }\n  context.setProp('formattedValue', formattedValue);\n}\n"]}

package/lib/Core/Components/RenderingEngine/RenderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderCell.d.ts","sourceRoot":"","sources":["../../../../Core/Components/RenderingEngine/RenderCell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAe7E,UAAU,oBAAqB,SAAQ,WAAW,CAAC,0BAA0B;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,eAAe,CAAC,EACvB,SAAgB,EAChB,WAAmB,EACnB,mBAA2B,EAC3B,YAAoB,EACpB,OAAe,EACf,OAAO,EACP,MAAM,EACN,KAAY,EACZ,SAAS,EACV,EAAE,oBAAoB,2CAqDtB;;AAED,wBAAqC"}
+{"version":3,"file":"RenderCell.d.ts","sourceRoot":"","sources":["../../../../Core/Components/RenderingEngine/RenderCell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AA4B7E,UAAU,oBAAqB,SAAQ,WAAW,CAAC,0BAA0B;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,eAAe,CAAC,EACvB,SAAgB,EAChB,WAAmB,EACnB,mBAA2B,EAC3B,YAAoB,EACpB,OAAe,EACf,OAAO,EACP,MAAM,EACN,KAAY,EACZ,SAAS,EACV,EAAE,oBAAoB,2CAiDtB;;AAED,wBAAqC"}

package/lib/Core/Components/RenderingEngine/RenderCell.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useMemo, useRef, useContext } from 'react';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import { FieldType } from 'pega-repeating-structures-core';
+import { defaultThemeProp } from '@pega/cosmos-react-core';
+import { markStyles } from '@pega/cosmos-react-core/lib/components/Mark/Mark';
 import { createClassName as cx } from '../../Utils';
 import GlobalContext from '../../Context/GlobalContext';
 import Formatter from './Formatter';
@@ -9,9 +11,19 @@ import ExpresssionEvaluator from './ExpresssionEvaluator';
 import Flasher from './Flasher';
 import useHighlighter from './useHighlighter';
 import ErrorHandler from './ErrorHandler';
-const StyledSpan = styled.span `
-  ${props => props.style}
-`;
+const StyledSpan = styled.span(({ style }) => {
+    return css `
+    ${style}
+
+    /**
+     * Using mark tag instead of <Mark /> component as the search in RS needs to be done on the rendered DOM content instead of string value.
+     */
+    mark {
+      ${markStyles}
+    }
+  `;
+});
+StyledSpan.defaultProps = defaultThemeProp;
 function RenderingEngine({ formatter = true, highlighter = false, expressionEvaluator = false, errorHandler = false, flasher = false, context, column, style = null /* This prop is provided by CellWrapper.jsx */, className }) {
     const { resolveCellComponent, resolveViewComponent } = useContext(GlobalContext);
     const engineWrapper = useRef();
@@ -23,14 +35,13 @@ function RenderingEngine({ formatter = true, highlighter = false, expressionEval
         ...context,
         renderFactory,
         resolveCellComponent,
-        resolveViewComponent
+        resolveViewComponent,
+        formatterConfig: column.formatterConfig
     };
     const pipeline = [];
     const { getField, getRendererType } = engineContext;
     const field = getField();
-    const isHighlighterApplicable = useMemo(() => !!(!column.isCellInEditMode() &&
-        field.type === FieldType.TEXT &&
-        column.parent?.meta?.globalSearch), [field.type, column]);
+    const isHighlighterApplicable = useMemo(() => !!(field.type === FieldType.TEXT && column.parent?.meta?.globalSearch), [field.type, column]);
     if (expressionEvaluator)
         pipeline.push(ExpresssionEvaluator);
     if (column.formatterAllowed)

package/lib/Core/Components/RenderingEngine/RenderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderCell.js","sourceRoot":"","sources":["../../../../Core/Components/RenderingEngine/RenderCell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, useMemo, useRef, useContext } from 'react';\nimport styled from 'styled-components';\nimport type { CSSObject } from 'styled-components';\n\nimport { FieldType, type RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport { createClassName as cx } from '../../Utils';\nimport GlobalContext from '../../Context/GlobalContext';\n\nimport Formatter from './Formatter';\nimport ExpresssionEvaluator from './ExpresssionEvaluator';\nimport Flasher from './Flasher';\nimport useHighlighter from './useHighlighter';\nimport ErrorHandler from './ErrorHandler';\n\nconst StyledSpan = styled.span<{ style: RenderingEngineProps['style'] }>`\n  ${props => props.style}\n`;\n\ninterface RenderingEngineProps extends RsCoreTypes.ColumnRenderingEngineProps {\n  formatter?: boolean;\n  highlighter?: boolean;\n  expressionEvaluator?: boolean;\n  errorHandler?: boolean;\n  flasher?: boolean;\n  context?: any;\n  style?: CSSObject | null;\n  className?: string;\n}\n\nfunction RenderingEngine({\n  formatter = true,\n  highlighter = false,\n  expressionEvaluator = false,\n  errorHandler = false,\n  flasher = false,\n  context,\n  column,\n  style = null /* This prop is provided by CellWrapper.jsx */,\n  className\n}: RenderingEngineProps) {\n  const { resolveCellComponent, resolveViewComponent } = useContext(GlobalContext);\n\n  const engineWrapper = useRef();\n  const { renderFactory } = column;\n\n  const columnExecutionContext = column.getExecutionContext();\n\n  const engineContext = {\n    getElement: () => engineWrapper.current,\n    ...column.getContext(columnExecutionContext),\n    ...context,\n    renderFactory,\n    resolveCellComponent,\n    resolveViewComponent\n  };\n  const pipeline: any[] = [];\n  const { getField, getRendererType } = engineContext;\n  const field = getField();\n\n  const isHighlighterApplicable = useMemo(\n    () =>\n      !!(\n        !column.isCellInEditMode() &&\n        field.type === FieldType.TEXT &&\n        column.parent?.meta?.globalSearch\n      ),\n    [field.type, column]\n  );\n\n  if (expressionEvaluator) pipeline.push(ExpresssionEvaluator);\n  if (column.formatterAllowed) pipeline.push((c: any) => Formatter(c, formatter));\n  if (errorHandler) pipeline.push(ErrorHandler);\n  if (flasher) pipeline.push(Flasher);\n\n  useHighlighter(engineContext, {\n    shouldHighlight: highlighter && isHighlighterApplicable\n  });\n\n  pipeline.forEach(p => p(engineContext));\n\n  return (\n    <StyledSpan\n      ref={engineWrapper}\n      style={style}\n      className={cx('cell-content', className)}\n      {...(highlighter &&\n        isHighlighterApplicable &&\n        engineContext.getSearchKeyword() && { key: engineContext.getSearchKeyword() })}\n    >\n      {resolveCellComponent(getRendererType?.() || 'cellRenderer', renderFactory, engineContext)}\n    </StyledSpan>\n  );\n}\n\nexport default memo(RenderingEngine);\n"]}
+{"version":3,"file":"RenderCell.js","sourceRoot":"","sources":["../../../../Core/Components/RenderingEngine/RenderCell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, useMemo, useRef, useContext } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { CSSObject } from 'styled-components';\n\nimport { FieldType, type RsCoreTypes } from 'pega-repeating-structures-core';\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\nimport { markStyles } from '@pega/cosmos-react-core/lib/components/Mark/Mark';\n\nimport { createClassName as cx } from '../../Utils';\nimport GlobalContext from '../../Context/GlobalContext';\n\nimport Formatter from './Formatter';\nimport ExpresssionEvaluator from './ExpresssionEvaluator';\nimport Flasher from './Flasher';\nimport useHighlighter from './useHighlighter';\nimport ErrorHandler from './ErrorHandler';\n\nconst StyledSpan = styled.span<{ style: RenderingEngineProps['style'] }>(({ style }) => {\n  return css`\n    ${style}\n\n    /**\n     * Using mark tag instead of <Mark /> component as the search in RS needs to be done on the rendered DOM content instead of string value.\n     */\n    mark {\n      ${markStyles}\n    }\n  `;\n});\n\nStyledSpan.defaultProps = defaultThemeProp;\n\ninterface RenderingEngineProps extends RsCoreTypes.ColumnRenderingEngineProps {\n  formatter?: boolean;\n  highlighter?: boolean;\n  expressionEvaluator?: boolean;\n  errorHandler?: boolean;\n  flasher?: boolean;\n  context?: any;\n  style?: CSSObject | null;\n  className?: string;\n}\n\nfunction RenderingEngine({\n  formatter = true,\n  highlighter = false,\n  expressionEvaluator = false,\n  errorHandler = false,\n  flasher = false,\n  context,\n  column,\n  style = null /* This prop is provided by CellWrapper.jsx */,\n  className\n}: RenderingEngineProps) {\n  const { resolveCellComponent, resolveViewComponent } = useContext(GlobalContext);\n\n  const engineWrapper = useRef();\n  const { renderFactory } = column;\n\n  const columnExecutionContext = column.getExecutionContext();\n\n  const engineContext = {\n    getElement: () => engineWrapper.current,\n    ...column.getContext(columnExecutionContext),\n    ...context,\n    renderFactory,\n    resolveCellComponent,\n    resolveViewComponent,\n    formatterConfig: column.formatterConfig\n  };\n  const pipeline: any[] = [];\n  const { getField, getRendererType } = engineContext;\n  const field = getField();\n\n  const isHighlighterApplicable = useMemo(\n    () => !!(field.type === FieldType.TEXT && column.parent?.meta?.globalSearch),\n    [field.type, column]\n  );\n\n  if (expressionEvaluator) pipeline.push(ExpresssionEvaluator);\n  if (column.formatterAllowed) pipeline.push((c: any) => Formatter(c, formatter));\n  if (errorHandler) pipeline.push(ErrorHandler);\n  if (flasher) pipeline.push(Flasher);\n\n  useHighlighter(engineContext, {\n    shouldHighlight: highlighter && isHighlighterApplicable\n  });\n\n  pipeline.forEach(p => p(engineContext));\n\n  return (\n    <StyledSpan\n      ref={engineWrapper}\n      style={style}\n      className={cx('cell-content', className)}\n      {...(highlighter &&\n        isHighlighterApplicable &&\n        engineContext.getSearchKeyword() && { key: engineContext.getSearchKeyword() })}\n    >\n      {resolveCellComponent(getRendererType?.() || 'cellRenderer', renderFactory, engineContext)}\n    </StyledSpan>\n  );\n}\n\nexport default memo(RenderingEngine);\n"]}

package/lib/Core/Components/RenderingEngine/useHighlighter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHighlighter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/RenderingEngine/useHighlighter.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,OAAO,EAAE,GAAG,EACZ,EAAE,aAAqB,EAAE,eAAuB,EAAE;;;CAAK,QA8CxD"}
+{"version":3,"file":"useHighlighter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/RenderingEngine/useHighlighter.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,OAAO,EAAE,GAAG,EACZ,EAAE,aAAqB,EAAE,eAAuB,EAAE;;;CAAK,QA6CxD"}

package/lib/Core/Components/RenderingEngine/useHighlighter.js

@@ -33,7 +33,6 @@ export default function useHighlighter(context, { caseSensitive = false, shouldH
                     child.textContent.replace(keywordRegex, (match, idx) => {
                         const part = document.createTextNode(child.textContent.slice(lastIdx, idx));
                         const highlighted = document.createElement('mark');
-                        highlighted.style.background = '#fffc65';
                         highlighted.textContent = match;
                         frag.appendChild(part);
                         frag.appendChild(highlighted);

package/lib/Core/Components/RenderingEngine/useHighlighter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHighlighter.js","sourceRoot":"","sources":["../../../../Core/Components/RenderingEngine/useHighlighter.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from 'react';\n\nconst SPECIAL_CHARS_REGEX = /(\\[|\\\\|\\^|\\$|\\.|\\||\\?|\\*|\\+|\\(|\\))/g;\nfunction sanitizeRegex(regex: string) {\n  return regex?.replace(SPECIAL_CHARS_REGEX, '\\\\$1');\n}\n\nexport default function useHighlighter(\n  context: any,\n  { caseSensitive = false, shouldHighlight = false } = {}\n) {\n  // Context is executional context and wont be available in asynchronous method.\n  // We have to keep reference of used objects in closure.\n  const getElement = context?.getElement;\n  const getSearchKeyword = context?.getSearchKeyword;\n\n  useEffect(() => {\n    const flags = caseSensitive ? 'g' : 'gi';\n    const keyword = [sanitizeRegex(getSearchKeyword?.()?.trim())].filter((_: string) => _);\n\n    const keywordRegex = new RegExp(keyword[0], flags);\n    function highlight(element: Node) {\n      if (!element?.textContent || !keywordRegex.test(element.textContent)) {\n        // in case there is no match\n        return;\n      }\n      // Sort longer matches first to avoid\n      // highlighting keywords within keywords.\n      Array.from(element?.childNodes || []).forEach(child => {\n        keywordRegex.lastIndex = 0;\n        if (child.nodeType !== 3) {\n          // not a text node\n          if (child.nodeName !== 'SCRIPT' && child.nodeName !== 'STYLE') {\n            highlight(child);\n          }\n        } else if (child.textContent && keywordRegex.test(child.textContent)) {\n          const frag = document.createDocumentFragment();\n          let lastIdx = 0;\n          child.textContent.replace(keywordRegex, (match: string, idx: number): any => {\n            const part = document.createTextNode(child.textContent!.slice(lastIdx, idx));\n            const highlighted = document.createElement('mark');\n            highlighted.style.background = '#fffc65';\n            highlighted.textContent = match;\n            frag.appendChild(part);\n            frag.appendChild(highlighted);\n            lastIdx = idx + match.length;\n          });\n          const end = document.createTextNode(child.textContent.slice(lastIdx));\n          frag.appendChild(end);\n          child.parentNode?.replaceChild(frag, child);\n        }\n      });\n    }\n    if (shouldHighlight && keyword.length) highlight(getElement?.());\n  });\n}\n"]}
+{"version":3,"file":"useHighlighter.js","sourceRoot":"","sources":["../../../../Core/Components/RenderingEngine/useHighlighter.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from 'react';\n\nconst SPECIAL_CHARS_REGEX = /(\\[|\\\\|\\^|\\$|\\.|\\||\\?|\\*|\\+|\\(|\\))/g;\nfunction sanitizeRegex(regex: string) {\n  return regex?.replace(SPECIAL_CHARS_REGEX, '\\\\$1');\n}\n\nexport default function useHighlighter(\n  context: any,\n  { caseSensitive = false, shouldHighlight = false } = {}\n) {\n  // Context is executional context and wont be available in asynchronous method.\n  // We have to keep reference of used objects in closure.\n  const getElement = context?.getElement;\n  const getSearchKeyword = context?.getSearchKeyword;\n\n  useEffect(() => {\n    const flags = caseSensitive ? 'g' : 'gi';\n    const keyword = [sanitizeRegex(getSearchKeyword?.()?.trim())].filter((_: string) => _);\n\n    const keywordRegex = new RegExp(keyword[0], flags);\n    function highlight(element: Node) {\n      if (!element?.textContent || !keywordRegex.test(element.textContent)) {\n        // in case there is no match\n        return;\n      }\n      // Sort longer matches first to avoid\n      // highlighting keywords within keywords.\n      Array.from(element?.childNodes || []).forEach(child => {\n        keywordRegex.lastIndex = 0;\n        if (child.nodeType !== 3) {\n          // not a text node\n          if (child.nodeName !== 'SCRIPT' && child.nodeName !== 'STYLE') {\n            highlight(child);\n          }\n        } else if (child.textContent && keywordRegex.test(child.textContent)) {\n          const frag = document.createDocumentFragment();\n          let lastIdx = 0;\n          child.textContent.replace(keywordRegex, (match: string, idx: number): any => {\n            const part = document.createTextNode(child.textContent!.slice(lastIdx, idx));\n            const highlighted = document.createElement('mark');\n            highlighted.textContent = match;\n            frag.appendChild(part);\n            frag.appendChild(highlighted);\n            lastIdx = idx + match.length;\n          });\n          const end = document.createTextNode(child.textContent.slice(lastIdx));\n          frag.appendChild(end);\n          child.parentNode?.replaceChild(frag, child);\n        }\n      });\n    }\n    if (shouldHighlight && keyword.length) highlight(getElement?.());\n  });\n}\n"]}

package/lib/Core/Components/TestIdConstants.d.ts

@@ -7,9 +7,11 @@ declare namespace _default {
     let aggregateDisplayValue: string;
     let columnFilterIcon: string;
     let groupHeader: string;
+    let groupHeaderButton: string;
     let groupHeaderCount: string;
     let groupHeaderGroupBy: string;
     let hierarchicalCell: string;
+    let contextMenu: string;
 }
 export default _default;
 //# sourceMappingURL=TestIdConstants.d.ts.map

package/lib/Core/Components/TestIdConstants.js

@@ -7,8 +7,10 @@ export default {
     aggregateDisplayValue: 'aggregate-display-value',
     columnFilterIcon: 'column-filter-icon',
     groupHeader: 'group-header',
+    groupHeaderButton: 'group-header-button',
     groupHeaderCount: 'group-header-count',
     groupHeaderGroupBy: 'group-header-group-by',
-    hierarchicalCell: 'hierarchical-cell'
+    hierarchicalCell: 'hierarchical-cell',
+    contextMenu: 'repeat-context-menu'
 };
 //# sourceMappingURL=TestIdConstants.js.map

package/lib/Core/Components/TestIdConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"TestIdConstants.js","sourceRoot":"","sources":["../../../Core/Components/TestIdConstants.js"],"names":[],"mappings":"AAAA,eAAe;IACb,YAAY,EAAE,sBAAsB;IACpC,WAAW,EAAE,qBAAqB;IAClC,UAAU,EAAE,oBAAoB;IAChC,iBAAiB,EAAE,4BAA4B;IAC/C,SAAS,EAAE,mBAAmB;IAC9B,qBAAqB,EAAE,yBAAyB;IAChD,gBAAgB,EAAE,oBAAoB;IACtC,WAAW,EAAE,cAAc;IAC3B,gBAAgB,EAAE,oBAAoB;IACtC,kBAAkB,EAAE,uBAAuB;IAC3C,gBAAgB,EAAE,mBAAmB;CACtC,CAAC","sourcesContent":["export default {\n  filterButton: 'repeat-filter-button',\n  groupButton: 'repeat-group-button',\n  sortButton: 'repeat-sort-button',\n  moreOptionsButton: 'repeat-more-options-button',\n  noRecords: 'repeat-no-records',\n  aggregateDisplayValue: 'aggregate-display-value',\n  columnFilterIcon: 'column-filter-icon',\n  groupHeader: 'group-header',\n  groupHeaderCount: 'group-header-count',\n  groupHeaderGroupBy: 'group-header-group-by',\n  hierarchicalCell: 'hierarchical-cell'\n};\n"]}
+{"version":3,"file":"TestIdConstants.js","sourceRoot":"","sources":["../../../Core/Components/TestIdConstants.js"],"names":[],"mappings":"AAAA,eAAe;IACb,YAAY,EAAE,sBAAsB;IACpC,WAAW,EAAE,qBAAqB;IAClC,UAAU,EAAE,oBAAoB;IAChC,iBAAiB,EAAE,4BAA4B;IAC/C,SAAS,EAAE,mBAAmB;IAC9B,qBAAqB,EAAE,yBAAyB;IAChD,gBAAgB,EAAE,oBAAoB;IACtC,WAAW,EAAE,cAAc;IAC3B,iBAAiB,EAAE,qBAAqB;IACxC,gBAAgB,EAAE,oBAAoB;IACtC,kBAAkB,EAAE,uBAAuB;IAC3C,gBAAgB,EAAE,mBAAmB;IACrC,WAAW,EAAE,qBAAqB;CACnC,CAAC","sourcesContent":["export default {\n  filterButton: 'repeat-filter-button',\n  groupButton: 'repeat-group-button',\n  sortButton: 'repeat-sort-button',\n  moreOptionsButton: 'repeat-more-options-button',\n  noRecords: 'repeat-no-records',\n  aggregateDisplayValue: 'aggregate-display-value',\n  columnFilterIcon: 'column-filter-icon',\n  groupHeader: 'group-header',\n  groupHeaderButton: 'group-header-button',\n  groupHeaderCount: 'group-header-count',\n  groupHeaderGroupBy: 'group-header-group-by',\n  hierarchicalCell: 'hierarchical-cell',\n  contextMenu: 'repeat-context-menu'\n};\n"]}

package/lib/Core/Components/Toolbar/AdvanceToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdvanceToolbar.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/AdvanceToolbar.jsx"],"names":[],"mappings":"AAyBA;;4CAqIC;;;;;;;;;sBA9JqB,YAAY"}
+{"version":3,"file":"AdvanceToolbar.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/AdvanceToolbar.jsx"],"names":[],"mappings":"AAwBA;;4CA4GC;;;;;;;;;sBApIqB,YAAY"}

package/lib/Core/Components/Toolbar/AdvanceToolbar.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { ListToolbar } from '@pega/cosmos-react-core';
-import { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core/lib/types/Meta.types';
+import { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';
 import { SELECTION_MODES } from '../../constants';
+import showFeatureForTemplate from '../../templateFeatureSupport';
 import ActionsMenu from './ActionsMenu';
 import MapToolbar from './Map/MapToolbar';
 import ToolbarActions from './ToolbarActions';
-import TimelineToolbar from './Timeline/TimelineToolbar';
 import useSearch from './hooks/useSearch';
 import useFilter from './hooks/useFilter';
 import usePersonalization from './hooks/usePersonalization';
@@ -19,22 +19,21 @@ import AnnounceRowsCount from './AnnounceRowsCount';
 import ValidateMessage from './ValidateMessage';
 import useFormControlProps from './hooks/useFormControlProps';
 import useWrapAction from './hooks/useWrapAction';
-import KeyboardInstructions from './KeyboardInstructions';
 export default function AdvanceToolbar({ view }) {
-    const { selectedRecordsCount, meta: { basicMode, selectionMode, title, toolbarActions, template, allowBulkActions, mapFieldIds } = {}, rows, state, getContext, isLoading, showCount, refreshNotification, type: { forceRefresh }, announceCount } = view;
+    const { selectedRecordsCount, meta: { basicMode, selectionMode, title, showTitle, toolbarActions, allowBulkActions, mapFieldIds } = {}, rows, state, getContext, isLoading, showCount, refreshNotification, type: { forceRefresh }, announceCount, template } = view;
     const { getRequiredDef } = getContext();
     const { validatemessage } = getRequiredDef() || {};
-    const { viewSelector } = usePersonalization({ view });
+    const { viewSelector, createEditViewContent } = usePersonalization({ view });
     const search = useSearch({ view });
     const count = showCount ? getCount({ view }) : undefined;
     const filter = useFilter({ view });
     const group = useGroup({ view });
     const sort = useSort({ view });
-    const { actions, actionsButtonRef, popover } = useMore({ view });
+    const { actions, actionsButtonRef, selectedActionContent } = useMore({ view });
     const enableActionsMenu = selectionMode === SELECTION_MODES.multi && selectedRecordsCount !== 0;
     const formControlProps = useFormControlProps(view);
     const wrapAction = useWrapAction(view);
-    const additionalActions = (_jsxs(_Fragment, { children: [basicMode && (_jsx(ToolbarActions, { toolbarActions: toolbarActions?.filter(action => !action.id.startsWith('Add')) })), allowBulkActions && _jsx(ActionsMenu, { enableActionsMenu: enableActionsMenu, view: view })] }));
+    const additionalActions = (_jsxs(_Fragment, { children: [basicMode && (_jsx(ToolbarActions, { toolbarActions: toolbarActions?.filter(action => !action.id.startsWith('Add')) })), allowBulkActions && template !== REPEATING_STRUCTURE_TEMPLATES.TIMELINE && (_jsx(ActionsMenu, { enableActionsMenu: enableActionsMenu, view: view }))] }));
     const createNewAction = toolbarActions?.find(action => action.id.startsWith('Add'));
     const createNew = createNewAction && basicMode
         ? {
@@ -42,17 +41,7 @@ export default function AdvanceToolbar({ view }) {
             onClick: createNewAction.onClick
         }
         : undefined;
-    let Toolbar;
-    switch (template) {
-        case REPEATING_STRUCTURE_TEMPLATES.TIMELINE:
-            Toolbar = (_jsxs(_Fragment, { children: [_jsx(TimelineToolbar, { name: title, formControlProps: formControlProps, viewSelector: viewSelector, search: search, count: count, additionalActions: additionalActions, filter: filter, createNew: createNew, view: view, actions: actions, actionsButtonRef: actionsButtonRef }), popover] }));
-            break;
-        case REPEATING_STRUCTURE_TEMPLATES.MAP:
-            Toolbar = (_jsx(MapToolbar, { locationFieldId: mapFieldIds?.location, name: title, formControlProps: formControlProps, rows: rows, count: count, createNew: createNew, additionalActions: additionalActions }));
-            break;
-        default:
-            Toolbar = (_jsxs(_Fragment, { children: [_jsx(ListToolbar, { name: title, formControlProps: formControlProps, viewSelector: viewSelector, search: search, count: count, additionalActions: additionalActions, filter: filter, group: group, sort: sort, actions: actions, actionsButtonRef: actionsButtonRef, createNew: createNew, wrap: template === REPEATING_STRUCTURE_TEMPLATES.TABLE && wrapAction, keyboardInstructions: template === REPEATING_STRUCTURE_TEMPLATES.TABLE ? (_jsx(KeyboardInstructions, { template: template })) : undefined }), popover] }));
-    }
+    const Toolbar = template === REPEATING_STRUCTURE_TEMPLATES.MAP ? (_jsx(MapToolbar, { locationFieldId: mapFieldIds?.location, name: title, showName: showTitle, formControlProps: formControlProps, rows: rows, count: count, createNew: createNew, additionalActions: additionalActions })) : (_jsxs(_Fragment, { children: [_jsx(ListToolbar, { name: title, showName: showTitle, formControlProps: formControlProps, viewSelector: viewSelector, search: search, count: count, additionalActions: additionalActions, filter: filter, group: showFeatureForTemplate(template, 'group') && group, sort: sort, actions: actions, actionsButtonRef: actionsButtonRef, createNew: createNew, wrap: wrapAction }), selectedActionContent, createEditViewContent] }));
     return (_jsxs(AnnounceRowsCount, { state: state, count: count, isLoading: isLoading, announceCount: announceCount, children: [_jsx(ValidateMessage, { message: validatemessage, children: Toolbar }), refreshNotification && (_jsx(RefreshBanner, { refreshNotification: refreshNotification, forceRefresh: forceRefresh }))] }));
 }
 AdvanceToolbar.propTypes = {

package/lib/Core/Components/Toolbar/AdvanceToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdvanceToolbar.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/AdvanceToolbar.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { ListToolbar } from '@pega/cosmos-react-core';\nimport { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core/lib/types/Meta.types';\n\nimport { SELECTION_MODES } from '../../constants';\n\nimport ActionsMenu from './ActionsMenu';\nimport MapToolbar from './Map/MapToolbar';\nimport ToolbarActions from './ToolbarActions';\nimport TimelineToolbar from './Timeline/TimelineToolbar';\nimport useSearch from './hooks/useSearch';\nimport useFilter from './hooks/useFilter';\nimport usePersonalization from './hooks/usePersonalization';\nimport useMore from './hooks/useMore';\nimport useGroup from './hooks/useGroup/useGroup';\nimport useSort from './hooks/useSort/useSort';\nimport getCount from './utils/getCount';\nimport RefreshBanner from './RefreshBanner';\nimport AnnounceRowsCount from './AnnounceRowsCount';\nimport ValidateMessage from './ValidateMessage';\nimport useFormControlProps from './hooks/useFormControlProps';\nimport useWrapAction from './hooks/useWrapAction';\nimport KeyboardInstructions from './KeyboardInstructions';\n\nexport default function AdvanceToolbar({ view }) {\n  const {\n    selectedRecordsCount,\n    meta: {\n      basicMode,\n      selectionMode,\n      title,\n      toolbarActions,\n      template,\n      allowBulkActions,\n      mapFieldIds\n    } = {},\n    rows,\n    state,\n    getContext,\n    isLoading,\n    showCount,\n    refreshNotification,\n    type: { forceRefresh },\n    announceCount\n  } = view;\n  const { getRequiredDef } = getContext();\n  const { validatemessage } = getRequiredDef() || {};\n  const { viewSelector } = usePersonalization({ view });\n  const search = useSearch({ view });\n  const count = showCount ? getCount({ view }) : undefined;\n  const filter = useFilter({ view });\n  const group = useGroup({ view });\n  const sort = useSort({ view });\n  const { actions, actionsButtonRef, popover } = useMore({ view });\n  const enableActionsMenu = selectionMode === SELECTION_MODES.multi && selectedRecordsCount !== 0;\n  const formControlProps = useFormControlProps(view);\n  const wrapAction = useWrapAction(view);\n\n  const additionalActions = (\n    <>\n      {basicMode && (\n        <ToolbarActions\n          toolbarActions={toolbarActions?.filter(action => !action.id.startsWith('Add'))}\n        />\n      )}\n      {allowBulkActions && <ActionsMenu enableActionsMenu={enableActionsMenu} view={view} />}\n    </>\n  );\n\n  const createNewAction = toolbarActions?.find(action => action.id.startsWith('Add'));\n  const createNew =\n    createNewAction && basicMode\n      ? {\n          label: createNewAction?.text,\n          onClick: createNewAction.onClick\n        }\n      : undefined;\n\n  let Toolbar;\n  switch (template) {\n    case REPEATING_STRUCTURE_TEMPLATES.TIMELINE:\n      Toolbar = (\n        <>\n          <TimelineToolbar\n            name={title}\n            formControlProps={formControlProps}\n            viewSelector={viewSelector}\n            search={search}\n            count={count}\n            additionalActions={additionalActions}\n            filter={filter}\n            createNew={createNew}\n            view={view}\n            actions={actions}\n            actionsButtonRef={actionsButtonRef}\n          />\n          {popover}\n        </>\n      );\n      break;\n    case REPEATING_STRUCTURE_TEMPLATES.MAP:\n      Toolbar = (\n        <MapToolbar\n          locationFieldId={mapFieldIds?.location}\n          name={title}\n          formControlProps={formControlProps}\n          rows={rows}\n          count={count}\n          createNew={createNew}\n          additionalActions={additionalActions}\n        />\n      );\n      break;\n    default:\n      Toolbar = (\n        <>\n          <ListToolbar\n            name={title}\n            formControlProps={formControlProps}\n            viewSelector={viewSelector}\n            search={search}\n            count={count}\n            additionalActions={additionalActions}\n            filter={filter}\n            group={group}\n            sort={sort}\n            actions={actions}\n            actionsButtonRef={actionsButtonRef}\n            createNew={createNew}\n            wrap={template === REPEATING_STRUCTURE_TEMPLATES.TABLE && wrapAction}\n            keyboardInstructions={\n              template === REPEATING_STRUCTURE_TEMPLATES.TABLE ? (\n                <KeyboardInstructions template={template} />\n              ) : undefined\n            }\n          />\n          {popover}\n        </>\n      );\n  }\n\n  return (\n    <AnnounceRowsCount\n      state={state}\n      count={count}\n      isLoading={isLoading}\n      announceCount={announceCount}\n    >\n      <ValidateMessage message={validatemessage}>\n        {Toolbar}\n        {/* FIXME: This implementation of error status should be considered temporary until an official, and properly accessible, spec is determined. */}\n      </ValidateMessage>\n      {refreshNotification && (\n        <RefreshBanner refreshNotification={refreshNotification} forceRefresh={forceRefresh} />\n      )}\n    </AnnounceRowsCount>\n  );\n}\n\nAdvanceToolbar.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}
+{"version":3,"file":"AdvanceToolbar.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/AdvanceToolbar.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { ListToolbar } from '@pega/cosmos-react-core';\nimport { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';\n\nimport { SELECTION_MODES } from '../../constants';\nimport showFeatureForTemplate from '../../templateFeatureSupport';\n\nimport ActionsMenu from './ActionsMenu';\nimport MapToolbar from './Map/MapToolbar';\nimport ToolbarActions from './ToolbarActions';\nimport useSearch from './hooks/useSearch';\nimport useFilter from './hooks/useFilter';\nimport usePersonalization from './hooks/usePersonalization';\nimport useMore from './hooks/useMore';\nimport useGroup from './hooks/useGroup/useGroup';\nimport useSort from './hooks/useSort/useSort';\nimport getCount from './utils/getCount';\nimport RefreshBanner from './RefreshBanner';\nimport AnnounceRowsCount from './AnnounceRowsCount';\nimport ValidateMessage from './ValidateMessage';\nimport useFormControlProps from './hooks/useFormControlProps';\nimport useWrapAction from './hooks/useWrapAction';\n\nexport default function AdvanceToolbar({ view }) {\n  const {\n    selectedRecordsCount,\n    meta: {\n      basicMode,\n      selectionMode,\n      title,\n      showTitle,\n      toolbarActions,\n      allowBulkActions,\n      mapFieldIds\n    } = {},\n    rows,\n    state,\n    getContext,\n    isLoading,\n    showCount,\n    refreshNotification,\n    type: { forceRefresh },\n    announceCount,\n    template\n  } = view;\n  const { getRequiredDef } = getContext();\n  const { validatemessage } = getRequiredDef() || {};\n  const { viewSelector, createEditViewContent } = usePersonalization({ view });\n  const search = useSearch({ view });\n  const count = showCount ? getCount({ view }) : undefined;\n  const filter = useFilter({ view });\n  const group = useGroup({ view });\n  const sort = useSort({ view });\n  const { actions, actionsButtonRef, selectedActionContent } = useMore({ view });\n  const enableActionsMenu = selectionMode === SELECTION_MODES.multi && selectedRecordsCount !== 0;\n  const formControlProps = useFormControlProps(view);\n  const wrapAction = useWrapAction(view);\n\n  const additionalActions = (\n    <>\n      {basicMode && (\n        <ToolbarActions\n          toolbarActions={toolbarActions?.filter(action => !action.id.startsWith('Add'))}\n        />\n      )}\n      {allowBulkActions && template !== REPEATING_STRUCTURE_TEMPLATES.TIMELINE && (\n        <ActionsMenu enableActionsMenu={enableActionsMenu} view={view} />\n      )}\n    </>\n  );\n\n  const createNewAction = toolbarActions?.find(action => action.id.startsWith('Add'));\n  const createNew =\n    createNewAction && basicMode\n      ? {\n          label: createNewAction?.text,\n          onClick: createNewAction.onClick\n        }\n      : undefined;\n\n  const Toolbar =\n    template === REPEATING_STRUCTURE_TEMPLATES.MAP ? (\n      <MapToolbar\n        locationFieldId={mapFieldIds?.location}\n        name={title}\n        showName={showTitle}\n        formControlProps={formControlProps}\n        rows={rows}\n        count={count}\n        createNew={createNew}\n        additionalActions={additionalActions}\n      />\n    ) : (\n      <>\n        <ListToolbar\n          name={title}\n          showName={showTitle}\n          formControlProps={formControlProps}\n          viewSelector={viewSelector}\n          search={search}\n          count={count}\n          additionalActions={additionalActions}\n          filter={filter}\n          group={showFeatureForTemplate(template, 'group') && group}\n          sort={sort}\n          actions={actions}\n          actionsButtonRef={actionsButtonRef}\n          createNew={createNew}\n          wrap={wrapAction}\n        />\n        {selectedActionContent}\n        {createEditViewContent}\n      </>\n    );\n\n  return (\n    <AnnounceRowsCount\n      state={state}\n      count={count}\n      isLoading={isLoading}\n      announceCount={announceCount}\n    >\n      <ValidateMessage message={validatemessage}>\n        {Toolbar}\n        {/* FIXME: This implementation of error status should be considered temporary until an official, and properly accessible, spec is determined. */}\n      </ValidateMessage>\n      {refreshNotification && (\n        <RefreshBanner refreshNotification={refreshNotification} forceRefresh={forceRefresh} />\n      )}\n    </AnnounceRowsCount>\n  );\n}\n\nAdvanceToolbar.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}

package/lib/Core/Components/Toolbar/ColumnSelector.d.ts

@@ -11,7 +11,7 @@ export function getIconByFieldType(type: string): JSX.Element;
  * @param {string} action - The action to perform, either 'Show/hide columns' or 'Freeze columns'.
  * @returns Arrays of columns nested by category
  */
-export function transformData(columns: any[], action: string): any[];
+export function transformData(fieldDefs: any, state: any, action: string): any[];
 export function ColumnSelectorControl(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace ColumnSelectorControl {
     namespace propTypes {
@@ -26,16 +26,18 @@ export const pinning: "Freeze columns";
 declare const _default: import("react").MemoExoticComponent<typeof ColumnSelector>;
 export default _default;
 import PropTypes from 'prop-types';
-declare function ColumnSelector({ dispatch, columns, action, finishPopOver }: {
+declare function ColumnSelector({ dispatch, fieldDefs, state, action, finishPopOver }: {
     dispatch: any;
-    columns: any;
+    fieldDefs: any;
+    state: any;
     action: any;
     finishPopOver: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace ColumnSelector {
     export namespace propTypes_1 {
         export let dispatch: PropTypes.Validator<(...args: any[]) => any>;
-        export let columns: PropTypes.Validator<(object | null | undefined)[]>;
+        export let fieldDefs: PropTypes.Validator<(object | null | undefined)[]>;
+        export let state: PropTypes.Validator<(object | null | undefined)[]>;
         let action_1: PropTypes.Validator<string>;
         export { action_1 as action };
         export let finishPopOver: PropTypes.Validator<(...args: any[]) => any>;

package/lib/Core/Components/Toolbar/ColumnSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnSelector.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/ColumnSelector.jsx"],"names":[],"mappings":"AAoBA;;;;;GAKG;AACH,yCAHW,MAAM,GACJ,GAAG,CAAC,OAAO,CAKvB;AAeD;;;;;GAKG;AACH,sDAHW,MAAM,SAgEhB;AA2BD,2FAwEC;;;;;;;;;AAjMD,6BAA8B,mBAAmB,CAAC;AAClD,sBAAuB,gBAAgB,CAAC;;;sBAjBlB,YAAY;AA0NlC;;;;;4CAqBC"}
+{"version":3,"file":"ColumnSelector.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/ColumnSelector.jsx"],"names":[],"mappings":"AAqBA;;;;;GAKG;AACH,yCAHW,MAAM,GACJ,GAAG,CAAC,OAAO,CAKvB;AAeD;;;;;GAKG;AACH,kEAHW,MAAM,SAsDhB;AA2BD,2FA0EC;;;;;;;;;AAzLD,6BAA8B,mBAAmB,CAAC;AAClD,sBAAuB,gBAAgB,CAAC;;;sBAlBlB,YAAY;AAmNlC;;;;;;4CAwBC"}

package/lib/Core/Components/Toolbar/ColumnSelector.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useEffect, useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
-import { Icon, SearchInput, Menu, menuHelpers, useElement, Flex, Button } from '@pega/cosmos-react-core';
-import { allowToggle, getFieldIcon } from '../../Utils';
+import { Icon, SearchInput, Menu, menuHelpers, useElement, Flex, Button, useI18n } from '@pega/cosmos-react-core';
+import { getFieldIcon } from '../../Utils';
 import useTranslate from '../../Hooks/useTranslate';
 export const colsVisibility = 'Show/hide columns';
 export const pinning = 'Freeze columns';
@@ -35,29 +35,25 @@ function getModifiedColumns(initialSelectedColumns, currentSelectedColumns) {
  * @param {string} action - The action to perform, either 'Show/hide columns' or 'Freeze columns'.
  * @returns Arrays of columns nested by category
  */
-export function transformData(columns, action) {
+export function transformData(fieldDefs, state, action) {
     const result = [];
-    if (!columns?.length)
+    if (!fieldDefs?.length)
         return result;
     const categoryObj = {};
-    const allowColumnToggle = allowToggle(columns[0].parent.getVisibleColumns());
-    columns
-        ?.filter(c => c.field.toggle)
-        .forEach(column => {
-        const { field: { id, category = [], type }, label, hidden, frozen } = column;
+    fieldDefs
+        ?.filter(c => c.toggle)
+        .forEach(field => {
+        const { id, category = [], type, label } = field;
+        const visible = state.visibleColumns?.includes(id);
+        const frozen = state.freezeColumns?.includes(id);
         const lastCategoryLabel = category.length ? category[category.length - 1].label : undefined;
-        let disabled;
-        if (action === colsVisibility) {
-            disabled = !allowColumnToggle && !hidden;
-        }
         if (categoryObj[lastCategoryLabel])
             categoryObj[lastCategoryLabel].items.push({
                 id,
                 primary: label,
                 label,
-                selected: action === colsVisibility ? !hidden : frozen,
+                selected: action === colsVisibility ? visible : frozen,
                 type,
-                disabled,
                 visual: getIconByFieldType(type)
             });
         else {
@@ -68,10 +64,9 @@ export function transformData(columns, action) {
                     {
                         id,
                         primary: label,
-                        selected: action === colsVisibility ? !hidden : frozen,
+                        selected: action === colsVisibility ? visible : frozen,
                         label,
                         type,
-                        disabled,
                         visual: getIconByFieldType(type)
                     }
                 ]
@@ -105,6 +100,7 @@ const StyledMenu = styled(Menu) `
 `;
 export function ColumnSelectorControl(props) {
     const { data, onSubmit, onCancel, action } = props;
+    const t = useI18n();
     const initialSelectedColumns = useMemo(() => new Set(menuHelpers
         .flatten(data)
         .filter(item => item.selected)
@@ -134,7 +130,7 @@ export function ColumnSelectorControl(props) {
     }, [searchText, items]);
     const modifiedColumns = useMemo(() => getModifiedColumns(initialSelectedColumns, selectedColumns), [initialSelectedColumns, selectedColumns, action]);
     const isSubmitEnabled = !(action === colsVisibility && selectedColumns.size === 0) && modifiedColumns.length > 0;
-    return (_jsx(StyledMenu, { items: itemsToRender, mode: 'multi-select', onItemClick: (id, args) => {
+    return (_jsx(StyledMenu, { "aria-label": t('columns'), items: itemsToRender, mode: 'multi-select', onItemClick: (id, args) => {
             setItems(cur => menuHelpers.toggleSelected(cur, id, args.mode));
         }, role: 'listbox', focusControlEl: searchRef || undefined, header: _jsx(SearchInput, { value: searchText, onSearchChange: setSearchText, ref: setSearchRef }), footer: _jsx(Footer, { onCancel: onCancel, onSubmit: () => onSubmit(modifiedColumns), disabled: !isSubmitEnabled }) }));
 }
@@ -144,8 +140,8 @@ ColumnSelectorControl.propTypes = {
     onCancel: PropTypes.func.isRequired,
     action: PropTypes.string.isRequired
 };
-function ColumnSelector({ dispatch, columns, action, finishPopOver }) {
-    const transformed = useMemo(() => transformData(columns, action), [columns, action]);
+function ColumnSelector({ dispatch, fieldDefs, state, action, finishPopOver }) {
+    const transformed = useMemo(() => transformData(fieldDefs, state, action), [fieldDefs, state, action]);
     const onSubmitHandler = useCallback(changedCols => {
         if (changedCols.length > 0) {
             dispatch(changedCols);
@@ -156,7 +152,8 @@ function ColumnSelector({ dispatch, columns, action, finishPopOver }) {
 }
 ColumnSelector.propTypes = {
     dispatch: PropTypes.func.isRequired,
-    columns: PropTypes.arrayOf(PropTypes.object).isRequired,
+    fieldDefs: PropTypes.arrayOf(PropTypes.object).isRequired,
+    state: PropTypes.arrayOf(PropTypes.object).isRequired,
     action: PropTypes.string.isRequired,
     finishPopOver: PropTypes.func.isRequired
 };

package/lib/Core/Components/Toolbar/ColumnSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnSelector.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/ColumnSelector.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EACL,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,WAAW,EACX,UAAU,EACV,IAAI,EACJ,MAAM,EACP,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAG,mBAAmB,CAAC;AAClD,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAExC;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAAI;IACrC,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACpC,OAAO,KAAC,IAAI,oBAAe,QAAQ,iBAAe,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAI,CAAC;AACjF,CAAC;AAED;;;;;;GAMG;AACH,SAAS,kBAAkB,CAAC,sBAAsB,EAAE,sBAAsB;IACxE,MAAM,YAAY,GAAG,CAAC,GAAG,sBAAsB,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,sBAAsB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/F,MAAM,cAAc,GAAG,CAAC,GAAG,sBAAsB,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,sBAAsB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IACjG,OAAO,CAAC,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC,CAAC;AAC9C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,OAAO,EAAE,MAAM;IAC3C,MAAM,MAAM,GAAG,EAAE,CAAC;IAClB,IAAI,CAAC,OAAO,EAAE,MAAM;QAAE,OAAO,MAAM,CAAC;IAEpC,MAAM,WAAW,GAAG,EAAE,CAAC;IACvB,MAAM,iBAAiB,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAE7E,OAAO;QACL,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;SAC5B,OAAO,CAAC,MAAM,CAAC,EAAE;QAChB,MAAM,EACJ,KAAK,EAAE,EAAE,EAAE,EAAE,QAAQ,GAAG,EAAE,EAAE,IAAI,EAAE,EAClC,KAAK,EACL,MAAM,EACN,MAAM,EACP,GAAG,MAAM,CAAC;QACX,MAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;QAC5F,IAAI,QAAQ,CAAC;QACb,IAAI,MAAM,KAAK,cAAc,EAAE,CAAC;YAC9B,QAAQ,GAAG,CAAC,iBAAiB,IAAI,CAAC,MAAM,CAAC;QAC3C,CAAC;QACD,IAAI,WAAW,CAAC,iBAAiB,CAAC;YAChC,WAAW,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;gBACxC,EAAE;gBACF,OAAO,EAAE,KAAK;gBACd,KAAK;gBACL,QAAQ,EAAE,MAAM,KAAK,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;gBACtD,IAAI;gBACJ,QAAQ;gBACR,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC;aACjC,CAAC,CAAC;aACA,CAAC;YACJ,WAAW,CAAC,iBAAiB,CAAC,GAAG;gBAC/B,EAAE,EAAE,YAAY,iBAAiB,EAAE;gBACnC,OAAO,EAAE,iBAAiB;gBAC1B,KAAK,EAAE;oBACL;wBACE,EAAE;wBACF,OAAO,EAAE,KAAK;wBACd,QAAQ,EAAE,MAAM,KAAK,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;wBACtD,KAAK;wBACL,IAAI;wBACJ,QAAQ;wBACR,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC;qBACjC;iBACF;aACF,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;IACL,yEAAyE;IACzE,IAAI,WAAW,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,CAAC;QAC3D,MAAM,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC;QAC7C,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IACD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACtC,8EAA8E;IAC9E,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACjB,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvD,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,aACrC,KAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,iBAAc,QAAQ,YAC5C,SAAS,CAAC,QAAQ,CAAC,GACb,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,iBAAc,QAAQ,YAClF,SAAS,CAAC,QAAQ,CAAC,GACb,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,SAAS,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAE9B,CAAC;AACF,MAAM,UAAU,qBAAqB,CAAC,KAAK;IACzC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnD,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CACH,IAAI,GAAG,CACL,WAAW;SACR,OAAO,CAAC,IAAI,CAAC;SACb,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC;SAC7B,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CACxB,EACH,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAClE,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,KAAK,EAAE,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,WAAW,CAAC,OAAO,CACxB,UAAU;YACR,CAAC,CAAC,WAAW;iBACR,OAAO,CAAC,KAAK,CAAC;iBACd,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;YACtF,CAAC,CAAC,KAAK,EACT,IAAI,CAAC,EAAE;YACL,OAAO;gBACL,GAAG,IAAI;gBACP,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;gBAChD,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,MAAM,KAAK,cAAc,IAAI,eAAe,CAAC,IAAI,IAAI,CAAC;aAClF,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,kBAAkB,CAAC,sBAAsB,EAAE,eAAe,CAAC,EACjE,CAAC,sBAAsB,EAAE,eAAe,EAAE,MAAM,CAAC,CAClD,CAAC;IAEF,MAAM,eAAe,GACnB,CAAC,CAAC,MAAM,KAAK,cAAc,IAAI,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;IAC3F,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAE,aAAa,EACpB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE;YACxB,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,cAAc,CAAC,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAClE,CAAC,EACD,IAAI,EAAC,SAAS,EACd,cAAc,EAAE,SAAS,IAAI,SAAS,EACtC,MAAM,EAAE,KAAC,WAAW,IAAC,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,EAAE,YAAY,GAAI,EAC5F,MAAM,EACJ,KAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,EACzC,QAAQ,EAAE,CAAC,eAAe,GAC1B,GAEJ,CACH,CAAC;AACJ,CAAC;AAED,qBAAqB,CAAC,SAAS,GAAG;IAChC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU;IACpD,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE;IAClE,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAErF,MAAM,eAAe,GAAG,WAAW,CACjC,WAAW,CAAC,EAAE;QACZ,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3B,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC;QACD,aAAa,EAAE,CAAC;IAClB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,KAAC,qBAAqB,IACpB,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,SAAS,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU;IACvD,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACnC,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACzC,CAAC;AAEF,eAAe,IAAI,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import { memo, useCallback, useEffect, useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport {\n  Icon,\n  SearchInput,\n  Menu,\n  menuHelpers,\n  useElement,\n  Flex,\n  Button\n} from '@pega/cosmos-react-core';\n\nimport { allowToggle, getFieldIcon } from '../../Utils';\nimport useTranslate from '../../Hooks/useTranslate';\n\nexport const colsVisibility = 'Show/hide columns';\nexport const pinning = 'Freeze columns';\n\n/**\n * Returns an Icon component based on the field type.\n *\n * @param {string} type - The type of the field for which the icon is required.\n * @returns {JSX.Element} - A React Icon component with the appropriate icon name.\n */\nexport function getIconByFieldType(type) {\n  const iconName = getFieldIcon(type);\n  return <Icon data-test-id={iconName} data-testid={iconName} name={iconName} />;\n}\n\n/**\n * Determines the list of changed column IDs.\n *\n * @param {Set<string>} initialSelectedColumns - The initial set of selected column IDs.\n * @param {Set<string>} currentSelectedColumns - The current set of selected column IDs.\n * @returns {string[]} - Array of modified column IDs.\n */\nfunction getModifiedColumns(initialSelectedColumns, currentSelectedColumns) {\n  const addedColumns = [...currentSelectedColumns].filter(id => !initialSelectedColumns.has(id));\n  const removedColumns = [...initialSelectedColumns].filter(id => !currentSelectedColumns.has(id));\n  return [...addedColumns, ...removedColumns];\n}\n\n/**\n * Transforms the columns array into array of columns grouped by category\n * @param {Array} columns - The array of column objects to be transformed.\n * @param {string} action - The action to perform, either 'Show/hide columns' or 'Freeze columns'.\n * @returns Arrays of columns nested by category\n */\nexport function transformData(columns, action) {\n  const result = [];\n  if (!columns?.length) return result;\n\n  const categoryObj = {};\n  const allowColumnToggle = allowToggle(columns[0].parent.getVisibleColumns());\n\n  columns\n    ?.filter(c => c.field.toggle)\n    .forEach(column => {\n      const {\n        field: { id, category = [], type },\n        label,\n        hidden,\n        frozen\n      } = column;\n      const lastCategoryLabel = category.length ? category[category.length - 1].label : undefined;\n      let disabled;\n      if (action === colsVisibility) {\n        disabled = !allowColumnToggle && !hidden;\n      }\n      if (categoryObj[lastCategoryLabel])\n        categoryObj[lastCategoryLabel].items.push({\n          id,\n          primary: label,\n          label,\n          selected: action === colsVisibility ? !hidden : frozen,\n          type,\n          disabled,\n          visual: getIconByFieldType(type)\n        });\n      else {\n        categoryObj[lastCategoryLabel] = {\n          id: `category:${lastCategoryLabel}`,\n          primary: lastCategoryLabel,\n          items: [\n            {\n              id,\n              primary: label,\n              selected: action === colsVisibility ? !hidden : frozen,\n              label,\n              type,\n              disabled,\n              visual: getIconByFieldType(type)\n            }\n          ]\n        };\n      }\n    });\n  // Items with no category attribute are set in the root of returned array\n  if (categoryObj[undefined] && categoryObj[undefined].items) {\n    result.push(...categoryObj[undefined].items);\n    delete categoryObj[undefined];\n  }\n  const keys = Object.keys(categoryObj);\n  // Items with category attribute are grouped inside the nested category object\n  keys.forEach(key => {\n    result.push(categoryObj[key]);\n  });\n\n  return result;\n}\n\nconst Footer = memo(({ onCancel, onSubmit, disabled }) => {\n  const [translate] = useTranslate();\n  return (\n    <Flex container={{ justify: 'between' }}>\n      <Button onClick={onCancel} data-testid='cancel'>\n        {translate('Cancel')}\n      </Button>\n      <Button variant='primary' onClick={onSubmit} disabled={disabled} data-testid='submit'>\n        {translate('Submit')}\n      </Button>\n    </Flex>\n  );\n});\n\nFooter.displayName = 'Footer';\n\nFooter.propTypes = {\n  onCancel: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  disabled: PropTypes.bool.isRequired\n};\n\nconst StyledMenu = styled(Menu)`\n  width: 16rem;\n`;\nexport function ColumnSelectorControl(props) {\n  const { data, onSubmit, onCancel, action } = props;\n\n  const initialSelectedColumns = useMemo(\n    () =>\n      new Set(\n        menuHelpers\n          .flatten(data)\n          .filter(item => item.selected)\n          .map(item => item.id)\n      ),\n    [data]\n  );\n\n  const [searchText, setSearchText] = useState('');\n  const [searchRef, setSearchRef] = useElement(null);\n  const [items, setItems] = useState(data);\n  const selectedColumns = useMemo(\n    () => new Set(menuHelpers.getSelected(items).map(item => item.id)),\n    [items]\n  );\n\n  useEffect(() => {\n    if (searchRef) {\n      searchRef.focus();\n    }\n  }, [searchRef]);\n\n  const itemsToRender = useMemo(() => {\n    return menuHelpers.mapTree(\n      searchText\n        ? menuHelpers\n            .flatten(items)\n            .filter(({ primary }) => primary.toLowerCase().includes(searchText.toLowerCase()))\n        : items,\n      item => {\n        return {\n          ...item,\n          visual: item.visual,\n          selected: item.items ? undefined : item.selected,\n          disabled: item.selected && action === colsVisibility && selectedColumns.size <= 1\n        };\n      }\n    );\n  }, [searchText, items]);\n\n  const modifiedColumns = useMemo(\n    () => getModifiedColumns(initialSelectedColumns, selectedColumns),\n    [initialSelectedColumns, selectedColumns, action]\n  );\n\n  const isSubmitEnabled =\n    !(action === colsVisibility && selectedColumns.size === 0) && modifiedColumns.length > 0;\n  return (\n    <StyledMenu\n      items={itemsToRender}\n      mode='multi-select'\n      onItemClick={(id, args) => {\n        setItems(cur => menuHelpers.toggleSelected(cur, id, args.mode));\n      }}\n      role='listbox'\n      focusControlEl={searchRef || undefined}\n      header={<SearchInput value={searchText} onSearchChange={setSearchText} ref={setSearchRef} />}\n      footer={\n        <Footer\n          onCancel={onCancel}\n          onSubmit={() => onSubmit(modifiedColumns)}\n          disabled={!isSubmitEnabled}\n        />\n      }\n    />\n  );\n}\n\nColumnSelectorControl.propTypes = {\n  data: PropTypes.arrayOf(PropTypes.object).isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  onCancel: PropTypes.func.isRequired,\n  action: PropTypes.string.isRequired\n};\n\nfunction ColumnSelector({ dispatch, columns, action, finishPopOver }) {\n  const transformed = useMemo(() => transformData(columns, action), [columns, action]);\n\n  const onSubmitHandler = useCallback(\n    changedCols => {\n      if (changedCols.length > 0) {\n        dispatch(changedCols);\n      }\n      finishPopOver();\n    },\n    [dispatch]\n  );\n\n  return (\n    <ColumnSelectorControl\n      data={transformed}\n      onSubmit={onSubmitHandler}\n      onCancel={finishPopOver}\n      action={action}\n    />\n  );\n}\n\nColumnSelector.propTypes = {\n  dispatch: PropTypes.func.isRequired,\n  columns: PropTypes.arrayOf(PropTypes.object).isRequired,\n  action: PropTypes.string.isRequired,\n  finishPopOver: PropTypes.func.isRequired\n};\n\nexport default memo(ColumnSelector);\n"]}
+{"version":3,"file":"ColumnSelector.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/ColumnSelector.jsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, useCallback, useEffect, useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport {\n  Icon,\n  SearchInput,\n  Menu,\n  menuHelpers,\n  useElement,\n  Flex,\n  Button,\n  useI18n\n} from '@pega/cosmos-react-core';\n\nimport { getFieldIcon } from '../../Utils';\nimport useTranslate from '../../Hooks/useTranslate';\n\nexport const colsVisibility = 'Show/hide columns';\nexport const pinning = 'Freeze columns';\n\n/**\n * Returns an Icon component based on the field type.\n *\n * @param {string} type - The type of the field for which the icon is required.\n * @returns {JSX.Element} - A React Icon component with the appropriate icon name.\n */\nexport function getIconByFieldType(type) {\n  const iconName = getFieldIcon(type);\n  return <Icon data-test-id={iconName} data-testid={iconName} name={iconName} />;\n}\n\n/**\n * Determines the list of changed column IDs.\n *\n * @param {Set<string>} initialSelectedColumns - The initial set of selected column IDs.\n * @param {Set<string>} currentSelectedColumns - The current set of selected column IDs.\n * @returns {string[]} - Array of modified column IDs.\n */\nfunction getModifiedColumns(initialSelectedColumns, currentSelectedColumns) {\n  const addedColumns = [...currentSelectedColumns].filter(id => !initialSelectedColumns.has(id));\n  const removedColumns = [...initialSelectedColumns].filter(id => !currentSelectedColumns.has(id));\n  return [...addedColumns, ...removedColumns];\n}\n\n/**\n * Transforms the columns array into array of columns grouped by category\n * @param {Array} columns - The array of column objects to be transformed.\n * @param {string} action - The action to perform, either 'Show/hide columns' or 'Freeze columns'.\n * @returns Arrays of columns nested by category\n */\nexport function transformData(fieldDefs, state, action) {\n  const result = [];\n  if (!fieldDefs?.length) return result;\n\n  const categoryObj = {};\n\n  fieldDefs\n    ?.filter(c => c.toggle)\n    .forEach(field => {\n      const { id, category = [], type, label } = field;\n      const visible = state.visibleColumns?.includes(id);\n      const frozen = state.freezeColumns?.includes(id);\n      const lastCategoryLabel = category.length ? category[category.length - 1].label : undefined;\n      if (categoryObj[lastCategoryLabel])\n        categoryObj[lastCategoryLabel].items.push({\n          id,\n          primary: label,\n          label,\n          selected: action === colsVisibility ? visible : frozen,\n          type,\n          visual: getIconByFieldType(type)\n        });\n      else {\n        categoryObj[lastCategoryLabel] = {\n          id: `category:${lastCategoryLabel}`,\n          primary: lastCategoryLabel,\n          items: [\n            {\n              id,\n              primary: label,\n              selected: action === colsVisibility ? visible : frozen,\n              label,\n              type,\n              visual: getIconByFieldType(type)\n            }\n          ]\n        };\n      }\n    });\n  // Items with no category attribute are set in the root of returned array\n  if (categoryObj[undefined] && categoryObj[undefined].items) {\n    result.push(...categoryObj[undefined].items);\n    delete categoryObj[undefined];\n  }\n  const keys = Object.keys(categoryObj);\n  // Items with category attribute are grouped inside the nested category object\n  keys.forEach(key => {\n    result.push(categoryObj[key]);\n  });\n\n  return result;\n}\n\nconst Footer = memo(({ onCancel, onSubmit, disabled }) => {\n  const [translate] = useTranslate();\n  return (\n    <Flex container={{ justify: 'between' }}>\n      <Button onClick={onCancel} data-testid='cancel'>\n        {translate('Cancel')}\n      </Button>\n      <Button variant='primary' onClick={onSubmit} disabled={disabled} data-testid='submit'>\n        {translate('Submit')}\n      </Button>\n    </Flex>\n  );\n});\n\nFooter.displayName = 'Footer';\n\nFooter.propTypes = {\n  onCancel: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  disabled: PropTypes.bool.isRequired\n};\n\nconst StyledMenu = styled(Menu)`\n  width: 16rem;\n`;\nexport function ColumnSelectorControl(props) {\n  const { data, onSubmit, onCancel, action } = props;\n  const t = useI18n();\n\n  const initialSelectedColumns = useMemo(\n    () =>\n      new Set(\n        menuHelpers\n          .flatten(data)\n          .filter(item => item.selected)\n          .map(item => item.id)\n      ),\n    [data]\n  );\n\n  const [searchText, setSearchText] = useState('');\n  const [searchRef, setSearchRef] = useElement(null);\n  const [items, setItems] = useState(data);\n  const selectedColumns = useMemo(\n    () => new Set(menuHelpers.getSelected(items).map(item => item.id)),\n    [items]\n  );\n\n  useEffect(() => {\n    if (searchRef) {\n      searchRef.focus();\n    }\n  }, [searchRef]);\n\n  const itemsToRender = useMemo(() => {\n    return menuHelpers.mapTree(\n      searchText\n        ? menuHelpers\n            .flatten(items)\n            .filter(({ primary }) => primary.toLowerCase().includes(searchText.toLowerCase()))\n        : items,\n      item => {\n        return {\n          ...item,\n          visual: item.visual,\n          selected: item.items ? undefined : item.selected,\n          disabled: item.selected && action === colsVisibility && selectedColumns.size <= 1\n        };\n      }\n    );\n  }, [searchText, items]);\n\n  const modifiedColumns = useMemo(\n    () => getModifiedColumns(initialSelectedColumns, selectedColumns),\n    [initialSelectedColumns, selectedColumns, action]\n  );\n\n  const isSubmitEnabled =\n    !(action === colsVisibility && selectedColumns.size === 0) && modifiedColumns.length > 0;\n  return (\n    <StyledMenu\n      aria-label={t('columns')}\n      items={itemsToRender}\n      mode='multi-select'\n      onItemClick={(id, args) => {\n        setItems(cur => menuHelpers.toggleSelected(cur, id, args.mode));\n      }}\n      role='listbox'\n      focusControlEl={searchRef || undefined}\n      header={<SearchInput value={searchText} onSearchChange={setSearchText} ref={setSearchRef} />}\n      footer={\n        <Footer\n          onCancel={onCancel}\n          onSubmit={() => onSubmit(modifiedColumns)}\n          disabled={!isSubmitEnabled}\n        />\n      }\n    />\n  );\n}\n\nColumnSelectorControl.propTypes = {\n  data: PropTypes.arrayOf(PropTypes.object).isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  onCancel: PropTypes.func.isRequired,\n  action: PropTypes.string.isRequired\n};\n\nfunction ColumnSelector({ dispatch, fieldDefs, state, action, finishPopOver }) {\n  const transformed = useMemo(\n    () => transformData(fieldDefs, state, action),\n    [fieldDefs, state, action]\n  );\n\n  const onSubmitHandler = useCallback(\n    changedCols => {\n      if (changedCols.length > 0) {\n        dispatch(changedCols);\n      }\n      finishPopOver();\n    },\n    [dispatch]\n  );\n\n  return (\n    <ColumnSelectorControl\n      data={transformed}\n      onSubmit={onSubmitHandler}\n      onCancel={finishPopOver}\n      action={action}\n    />\n  );\n}\n\nColumnSelector.propTypes = {\n  dispatch: PropTypes.func.isRequired,\n  fieldDefs: PropTypes.arrayOf(PropTypes.object).isRequired,\n  state: PropTypes.arrayOf(PropTypes.object).isRequired,\n  action: PropTypes.string.isRequired,\n  finishPopOver: PropTypes.func.isRequired\n};\n\nexport default memo(ColumnSelector);\n"]}

package/lib/Core/Components/Toolbar/DebugInfo.d.ts

@@ -1,8 +1,8 @@
 declare const _default: import("react").MemoExoticComponent<typeof DebugInfo>;
 export default _default;
-declare function DebugInfo({ view, targetRef, onClose }: {
+declare function DebugInfo({ view, target, onClose }: {
     view: any;
-    targetRef: any;
+    target: any;
     onClose: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace DebugInfo {
@@ -10,9 +10,7 @@ declare namespace DebugInfo {
         let view: PropTypes.Validator<{
             [x: string]: any;
         }>;
-        let targetRef: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            current: PropTypes.Requireable<Element>;
-        }>>>;
+        let target: PropTypes.Requireable<Element>;
         let onClose: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }

package/lib/Core/Components/Toolbar/DebugInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DebugInfo.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/DebugInfo.jsx"],"names":[],"mappings":";;AAgBA;;;;4CAwCC;;;;;;;;;;;;sBAvDqB,YAAY"}
+{"version":3,"file":"DebugInfo.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/DebugInfo.jsx"],"names":[],"mappings":";;AAgBA;;;;4CAwCC;;;;;;;;;;sBAvDqB,YAAY"}