@pega/lists-react 9.37.0 → 9.38.0

package/README.md

@@ -148,6 +148,9 @@ fieldDefs
 | onViewReady             | Function               |    No     | `null`        | This function acts as a callback that is invoked when the view is ready                                                                                                                    |
 | showExportToExcelOption | Boolean \| Function    |    No     | `false`       | This option is shown in the toolbar menu when the ListView is sourced from queryable DataPage. A function `(meta, state) => boolean` is evaluated on each toolbar render                   |
 | additionalInfo          | Object                 |    No     | `undefined    | AdditionalInfo displayed on the toolbar is passed as is to List Toolbar component                                                                                                          |
+| errors                  | Object                 |    No     | `undefined`   | Row errors and warnings. Object structure: `{ dataErrors: { [itemKey value]: { message: <string>, severity: 'error' \| 'warning' } } }`                                                    |
+| info                    | ReactNode              |    No     | `undefined`   | Message shown below the toolbar heading, passed as `formControlProps.info` to List Toolbar component                                                                                       |
+| status                  | String                 |    No     | `undefined`   | Status of the `info` message (`error`, `warning`, `success` or `pending`), passed as `formControlProps.status` to List Toolbar component                                                   |
 
 **State**
 

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

@@ -1,11 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
-import { Icon, Tooltip, useElement, Button } from '@pega/cosmos-react-core';
+import { Icon, 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(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;
+    const rowStatus = getExecutionContext().getRowError();
+    const message = rowStatus?.message;
+    const status = rowStatus?.severity;
+    return message ? (_jsx(Button, { variant: 'simple', icon: true, label: message, compact: getParentContext().getRowDensity() === ROW_DENSITY.SHORT, "data-row-status": status, children: status && _jsx(Icon, { name: status === 'warning' ? 'diamond-minus' : 'warn-solid' }) })) : 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,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"]}
+{"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,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,SAAS,QAAQ,CAAC,EAAE,mBAAmB,EAAE,gBAAgB,EAAE;IACzD,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC,WAAW,EAAE,CAAC;IACtD,MAAM,OAAO,GAAG,SAAS,EAAE,OAAO,CAAC;IACnC,MAAM,MAAM,GAAG,SAAS,EAAE,QAAQ,CAAC;IACnC,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,gBAAgB,EAAE,CAAC,aAAa,EAAE,KAAK,WAAW,CAAC,KAAK,qBAChD,MAAM,YAEtB,MAAM,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,GAAI,GACzE,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, Button } from '@pega/cosmos-react-core';\nimport { ROW_DENSITY } from 'pega-repeating-structures-core';\n\nfunction RowError({ getExecutionContext, getParentContext }) {\n  const rowStatus = getExecutionContext().getRowError();\n  const message = rowStatus?.message;\n  const status = rowStatus?.severity;\n  return message ? (\n    <Button\n      variant='simple'\n      icon\n      label={message}\n      compact={getParentContext().getRowDensity() === ROW_DENSITY.SHORT}\n      data-row-status={status}\n    >\n      {status && <Icon name={status === 'warning' ? 'diamond-minus' : 'warn-solid'} />}\n    </Button>\n  ) : null;\n}\n\nRowError.propTypes = {\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowError;\n"]}

package/lib/Core/Components/Toolbar/hooks/useFormControlProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormControlProps.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useFormControlProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAIhE,QAAA,MAAM,mBAAmB,GAAI,MAAM,WAAW,CAAC,IAAI,KAAG,gBAcrD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"useFormControlProps.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useFormControlProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAIhE,QAAA,MAAM,mBAAmB,GAAI,MAAM,WAAW,CAAC,IAAI,KAAG,gBAkBrD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/Core/Components/Toolbar/hooks/useFormControlProps.js

@@ -4,15 +4,19 @@ const useFormControlProps = (view) => {
     const { meta: { requiredOnLoad } = {}, getContext } = view;
     const { getRequiredDef } = getContext();
     const { required } = getRequiredDef() || {};
-    const { additionalInfo } = useToolbarContext();
+    const { additionalInfo, info, status } = useToolbarContext();
     return useMemo(() => {
         const formProps = {};
         if (required ?? requiredOnLoad) {
             formProps.required = true;
         }
         formProps.additionalInfo = additionalInfo;
+        if (info) {
+            formProps.info = info;
+            formProps.status = status;
+        }
         return formProps;
-    }, [required, requiredOnLoad, additionalInfo]);
+    }, [required, requiredOnLoad, additionalInfo, info, status]);
 };
 export default useFormControlProps;
 //# sourceMappingURL=useFormControlProps.js.map

package/lib/Core/Components/Toolbar/hooks/useFormControlProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormControlProps.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useFormControlProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,MAAM,mBAAmB,GAAG,CAAC,IAAsB,EAAoB,EAAE;IACvE,MAAM,EAAE,IAAI,EAAE,EAAE,cAAc,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAE3D,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAQ,cAAc,EAAE,IAAI,EAAE,CAAC;IACjD,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC/C,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,SAAS,GAAqB,EAAE,CAAC;QACvC,IAAI,QAAQ,IAAI,cAAc,EAAE,CAAC;YAC/B,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC5B,CAAC;QACD,SAAS,CAAC,cAAc,GAAG,cAAc,CAAC;QAC1C,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { FormControlProps } from '@pega/cosmos-react-core';\n\nimport { useToolbarContext } from '../../../Context/ToolbarContext';\n\nconst useFormControlProps = (view: RsCoreTypes.View): FormControlProps => {\n  const { meta: { requiredOnLoad } = {}, getContext } = view;\n\n  const { getRequiredDef } = getContext();\n  const { required }: any = getRequiredDef() || {};\n  const { additionalInfo } = useToolbarContext();\n  return useMemo(() => {\n    const formProps: FormControlProps = {};\n    if (required ?? requiredOnLoad) {\n      formProps.required = true;\n    }\n    formProps.additionalInfo = additionalInfo;\n    return formProps;\n  }, [required, requiredOnLoad, additionalInfo]);\n};\n\nexport default useFormControlProps;\n"]}
+{"version":3,"file":"useFormControlProps.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useFormControlProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,MAAM,mBAAmB,GAAG,CAAC,IAAsB,EAAoB,EAAE;IACvE,MAAM,EAAE,IAAI,EAAE,EAAE,cAAc,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAE3D,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAQ,cAAc,EAAE,IAAI,EAAE,CAAC;IACjD,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC7D,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,SAAS,GAAqB,EAAE,CAAC;QACvC,IAAI,QAAQ,IAAI,cAAc,EAAE,CAAC;YAC/B,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC5B,CAAC;QACD,SAAS,CAAC,cAAc,GAAG,cAAc,CAAC;QAC1C,IAAI,IAAI,EAAE,CAAC;YACT,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;YACtB,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC;QAC5B,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AAC/D,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { FormControlProps } from '@pega/cosmos-react-core';\n\nimport { useToolbarContext } from '../../../Context/ToolbarContext';\n\nconst useFormControlProps = (view: RsCoreTypes.View): FormControlProps => {\n  const { meta: { requiredOnLoad } = {}, getContext } = view;\n\n  const { getRequiredDef } = getContext();\n  const { required }: any = getRequiredDef() || {};\n  const { additionalInfo, info, status } = useToolbarContext();\n  return useMemo(() => {\n    const formProps: FormControlProps = {};\n    if (required ?? requiredOnLoad) {\n      formProps.required = true;\n    }\n    formProps.additionalInfo = additionalInfo;\n    if (info) {\n      formProps.info = info;\n      formProps.status = status;\n    }\n    return formProps;\n  }, [required, requiredOnLoad, additionalInfo, info, status]);\n};\n\nexport default useFormControlProps;\n"]}

package/lib/Core/Context/ToolbarContext.d.ts

@@ -1,8 +1,10 @@
 import type { FormControlProps } from '@pega/cosmos-react-core';
-export declare const ToolbarProvider: import("react").Provider<{
-    additionalInfo: FormControlProps["additionalInfo"];
-}>;
-export declare const useToolbarContext: () => {
-    additionalInfo: FormControlProps["additionalInfo"];
-};
+interface ToolbarContextValue {
+    additionalInfo: FormControlProps['additionalInfo'];
+    info?: FormControlProps['info'];
+    status?: FormControlProps['status'];
+}
+export declare const ToolbarProvider: import("react").Provider<ToolbarContextValue>;
+export declare const useToolbarContext: () => ToolbarContextValue;
+export {};
 //# sourceMappingURL=ToolbarContext.d.ts.map

package/lib/Core/Context/ToolbarContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarContext.d.ts","sourceRoot":"","sources":["../../../Core/Context/ToolbarContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAMhE,eAAO,MAAM,eAAe;oBAJ2B,gBAAgB,CAAC,gBAAgB,CAAC;EAInC,CAAC;AACvD,eAAO,MAAM,iBAAiB;oBALyB,gBAAgB,CAAC,gBAAgB,CAAC;CAKxB,CAAC"}
+{"version":3,"file":"ToolbarContext.d.ts","sourceRoot":"","sources":["../../../Core/Context/ToolbarContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,UAAU,mBAAmB;IAC3B,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;CACrC;AAMD,eAAO,MAAM,eAAe,+CAA0B,CAAC;AACvD,eAAO,MAAM,iBAAiB,2BAAmC,CAAC"}

package/lib/Core/Context/ToolbarContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarContext.js","sourceRoot":"","sources":["../../../Core/Context/ToolbarContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,cAAc,GAAG,aAAa,CAAyD;IAC3F,cAAc,EAAE,SAAS;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC;AACvD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { FormControlProps } from '@pega/cosmos-react-core';\n\nconst ToolbarContext = createContext<{ additionalInfo: FormControlProps['additionalInfo'] }>({\n  additionalInfo: undefined\n});\n\nexport const ToolbarProvider = ToolbarContext.Provider;\nexport const useToolbarContext = () => useContext(ToolbarContext);\n"]}
+{"version":3,"file":"ToolbarContext.js","sourceRoot":"","sources":["../../../Core/Context/ToolbarContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAUlD,MAAM,cAAc,GAAG,aAAa,CAAsB;IACxD,cAAc,EAAE,SAAS;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC;AACvD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { FormControlProps } from '@pega/cosmos-react-core';\n\ninterface ToolbarContextValue {\n  additionalInfo: FormControlProps['additionalInfo'];\n  info?: FormControlProps['info'];\n  status?: FormControlProps['status'];\n}\n\nconst ToolbarContext = createContext<ToolbarContextValue>({\n  additionalInfo: undefined\n});\n\nexport const ToolbarProvider = ToolbarContext.Provider;\nexport const useToolbarContext = () => useContext(ToolbarContext);\n"]}

package/lib/Core/Views/Table/StyledTableContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledTableContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/StyledTableContainer.jsx"],"names":[],"mappings":";AA6CA;;yJA0kCG"}
+{"version":3,"file":"StyledTableContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/StyledTableContainer.jsx"],"names":[],"mappings":";AA8CA;;yJA8kCG"}

package/lib/Core/Views/Table/StyledTableContainer.js

@@ -5,7 +5,7 @@ import { getLuminance, meetsContrastGuidelines, mix, readableColor, transparenti
 import { StyledStatus } from '@pega/cosmos-react-core/lib/components/Badges/Status';
 import { StyledHTML } from '@pega/cosmos-react-core/lib/components/HTML/HTML';
 import { StyledRadioCheck } from '@pega/cosmos-react-core/lib/components/RadioCheck/RadioCheck';
-import { StyledLabel, StyledProgressBackdrop, calculateFontSize, tryCatch, isSameColor } from '@pega/cosmos-react-core';
+import { StyledLabel, StyledProgressBackdrop, calculateFontSize, getReadableStatusColor, tryCatch, isSameColor } from '@pega/cosmos-react-core';
 import { StyledTabPanel } from '@pega/cosmos-react-core/lib/components/Tabs/TabPanel';
 import { generateRSDataContainerHeightStyles, generateRSHeightStyles } from '../../Utils/styles';
 import { MASTER_DETAIL_INDICATOR_CLASS, MASTER_DETAIL_PREVIEW_HIGHLIGHT_CLASS } from '../../constants';
@@ -510,7 +510,11 @@ const StyledTableContainer = styled(forwardRef((props, ref) => _jsx("div", { ref
       /* Focus handling will be done as part of interation 2: EPIC-88751 */
 
       svg {
-        color: ${theme.base.colors.red.medium};
+        color: ${getReadableStatusColor(theme, 'error')};
+      }
+
+      [data-row-status='warning'] svg {
+        color: ${getReadableStatusColor(theme, 'warning')};
       }
     }
 

package/lib/Core/Views/Table/StyledTableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledTableContainer.js","sourceRoot":"","sources":["../../../../Core/Views/Table/StyledTableContainer.jsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport {\n  getLuminance,\n  meetsContrastGuidelines,\n  mix,\n  readableColor,\n  transparentize\n} from 'polished';\n\nimport { StyledStatus } from '@pega/cosmos-react-core/lib/components/Badges/Status';\nimport { StyledHTML } from '@pega/cosmos-react-core/lib/components/HTML/HTML';\nimport { StyledRadioCheck } from '@pega/cosmos-react-core/lib/components/RadioCheck/RadioCheck';\nimport {\n  StyledLabel,\n  StyledProgressBackdrop,\n  calculateFontSize,\n  tryCatch,\n  isSameColor\n} from '@pega/cosmos-react-core';\nimport { StyledTabPanel } from '@pega/cosmos-react-core/lib/components/Tabs/TabPanel';\n\nimport { generateRSDataContainerHeightStyles, generateRSHeightStyles } from '../../Utils/styles';\nimport {\n  MASTER_DETAIL_INDICATOR_CLASS,\n  MASTER_DETAIL_PREVIEW_HIGHLIGHT_CLASS\n} from '../../constants';\n\nimport { CellIcon } from './CellWrapper';\n\nconst dataRowSelector = `.row:not(.group-header-row):not(.hierarchical-group-header-row):not(\n  .hierarchical-group-footer-row\n):not(.header)`;\n\nconst rowBackground = backgroundColor => css`\n  background-color: ${backgroundColor};\n\n  /* Sticky action cells and the first frozen cell use pseudo-elements to paint their backgrounds. */\n  > .cell,\n  > .cell-action::before,\n  > .cell-fixed.cell-first::before {\n    background-color: ${backgroundColor};\n  }\n`;\n\nconst StyledTableContainer = styled(forwardRef((props, ref) => <div ref={ref} {...props} />))(({\n  theme,\n  view,\n  isFullscreen\n}) => {\n  let colIdToFillRemainingSpace;\n  let isAggregationApplied = false;\n\n  (view.columns ?? [])\n    .filter(c => !c.hidden)\n    .forEach(c => {\n      if (!colIdToFillRemainingSpace && c.field.fillAvailableSpace) {\n        colIdToFillRemainingSpace = c.field.id;\n      }\n      if (c.aggregated) {\n        isAggregationApplied = true;\n      }\n    });\n\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n  const showFreezeLine =\n    view.state.responsive?.sm &&\n    !(view.hasNoRecords || view.hasNoFrozenColumns || view.bHideFreezeLine);\n  const highlightedRowColor = tryCatch(() =>\n    mix(0.85, theme.base.palette['primary-background'], theme.base.palette.interactive)\n  );\n  const previewHighlightBorderColor = tryCatch(() =>\n    transparentize(0.7, theme.base.palette.interactive)\n  );\n  const lightGreyColor = theme.base.colors.gray['extra-light'];\n  const freezeLineShadowTransparent = transparentize(\n    getLuminance(theme.components.table.header['foreground-color']) < 0.5 ? 0.9 : 0.75,\n    theme.components.table.header['foreground-color']\n  );\n\n  const headerBackground = theme.components.table.header['background-color'];\n  const bodyPrimaryBackground = theme.components.table.body['background-color'];\n  const bodySecondaryBackground = theme.components.table.body['secondary-background-color'];\n  const secondaryBackgroundForEvenRow = isSameColor(headerBackground, bodyPrimaryBackground);\n\n  /* Calculating usable striped row background and foreground colors */\n  const stripedRowBackground =\n    getLuminance(bodySecondaryBackground) > 0.5\n      ? bodySecondaryBackground\n      : mix(0.75, bodyPrimaryBackground, bodySecondaryBackground);\n\n  const stripedRowContrast = meetsContrastGuidelines(\n    theme.components.table.body['foreground-color'],\n    stripedRowBackground\n  ).AA;\n  const useableStripedRowForeground = stripedRowContrast\n    ? theme.components.table.body['foreground-color']\n    : readableColor(theme.components.table.body['foreground-color'], stripedRowBackground);\n\n  /* Calculating even row and odd row background and foreground colors */\n  const evenRowBackgroundColor = secondaryBackgroundForEvenRow\n    ? bodySecondaryBackground\n    : bodyPrimaryBackground;\n\n  const useableEvenRowForeground = secondaryBackgroundForEvenRow\n    ? useableStripedRowForeground\n    : theme.components.table.body['foreground-color'];\n\n  /* Calculating usable odd row background and foreground colors */\n  const oddRowBackgroundColor = secondaryBackgroundForEvenRow\n    ? bodyPrimaryBackground\n    : bodySecondaryBackground;\n\n  const useableOddRowForeground = secondaryBackgroundForEvenRow\n    ? theme.components.table.body['foreground-color']\n    : useableStripedRowForeground;\n\n  const headerForegroundContrast = meetsContrastGuidelines(\n    theme.components.table.header['foreground-color'],\n    theme.components.table.header['background-color']\n  ).AA;\n  const usableHeaderForeground = headerForegroundContrast\n    ? theme.components.table.header['foreground-color']\n    : readableColor(\n        theme.components.table.header['foreground-color'],\n        theme.components.table.header['background-color']\n      );\n\n  const borderVerticalInner = theme.components.table.border['vertical-inner'];\n  const borderVerticalOuter = theme.components.table.border['vertical-outer'];\n  const borderHorizontalInner =\n    theme.components.table.border['horizontal-inner'] && !theme.components.table['striped-rows'];\n  const borderHorizontalOuter = theme.components.table.border['horizontal-outer'];\n\n  const showBorderOnLastStripedRow =\n    theme.components.table.border['horizontal-inner'] && theme.components.table['striped-rows'];\n  const isMasterDetailEnabled = !!view.meta.masterDetail;\n\n  return css`\n    --forground-color: ${theme.base.palette['foreground-color']};\n    --interactive: ${theme.base.palette.interactive};\n    --light-blue: ${theme.base.colors.blue['extra-light']};\n    --medium-blue: ${theme.base.colors.blue.medium};\n    --border-color: ${theme.base.palette['border-line']};\n    --border-color-freeze: #a5a5a5;\n    --border-width: 0.062rem;\n    --border-style: var(--border-width) solid var(--border-color);\n    --font-stretch: ${theme.components.table.typography['font-stretch']};\n    --letter-spacing: ${theme.components.table.typography['letter-spacing']};\n    --cell-padding: ${theme.base.spacing};\n    --cell-vertical-padding: calc(${theme.base.spacing} * 0.5);\n    --header-cell-padding: 0 0.44rem 0 var(--cell-padding);\n    --header-bg-color: ${theme.components.table.header['background-color']};\n    --header-fg-color: ${usableHeaderForeground};\n    --default-group-header-height: 1.5rem;\n    --group-header-height: var(--default-group-header-height);\n    --group-bg-color: ${theme.components.table.body['secondary-background-color']};\n    --box-sizing: content-box;\n    --animation-ease: ${theme.base.animation.timing.ease};\n    --font-weight-semi-bold: ${theme.base['font-weight']['semi-bold']};\n    --row-height-multiplier: 1.125;\n    --cell-fixed-position: sticky;\n    position: relative;\n    ${() => generateRSHeightStyles({ view, isFullscreen })}\n\n    .small-screen-table {\n      --cell-fixed-position: static;\n    }\n\n    .container {\n      ${() => generateRSDataContainerHeightStyles()};\n      ${borderHorizontalOuter &&\n      css`\n        border-top: var(--border-style);\n        border-bottom: var(--border-style);\n      `}\n      ${borderVerticalOuter &&\n      css`\n        border-left: var(--border-style);\n        border-right: var(--border-style);\n      `}\n      ${borderVerticalOuter &&\n      borderHorizontalOuter &&\n      css`\n        border-radius: var(--border-radius, ${theme.base['border-radius']});\n      `}\n      position: relative;\n      letter-spacing: var(--letter-spacing);\n      font-stretch: var(--font-stretch);\n      ${StyledTabPanel} & ${StyledProgressBackdrop} {\n        border-radius: var(--border-radius, ${theme.base['border-radius']});\n      }\n    }\n\n    .hide-rows-till-ready .row[aria-rowindex] {\n      visibility: hidden;\n    }\n\n    .table-drag-proxy {\n      background: rgba(0, 0, 0, 0.21);\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      z-index: 6;\n      pointer-events: none;\n      display: none;\n    }\n\n    .table-drag-line {\n      background: #999999;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      width: 0.12rem;\n      z-index: 6;\n      pointer-events: none;\n      display: none;\n    }\n\n    .cell-fixed {\n      z-index: 1;\n    }\n\n    .group-wrapper {\n      overflow: hidden;\n      display: inline-flex;\n      line-height: var(--group-header-height);\n\n      .group-context-count {\n        display: inline-flex;\n        overflow: hidden;\n      }\n    }\n\n    /* In review mode(Ex: Tabs) cosmos components are rendered and mark up is not compatible with\n      group-wrapper cell. Overridden css in group-header when dl exists inside that class which indicates\n      mark up is generated from cosmos which differentiates from normal table cell markup */\n    .group-wrapper .group-context-count dl {\n      grid-template-columns: auto;\n    }\n\n    .cell {\n      /* preventing cell from shrinking during autosize calculations */\n      flex-shrink: 0;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n\n      .icons-ph {\n        /* Maintaining action button aspect ratio of 1:1 with 24*24px width and height */\n        min-width: 1.5rem;\n      }\n\n      &.custom-item {\n        width: 10em;\n      }\n    }\n\n    .cell:focus {\n      box-shadow: ${theme.base.shadow['focus-inset']};\n      outline: none;\n    }\n\n    .row {\n      display: inline-flex;\n      height: var(--row-height);\n      outline: none 0;\n      transition: transform 0.5s var(--animation-ease);\n      box-sizing: var(--box-sizing);\n      position: relative;\n\n      > .row-select-handle {\n        display: flex;\n        justify-content: center;\n        &:active {\n          outline: none;\n        }\n\n        > .header-lable-container {\n          min-width: 1.25rem;\n        }\n        /* stylelint-disable selector-max-class */\n        &.cell-fixed > .cell-content {\n          flex-grow: unset;\n        }\n      }\n\n      > .cell,\n      .group-header-aggregation-row > .cell {\n        position: relative;\n        transition: transform 0.5s var(--animation-ease);\n        ${borderVerticalInner &&\n        css`\n          border-right: var(--border-style);\n        `}\n        ${borderHorizontalInner &&\n        css`\n          border-bottom: var(--border-style);\n        `}\n        display: flex;\n        align-items: center;\n\n        &::after {\n          opacity: 1;\n          transition: opacity 0.1s var(--animation-ease);\n        }\n\n        .row-action-menu {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        &.cell-action {\n          position: sticky;\n          z-index: 4;\n          right: 0;\n          border-right: 0;\n          justify-content: center;\n          ${borderVerticalInner &&\n          css`\n            border-left: var(--border-style);\n          `}\n\n          /* The below styles are needed to avoid ellipses in safari when no text is present\n            and to hide the 'Actions' label */\n\n          /* stylelint-disable max-nesting-depth */\n\n          div.header-label {\n            text-overflow: unset;\n          }\n        }\n        &.aggregateCell {\n          background-color: var(--group-bg-color);\n        }\n      }\n\n      /** Adds bottom border to the last row of a group, when striped-rows are enabled */\n      &:has(+ .group-header-row) > .cell {\n        ${showBorderOnLastStripedRow &&\n        css`\n          border-bottom: var(--border-style);\n        `}\n      }\n      &.header > .cell {\n        border-bottom: var(--border-style);\n      }\n      .group-header-aggregation-row {\n        > .cell.cell-action {\n          overflow: initial;\n\n          /* extending border on the top left of row action cell as we need to show border for at the end group label value when row actions are present */\n          &::before {\n            content: '';\n            position: absolute;\n            inline-size: 0;\n            inset-inline-start: calc(var(--border-width) * -1);\n            inset-block-start: calc(var(--group-header-height) * -1);\n            block-size: var(--group-header-height);\n            ${borderVerticalInner &&\n            css`\n              border-inline-start: var(--border-style);\n            `}\n          }\n        }\n      }\n\n      > .cell-action {\n        background-color: ${bodyPrimaryBackground};\n      }\n\n      > .row-reorder-handle {\n        padding: 0;\n        border-right: 0 !important;\n        justify-content: center;\n        cursor: move;\n      }\n\n      .aggregateCell.cell {\n        border-right: none;\n      }\n\n      > .cell.cell-fixed,\n      .group-header-aggregation-row > .cell-fixed {\n        position: var(--cell-fixed-position);\n        z-index: 4;\n\n        ${showFreezeLine &&\n        css`\n          &.cell-last-frozen {\n            border-right: solid var(--border-width) var(--border-color-freeze);\n            filter: drop-shadow(\n              calc(${theme.base.spacing} * 0.25) 0 0 ${freezeLineShadowTransparent}\n            );\n            transition: 0.5s;\n          }\n        `}\n\n        /* As the row select column and row dragDrop column always have to be frozen */\n        &[data-col-id='RowSelect'],\n        &[data-col-id='RowDragDrop'],\n        &[data-col-id='RowError'] {\n          position: sticky;\n          flex-shrink: 0;\n          z-index: 5;\n        }\n      }\n\n      > .cell.cell-fixed:focus-within,\n      .group-header-aggregation-row > .cell-fixed {\n        z-index: 6;\n      }\n\n      &.click {\n        cursor: pointer;\n      }\n\n      &:last-child {\n        border-end-start-radius: inherit;\n        border-end-end-radius: inherit;\n\n        > .cell {\n          &:first-child {\n            border-end-start-radius: inherit;\n          }\n\n          &:last-child {\n            border-end-end-radius: inherit;\n          }\n\n          ${showBorderOnLastStripedRow &&\n          css`\n            border-bottom: var(--border-style);\n          `}\n        }\n      }\n    }\n    .row:not(.row-error):not(.group-header-row):not(.header) {\n      .cell-fixed {\n        background: ${bodyPrimaryBackground};\n      }\n      .cell-fixed.aggregateCell {\n        background: var(--group-bg-color);\n      }\n    }\n    ${theme.components.table['striped-rows'] &&\n    css`\n      /* Targets rows with an odd data-index attribute, excluding group header rows */\n      .row[data-index$='1']:not(.group-header-row):not(.header),\n      .row[data-index$='3']:not(.group-header-row):not(.header),\n      .row[data-index$='5']:not(.group-header-row):not(.header),\n      .row[data-index$='7']:not(.group-header-row):not(.header),\n      .row[data-index$='9']:not(.group-header-row):not(.header) {\n        background: ${oddRowBackgroundColor};\n        color: ${useableOddRowForeground};\n        .cell-fixed {\n          background: ${oddRowBackgroundColor};\n          color: ${useableOddRowForeground};\n        }\n        > .cell-action {\n          background: ${oddRowBackgroundColor};\n        }\n      }\n      .row[data-index$='0']:not(.group-header-row):not(.header),\n      .row[data-index$='2']:not(.group-header-row):not(.header),\n      .row[data-index$='4']:not(.group-header-row):not(.header),\n      .row[data-index$='6']:not(.group-header-row):not(.header),\n      .row[data-index$='8']:not(.group-header-row):not(.header) {\n        background: ${evenRowBackgroundColor};\n        color: ${useableEvenRowForeground};\n\n        ${borderVerticalOuter &&\n        css`\n          .cell-fixed {\n            background: ${evenRowBackgroundColor};\n            color: ${useableEvenRowForeground};\n          }\n          > .cell-action {\n            background: ${evenRowBackgroundColor};\n          }\n        `}\n\n        /* Apply border radius if vertical outer border was disabled */\n        ${!borderVerticalOuter &&\n        css`\n          border-radius: min(${props => props.theme.base['border-radius']}, 0.25rem);\n\n          .cell-fixed {\n            color: ${useableEvenRowForeground};\n          }\n\n          /*  Avoid the non-frozen column's background to come behind the first cell's empty area in corner due to border-radius.\n            Let the first cell-fixed take full rectangale width, add a pseudo element with the background and border radius of same size as the element */\n          .cell-fixed:not(.cell-first) {\n            background: ${evenRowBackgroundColor};\n          }\n          .cell-fixed.cell-first::before {\n            background: ${evenRowBackgroundColor};\n            content: '';\n            position: absolute;\n            inset: 0;\n            z-index: -1;\n            border-bottom-left-radius: min(${props => props.theme.base['border-radius']}, 0.25rem);\n            pointer-events: none;\n          }\n\n          > .cell-action::before {\n            background: ${evenRowBackgroundColor};\n            content: '';\n            position: absolute;\n            inset: 0;\n            z-index: -1;\n            border-bottom-right-radius: min(${props => props.theme.base['border-radius']}, 0.25rem);\n            pointer-events: none;\n          }\n        `}\n      }\n\n      .row[data-index='0']:not(.group-header-row):not(.header) {\n        ${!borderVerticalOuter &&\n        css`\n          border-radius: 0 0 min(${props => props.theme.base['border-radius']}, 0.25rem)\n            min(${props => props.theme.base['border-radius']}, 0.25rem);\n        `}\n      }\n    `}\n\n    .row-error {\n      background: ${mix(\n        0.1,\n        theme.components['form-field'].error['status-color'],\n        theme.base.palette['primary-background']\n      )};\n\n      /* stylelint-disable no-descending-specificity */\n      .cell-fixed,\n      .cell-action {\n        background: inherit;\n      }\n\n      > .cell:not(.cell-fixed):not(.cell-action) {\n        background: none;\n      }\n    }\n\n    .sort-info-container {\n      .sort-sequence {\n        font-size: 0.625rem;\n        color: ${theme.base.colors.gray['extra-dark']};\n      }\n    }\n\n    .filter-info-container {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      svg {\n        width: 0.875rem;\n        height: 0.875rem;\n      }\n    }\n\n    .cell.row-error-column {\n      padding: 0;\n      border-right: 0;\n      text-align: right;\n      outline: none;\n\n      /* Focus handling will be done as part of interation 2: EPIC-88751 */\n\n      svg {\n        color: ${theme.base.colors.red.medium};\n      }\n    }\n\n    .cell-right-align .filter-info-container svg {\n      margin: 0 0.312rem 0 0;\n    }\n\n    &.show-expand-collapse-all {\n      .row > .cell-first {\n        padding-left: calc(var(--expand-collapse-all-width) + var(--cell-padding) + 0.25rem);\n        &.row-reorder-handle,\n        &.row-error-column {\n          padding: 0;\n        }\n        &.row-select-handle {\n          padding-inline-start: var(--expand-collapse-all-width);\n        }\n      }\n\n      .row-container .row > .cell-first {\n        &.row-select-handle {\n          /* Offset padding of 0.5rem added to SelectAllCheckbox in grouped views(getting pushed by margin),\n             ensuring row select checkboxes align vertically in header and data rows */\n          padding-inline-start: calc(\n            var(--expand-collapse-all-width) - var(--cell-padding) + 0.5rem\n          );\n        }\n      }\n\n      /* stylelint-enable selector-max-class */\n      .expand-collapse-all {\n        position: absolute;\n        width: var(--expand-collapse-all-width);\n        z-index: 10;\n        height: var(--row-height);\n        background-color: var(--header-bg-color);\n        color: var(--header-fg-color);\n        border-bottom: var(--border-style);\n        border-start-start-radius: ${theme.base['border-radius']};\n        padding-inline-start: 0.125rem;\n        margin-inline-start: 0.25rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        ${borderVerticalInner &&\n        css`\n          border-right: var(--border-style);\n        `}\n\n        &::before {\n          content: '';\n          position: absolute;\n          inset-block-start: 0;\n          inset-inline-start: -0.25rem;\n          width: 0.25rem;\n          height: 100%;\n          background-color: var(--header-bg-color);\n          z-index: 12;\n        }\n\n        > button {\n          color: var(--forground-color);\n          :focus {\n            box-shadow: ${theme.base.shadow.focus};\n          }\n        }\n      }\n      .no-border-right {\n        border-right: 0;\n      }\n    }\n\n    /* stylelint-disable selector-max-class */\n\n    .scroll-end {\n      &.row-container > .row:last-child {\n        & > .cell,\n        & .group-header-aggregation-row > .cell {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    /* stylelint-enable selector-max-class */\n    .header {\n      font-weight: var(--font-weight-semi-bold);\n      position: relative; /* This is required to position .border-fix element */\n      border-start-start-radius: inherit;\n      border-start-end-radius: inherit;\n\n      > .cell.row-error-column {\n        border-right: 0;\n      }\n      > .cell {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        z-index: 2;\n        position: relative;\n        cursor: pointer;\n        background-color: var(--header-bg-color);\n        color: var(--header-fg-color);\n        font-weight: ${theme.base['font-weight'].bold};\n        font-size: ${fontSize.xxs};\n        ${borderVerticalInner &&\n        css`\n          border-right: var(--border-style);\n        `}\n        padding: var(--header-cell-padding);\n\n        &:first-child {\n          border-start-start-radius: inherit;\n        }\n\n        &:last-child {\n          border-start-end-radius: inherit;\n        }\n\n        .header-lable-container {\n          display: inline-flex;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          font-size: ${fontSize.xs};\n          font-weight: var(--font-weight-semi-bold);\n          align-items: center;\n          gap: 0.125rem;\n        }\n\n        .header-label {\n          overflow: hidden;\n          text-overflow: ellipsis;\n\n          /* To avoid browser tooltip when we get ellipsis in safari */\n          &::after {\n            content: '';\n            display: block;\n          }\n\n          /* To utilize smart tooltip making it as a non-box element */\n          /* stylelint-disable selector-max-class */\n          .cell-content {\n            display: contents;\n          }\n        }\n      }\n\n      > .row-reorder-handle {\n        padding: 0;\n      }\n\n      > .row-select-handle {\n        /* Nullifying padding applied from .header > .cell */\n        padding: 0;\n        justify-content: center;\n      }\n      .row {\n        border-bottom: none;\n      }\n    }\n\n    .sticky-header {\n      display: grid;\n      position: sticky;\n      top: 0;\n      z-index: 9;\n      border-start-start-radius: inherit;\n      border-start-end-radius: inherit;\n\n      ${!borderVerticalInner &&\n      css`\n        & .row .cell:not(.cell-last-frozen):not(.cell-last):has(.column-resizer) {\n          &::after {\n            content: '';\n            position: absolute;\n            right: 0;\n            top: 0.5rem;\n            bottom: 0.5rem;\n            width: 0.062rem;\n            background-color: ${theme.base.palette['border-line']};\n          }\n        }\n      `}\n    }\n\n    /* 4 selectors required as aggregateCell of only footer need this effect */\n\n    .pContainer:not(.pContainerScroll) .footer .aggregateCell.cell {\n      border-bottom: none;\n    }\n\n    .row .cell.cell-last {\n      border-right: 0;\n    }\n\n    ${!colIdToFillRemainingSpace\n      ? css`\n          .row .cell.cell-last {\n            flex-grow: 1;\n          }\n        `\n      : css`\n          .row .cell[data-col-id='${colIdToFillRemainingSpace}'] {\n            flex-grow: 1;\n          }\n        `}\n\n    /* Disable the flex layout size changes when measuring for content based size to get correct width */\n\n    [data-content-size-measuring] & .row .cell {\n      flex-grow: 0 !important;\n    }\n\n    .row-container {\n      --data-row-height: calc(\n        var(--hit-area) * var(--row-height-multiplier) + var(--cell-vertical-padding)\n      );\n      --group-header-height: ${isAggregationApplied\n        ? 'var(--default-group-header-height)'\n        : 'var(--data-row-height)'};\n      &:not(.wrap-content-height) > .row:not(.group-header-row) {\n        height: var(--data-row-height);\n      }\n      border-end-start-radius: inherit;\n      border-end-end-radius: inherit;\n\n      & > .row .cell-content {\n        /*\n         * Using box sizing content-box so that the padding is not considered for the alignment of the cell content.\n         * Vertical alignment is done using flex and max-height below even though the .cell-content might overflow due to padding + content size.\n         */\n        box-sizing: content-box;\n        flex-grow: 1;\n\n        /* Adding padding on .cell-content so that focus rings can appear properly and doesn't clip due to overflow: hidden */\n        padding: var(--cell-vertical-padding) var(--cell-padding);\n\n        /* setting max-height so that the elements with more height like RTL, align with the row density height */\n        max-height: var(--data-row-height);\n\n        /* hiding scroll bar in case the cell render introduces scrollbar based on its implementation */\n        & * {\n          scrollbar-width: none;\n        }\n\n        /* in case of combine columns, removing padding from parent cell-content as children already have the padding */\n        &:has(.combined-cell) {\n          padding: 0;\n\n          .cell-content {\n            flex-grow: unset;\n          }\n        }\n      }\n\n      & > .row:not(.group-header-row) {\n        min-width: 100%;\n\n        .cell-content {\n          &:not(:has(.combined-cell)):not(.combined-cell-content):has(${StyledStatus}) {\n            padding: unset;\n\n            &,\n            & > span,\n            & ${StyledStatus} {\n              block-size: 100%;\n            }\n\n            ${StyledStatus} {\n              display: flex;\n              align-items: center;\n              justify-content: space-evenly;\n              border-radius: 0;\n            }\n          }\n        }\n      }\n\n      &.wrap-content-height\n        > .row:not(.group-header-row)\n        .cell:not(:has(.combined-cell)):has(${StyledStatus}) {\n        padding: 0;\n      }\n\n      & > .row .cell:not(.column-type-action) .cell-content {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-break: break-all;\n      }\n    }\n\n    .row .aggregateCell .cell-content {\n      line-height: initial;\n      padding: 0;\n    }\n\n    .short-height,\n    .medium-height {\n      ${StyledStatus} {\n        white-space: nowrap;\n      }\n    }\n\n    .short-height {\n      ${StyledRadioCheck} ${StyledLabel} {\n        min-height: auto;\n      }\n    }\n\n    .medium-height {\n      --row-height-multiplier: 4 / 3;\n    }\n\n    .tall-height {\n      --row-height-multiplier: calc(4 / 3 + 0.5);\n      > .row:not(.group-header-row) {\n        > .cell {\n          display: inline-grid;\n          align-items: start;\n          white-space: pre-wrap;\n          word-break: break-all;\n          grid-auto-flow: column;\n\n          :has(> ${CellIcon}) {\n            /* Adds spacing between children when icons are rendered alongside cell content in the cell container. */\n            justify-content: space-between;\n          }\n\n          /* stylelint-disable-next-line selector-max-compound-selectors */\n          > .cell-content > .combined-cell > .combined-cell-content,\n          > .cell-content {\n            display: -webkit-box;\n            -webkit-box-orient: vertical;\n            -webkit-line-clamp: 2;\n            word-break: inherit;\n          }\n\n          .cell-content {\n            white-space: normal;\n\n            /* Apply whitespace per content wrapper, including combined-column fragments,\n              preserving plain-text line breaks without adding blank lines from HTML source newlines. */\n            &:not(:has(${StyledHTML})) {\n              white-space: pre-wrap;\n            }\n          }\n\n          ${CellIcon} {\n            margin-block-start: 0.375rem;\n          }\n        }\n      }\n    }\n\n    .wrap-content-height {\n      --row-height-multiplier: 4 / 3;\n      --row-min-height: calc(\n        var(--hit-area) * var(--row-height-multiplier) + var(--cell-vertical-padding) * 2\n      );\n      --group-header-height: ${isAggregationApplied\n        ? 'var(--default-group-header-height)'\n        : 'var(--row-min-height)'};\n\n      > .row:not(.group-header-row) {\n        height: auto;\n        min-height: var(--row-min-height);\n        > .cell {\n          white-space: pre-wrap;\n\n          /* -- For BUG-625508 -- */\n          word-break: break-word;\n          display: inline-grid;\n          align-items: start;\n          padding-top: var(--cell-vertical-padding);\n          padding-bottom: var(--cell-vertical-padding);\n          grid-auto-flow: column;\n\n          :has(> ${CellIcon}) {\n            /* Adds spacing between children when icons are rendered alongside cell content in the cell container. */\n            justify-content: space-between;\n          }\n\n          /* stylelint-disable-next-line selector-max-compound-selectors */\n          > .cell-content > .combined-cell > .combined-cell-content,\n          > .cell-content {\n            /* for full-content, the row cells should adjust according to content */\n            max-height: none;\n            word-break: inherit;\n          }\n\n          .cell-content {\n            white-space: normal;\n\n            /* Apply whitespace per content wrapper, including combined-column fragments,\n              preserving plain-text line breaks without adding blank lines from HTML source newlines. */\n            &:not(:has(${StyledHTML})) {\n              white-space: pre-wrap;\n            }\n          }\n\n          ${CellIcon} {\n            margin-block-start: 0.375rem;\n          }\n        }\n      }\n    }\n\n    .footer {\n      .row {\n        .cell {\n          padding: 0;\n        }\n      }\n    }\n\n    /* stylelint-disable no-duplicate-selectors */\n    .row-container {\n      position: absolute;\n      display: grid;\n      width: 100%;\n      font-size: ${fontSize.s};\n\n      > .group-header-row,\n      .hierarchical-group-footer-row {\n        height: var(--group-header-height);\n        .cell {\n          padding: 0;\n          border-right-width: 0;\n        }\n      }\n\n      > .hierarchical-group-header-row {\n        height: var(--group-header-height);\n      }\n      input.checkbox-on-hover + label {\n        opacity: 0;\n      }\n      input.checkbox-on-hover:checked + label {\n        opacity: 1;\n      }\n      .row.selected-row {\n        ${rowBackground(highlightedRowColor)}\n      }\n      ${isMasterDetailEnabled &&\n      css`\n        ${dataRowSelector}:hover {\n          ${rowBackground(highlightedRowColor)}\n        }\n\n        ${dataRowSelector}.${MASTER_DETAIL_PREVIEW_HIGHLIGHT_CLASS} {\n          ${rowBackground(highlightedRowColor)}\n          border-radius: 0.125rem;\n          &::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            box-shadow: inset 0 0 0 0.125rem ${previewHighlightBorderColor};\n            pointer-events: none;\n            z-index: 7;\n          }\n\n          .${MASTER_DETAIL_INDICATOR_CLASS} {\n            position: absolute;\n            inset-inline-end: 0;\n            inset-block-start: 50%;\n            inline-size: 0.5625rem;\n            block-size: 2.125rem;\n            transform: translateX(var(--detail-indicator-offset, 0)) translateY(-50%);\n            pointer-events: none;\n            z-index: 8;\n\n            &::before {\n              content: '';\n              position: absolute;\n              inset-inline-end: 0.1875rem;\n              inset-block-start: 50%;\n              inline-size: 0.375rem;\n              block-size: 0.5rem;\n              transform: translateY(-50%);\n              background: var(--interactive);\n              clip-path: polygon(0 50%, 100% 0, 100% 100%);\n            }\n\n            &::after {\n              content: '';\n              position: absolute;\n              inset-inline-end: 0;\n              inset-block-start: 50%;\n              inline-size: 0.1875rem;\n              block-size: 2.125rem;\n              transform: translateY(-50%);\n              border-radius: 0.0625rem;\n              background: var(--interactive);\n            }\n          }\n        }\n      `}\n      .row.hierarchical-group-footer-row {\n        .cell-fixed {\n          background: ${lightGreyColor};\n        }\n      }\n    }\n\n    /* stylelint-enable selector-max-class */\n\n    .toolbar-button-applied {\n      /* stylelint-disable-next-line unit-allowed-list */\n      padding: 0 8px;\n      margin: 0 calc(${theme.base.spacing} / 4);\n    }\n\n    .toolbar-button {\n      /* stylelint-disable-next-line unit-allowed-list */\n      padding: 0 8px;\n      margin: 0 calc(${theme.base.spacing} / 4);\n    }\n\n    .column-resizer {\n      cursor: col-resize;\n      position: absolute;\n      top: 0;\n      right: 0;\n      z-index: 3;\n      width: 0.25rem;\n      height: 100%;\n    }\n\n    .column-resizer:hover,\n    .column-resizer:active {\n      background: var(--interactive);\n    }\n\n    .align-right {\n      justify-content: right;\n\n      .cell-content {\n        text-align: right;\n      }\n    }\n\n    .align-left {\n      justify-content: left;\n\n      .cell-content {\n        text-align: left;\n      }\n    }\n\n    .align-center {\n      justify-content: center;\n\n      .cell-content {\n        text-align: center;\n      }\n    }\n\n    .popper {\n      div.row {\n        display: flex;\n        vertical-align: middle;\n        line-height: unset;\n        border-bottom: none;\n        outline: none 0;\n        height: auto;\n      }\n    }\n  `;\n});\n\nexport default StyledTableContainer;\n"]}
+{"version":3,"file":"StyledTableContainer.js","sourceRoot":"","sources":["../../../../Core/Views/Table/StyledTableContainer.jsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport {\n  getLuminance,\n  meetsContrastGuidelines,\n  mix,\n  readableColor,\n  transparentize\n} from 'polished';\n\nimport { StyledStatus } from '@pega/cosmos-react-core/lib/components/Badges/Status';\nimport { StyledHTML } from '@pega/cosmos-react-core/lib/components/HTML/HTML';\nimport { StyledRadioCheck } from '@pega/cosmos-react-core/lib/components/RadioCheck/RadioCheck';\nimport {\n  StyledLabel,\n  StyledProgressBackdrop,\n  calculateFontSize,\n  getReadableStatusColor,\n  tryCatch,\n  isSameColor\n} from '@pega/cosmos-react-core';\nimport { StyledTabPanel } from '@pega/cosmos-react-core/lib/components/Tabs/TabPanel';\n\nimport { generateRSDataContainerHeightStyles, generateRSHeightStyles } from '../../Utils/styles';\nimport {\n  MASTER_DETAIL_INDICATOR_CLASS,\n  MASTER_DETAIL_PREVIEW_HIGHLIGHT_CLASS\n} from '../../constants';\n\nimport { CellIcon } from './CellWrapper';\n\nconst dataRowSelector = `.row:not(.group-header-row):not(.hierarchical-group-header-row):not(\n  .hierarchical-group-footer-row\n):not(.header)`;\n\nconst rowBackground = backgroundColor => css`\n  background-color: ${backgroundColor};\n\n  /* Sticky action cells and the first frozen cell use pseudo-elements to paint their backgrounds. */\n  > .cell,\n  > .cell-action::before,\n  > .cell-fixed.cell-first::before {\n    background-color: ${backgroundColor};\n  }\n`;\n\nconst StyledTableContainer = styled(forwardRef((props, ref) => <div ref={ref} {...props} />))(({\n  theme,\n  view,\n  isFullscreen\n}) => {\n  let colIdToFillRemainingSpace;\n  let isAggregationApplied = false;\n\n  (view.columns ?? [])\n    .filter(c => !c.hidden)\n    .forEach(c => {\n      if (!colIdToFillRemainingSpace && c.field.fillAvailableSpace) {\n        colIdToFillRemainingSpace = c.field.id;\n      }\n      if (c.aggregated) {\n        isAggregationApplied = true;\n      }\n    });\n\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n  const showFreezeLine =\n    view.state.responsive?.sm &&\n    !(view.hasNoRecords || view.hasNoFrozenColumns || view.bHideFreezeLine);\n  const highlightedRowColor = tryCatch(() =>\n    mix(0.85, theme.base.palette['primary-background'], theme.base.palette.interactive)\n  );\n  const previewHighlightBorderColor = tryCatch(() =>\n    transparentize(0.7, theme.base.palette.interactive)\n  );\n  const lightGreyColor = theme.base.colors.gray['extra-light'];\n  const freezeLineShadowTransparent = transparentize(\n    getLuminance(theme.components.table.header['foreground-color']) < 0.5 ? 0.9 : 0.75,\n    theme.components.table.header['foreground-color']\n  );\n\n  const headerBackground = theme.components.table.header['background-color'];\n  const bodyPrimaryBackground = theme.components.table.body['background-color'];\n  const bodySecondaryBackground = theme.components.table.body['secondary-background-color'];\n  const secondaryBackgroundForEvenRow = isSameColor(headerBackground, bodyPrimaryBackground);\n\n  /* Calculating usable striped row background and foreground colors */\n  const stripedRowBackground =\n    getLuminance(bodySecondaryBackground) > 0.5\n      ? bodySecondaryBackground\n      : mix(0.75, bodyPrimaryBackground, bodySecondaryBackground);\n\n  const stripedRowContrast = meetsContrastGuidelines(\n    theme.components.table.body['foreground-color'],\n    stripedRowBackground\n  ).AA;\n  const useableStripedRowForeground = stripedRowContrast\n    ? theme.components.table.body['foreground-color']\n    : readableColor(theme.components.table.body['foreground-color'], stripedRowBackground);\n\n  /* Calculating even row and odd row background and foreground colors */\n  const evenRowBackgroundColor = secondaryBackgroundForEvenRow\n    ? bodySecondaryBackground\n    : bodyPrimaryBackground;\n\n  const useableEvenRowForeground = secondaryBackgroundForEvenRow\n    ? useableStripedRowForeground\n    : theme.components.table.body['foreground-color'];\n\n  /* Calculating usable odd row background and foreground colors */\n  const oddRowBackgroundColor = secondaryBackgroundForEvenRow\n    ? bodyPrimaryBackground\n    : bodySecondaryBackground;\n\n  const useableOddRowForeground = secondaryBackgroundForEvenRow\n    ? theme.components.table.body['foreground-color']\n    : useableStripedRowForeground;\n\n  const headerForegroundContrast = meetsContrastGuidelines(\n    theme.components.table.header['foreground-color'],\n    theme.components.table.header['background-color']\n  ).AA;\n  const usableHeaderForeground = headerForegroundContrast\n    ? theme.components.table.header['foreground-color']\n    : readableColor(\n        theme.components.table.header['foreground-color'],\n        theme.components.table.header['background-color']\n      );\n\n  const borderVerticalInner = theme.components.table.border['vertical-inner'];\n  const borderVerticalOuter = theme.components.table.border['vertical-outer'];\n  const borderHorizontalInner =\n    theme.components.table.border['horizontal-inner'] && !theme.components.table['striped-rows'];\n  const borderHorizontalOuter = theme.components.table.border['horizontal-outer'];\n\n  const showBorderOnLastStripedRow =\n    theme.components.table.border['horizontal-inner'] && theme.components.table['striped-rows'];\n  const isMasterDetailEnabled = !!view.meta.masterDetail;\n\n  return css`\n    --forground-color: ${theme.base.palette['foreground-color']};\n    --interactive: ${theme.base.palette.interactive};\n    --light-blue: ${theme.base.colors.blue['extra-light']};\n    --medium-blue: ${theme.base.colors.blue.medium};\n    --border-color: ${theme.base.palette['border-line']};\n    --border-color-freeze: #a5a5a5;\n    --border-width: 0.062rem;\n    --border-style: var(--border-width) solid var(--border-color);\n    --font-stretch: ${theme.components.table.typography['font-stretch']};\n    --letter-spacing: ${theme.components.table.typography['letter-spacing']};\n    --cell-padding: ${theme.base.spacing};\n    --cell-vertical-padding: calc(${theme.base.spacing} * 0.5);\n    --header-cell-padding: 0 0.44rem 0 var(--cell-padding);\n    --header-bg-color: ${theme.components.table.header['background-color']};\n    --header-fg-color: ${usableHeaderForeground};\n    --default-group-header-height: 1.5rem;\n    --group-header-height: var(--default-group-header-height);\n    --group-bg-color: ${theme.components.table.body['secondary-background-color']};\n    --box-sizing: content-box;\n    --animation-ease: ${theme.base.animation.timing.ease};\n    --font-weight-semi-bold: ${theme.base['font-weight']['semi-bold']};\n    --row-height-multiplier: 1.125;\n    --cell-fixed-position: sticky;\n    position: relative;\n    ${() => generateRSHeightStyles({ view, isFullscreen })}\n\n    .small-screen-table {\n      --cell-fixed-position: static;\n    }\n\n    .container {\n      ${() => generateRSDataContainerHeightStyles()};\n      ${borderHorizontalOuter &&\n      css`\n        border-top: var(--border-style);\n        border-bottom: var(--border-style);\n      `}\n      ${borderVerticalOuter &&\n      css`\n        border-left: var(--border-style);\n        border-right: var(--border-style);\n      `}\n      ${borderVerticalOuter &&\n      borderHorizontalOuter &&\n      css`\n        border-radius: var(--border-radius, ${theme.base['border-radius']});\n      `}\n      position: relative;\n      letter-spacing: var(--letter-spacing);\n      font-stretch: var(--font-stretch);\n      ${StyledTabPanel} & ${StyledProgressBackdrop} {\n        border-radius: var(--border-radius, ${theme.base['border-radius']});\n      }\n    }\n\n    .hide-rows-till-ready .row[aria-rowindex] {\n      visibility: hidden;\n    }\n\n    .table-drag-proxy {\n      background: rgba(0, 0, 0, 0.21);\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      z-index: 6;\n      pointer-events: none;\n      display: none;\n    }\n\n    .table-drag-line {\n      background: #999999;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      width: 0.12rem;\n      z-index: 6;\n      pointer-events: none;\n      display: none;\n    }\n\n    .cell-fixed {\n      z-index: 1;\n    }\n\n    .group-wrapper {\n      overflow: hidden;\n      display: inline-flex;\n      line-height: var(--group-header-height);\n\n      .group-context-count {\n        display: inline-flex;\n        overflow: hidden;\n      }\n    }\n\n    /* In review mode(Ex: Tabs) cosmos components are rendered and mark up is not compatible with\n      group-wrapper cell. Overridden css in group-header when dl exists inside that class which indicates\n      mark up is generated from cosmos which differentiates from normal table cell markup */\n    .group-wrapper .group-context-count dl {\n      grid-template-columns: auto;\n    }\n\n    .cell {\n      /* preventing cell from shrinking during autosize calculations */\n      flex-shrink: 0;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n\n      .icons-ph {\n        /* Maintaining action button aspect ratio of 1:1 with 24*24px width and height */\n        min-width: 1.5rem;\n      }\n\n      &.custom-item {\n        width: 10em;\n      }\n    }\n\n    .cell:focus {\n      box-shadow: ${theme.base.shadow['focus-inset']};\n      outline: none;\n    }\n\n    .row {\n      display: inline-flex;\n      height: var(--row-height);\n      outline: none 0;\n      transition: transform 0.5s var(--animation-ease);\n      box-sizing: var(--box-sizing);\n      position: relative;\n\n      > .row-select-handle {\n        display: flex;\n        justify-content: center;\n        &:active {\n          outline: none;\n        }\n\n        > .header-lable-container {\n          min-width: 1.25rem;\n        }\n        /* stylelint-disable selector-max-class */\n        &.cell-fixed > .cell-content {\n          flex-grow: unset;\n        }\n      }\n\n      > .cell,\n      .group-header-aggregation-row > .cell {\n        position: relative;\n        transition: transform 0.5s var(--animation-ease);\n        ${borderVerticalInner &&\n        css`\n          border-right: var(--border-style);\n        `}\n        ${borderHorizontalInner &&\n        css`\n          border-bottom: var(--border-style);\n        `}\n        display: flex;\n        align-items: center;\n\n        &::after {\n          opacity: 1;\n          transition: opacity 0.1s var(--animation-ease);\n        }\n\n        .row-action-menu {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        &.cell-action {\n          position: sticky;\n          z-index: 4;\n          right: 0;\n          border-right: 0;\n          justify-content: center;\n          ${borderVerticalInner &&\n          css`\n            border-left: var(--border-style);\n          `}\n\n          /* The below styles are needed to avoid ellipses in safari when no text is present\n            and to hide the 'Actions' label */\n\n          /* stylelint-disable max-nesting-depth */\n\n          div.header-label {\n            text-overflow: unset;\n          }\n        }\n        &.aggregateCell {\n          background-color: var(--group-bg-color);\n        }\n      }\n\n      /** Adds bottom border to the last row of a group, when striped-rows are enabled */\n      &:has(+ .group-header-row) > .cell {\n        ${showBorderOnLastStripedRow &&\n        css`\n          border-bottom: var(--border-style);\n        `}\n      }\n      &.header > .cell {\n        border-bottom: var(--border-style);\n      }\n      .group-header-aggregation-row {\n        > .cell.cell-action {\n          overflow: initial;\n\n          /* extending border on the top left of row action cell as we need to show border for at the end group label value when row actions are present */\n          &::before {\n            content: '';\n            position: absolute;\n            inline-size: 0;\n            inset-inline-start: calc(var(--border-width) * -1);\n            inset-block-start: calc(var(--group-header-height) * -1);\n            block-size: var(--group-header-height);\n            ${borderVerticalInner &&\n            css`\n              border-inline-start: var(--border-style);\n            `}\n          }\n        }\n      }\n\n      > .cell-action {\n        background-color: ${bodyPrimaryBackground};\n      }\n\n      > .row-reorder-handle {\n        padding: 0;\n        border-right: 0 !important;\n        justify-content: center;\n        cursor: move;\n      }\n\n      .aggregateCell.cell {\n        border-right: none;\n      }\n\n      > .cell.cell-fixed,\n      .group-header-aggregation-row > .cell-fixed {\n        position: var(--cell-fixed-position);\n        z-index: 4;\n\n        ${showFreezeLine &&\n        css`\n          &.cell-last-frozen {\n            border-right: solid var(--border-width) var(--border-color-freeze);\n            filter: drop-shadow(\n              calc(${theme.base.spacing} * 0.25) 0 0 ${freezeLineShadowTransparent}\n            );\n            transition: 0.5s;\n          }\n        `}\n\n        /* As the row select column and row dragDrop column always have to be frozen */\n        &[data-col-id='RowSelect'],\n        &[data-col-id='RowDragDrop'],\n        &[data-col-id='RowError'] {\n          position: sticky;\n          flex-shrink: 0;\n          z-index: 5;\n        }\n      }\n\n      > .cell.cell-fixed:focus-within,\n      .group-header-aggregation-row > .cell-fixed {\n        z-index: 6;\n      }\n\n      &.click {\n        cursor: pointer;\n      }\n\n      &:last-child {\n        border-end-start-radius: inherit;\n        border-end-end-radius: inherit;\n\n        > .cell {\n          &:first-child {\n            border-end-start-radius: inherit;\n          }\n\n          &:last-child {\n            border-end-end-radius: inherit;\n          }\n\n          ${showBorderOnLastStripedRow &&\n          css`\n            border-bottom: var(--border-style);\n          `}\n        }\n      }\n    }\n    .row:not(.row-error):not(.group-header-row):not(.header) {\n      .cell-fixed {\n        background: ${bodyPrimaryBackground};\n      }\n      .cell-fixed.aggregateCell {\n        background: var(--group-bg-color);\n      }\n    }\n    ${theme.components.table['striped-rows'] &&\n    css`\n      /* Targets rows with an odd data-index attribute, excluding group header rows */\n      .row[data-index$='1']:not(.group-header-row):not(.header),\n      .row[data-index$='3']:not(.group-header-row):not(.header),\n      .row[data-index$='5']:not(.group-header-row):not(.header),\n      .row[data-index$='7']:not(.group-header-row):not(.header),\n      .row[data-index$='9']:not(.group-header-row):not(.header) {\n        background: ${oddRowBackgroundColor};\n        color: ${useableOddRowForeground};\n        .cell-fixed {\n          background: ${oddRowBackgroundColor};\n          color: ${useableOddRowForeground};\n        }\n        > .cell-action {\n          background: ${oddRowBackgroundColor};\n        }\n      }\n      .row[data-index$='0']:not(.group-header-row):not(.header),\n      .row[data-index$='2']:not(.group-header-row):not(.header),\n      .row[data-index$='4']:not(.group-header-row):not(.header),\n      .row[data-index$='6']:not(.group-header-row):not(.header),\n      .row[data-index$='8']:not(.group-header-row):not(.header) {\n        background: ${evenRowBackgroundColor};\n        color: ${useableEvenRowForeground};\n\n        ${borderVerticalOuter &&\n        css`\n          .cell-fixed {\n            background: ${evenRowBackgroundColor};\n            color: ${useableEvenRowForeground};\n          }\n          > .cell-action {\n            background: ${evenRowBackgroundColor};\n          }\n        `}\n\n        /* Apply border radius if vertical outer border was disabled */\n        ${!borderVerticalOuter &&\n        css`\n          border-radius: min(${props => props.theme.base['border-radius']}, 0.25rem);\n\n          .cell-fixed {\n            color: ${useableEvenRowForeground};\n          }\n\n          /*  Avoid the non-frozen column's background to come behind the first cell's empty area in corner due to border-radius.\n            Let the first cell-fixed take full rectangale width, add a pseudo element with the background and border radius of same size as the element */\n          .cell-fixed:not(.cell-first) {\n            background: ${evenRowBackgroundColor};\n          }\n          .cell-fixed.cell-first::before {\n            background: ${evenRowBackgroundColor};\n            content: '';\n            position: absolute;\n            inset: 0;\n            z-index: -1;\n            border-bottom-left-radius: min(${props => props.theme.base['border-radius']}, 0.25rem);\n            pointer-events: none;\n          }\n\n          > .cell-action::before {\n            background: ${evenRowBackgroundColor};\n            content: '';\n            position: absolute;\n            inset: 0;\n            z-index: -1;\n            border-bottom-right-radius: min(${props => props.theme.base['border-radius']}, 0.25rem);\n            pointer-events: none;\n          }\n        `}\n      }\n\n      .row[data-index='0']:not(.group-header-row):not(.header) {\n        ${!borderVerticalOuter &&\n        css`\n          border-radius: 0 0 min(${props => props.theme.base['border-radius']}, 0.25rem)\n            min(${props => props.theme.base['border-radius']}, 0.25rem);\n        `}\n      }\n    `}\n\n    .row-error {\n      background: ${mix(\n        0.1,\n        theme.components['form-field'].error['status-color'],\n        theme.base.palette['primary-background']\n      )};\n\n      /* stylelint-disable no-descending-specificity */\n      .cell-fixed,\n      .cell-action {\n        background: inherit;\n      }\n\n      > .cell:not(.cell-fixed):not(.cell-action) {\n        background: none;\n      }\n    }\n\n    .sort-info-container {\n      .sort-sequence {\n        font-size: 0.625rem;\n        color: ${theme.base.colors.gray['extra-dark']};\n      }\n    }\n\n    .filter-info-container {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      svg {\n        width: 0.875rem;\n        height: 0.875rem;\n      }\n    }\n\n    .cell.row-error-column {\n      padding: 0;\n      border-right: 0;\n      text-align: right;\n      outline: none;\n\n      /* Focus handling will be done as part of interation 2: EPIC-88751 */\n\n      svg {\n        color: ${getReadableStatusColor(theme, 'error')};\n      }\n\n      [data-row-status='warning'] svg {\n        color: ${getReadableStatusColor(theme, 'warning')};\n      }\n    }\n\n    .cell-right-align .filter-info-container svg {\n      margin: 0 0.312rem 0 0;\n    }\n\n    &.show-expand-collapse-all {\n      .row > .cell-first {\n        padding-left: calc(var(--expand-collapse-all-width) + var(--cell-padding) + 0.25rem);\n        &.row-reorder-handle,\n        &.row-error-column {\n          padding: 0;\n        }\n        &.row-select-handle {\n          padding-inline-start: var(--expand-collapse-all-width);\n        }\n      }\n\n      .row-container .row > .cell-first {\n        &.row-select-handle {\n          /* Offset padding of 0.5rem added to SelectAllCheckbox in grouped views(getting pushed by margin),\n             ensuring row select checkboxes align vertically in header and data rows */\n          padding-inline-start: calc(\n            var(--expand-collapse-all-width) - var(--cell-padding) + 0.5rem\n          );\n        }\n      }\n\n      /* stylelint-enable selector-max-class */\n      .expand-collapse-all {\n        position: absolute;\n        width: var(--expand-collapse-all-width);\n        z-index: 10;\n        height: var(--row-height);\n        background-color: var(--header-bg-color);\n        color: var(--header-fg-color);\n        border-bottom: var(--border-style);\n        border-start-start-radius: ${theme.base['border-radius']};\n        padding-inline-start: 0.125rem;\n        margin-inline-start: 0.25rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        ${borderVerticalInner &&\n        css`\n          border-right: var(--border-style);\n        `}\n\n        &::before {\n          content: '';\n          position: absolute;\n          inset-block-start: 0;\n          inset-inline-start: -0.25rem;\n          width: 0.25rem;\n          height: 100%;\n          background-color: var(--header-bg-color);\n          z-index: 12;\n        }\n\n        > button {\n          color: var(--forground-color);\n          :focus {\n            box-shadow: ${theme.base.shadow.focus};\n          }\n        }\n      }\n      .no-border-right {\n        border-right: 0;\n      }\n    }\n\n    /* stylelint-disable selector-max-class */\n\n    .scroll-end {\n      &.row-container > .row:last-child {\n        & > .cell,\n        & .group-header-aggregation-row > .cell {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    /* stylelint-enable selector-max-class */\n    .header {\n      font-weight: var(--font-weight-semi-bold);\n      position: relative; /* This is required to position .border-fix element */\n      border-start-start-radius: inherit;\n      border-start-end-radius: inherit;\n\n      > .cell.row-error-column {\n        border-right: 0;\n      }\n      > .cell {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        z-index: 2;\n        position: relative;\n        cursor: pointer;\n        background-color: var(--header-bg-color);\n        color: var(--header-fg-color);\n        font-weight: ${theme.base['font-weight'].bold};\n        font-size: ${fontSize.xxs};\n        ${borderVerticalInner &&\n        css`\n          border-right: var(--border-style);\n        `}\n        padding: var(--header-cell-padding);\n\n        &:first-child {\n          border-start-start-radius: inherit;\n        }\n\n        &:last-child {\n          border-start-end-radius: inherit;\n        }\n\n        .header-lable-container {\n          display: inline-flex;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          font-size: ${fontSize.xs};\n          font-weight: var(--font-weight-semi-bold);\n          align-items: center;\n          gap: 0.125rem;\n        }\n\n        .header-label {\n          overflow: hidden;\n          text-overflow: ellipsis;\n\n          /* To avoid browser tooltip when we get ellipsis in safari */\n          &::after {\n            content: '';\n            display: block;\n          }\n\n          /* To utilize smart tooltip making it as a non-box element */\n          /* stylelint-disable selector-max-class */\n          .cell-content {\n            display: contents;\n          }\n        }\n      }\n\n      > .row-reorder-handle {\n        padding: 0;\n      }\n\n      > .row-select-handle {\n        /* Nullifying padding applied from .header > .cell */\n        padding: 0;\n        justify-content: center;\n      }\n      .row {\n        border-bottom: none;\n      }\n    }\n\n    .sticky-header {\n      display: grid;\n      position: sticky;\n      top: 0;\n      z-index: 9;\n      border-start-start-radius: inherit;\n      border-start-end-radius: inherit;\n\n      ${!borderVerticalInner &&\n      css`\n        & .row .cell:not(.cell-last-frozen):not(.cell-last):has(.column-resizer) {\n          &::after {\n            content: '';\n            position: absolute;\n            right: 0;\n            top: 0.5rem;\n            bottom: 0.5rem;\n            width: 0.062rem;\n            background-color: ${theme.base.palette['border-line']};\n          }\n        }\n      `}\n    }\n\n    /* 4 selectors required as aggregateCell of only footer need this effect */\n\n    .pContainer:not(.pContainerScroll) .footer .aggregateCell.cell {\n      border-bottom: none;\n    }\n\n    .row .cell.cell-last {\n      border-right: 0;\n    }\n\n    ${!colIdToFillRemainingSpace\n      ? css`\n          .row .cell.cell-last {\n            flex-grow: 1;\n          }\n        `\n      : css`\n          .row .cell[data-col-id='${colIdToFillRemainingSpace}'] {\n            flex-grow: 1;\n          }\n        `}\n\n    /* Disable the flex layout size changes when measuring for content based size to get correct width */\n\n    [data-content-size-measuring] & .row .cell {\n      flex-grow: 0 !important;\n    }\n\n    .row-container {\n      --data-row-height: calc(\n        var(--hit-area) * var(--row-height-multiplier) + var(--cell-vertical-padding)\n      );\n      --group-header-height: ${isAggregationApplied\n        ? 'var(--default-group-header-height)'\n        : 'var(--data-row-height)'};\n      &:not(.wrap-content-height) > .row:not(.group-header-row) {\n        height: var(--data-row-height);\n      }\n      border-end-start-radius: inherit;\n      border-end-end-radius: inherit;\n\n      & > .row .cell-content {\n        /*\n         * Using box sizing content-box so that the padding is not considered for the alignment of the cell content.\n         * Vertical alignment is done using flex and max-height below even though the .cell-content might overflow due to padding + content size.\n         */\n        box-sizing: content-box;\n        flex-grow: 1;\n\n        /* Adding padding on .cell-content so that focus rings can appear properly and doesn't clip due to overflow: hidden */\n        padding: var(--cell-vertical-padding) var(--cell-padding);\n\n        /* setting max-height so that the elements with more height like RTL, align with the row density height */\n        max-height: var(--data-row-height);\n\n        /* hiding scroll bar in case the cell render introduces scrollbar based on its implementation */\n        & * {\n          scrollbar-width: none;\n        }\n\n        /* in case of combine columns, removing padding from parent cell-content as children already have the padding */\n        &:has(.combined-cell) {\n          padding: 0;\n\n          .cell-content {\n            flex-grow: unset;\n          }\n        }\n      }\n\n      & > .row:not(.group-header-row) {\n        min-width: 100%;\n\n        .cell-content {\n          &:not(:has(.combined-cell)):not(.combined-cell-content):has(${StyledStatus}) {\n            padding: unset;\n\n            &,\n            & > span,\n            & ${StyledStatus} {\n              block-size: 100%;\n            }\n\n            ${StyledStatus} {\n              display: flex;\n              align-items: center;\n              justify-content: space-evenly;\n              border-radius: 0;\n            }\n          }\n        }\n      }\n\n      &.wrap-content-height\n        > .row:not(.group-header-row)\n        .cell:not(:has(.combined-cell)):has(${StyledStatus}) {\n        padding: 0;\n      }\n\n      & > .row .cell:not(.column-type-action) .cell-content {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-break: break-all;\n      }\n    }\n\n    .row .aggregateCell .cell-content {\n      line-height: initial;\n      padding: 0;\n    }\n\n    .short-height,\n    .medium-height {\n      ${StyledStatus} {\n        white-space: nowrap;\n      }\n    }\n\n    .short-height {\n      ${StyledRadioCheck} ${StyledLabel} {\n        min-height: auto;\n      }\n    }\n\n    .medium-height {\n      --row-height-multiplier: 4 / 3;\n    }\n\n    .tall-height {\n      --row-height-multiplier: calc(4 / 3 + 0.5);\n      > .row:not(.group-header-row) {\n        > .cell {\n          display: inline-grid;\n          align-items: start;\n          white-space: pre-wrap;\n          word-break: break-all;\n          grid-auto-flow: column;\n\n          :has(> ${CellIcon}) {\n            /* Adds spacing between children when icons are rendered alongside cell content in the cell container. */\n            justify-content: space-between;\n          }\n\n          /* stylelint-disable-next-line selector-max-compound-selectors */\n          > .cell-content > .combined-cell > .combined-cell-content,\n          > .cell-content {\n            display: -webkit-box;\n            -webkit-box-orient: vertical;\n            -webkit-line-clamp: 2;\n            word-break: inherit;\n          }\n\n          .cell-content {\n            white-space: normal;\n\n            /* Apply whitespace per content wrapper, including combined-column fragments,\n              preserving plain-text line breaks without adding blank lines from HTML source newlines. */\n            &:not(:has(${StyledHTML})) {\n              white-space: pre-wrap;\n            }\n          }\n\n          ${CellIcon} {\n            margin-block-start: 0.375rem;\n          }\n        }\n      }\n    }\n\n    .wrap-content-height {\n      --row-height-multiplier: 4 / 3;\n      --row-min-height: calc(\n        var(--hit-area) * var(--row-height-multiplier) + var(--cell-vertical-padding) * 2\n      );\n      --group-header-height: ${isAggregationApplied\n        ? 'var(--default-group-header-height)'\n        : 'var(--row-min-height)'};\n\n      > .row:not(.group-header-row) {\n        height: auto;\n        min-height: var(--row-min-height);\n        > .cell {\n          white-space: pre-wrap;\n\n          /* -- For BUG-625508 -- */\n          word-break: break-word;\n          display: inline-grid;\n          align-items: start;\n          padding-top: var(--cell-vertical-padding);\n          padding-bottom: var(--cell-vertical-padding);\n          grid-auto-flow: column;\n\n          :has(> ${CellIcon}) {\n            /* Adds spacing between children when icons are rendered alongside cell content in the cell container. */\n            justify-content: space-between;\n          }\n\n          /* stylelint-disable-next-line selector-max-compound-selectors */\n          > .cell-content > .combined-cell > .combined-cell-content,\n          > .cell-content {\n            /* for full-content, the row cells should adjust according to content */\n            max-height: none;\n            word-break: inherit;\n          }\n\n          .cell-content {\n            white-space: normal;\n\n            /* Apply whitespace per content wrapper, including combined-column fragments,\n              preserving plain-text line breaks without adding blank lines from HTML source newlines. */\n            &:not(:has(${StyledHTML})) {\n              white-space: pre-wrap;\n            }\n          }\n\n          ${CellIcon} {\n            margin-block-start: 0.375rem;\n          }\n        }\n      }\n    }\n\n    .footer {\n      .row {\n        .cell {\n          padding: 0;\n        }\n      }\n    }\n\n    /* stylelint-disable no-duplicate-selectors */\n    .row-container {\n      position: absolute;\n      display: grid;\n      width: 100%;\n      font-size: ${fontSize.s};\n\n      > .group-header-row,\n      .hierarchical-group-footer-row {\n        height: var(--group-header-height);\n        .cell {\n          padding: 0;\n          border-right-width: 0;\n        }\n      }\n\n      > .hierarchical-group-header-row {\n        height: var(--group-header-height);\n      }\n      input.checkbox-on-hover + label {\n        opacity: 0;\n      }\n      input.checkbox-on-hover:checked + label {\n        opacity: 1;\n      }\n      .row.selected-row {\n        ${rowBackground(highlightedRowColor)}\n      }\n      ${isMasterDetailEnabled &&\n      css`\n        ${dataRowSelector}:hover {\n          ${rowBackground(highlightedRowColor)}\n        }\n\n        ${dataRowSelector}.${MASTER_DETAIL_PREVIEW_HIGHLIGHT_CLASS} {\n          ${rowBackground(highlightedRowColor)}\n          border-radius: 0.125rem;\n          &::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            box-shadow: inset 0 0 0 0.125rem ${previewHighlightBorderColor};\n            pointer-events: none;\n            z-index: 7;\n          }\n\n          .${MASTER_DETAIL_INDICATOR_CLASS} {\n            position: absolute;\n            inset-inline-end: 0;\n            inset-block-start: 50%;\n            inline-size: 0.5625rem;\n            block-size: 2.125rem;\n            transform: translateX(var(--detail-indicator-offset, 0)) translateY(-50%);\n            pointer-events: none;\n            z-index: 8;\n\n            &::before {\n              content: '';\n              position: absolute;\n              inset-inline-end: 0.1875rem;\n              inset-block-start: 50%;\n              inline-size: 0.375rem;\n              block-size: 0.5rem;\n              transform: translateY(-50%);\n              background: var(--interactive);\n              clip-path: polygon(0 50%, 100% 0, 100% 100%);\n            }\n\n            &::after {\n              content: '';\n              position: absolute;\n              inset-inline-end: 0;\n              inset-block-start: 50%;\n              inline-size: 0.1875rem;\n              block-size: 2.125rem;\n              transform: translateY(-50%);\n              border-radius: 0.0625rem;\n              background: var(--interactive);\n            }\n          }\n        }\n      `}\n      .row.hierarchical-group-footer-row {\n        .cell-fixed {\n          background: ${lightGreyColor};\n        }\n      }\n    }\n\n    /* stylelint-enable selector-max-class */\n\n    .toolbar-button-applied {\n      /* stylelint-disable-next-line unit-allowed-list */\n      padding: 0 8px;\n      margin: 0 calc(${theme.base.spacing} / 4);\n    }\n\n    .toolbar-button {\n      /* stylelint-disable-next-line unit-allowed-list */\n      padding: 0 8px;\n      margin: 0 calc(${theme.base.spacing} / 4);\n    }\n\n    .column-resizer {\n      cursor: col-resize;\n      position: absolute;\n      top: 0;\n      right: 0;\n      z-index: 3;\n      width: 0.25rem;\n      height: 100%;\n    }\n\n    .column-resizer:hover,\n    .column-resizer:active {\n      background: var(--interactive);\n    }\n\n    .align-right {\n      justify-content: right;\n\n      .cell-content {\n        text-align: right;\n      }\n    }\n\n    .align-left {\n      justify-content: left;\n\n      .cell-content {\n        text-align: left;\n      }\n    }\n\n    .align-center {\n      justify-content: center;\n\n      .cell-content {\n        text-align: center;\n      }\n    }\n\n    .popper {\n      div.row {\n        display: flex;\n        vertical-align: middle;\n        line-height: unset;\n        border-bottom: none;\n        outline: none 0;\n        height: auto;\n      }\n    }\n  `;\n});\n\nexport default StyledTableContainer;\n"]}

package/lib/Core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../Core/index.jsx"],"names":[],"mappings":"AAWA;;GAEG;AACH,yDAFa,OAAO,OAAO,EAAE,wBAAwB,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,KAAK,EAAE,OAAO,UAAU,EAAE,wBAAwB,CAAC,CAwDvI"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../Core/index.jsx"],"names":[],"mappings":"AAWA;;GAEG;AACH,yDAFa,OAAO,OAAO,EAAE,wBAAwB,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,KAAK,EAAE,OAAO,UAAU,EAAE,wBAAwB,CAAC,CA6DvI"}

package/lib/Core/index.js

@@ -10,7 +10,7 @@ import { ToolbarProvider } from './Context/ToolbarContext';
  */
 export default function repeatComponent(Component) {
     return function RepeatInnerComponent(props, ref) {
-        const { meta, apiContext, persistedInfo, renderFactory, renderFormatterTypeMap, onViewReady, formatters, mode, toolBarOptions, presets, errors, additionalInfo, styleFormats } = props;
+        const { meta, apiContext, persistedInfo, renderFactory, renderFormatterTypeMap, onViewReady, formatters, mode, toolBarOptions, presets, errors, additionalInfo, info, status, styleFormats } = props;
         const instance = useRepeat({
             meta,
             apiContext,
@@ -30,7 +30,7 @@ export default function repeatComponent(Component) {
             resolveCellComponent,
             resolveViewComponent
         }), []);
-        const toolbarContextValue = useMemo(() => ({ additionalInfo }), [additionalInfo]);
+        const toolbarContextValue = useMemo(() => ({ additionalInfo, info, status }), [additionalInfo, info, status]);
         // TODO : Freeze view object before passing it down to component except columns.
         return (_jsx(GlobalContext.Provider, { value: globalContext, children: _jsx(ToolbarProvider, { value: toolbarContextValue, children: _jsx(Component, { view: instance.getView() }) }) }));
     };

package/lib/Core/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../Core/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,uDAAuD,CAAC;AAC/D,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,SAAS;IAC/C,OAAO,SAAS,oBAAoB,CAAC,KAAK,EAAE,GAAG;QAC7C,MAAM,EACJ,IAAI,EACJ,UAAU,EACV,aAAa,EACb,aAAa,EACb,sBAAsB,EACtB,WAAW,EACX,UAAU,EACV,IAAI,EACJ,cAAc,EACd,OAAO,EACP,MAAM,EACN,cAAc,EACd,YAAY,EACb,GAAG,KAAK,CAAC;QAEV,MAAM,QAAQ,GAAG,SAAS,CAAC;YACzB,IAAI;YACJ,UAAU;YACV,aAAa;YACb,aAAa;YACb,sBAAsB;YACtB,WAAW;YACX,UAAU;YACV,IAAI;YACJ,cAAc;YACd,OAAO;YACP,YAAY;YACZ,uBAAuB,EAAE,GAAG;SAC7B,CAAC,CAAC;QAEH,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAClC,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;YACL,oBAAoB;YACpB,oBAAoB;SACrB,CAAC,EACF,EAAE,CACH,CAAC;QAEF,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;QAElF,gFAAgF;QAEhF,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC1C,KAAC,eAAe,IAAC,KAAK,EAAE,mBAAmB,YACzC,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,EAAE,GAAI,GACvB,GACK,CAC1B,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport {\n  resolveCellComponent,\n  resolveViewComponent\n} from './Components/RenderingEngine/ComponentResolverFactory';\nimport GlobalContext from './Context/GlobalContext';\nimport useRepeat from './Hooks/useRepeat';\nimport useReactToProps from './Hooks/useReactToProps';\nimport { ToolbarProvider } from './Context/ToolbarContext';\n\n/**\n * @returns {import('react').ForwardRefRenderFunction<import('../types').RsCoreTypes.RsApi, import('../types').RepeatingStructuresProps>}\n */\nexport default function repeatComponent(Component) {\n  return function RepeatInnerComponent(props, ref) {\n    const {\n      meta,\n      apiContext,\n      persistedInfo,\n      renderFactory,\n      renderFormatterTypeMap,\n      onViewReady,\n      formatters,\n      mode,\n      toolBarOptions,\n      presets,\n      errors,\n      additionalInfo,\n      styleFormats\n    } = props;\n\n    const instance = useRepeat({\n      meta,\n      apiContext,\n      persistedInfo,\n      renderFactory,\n      renderFormatterTypeMap,\n      onViewReady,\n      formatters,\n      mode,\n      toolBarOptions,\n      presets,\n      styleFormats,\n      repeatComponentInstance: ref\n    });\n\n    useReactToProps(errors, instance);\n    const globalContext = useMemo(\n      () => ({\n        resolveCellComponent,\n        resolveViewComponent\n      }),\n      []\n    );\n\n    const toolbarContextValue = useMemo(() => ({ additionalInfo }), [additionalInfo]);\n\n    // TODO : Freeze view object before passing it down to component except columns.\n\n    return (\n      <GlobalContext.Provider value={globalContext}>\n        <ToolbarProvider value={toolbarContextValue}>\n          <Component view={instance.getView()} />\n        </ToolbarProvider>\n      </GlobalContext.Provider>\n    );\n  };\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../Core/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,uDAAuD,CAAC;AAC/D,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,SAAS;IAC/C,OAAO,SAAS,oBAAoB,CAAC,KAAK,EAAE,GAAG;QAC7C,MAAM,EACJ,IAAI,EACJ,UAAU,EACV,aAAa,EACb,aAAa,EACb,sBAAsB,EACtB,WAAW,EACX,UAAU,EACV,IAAI,EACJ,cAAc,EACd,OAAO,EACP,MAAM,EACN,cAAc,EACd,IAAI,EACJ,MAAM,EACN,YAAY,EACb,GAAG,KAAK,CAAC;QAEV,MAAM,QAAQ,GAAG,SAAS,CAAC;YACzB,IAAI;YACJ,UAAU;YACV,aAAa;YACb,aAAa;YACb,sBAAsB;YACtB,WAAW;YACX,UAAU;YACV,IAAI;YACJ,cAAc;YACd,OAAO;YACP,YAAY;YACZ,uBAAuB,EAAE,GAAG;SAC7B,CAAC,CAAC;QAEH,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAClC,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;YACL,oBAAoB;YACpB,oBAAoB;SACrB,CAAC,EACF,EAAE,CACH,CAAC;QAEF,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EACxC,CAAC,cAAc,EAAE,IAAI,EAAE,MAAM,CAAC,CAC/B,CAAC;QAEF,gFAAgF;QAEhF,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC1C,KAAC,eAAe,IAAC,KAAK,EAAE,mBAAmB,YACzC,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,EAAE,GAAI,GACvB,GACK,CAC1B,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport {\n  resolveCellComponent,\n  resolveViewComponent\n} from './Components/RenderingEngine/ComponentResolverFactory';\nimport GlobalContext from './Context/GlobalContext';\nimport useRepeat from './Hooks/useRepeat';\nimport useReactToProps from './Hooks/useReactToProps';\nimport { ToolbarProvider } from './Context/ToolbarContext';\n\n/**\n * @returns {import('react').ForwardRefRenderFunction<import('../types').RsCoreTypes.RsApi, import('../types').RepeatingStructuresProps>}\n */\nexport default function repeatComponent(Component) {\n  return function RepeatInnerComponent(props, ref) {\n    const {\n      meta,\n      apiContext,\n      persistedInfo,\n      renderFactory,\n      renderFormatterTypeMap,\n      onViewReady,\n      formatters,\n      mode,\n      toolBarOptions,\n      presets,\n      errors,\n      additionalInfo,\n      info,\n      status,\n      styleFormats\n    } = props;\n\n    const instance = useRepeat({\n      meta,\n      apiContext,\n      persistedInfo,\n      renderFactory,\n      renderFormatterTypeMap,\n      onViewReady,\n      formatters,\n      mode,\n      toolBarOptions,\n      presets,\n      styleFormats,\n      repeatComponentInstance: ref\n    });\n\n    useReactToProps(errors, instance);\n    const globalContext = useMemo(\n      () => ({\n        resolveCellComponent,\n        resolveViewComponent\n      }),\n      []\n    );\n\n    const toolbarContextValue = useMemo(\n      () => ({ additionalInfo, info, status }),\n      [additionalInfo, info, status]\n    );\n\n    // TODO : Freeze view object before passing it down to component except columns.\n\n    return (\n      <GlobalContext.Provider value={globalContext}>\n        <ToolbarProvider value={toolbarContextValue}>\n          <Component view={instance.getView()} />\n        </ToolbarProvider>\n      </GlobalContext.Provider>\n    );\n  };\n}\n"]}

package/lib/types/RepeatingStructuresBoot.types.d.ts

@@ -98,6 +98,7 @@ export type RepeatingStructuresProps = {
     presets?: RsCoreTypes.RsCoreInitArgs['presets'];
     /** A debug mode will print logs in console for the action dispatched by RsCore and the state derived after consumption of it. */
     mode?: 'info' | 'debug' | 'normal';
+    /** Row-level errors and warnings, keyed by the `itemKey` value of each row */
     errors?: RsCoreTypes.Errors;
     /** This should be a factory function that returns component or component definition for specified type.
      * @param type -
@@ -129,6 +130,10 @@ export type RepeatingStructuresProps = {
     toolBarOptions?: RsCoreTypes.RsCoreInitArgs['toolBarOptions'];
     /** Pass a heading and content to show additional information in the toolbar */
     additionalInfo?: FormControlProps['additionalInfo'];
+    /** Message shown below the toolbar heading, e.g. a count of the errors and warnings in the table */
+    info?: FormControlProps['info'];
+    /** Status of the `info` message, which sets its color */
+    status?: FormControlProps['status'];
     translations?: RsCoreBootArgs['translations'];
 };
 export {};

package/lib/types/RepeatingStructuresBoot.types.d.ts.map

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

package/lib/types/RepeatingStructuresBoot.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepeatingStructuresBoot.types.js","sourceRoot":"","sources":["../../types/RepeatingStructuresBoot.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode, Ref } from 'react';\n\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { FormControlProps, IconName, OmitStrict } from '@pega/cosmos-react-core';\nimport type { RsApi } from 'pega-repeating-structures-core/lib/types/ApiContext.types';\nimport type RsCoreBootArgs from 'pega-repeating-structures-core/lib/types/RsCoreBootArgs.types';\n\ntype PropsFromRenderFactory = Pick<RsCoreTypes.RenderFactoryWithProps, 'props'>;\ntype ColumnContext = ReturnType<RsCoreTypes.Column['getContext']>;\ntype ViewContext = ReturnType<RsCoreTypes.View['getContext']>;\n\n// Contract for Cell renderer props.\n/**\n * A set of props that will be exposed to Cell renderers.\n *\n */\ntype CellRendererProps = {\n  /** Reference to the cell body element */\n  getElement: () => HTMLElement;\n  /** Styles applicable to current cell. This should be applied to cell renderers.\n   * This is method is only available for data cells.\n   */\n  getStyles?: () => {\n    /**\n     * Foreground color applicable to the cell content, otherwise undefined.\n     *\n     * Note: This will be applied by default to `cell container`(having class `cell-content`) of repeating structures.\n     *\n     * Supports standard CSS color formats like below:\n     * - Named colors: `'red'`, `'blue'`, `'green'`, `'yellow'`, `'black'`, `'white'`, etc.\n     * - Hex codes: `'#RRGGBB'`, `'#RGB'`, `'#RRGGBBAA'`, `'#RGBA'`\n     * - RGB: `'rgb(255, 0, 0)'`\n     * - RGBA: `'rgba(255, 0, 0, 0.5)'`\n     *\n     * Optional\n     */\n    foregroundColor?: string;\n  };\n  /** Formatted value of the cell. */\n  value: ReturnType<ColumnContext['getFormattedValue']>;\n  /** Tooltip value of the cell. */\n  title: ReturnType<ColumnContext['getToolTipValue']>;\n} & ColumnContext &\n  PropsFromRenderFactory;\n\n// Contract for View renderer props.\ntype ExternalStateInfo = {\n  /** External state key and its persisted value in the RS state. Supported external state keys are:\n   * - Value of {@link RsCoreTypes.Meta.externalFilters externalFilters}\n   */\n  [externalStateKey: string]: NonNullable<RsCoreTypes.State['externalState']>[''];\n};\n\n/**\n * A set of props that will be exposed to View renderer. Supported view renderers are:\n * - Renderer for {@link RsCoreTypes.Meta.externalFilters externalFilters}\n */\ntype ViewRendererProps = ViewContext & {\n  /** A unique id to identify the current repeating structure. */\n  rsID: RsCoreTypes.View['rsID'];\n} & ExternalStateInfo &\n  PropsFromRenderFactory;\n\ntype FormatSettingsRendererProps = {\n  ref: Ref<{ validate: () => boolean }>;\n  formatting: { type: string; config: unknown };\n  onChange: (config: unknown) => void;\n};\n\ntype RendererProps = CellRendererProps | ViewRendererProps | FormatSettingsRendererProps;\n\n// RsCore exposes generic function types for `component`.\n// For RepeatingStructures, these types are overridden to include additional renderer props, and the return type is specified as ReactNode.\nexport interface RsRenderFactoryReturnType\n  extends OmitStrict<RsCoreTypes.RenderFactoryWithProps, 'component'> {\n  /**\n   * A function that accepts component props and returns a React node to be rendered as a cell within repeating structures.\n   * @param props - The props passed by repeating structures and {@link PropsFromRenderFactory static props } from the render factory.\n   * @returns The component function or null or undefined. If component definition is null/undefined then cell will be rendered directly with value derived for the cell or the formatted value(if {@link RsCoreTypes.RsCoreInitArgs.formatters formatters} are provided for that column)\n   */\n  component: ((props: RendererProps) => ReactNode) | null | undefined;\n}\n\ntype RsCoreStyleFormat = NonNullable<RsCoreTypes.RsCoreInitArgs['styleFormats']>[number];\ninterface RsStyleFormatConfig extends OmitStrict<RsCoreStyleFormat['config'], 'icon'> {\n  /**\n   * An icon used as a visual indicator of the applied format.\n   * Optional.\n   */\n  icon?: {\n    /** Icon from 'budicon' set of cosmos. */\n    name: IconName;\n    /** The color of icon. */\n    color: string;\n  };\n}\n\n// RS can only accept icons that are supported in cosmos, while RsCore accepts icon generically, therefore overriding the interface.\nexport interface RsStyleFormat extends OmitStrict<RsCoreStyleFormat, 'config'> {\n  config: RsStyleFormatConfig;\n}\n\nexport type RepeatingStructuresProps = {\n  /** An initial state that can be provided to repeating structure to load repeating structure instance with that state.\\\n   * **Note**: If {@link RSTypes.Meta.personalization personalization} in meta is set to true then persistedInfo will be ignored. */\n  persistedInfo?: RsCoreTypes.PersonalizedState;\n\n  /** A meta data object to provide definition of repeating structure */\n  meta: RsCoreTypes.Meta;\n\n  /** A set of api's provided to repeating structure to establish communication b/w repeating structure and its consumer (e.g. providing data to repeating structure) */\n  apiContext: RsCoreTypes.ApiContext;\n\n  /** To provide multiple variants of metadata of repeating structures. If multiple variations is provided make sure the first variation should be part of {@link RepeatingStructuresProps.meta meta} key and rest all should be fed to presets. */\n  presets?: RsCoreTypes.RsCoreInitArgs['presets'];\n\n  /** A debug mode will print logs in console for the action dispatched by RsCore and the state derived after consumption of it. */\n  mode?: 'info' | 'debug' | 'normal';\n\n  errors?: RsCoreTypes.Errors;\n\n  /** This should be a factory function that returns component or component definition for specified type.\n   * @param type -\n   * - For cell renderer - Value of {@link RsCoreTypes.FieldDef.cellRenderer cellRenderer}(if added in fieldDefs of that column).\n   * - For view renderer - Value of supported external view renderers in `Meta`. Supported view renderer is {@link RsCoreTypes.Meta.externalFilters externalFilters}.\n   *\n   * @param field - Metadata which contains info configured for that column. Applicable only in case of `cell renderer`.\n   * @returns It should return a component definition (or an object that contains component definition).\n   * This component definition will be used by RepeatingStructures to render a cell with the component provided by renderFactory.\n   * If component definition is not provided from render factory or renderFactory is not provided to Repeating structures then cell will be rendered directly with value derived for the cell or the formatted value(if {@link RsCoreTypes.RsCoreInitArgs.formatters formatters} are provided for that column)\n   */\n  renderFactory?: (\n    type: string,\n    field?: RsCoreTypes.FieldDef\n  ) => Pick<RsRenderFactoryReturnType, 'component'> | RsRenderFactoryReturnType;\n\n  /** A map of formatters that will be displayed to consumer to format a fieldDef in repeating structure */\n  renderFormatterTypeMap?: RsCoreTypes.RsCoreInitArgs['renderFormatterTypeMap'];\n\n  /**\n   * This function acts as a callback that is invoked when the view is ready\n   * @param utilityCallbacks - Few utility callbacks to interact with Repeating structures.\n   * @returns {void} void\n   */\n  onViewReady?: (utilityCallbacks: Pick<RsApi, 'setRecordCount' | 'dispatchAction'>) => void;\n\n  /** An object of formatter functions which formats the raw value. */\n  formatters?: RsCoreTypes.RsCoreInitArgs['formatters'];\n\n  /** A set of style formatters to be applied on FieldDef. E.g. background, icon.\n   *\n   * **Note**: Style formats are only supported for `Table` template.\n   */\n  styleFormats?: RsStyleFormat[];\n\n  /** A list of all the toolbar actions to be displayed at the top of a repeating structure */\n  toolBarOptions?: RsCoreTypes.RsCoreInitArgs['toolBarOptions'];\n\n  /** Pass a heading and content to show additional information in the toolbar */\n  additionalInfo?: FormControlProps['additionalInfo'];\n\n  /* Used to provide localized strings, typically overriding default translations */\n  translations?: RsCoreBootArgs['translations'];\n};\n"]}
+{"version":3,"file":"RepeatingStructuresBoot.types.js","sourceRoot":"","sources":["../../types/RepeatingStructuresBoot.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode, Ref } from 'react';\n\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { FormControlProps, IconName, OmitStrict } from '@pega/cosmos-react-core';\nimport type { RsApi } from 'pega-repeating-structures-core/lib/types/ApiContext.types';\nimport type RsCoreBootArgs from 'pega-repeating-structures-core/lib/types/RsCoreBootArgs.types';\n\ntype PropsFromRenderFactory = Pick<RsCoreTypes.RenderFactoryWithProps, 'props'>;\ntype ColumnContext = ReturnType<RsCoreTypes.Column['getContext']>;\ntype ViewContext = ReturnType<RsCoreTypes.View['getContext']>;\n\n// Contract for Cell renderer props.\n/**\n * A set of props that will be exposed to Cell renderers.\n *\n */\ntype CellRendererProps = {\n  /** Reference to the cell body element */\n  getElement: () => HTMLElement;\n  /** Styles applicable to current cell. This should be applied to cell renderers.\n   * This is method is only available for data cells.\n   */\n  getStyles?: () => {\n    /**\n     * Foreground color applicable to the cell content, otherwise undefined.\n     *\n     * Note: This will be applied by default to `cell container`(having class `cell-content`) of repeating structures.\n     *\n     * Supports standard CSS color formats like below:\n     * - Named colors: `'red'`, `'blue'`, `'green'`, `'yellow'`, `'black'`, `'white'`, etc.\n     * - Hex codes: `'#RRGGBB'`, `'#RGB'`, `'#RRGGBBAA'`, `'#RGBA'`\n     * - RGB: `'rgb(255, 0, 0)'`\n     * - RGBA: `'rgba(255, 0, 0, 0.5)'`\n     *\n     * Optional\n     */\n    foregroundColor?: string;\n  };\n  /** Formatted value of the cell. */\n  value: ReturnType<ColumnContext['getFormattedValue']>;\n  /** Tooltip value of the cell. */\n  title: ReturnType<ColumnContext['getToolTipValue']>;\n} & ColumnContext &\n  PropsFromRenderFactory;\n\n// Contract for View renderer props.\ntype ExternalStateInfo = {\n  /** External state key and its persisted value in the RS state. Supported external state keys are:\n   * - Value of {@link RsCoreTypes.Meta.externalFilters externalFilters}\n   */\n  [externalStateKey: string]: NonNullable<RsCoreTypes.State['externalState']>[''];\n};\n\n/**\n * A set of props that will be exposed to View renderer. Supported view renderers are:\n * - Renderer for {@link RsCoreTypes.Meta.externalFilters externalFilters}\n */\ntype ViewRendererProps = ViewContext & {\n  /** A unique id to identify the current repeating structure. */\n  rsID: RsCoreTypes.View['rsID'];\n} & ExternalStateInfo &\n  PropsFromRenderFactory;\n\ntype FormatSettingsRendererProps = {\n  ref: Ref<{ validate: () => boolean }>;\n  formatting: { type: string; config: unknown };\n  onChange: (config: unknown) => void;\n};\n\ntype RendererProps = CellRendererProps | ViewRendererProps | FormatSettingsRendererProps;\n\n// RsCore exposes generic function types for `component`.\n// For RepeatingStructures, these types are overridden to include additional renderer props, and the return type is specified as ReactNode.\nexport interface RsRenderFactoryReturnType\n  extends OmitStrict<RsCoreTypes.RenderFactoryWithProps, 'component'> {\n  /**\n   * A function that accepts component props and returns a React node to be rendered as a cell within repeating structures.\n   * @param props - The props passed by repeating structures and {@link PropsFromRenderFactory static props } from the render factory.\n   * @returns The component function or null or undefined. If component definition is null/undefined then cell will be rendered directly with value derived for the cell or the formatted value(if {@link RsCoreTypes.RsCoreInitArgs.formatters formatters} are provided for that column)\n   */\n  component: ((props: RendererProps) => ReactNode) | null | undefined;\n}\n\ntype RsCoreStyleFormat = NonNullable<RsCoreTypes.RsCoreInitArgs['styleFormats']>[number];\ninterface RsStyleFormatConfig extends OmitStrict<RsCoreStyleFormat['config'], 'icon'> {\n  /**\n   * An icon used as a visual indicator of the applied format.\n   * Optional.\n   */\n  icon?: {\n    /** Icon from 'budicon' set of cosmos. */\n    name: IconName;\n    /** The color of icon. */\n    color: string;\n  };\n}\n\n// RS can only accept icons that are supported in cosmos, while RsCore accepts icon generically, therefore overriding the interface.\nexport interface RsStyleFormat extends OmitStrict<RsCoreStyleFormat, 'config'> {\n  config: RsStyleFormatConfig;\n}\n\nexport type RepeatingStructuresProps = {\n  /** An initial state that can be provided to repeating structure to load repeating structure instance with that state.\\\n   * **Note**: If {@link RSTypes.Meta.personalization personalization} in meta is set to true then persistedInfo will be ignored. */\n  persistedInfo?: RsCoreTypes.PersonalizedState;\n\n  /** A meta data object to provide definition of repeating structure */\n  meta: RsCoreTypes.Meta;\n\n  /** A set of api's provided to repeating structure to establish communication b/w repeating structure and its consumer (e.g. providing data to repeating structure) */\n  apiContext: RsCoreTypes.ApiContext;\n\n  /** To provide multiple variants of metadata of repeating structures. If multiple variations is provided make sure the first variation should be part of {@link RepeatingStructuresProps.meta meta} key and rest all should be fed to presets. */\n  presets?: RsCoreTypes.RsCoreInitArgs['presets'];\n\n  /** A debug mode will print logs in console for the action dispatched by RsCore and the state derived after consumption of it. */\n  mode?: 'info' | 'debug' | 'normal';\n\n  /** Row-level errors and warnings, keyed by the `itemKey` value of each row */\n  errors?: RsCoreTypes.Errors;\n\n  /** This should be a factory function that returns component or component definition for specified type.\n   * @param type -\n   * - For cell renderer - Value of {@link RsCoreTypes.FieldDef.cellRenderer cellRenderer}(if added in fieldDefs of that column).\n   * - For view renderer - Value of supported external view renderers in `Meta`. Supported view renderer is {@link RsCoreTypes.Meta.externalFilters externalFilters}.\n   *\n   * @param field - Metadata which contains info configured for that column. Applicable only in case of `cell renderer`.\n   * @returns It should return a component definition (or an object that contains component definition).\n   * This component definition will be used by RepeatingStructures to render a cell with the component provided by renderFactory.\n   * If component definition is not provided from render factory or renderFactory is not provided to Repeating structures then cell will be rendered directly with value derived for the cell or the formatted value(if {@link RsCoreTypes.RsCoreInitArgs.formatters formatters} are provided for that column)\n   */\n  renderFactory?: (\n    type: string,\n    field?: RsCoreTypes.FieldDef\n  ) => Pick<RsRenderFactoryReturnType, 'component'> | RsRenderFactoryReturnType;\n\n  /** A map of formatters that will be displayed to consumer to format a fieldDef in repeating structure */\n  renderFormatterTypeMap?: RsCoreTypes.RsCoreInitArgs['renderFormatterTypeMap'];\n\n  /**\n   * This function acts as a callback that is invoked when the view is ready\n   * @param utilityCallbacks - Few utility callbacks to interact with Repeating structures.\n   * @returns {void} void\n   */\n  onViewReady?: (utilityCallbacks: Pick<RsApi, 'setRecordCount' | 'dispatchAction'>) => void;\n\n  /** An object of formatter functions which formats the raw value. */\n  formatters?: RsCoreTypes.RsCoreInitArgs['formatters'];\n\n  /** A set of style formatters to be applied on FieldDef. E.g. background, icon.\n   *\n   * **Note**: Style formats are only supported for `Table` template.\n   */\n  styleFormats?: RsStyleFormat[];\n\n  /** A list of all the toolbar actions to be displayed at the top of a repeating structure */\n  toolBarOptions?: RsCoreTypes.RsCoreInitArgs['toolBarOptions'];\n\n  /** Pass a heading and content to show additional information in the toolbar */\n  additionalInfo?: FormControlProps['additionalInfo'];\n\n  /** Message shown below the toolbar heading, e.g. a count of the errors and warnings in the table */\n  info?: FormControlProps['info'];\n\n  /** Status of the `info` message, which sets its color */\n  status?: FormControlProps['status'];\n\n  /* Used to provide localized strings, typically overriding default translations */\n  translations?: RsCoreBootArgs['translations'];\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/lists-react",
-  "version": "9.37.0",
+  "version": "9.38.0",
   "description": "Repeating view structures such as Table, Gallery(Repeating layouts), Kanban etc.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
@@ -14,18 +14,18 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "9.37.0",
-    "@pega/cosmos-react-core": "9.37.0",
-    "@pega/cosmos-react-rte": "9.37.0",
-    "@pega/cosmos-react-work": "9.37.0",
+    "@pega/cosmos-react-condition-builder": "9.38.0",
+    "@pega/cosmos-react-core": "9.38.0",
+    "@pega/cosmos-react-rte": "9.38.0",
+    "@pega/cosmos-react-work": "9.38.0",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^17.0.62 || ^18.3.3",
     "@types/react-dom": "^17.0.20 || ^18.3.0",
     "dayjs": "^1.11.13",
     "fast-deep-equal": "^3.1.3",
     "lodash-es": "^4.18.1",
-    "pega-repeating-structures-core": "npm:@pega/lists-core@9.37.0",
-    "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@9.37.0",
+    "pega-repeating-structures-core": "npm:@pega/lists-core@9.38.0",
+    "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@9.38.0",
     "polished": "^4.1.0",
     "prop-types": "^15.8.1",
     "react": "^17.0.0 || ^18.0.0",
@@ -43,7 +43,7 @@
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.6.1",
     "jest-axe": "^8.0.0",
-    "srs-utils": "9.37.0",
+    "srs-utils": "9.38.0",
     "typescript": "~5.9.3"
   }
 }