@pega/lists-react 8.0.0-build.27.14

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

@@ -0,0 +1 @@
+{"version":3,"file":"Headers.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/Headers.jsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from 'react';
+import PropTypes from 'prop-types';
+import HeaderWrapper from './HeaderWrapper';
+const Headers = forwardRef(({ columns, isVisible }, itemElement) => {
+    const visibilityStyles = !isVisible ? { visibility: 'hidden' } : {};
+    return (_jsx("div", { className: 'sticky-header', role: 'rowgroup', style: visibilityStyles, children: _jsx("div", { ref: itemElement, role: 'row', className: 'header row', children: columns.map(column => {
+                column.setExecutionContext(column.parent);
+                if (column.hidden)
+                    return null;
+                return _jsx(HeaderWrapper, { column: column }, column.field.id);
+            }) }) }));
+});
+Headers.propTypes = {
+    columns: PropTypes.arrayOf(PropTypes.any),
+    isVisible: PropTypes.bool
+};
+Headers.defaultProps = {
+    isVisible: true,
+    columns: []
+};
+Headers.displayName = 'Headers';
+export default memo(Headers);
+//# sourceMappingURL=Headers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Headers.js","sourceRoot":"","sources":["../../../../Core/Views/Table/Headers.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,WAAW,EAAE,EAAE;IACjE,MAAM,gBAAgB,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,YACpE,cAAK,GAAG,EAAE,WAAW,EAAE,IAAI,EAAC,KAAK,EAAC,SAAS,EAAC,YAAY,YACrD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;gBACpB,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBAC1C,IAAI,MAAM,CAAC,MAAM;oBAAE,OAAO,IAAI,CAAC;gBAC/B,OAAO,KAAC,aAAa,IAAuB,MAAM,EAAE,MAAM,IAA/B,MAAM,CAAC,KAAK,CAAC,EAAE,CAAoB,CAAC;YACjE,CAAC,CAAC,GACE,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,SAAS,GAAG;IAClB,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;IACzC,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAC;AAEF,OAAO,CAAC,YAAY,GAAG;IACrB,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,eAAe,IAAI,CAAC,OAAO,CAAC,CAAC","sourcesContent":["import { forwardRef, memo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport HeaderWrapper from './HeaderWrapper';\n\nconst Headers = forwardRef(({ columns, isVisible }, itemElement) => {\n  const visibilityStyles = !isVisible ? { visibility: 'hidden' } : {};\n  return (\n    <div className='sticky-header' role='rowgroup' style={visibilityStyles}>\n      <div ref={itemElement} role='row' className='header row'>\n        {columns.map(column => {\n          column.setExecutionContext(column.parent);\n          if (column.hidden) return null;\n          return <HeaderWrapper key={column.field.id} column={column} />;\n        })}\n      </div>\n    </div>\n  );\n});\n\nHeaders.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.any),\n  isVisible: PropTypes.bool\n};\n\nHeaders.defaultProps = {\n  isVisible: true,\n  columns: []\n};\n\nHeaders.displayName = 'Headers';\n\nexport default memo(Headers);\n"]}

package/lib/Core/Views/Table/Row.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import("react").MemoExoticComponent<typeof Row>;
+export default _default;
+declare function Row({ row, columns, level }: {
+    row: any;
+    columns: any;
+    level: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Row {
+    namespace propTypes {
+        let columns: PropTypes.Requireable<any[]>;
+        let row: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        let level: PropTypes.Requireable<number>;
+    }
+    namespace defaultProps {
+        let columns_1: undefined;
+        export { columns_1 as columns };
+        let row_1: undefined;
+        export { row_1 as row };
+        let level_1: number;
+        export { level_1 as level };
+    }
+}
+import PropTypes from 'prop-types';
+//# sourceMappingURL=Row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/Row.jsx"],"names":[],"mappings":";;AAKA;;;;4CAUC;;;;;;;;;;;;;;;;;;sBAfqB,YAAY"}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { memo } from 'react';
+import CellWrapper from './CellWrapper';
+function Row({ row, columns, level }) {
+    return (_jsx("div", { ...row.getUIProps(), children: columns.map(column => {
+            column.setExecutionContext(row);
+            if (column.hidden)
+                return null;
+            return _jsx(CellWrapper, { row: row, column: column, level: level }, column.field.id);
+        }) }));
+}
+Row.propTypes = {
+    columns: PropTypes.arrayOf(PropTypes.any),
+    row: PropTypes.objectOf(PropTypes.any),
+    level: PropTypes.number
+};
+Row.defaultProps = {
+    columns: undefined,
+    row: undefined,
+    level: 0
+};
+export default memo(Row);
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../Core/Views/Table/Row.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE;IAClC,OAAO,CACL,iBAAS,GAAG,CAAC,UAAU,EAAE,YACtB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACpB,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;YAChC,IAAI,MAAM,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAC;YAC/B,OAAO,KAAC,WAAW,IAAuB,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAvD,MAAM,CAAC,KAAK,CAAC,EAAE,CAA4C,CAAC;QACvF,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,GAAG,CAAC,SAAS,GAAG;IACd,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;IACzC,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IACtC,KAAK,EAAE,SAAS,CAAC,MAAM;CACxB,CAAC;AAEF,GAAG,CAAC,YAAY,GAAG;IACjB,OAAO,EAAE,SAAS;IAClB,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,CAAC;CACT,CAAC;AAEF,eAAe,IAAI,CAAC,GAAG,CAAC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { memo } from 'react';\n\nimport CellWrapper from './CellWrapper';\n\nfunction Row({ row, columns, level }) {\n  return (\n    <div {...row.getUIProps()}>\n      {columns.map(column => {\n        column.setExecutionContext(row);\n        if (column.hidden) return null;\n        return <CellWrapper key={column.field.id} row={row} column={column} level={level} />;\n      })}\n    </div>\n  );\n}\n\nRow.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.any),\n  row: PropTypes.objectOf(PropTypes.any),\n  level: PropTypes.number\n};\n\nRow.defaultProps = {\n  columns: undefined,\n  row: undefined,\n  level: 0\n};\n\nexport default memo(Row);\n"]}

package/lib/Core/Views/Table/Samples/a11ySampleWithErrors.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This sample is being used to test TableA11y unit tests for errors.
+ *
+ * It contains below elements:
+ * rs-wrapper, toolbar, headers, 3 rows
+ */
+export default function createA11yContainerWithErrors(containerName: any): Element | null;
+//# sourceMappingURL=a11ySampleWithErrors.d.ts.map

package/lib/Core/Views/Table/Samples/a11ySampleWithErrors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11ySampleWithErrors.d.ts","sourceRoot":"","sources":["../../../../../Core/Views/Table/Samples/a11ySampleWithErrors.js"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,0FAsUC"}

package/lib/Core/Views/Table/Samples/a11ySampleWithErrors.js

@@ -0,0 +1,333 @@
+// cspell:disable
+/**
+ * This sample is being used to test TableA11y unit tests for errors.
+ *
+ * It contains below elements:
+ * rs-wrapper, toolbar, headers, 3 rows
+ */
+export default function createA11yContainerWithErrors(containerName) {
+    const tableElement = document.createElement('div');
+    tableElement.innerHTML = `<div class="sc-fLvQuD jvypb rs-wrapper" style="--col-width-84321390: 20px; --col-left-84321390: 0px; --col-order-84321390: 0; --col-display-84321390: unset; --col-display--1817558664: unset; --col-width--1817558664: 99px; --col-left--1817558664: 0px; --col-order--1817558664: 18; --col-display-2331: none; --col-width-2331: 150px; --col-left-2331: 0px; --col-order-2331: 19; --col-display-2420395: unset; --col-width-2420395: 457px; --col-left-2420395: 0px; --col-order-2420395: 20; --col-display--1100816956: unset; --col-width--1100816956: 100px; --col-left--1100816956: 0px; --col-order--1100816956: 21; --col-display--931882833: unset; --col-width--931882833: 215px; --col-left--931882833: 0px; --col-order--931882833: 22; --col-display--684272400: unset; --col-width--684272400: 115px; --col-left--684272400: 0px; --col-order--684272400: 23; --col-display-1542944541: none; --col-width-1542944541: 114px; --col-left-1542944541: 0px; --col-order-1542944541: 24; --col-display-801324862: none; --col-width-801324862: 205px; --col-left-801324862: 0px; --col-order-801324862: 25; --col-display--931882441: none; --col-width--931882441: 200px; --col-left--931882441: 0px; --col-order--931882441: 26; --col-display--1808614382: none; --col-width--1808614382: 100px; --col-left--1808614382: 0px; --col-order--1808614382: 27; --col-display--1539719193: unset; --col-width--1539719193: 100px; --col-left--1539719193: 0px; --col-order--1539719193: 28; --col-display-23433122: none; --col-width-23433122: undefinedpx; --col-left-23433122: 0px; --col-order-23433122: 29; --col-display--548555252: none; --col-width--548555252: undefinedpx; --col-left--548555252: 0px; --col-order--548555252: 30; --col-display-2007299250: none; --col-width-2007299250: undefinedpx; --col-left-2007299250: 0px; --col-order-2007299250: 31; --col-width--679626225: 32px; --col-left--679626225: 0px; --col-order--679626225: 32; --col-display--679626225: unset;">
+  <div class="sc-gmgFlS jXPwqs sc-eqUAAy buFqpC">
+     <header class="sc-jGKxIK iNqdOY sc-eqUAAy gzOKOO">
+        <div class="sc-bXWnss cABuSR sc-eqUAAy tnEur header-bar-gadget">
+           <div class="sc-eqUAAy dblDwO header-bar-icon-container">
+              <svg role="presentation" class="sc-jEACwC eBRRrA header-bar-icon" viewBox="0 0 25 25">
+                 <path d="M21.15 13.787h-2.44v-5.41c0-1.15-.288-2.203-.814-3.161a6.605 6.605 0 0 0-2.3-2.3l1.006-1.053a.434.434 0 0 0 .144-.335c0-.336-.144-.527-.48-.527-.047 0-.143.048-.335.144l-1.293 1.293c-.67-.288-1.436-.432-2.299-.432-.814 0-1.628.144-2.347.432L8.746 1.144C8.555 1.048 8.46 1 8.411 1c-.335 0-.479.191-.479.527 0 .143.048.24.144.335L9.08 2.916c-.958.575-1.724 1.34-2.25 2.299a6.026 6.026 0 0 0-.862 3.16v5.412H3.527c-.336 0-.527.144-.527.48 0 .335.191.478.527.478h2.442v2.443c0 .718.143 1.436.383 2.155-.048 0-.097 0-.144.048l-2.06 2.059a.434.434 0 0 0-.143.335c0 .335.143.48.479.48.191 0 .287-.049.335-.145l1.915-1.868c.527 1.006 1.341 1.82 2.347 2.395 1.006.623 2.06.91 3.257.91 1.198 0 2.3-.287 3.305-.91 1.005-.575 1.772-1.34 2.3-2.347l1.915 1.82c.047.096.144.143.335.143.335 0 .479-.143.479-.479a.434.434 0 0 0-.144-.335l-2.06-2.06-.095-.095a6.681 6.681 0 0 0 .335-2.107v-2.442h2.442c.335 0 .527-.144.527-.48 0-.335-.192-.478-.527-.478Zm-3.4.958v2.443c0 1.484-.526 2.778-1.58 3.83-1.054 1.054-2.347 1.581-3.83 1.581-1.485 0-2.78-.526-3.832-1.58-1.053-1.054-1.58-2.347-1.58-3.831v-2.443h4.932v4.79c0 .335.144.478.48.478.334 0 .478-.143.478-.479v-4.789h4.933Zm0-2.92v1.963H6.928v-1.964h10.824Zm0-3.45v2.443H6.928V8.376c0-1.485.527-2.778 1.628-3.831 1.054-1.054 2.3-1.58 3.784-1.58s2.73.526 3.831 1.58c1.054 1.053 1.58 2.346 1.58 3.83Z"></path>
+              </svg>
+           </div>
+           <div class="sc-eqUAAy drckTb header-bar-content">
+              <div class="rs-title"><span class="sc-cwHptR ybrUl">Bugs</span></div>
+              <div>
+                 <button data-testid=":menu-button:" data-test-id="personalisationMenu" class="sc-dZoequ dLdbOB sc-dLMFU jZZkBq sc-eSfNbN gtBbMR" id="_y9vj3bkhj" aria-expanded="false" aria-haspopup="menu" aria-controls="_y9vj3bkhj-popover" type="button" aria-label="Initial View" data-popover-target="" style="padding: 0px; display: inline-block; border: none; background-color: transparent; box-shadow: none;">
+                    <span class="sc-eZkCL iVODUw sc-eqUAAy idXJeN">
+                       <span class="sc-cwHptR eeDdRz">Initial View</span>
+                       <svg role="presentation" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA">
+                          <path d="M8 9.5h9l-4.402 6-4.597-6H8Z"></path>
+                       </svg>
+                    </span>
+                 </button>
+              </div>
+           </div>
+           <div class="toolbar-actions">
+              <div class="sc-eqUAAy dvdRCm"><button data-test-id="Add" as="button" type="button" class="sc-dLMFU jZZkBq">Add</button></div>
+           </div>
+        </div>
+     </header>
+     <div class="sc-fTFjTM sc-eqUAAy cneGop">
+        <div class="sc-hZDyAQ dylxSw">
+           <div class="sc-guJBdh sc-eqUAAy ivTZBu">
+              <article role="none" class="sc-hzhJZQ lgWxIm sc-eqUAAy hRMMQQ">
+                 <div class="sc-hmdomO eSEorw sc-eqUAAy hRMMQQ">
+                    <div data-test-id="table" class="sc-dBFDNq fcztws t-container" theme="[object Object]" style="--row-height: 40px; --footer-height: 57px; --expand-collapse-all-width: 0px;">
+                       <div class="sc-kpKSZj gHeaBI">
+                          <div class="sc-eBwKMn AYJcn">
+                             <div data-testid=":list-toolbar:" class="sc-lnPyaJ sc-eqUAAy dblDwO">
+                                <div class="sc-eqUAAy dgUfZc sc-dExYaf fHIJPA">
+                                   <div class="sc-eqUAAy hQvxov">
+                                      <div class="sc-eqUAAy kziVYu sc-dxcDKg deQJpu">
+                                         <h3 data-testid=":list-toolbar:heading" class="sc-cwHptR HJOqv sc-iapWAC eZCFqh">Bugs</h3>
+                                         <span data-testid=":list-toolbar:count" class="sc-cwHptR ybrUl sc-kqGoIF ffxWgH">3 results</span>
+                                      </div>
+                                      <div class="sc-eqUAAy idXJeN">
+                                         <button as="button" type="button" aria-label="Search" class="sc-dLMFU imnmrQ" data-popover-target="">
+                                            <svg role="presentation" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA">
+                                               <path d="m18.513 17.115 4.754 4.755.047.14c.14.232.186.42.186.512 0 .653-.326.979-.979.979-.186 0-.42-.094-.652-.28l-4.708-4.708c-1.77 1.445-3.776 2.144-6.06 2.144-2.656 0-4.894-.932-6.758-2.797-1.91-1.91-2.843-4.148-2.843-6.758 0-2.61.932-4.848 2.843-6.759C6.253 2.433 8.491 1.5 11.102 1.5c2.61 0 4.847.932 6.758 2.843 1.865 1.864 2.797 4.102 2.797 6.759 0 2.237-.7 4.242-2.144 6.013Zm-7.365 1.631c2.098 0 3.869-.746 5.36-2.237 1.492-1.492 2.238-3.263 2.238-5.36 0-2.099-.746-3.916-2.237-5.408-1.492-1.492-3.263-2.237-5.36-2.237-2.099 0-3.916.745-5.408 2.237-1.492 1.492-2.237 3.31-2.237 5.407 0 2.098.745 3.869 2.237 5.36 1.492 1.492 3.31 2.238 5.407 2.238Z"></path>
+                                            </svg>
+                                         </button>
+                                         <span>
+                                            <button data-testid=":menu-button:" id="_qygplshra" aria-expanded="false" aria-haspopup="menu" aria-controls="_qygplshra-popover" type="button" class="sc-dZoequ dLdbOB sc-dLMFU imnmrQ" data-popover-target="" aria-owns="_p8vzaqsnx-item-filter _p8vzaqsnx-item-sort _p8vzaqsnx-item-group _p8vzaqsnx-item-Show/hide-columns _p8vzaqsnx-item-Row-density _p8vzaqsnx-item-Freeze-columns _p8vzaqsnx-item-ShowHeaderIcons _p8vzaqsnx-item-Auto-size-columns _p8vzaqsnx-item-Reset-column-widths _p8vzaqsnx-item-Query-info _p8vzaqsnx-item-Save-view-as.." aria-label="Actions">
+                                               <span class="sc-eZkCL iVODUw sc-eqUAAy idXJeN">
+                                                  <svg role="presentation" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA">
+                                                     <path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path>
+                                                  </svg>
+                                               </span>
+                                            </button>
+                                         </span>
+                                      </div>
+                                   </div>
+                                </div>
+                             </div>
+                          </div>
+                       </div>
+                       <div data-test-id="externalFilters" class="StyledDiv--1mfyni6 bKcDDv"></div>
+                       <input class="sc-gvPdwL cZHQEb top" type="text" aria-hidden="true">
+                       <div class="${containerName}" role="grid" aria-colcount="7" aria-label="Initial View, Use arrow keys or Shift plus Alt plus arrow keys to navigate" aria-rowcount="269">
+                          <div class="sc-gFnajm LAxLo pContainer" data-total-records="3">
+                             <div class="sticky-header" role="rowgroup">
+                                <div role="row" class="header row">
+                                   <div class="cell row-error-column cell-fixed cell-first" role="columnheader" aria-colindex="1" tabindex="-1" data-col-id="RowError" draggable="false" style="left: var(--col-left-84321390); order: var(--col-order-84321390); width: var(--col-width-84321390); cursor: auto;">
+                                      <div class="header-lable-container">
+                                         <div class="header-label" aria-hidden="true"><span class="StyledSpan--1r5qysr dYxdoi"></span></div>
+                                         <span class="StyledSpan--1r5qysr dYxdoi"></span><span class="StyledSpan--1r5qysr dYxdoi"></span>
+                                      </div>
+                                   </div>
+                                   <div class="cell" role="columnheader" aria-label="Sl.No." aria-colindex="2" tabindex="-1" data-col-id="Sl.No." draggable="true" style="left: var(--col-left--1817558664); order: var(--col-order--1817558664); width: var(--col-width--1817558664); cursor: pointer;">
+                                      <div class="header-lable-container">
+                                         <div class="header-label" aria-hidden="true">
+                                            <div class="sc-iaJaUu cXclJA number">123</div>
+                                            <span title="Sl.No." class="StyledSpan--1r5qysr dYxdoi">Sl.No.</span>
+                                         </div>
+                                         <span class="StyledSpan--1r5qysr dYxdoi"></span><span class="StyledSpan--1r5qysr dYxdoi"></span>
+                                      </div>
+                                      <div class="icons-ph">
+                                         <div class="header-menu">
+                                            <button class="sc-dLMFU fhMEsP button-more" aria-expanded="false" aria-describedby="_3l7efwf6x_description" as="button" type="button" aria-label="Sl.No. actions" data-popover-target="">
+                                               <svg role="presentation" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA">
+                                                  <path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path>
+                                               </svg>
+                                            </button>
+                                            <span id="_3l7efwf6x_description" aria-hidden="true" class="sc-eBMEME jyCCOx"></span>
+                                         </div>
+                                      </div>
+                                      <div role="presentation" class="column-resizer"></div>
+                                   </div>
+                                   <div class="cell" role="columnheader" aria-label="Name" aria-colindex="3" tabindex="-1" data-col-id="Name" draggable="true" style="left: var(--col-left-2420395); order: var(--col-order-2420395); width: var(--col-width-2420395); cursor: pointer; pointer-events: auto;">
+                                      <div class="header-lable-container">
+                                         <div class="header-label" aria-hidden="true"><span title="Name" class="StyledSpan--1r5qysr dYxdoi">Name</span></div>
+                                         <span class="StyledSpan--1r5qysr dYxdoi"></span><span class="StyledSpan--1r5qysr dYxdoi"></span>
+                                      </div>
+                                      <div class="icons-ph">
+                                         <div class="header-menu">
+                                            <button class="sc-dLMFU fhMEsP button-more" aria-expanded="false" aria-describedby="_z0g62rwpy_description" as="button" type="button" aria-label="Name actions" data-popover-target="">
+                                               <svg role="presentation" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA">
+                                                  <path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path>
+                                               </svg>
+                                            </button>
+                                            <span id="_z0g62rwpy_description" aria-hidden="true" class="sc-eBMEME jyCCOx"></span>
+                                         </div>
+                                      </div>
+                                      <div role="presentation" class="column-resizer"></div>
+                                   </div>
+                                   <div class="cell" role="columnheader" aria-label="Priority" aria-colindex="4" tabindex="-1" data-col-id="Priority" draggable="true" style="left: var(--col-left--1100816956); order: var(--col-order--1100816956); width: var(--col-width--1100816956); cursor: pointer;">
+                                      <div class="header-lable-container">
+                                         <div class="header-label" aria-hidden="true">
+                                            <div class="sc-iaJaUu cXclJA number">123</div>
+                                            <span title="Priority" class="StyledSpan--1r5qysr dYxdoi">Priority</span>
+                                         </div>
+                                         <span class="StyledSpan--1r5qysr dYxdoi"></span><span class="StyledSpan--1r5qysr dYxdoi"></span>
+                                      </div>
+                                      <div class="icons-ph">
+                                         <div class="header-menu">
+                                            <button class="sc-dLMFU fhMEsP button-more" aria-expanded="false" aria-describedby="_1tn4jfnvh_description" as="button" type="button" aria-label="Priority actions" data-popover-target="">
+                                               <svg role="presentation" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA">
+                                                  <path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path>
+                                               </svg>
+                                            </button>
+                                            <span id="_1tn4jfnvh_description" aria-hidden="true" class="sc-eBMEME jyCCOx"></span>
+                                         </div>
+                                      </div>
+                                      <div role="presentation" class="column-resizer"></div>
+                                   </div>
+                                   <div class="cell" role="columnheader" aria-label="Created by" aria-colindex="5" tabindex="-1" data-col-id="Created by" draggable="true" style="left: var(--col-left--931882833); order: var(--col-order--931882833); width: var(--col-width--931882833); cursor: pointer;">
+                                      <div class="header-lable-container">
+                                         <div class="header-label" aria-hidden="true">
+                                            <svg role="presentation" data-test-id="user" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA" style="align-self: center; margin-right: 0.3125rem; margin-bottom: 0.215rem;">
+                                               <path d="M8.5 7.476c0 1.121.39 2.048 1.171 2.83.78.78 1.708 1.17 2.83 1.17s2.049-.39 2.83-1.17c.78-.782 1.17-1.709 1.17-2.83 0-1.074-.39-2-1.17-2.83-.781-.78-1.708-1.17-2.83-1.17s-2.05.39-2.83 1.17c-.78.83-1.17 1.756-1.17 2.83Zm-.975 0c0-1.366.488-2.537 1.464-3.513C9.964 2.988 11.135 2.5 12.5 2.5c1.365 0 2.536.488 3.512 1.463.976.976 1.463 2.146 1.463 3.513 0 1.414-.487 2.585-1.463 3.56-.976.976-2.146 1.464-3.512 1.464s-2.537-.488-3.512-1.464c-.976-.975-1.464-2.146-1.464-3.56ZM20.5 22.499h-1.024v-1.024c0-1.95-.683-3.61-2.049-4.975-1.317-1.317-2.975-2-4.927-2-1.903 0-3.56.683-4.927 2.049-1.365 1.317-2.049 2.975-2.049 4.927V22.5H4.5v-1.024c0-2.195.78-4.049 2.342-5.61 1.56-1.61 3.463-2.39 5.658-2.39 2.195 0 4.097.78 5.658 2.342 1.561 1.56 2.342 3.463 2.342 5.658V22.5Z"></path>
+                                            </svg>
+                                            <span title="Created by" class="StyledSpan--1r5qysr dYxdoi">Created by</span>
+                                         </div>
+                                         <span class="StyledSpan--1r5qysr dYxdoi"></span><span class="StyledSpan--1r5qysr dYxdoi"></span>
+                                      </div>
+                                      <div class="icons-ph">
+                                         <div class="header-menu">
+                                            <button class="sc-dLMFU fhMEsP button-more" aria-expanded="false" aria-describedby="_4603gba4s_description" as="button" type="button" aria-label="Created by actions" data-popover-target="">
+                                               <svg role="presentation" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA">
+                                                  <path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path>
+                                               </svg>
+                                            </button>
+                                            <span id="_4603gba4s_description" aria-hidden="true" class="sc-eBMEME jyCCOx"></span>
+                                         </div>
+                                      </div>
+                                      <div role="presentation" class="column-resizer"></div>
+                                   </div>
+                                   <div class="cell" role="columnheader" aria-label="Is Active" aria-colindex="6" tabindex="-1" data-col-id="IsActive" draggable="true" style="left: var(--col-left--684272400); order: var(--col-order--684272400); width: var(--col-width--684272400); cursor: pointer;">
+                                      <div class="header-lable-container">
+                                         <div class="header-label" aria-hidden="true">
+                                            <svg role="presentation" data-test-id="check" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA" style="align-self: center; margin-right: 0.3125rem; margin-bottom: 0.215rem;">
+                                               <path d="m3.464 11.371 6.222 5.974L21.582 5 23 6.371 9.732 20 2 12.743l1.464-1.372Z"></path>
+                                            </svg>
+                                            <span title="Is Active" class="StyledSpan--1r5qysr dYxdoi">Is Active</span>
+                                         </div>
+                                         <span class="StyledSpan--1r5qysr dYxdoi"></span><span class="StyledSpan--1r5qysr dYxdoi"></span>
+                                      </div>
+                                      <div class="icons-ph">
+                                         <div class="header-menu">
+                                            <button class="sc-dLMFU fhMEsP button-more" aria-expanded="false" aria-describedby="_9cda5wqf1_description" as="button" type="button" aria-label="Is Active actions" data-popover-target="">
+                                               <svg role="presentation" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA">
+                                                  <path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path>
+                                               </svg>
+                                            </button>
+                                            <span id="_9cda5wqf1_description" aria-hidden="true" class="sc-eBMEME jyCCOx"></span>
+                                         </div>
+                                      </div>
+                                      <div role="presentation" class="column-resizer"></div>
+                                   </div>
+                                   <div class="cell cell-last" role="columnheader" aria-label="Release" aria-colindex="7" tabindex="-1" data-col-id="Release" draggable="true" style="left: var(--col-left--1539719193); order: var(--col-order--1539719193); width: var(--col-width--1539719193); cursor: pointer;">
+                                      <div class="header-lable-container">
+                                         <div class="header-label" aria-hidden="true"><span title="Release" class="StyledSpan--1r5qysr dYxdoi">Release</span></div>
+                                         <span class="StyledSpan--1r5qysr dYxdoi"></span><span class="StyledSpan--1r5qysr dYxdoi"></span>
+                                      </div>
+                                      <div class="icons-ph">
+                                         <div class="header-menu">
+                                            <button class="sc-dLMFU fhMEsP button-more" aria-expanded="false" aria-describedby="_qov2n8v4t_description" as="button" type="button" aria-label="Release actions" data-popover-target="">
+                                               <svg role="presentation" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA">
+                                                  <path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path>
+                                               </svg>
+                                            </button>
+                                            <span id="_qov2n8v4t_description" aria-hidden="true" class="sc-eBMEME jyCCOx"></span>
+                                         </div>
+                                      </div>
+                                      <div role="presentation" class="column-resizer"></div>
+                                   </div>
+                                   <div class="cell cell-action" role="columnheader" aria-label="Actions" aria-colindex="8" tabindex="-1" data-col-id="RowActionMenu" draggable="false" style="left: var(--col-left--679626225); order: var(--col-order--679626225); width: var(--col-width--679626225); cursor: auto;">
+                                      <div class="header-lable-container">
+                                         <div class="header-label" aria-hidden="true"><span class="StyledSpan--1r5qysr dYxdoi"></span></div>
+                                         <span class="StyledSpan--1r5qysr dYxdoi"></span><span class="StyledSpan--1r5qysr dYxdoi"></span>
+                                      </div>
+                                   </div>
+                                </div>
+                             </div>
+                             <div class="freeze-line" style="left: calc(var(--col-width-84321390) - 1px);"></div>
+                             <div class="bContainer" style="height: 75px; --above-loader-top: -80px; --below-loader-top: 75px; --container-width: 1443px;">
+                                <div class="short-height row-container" role="rowgroup" style="width: var(--container-width); top: 0px;">
+                                   <div class="row" data-key="PEGAPROJMGMT-WORK BUG-557879" role="row" aria-rowindex="1" data-index="0" style="">
+                                      <div data-col-id="RowError" aria-colindex="1" role="gridcell" class="cell row-error-column cell-fixed cell-first" tabindex="-1" style="left: var(--col-left-84321390); order: var(--col-order-84321390); width: var(--col-width-84321390);"><span class="StyledSpan--1r5qysr dYxdoi"></span></div>
+                                      <div data-col-id="Sl.No." aria-colindex="2" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left--1817558664); order: var(--col-order--1817558664); width: var(--col-width--1817558664);"><span class="StyledSpan--1r5qysr dYxdoi">2</span></div>
+                                      <div data-col-id="Name" aria-colindex="3" role="gridcell" class="cell" tabindex="0" style="left: var(--col-left-2420395); order: var(--col-order-2420395); width: var(--col-width-2420395);"><span class="StyledSpan--1r5qysr dYxdoi">8.5 RTShip:Rspec:#8986:rstudio.DeveloperTools.KeyboardHotkeys</span></div>
+                                      <div data-col-id="Priority" aria-colindex="4" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left--1100816956); order: var(--col-order--1100816956); width: var(--col-width--1100816956);"><span class="StyledSpan--1r5qysr dYxdoi">45.4</span></div>
+                                      <div data-col-id="Created by" aria-colindex="5" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left--931882833); order: var(--col-order--931882833); width: var(--col-width--931882833);">
+                                         <span class="StyledSpan--1r5qysr dYxdoi">
+                                            <span class="sc-jOnpCo bnordn">
+                                               <span class="custom-avatar-cont">
+                                                  <div data-testid=":avatar:" role="img" shape="circle" aria-label="Squid Bot" class="sc-cVzyXs hUONYW custom-avatar">SB</div>
+                                               </span>
+                                               <span class="sc-cwHptR eeDdRz" style="margin-left: 1.5rem;">Squid Bot</span>
+                                            </span>
+                                         </span>
+                                      </div>
+                                      <div data-col-id="IsActive" aria-colindex="6" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left--684272400); order: var(--col-order--684272400); width: var(--col-width--684272400);"><span class="StyledSpan--1r5qysr dYxdoi">true</span></div>
+                                      <div data-col-id="Release" aria-colindex="7" role="gridcell" class="cell cell-last" tabindex="-1" style="left: var(--col-left--1539719193); order: var(--col-order--1539719193); width: var(--col-width--1539719193);"><span class="StyledSpan--1r5qysr dYxdoi"><span><span>RLS-22582</span></span></span></div>
+                                      <div data-col-id="RowActionMenu" aria-colindex="8" role="gridcell" class="cell cell-action" tabindex="-1" style="left: var(--col-left--679626225); order: var(--col-order--679626225); width: var(--col-width--679626225);">
+                                         <span class="StyledSpan--1r5qysr dYxdoi">
+                                            <div class="sc-deXhhX kWRhZW row-action-menu">
+                                               <button data-testid=":menu-button:" tabindex="-1" id="_0i0w5lb0c" aria-expanded="false" aria-haspopup="menu" aria-controls="_0i0w5lb0c-popover" type="button" aria-label="Actions" class="sc-dZoequ dLdbOB sc-dLMFU imnmrQ" data-popover-target="">
+                                                  <span class="sc-eZkCL iVODUw sc-eqUAAy idXJeN">
+                                                     <svg role="presentation" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA">
+                                                        <path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path>
+                                                     </svg>
+                                                  </span>
+                                               </button>
+                                            </div>
+                                         </span>
+                                      </div>
+                                   </div>
+                                   <div class="row row-error" data-error-message="Row has 2 errors" data-key="PEGAPROJMGMT-WORK BUG-557878" role="row" aria-rowindex="2" data-index="1" style="">
+                                      <div data-col-id="RowError" aria-colindex="1" role="gridcell" class="cell row-error-column cell-fixed cell-first" tabindex="-1" style="left: var(--col-left-84321390); order: var(--col-order-84321390); width: var(--col-width-84321390);">
+                                         <span class="StyledSpan--1r5qysr dYxdoi">
+                                            <div class="sc-eqUAAy inTtAe">
+                                               <svg role="presentation" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA" data-popover-target="">
+                                                  <path d="M23.5 22.5h-22l11-20 11 20Zm-9.741-6.935V9.39a1.655 1.655 0 0 0-1.166-.447c-.42 0-.792.134-1.212.447v6.175a3.23 3.23 0 0 0 1.212.223c.466 0 .839-.09 1.166-.223Zm-1.212 4.787c.466 0 .886-.179 1.212-.492.326-.313.466-.671.466-1.074 0-.447-.14-.85-.466-1.163-.326-.313-.746-.447-1.212-.447-.42 0-.792.134-1.119.447a1.594 1.594 0 0 0-.512 1.163c0 .403.186.76.512 1.074.327.313.7.492 1.119.492Z"></path>
+                                               </svg>
+                                            </div>
+                                         </span>
+                                      </div>
+                                      <div data-col-id="Sl.No." aria-colindex="2" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left--1817558664); order: var(--col-order--1817558664); width: var(--col-width--1817558664);"><span class="StyledSpan--1r5qysr dYxdoi">3</span></div>
+                                      <div data-col-id="Name" aria-colindex="3" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left-2420395); order: var(--col-order-2420395); width: var(--col-width-2420395);" data-error-message-set="true"><span class="StyledSpan--1r5qysr dYxdoi">8.5 RTShip:Rspec:#8986:esignerstudio.ruleforms.rule-obj-model</span></div>
+                                      <div data-col-id="Priority" aria-colindex="4" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left--1100816956); order: var(--col-order--1100816956); width: var(--col-width--1100816956);" data-error-message-set="true"><span class="StyledSpan--1r5qysr dYxdoi">45.8</span></div>
+                                      <div data-col-id="Created by" aria-colindex="5" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left--931882833); order: var(--col-order--931882833); width: var(--col-width--931882833);">
+                                         <span class="StyledSpan--1r5qysr dYxdoi">
+                                            <span class="sc-jOnpCo bnordn">
+                                               <span class="custom-avatar-cont">
+                                                  <div data-testid=":avatar:" role="img" shape="circle" aria-label="Squid Bot" class="sc-cVzyXs hUONYW custom-avatar">SB</div>
+                                               </span>
+                                               <span class="sc-cwHptR eeDdRz" style="margin-left: 1.5rem;">Squid Bot</span>
+                                            </span>
+                                         </span>
+                                      </div>
+                                      <div data-col-id="IsActive" aria-colindex="6" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left--684272400); order: var(--col-order--684272400); width: var(--col-width--684272400);"><span class="StyledSpan--1r5qysr dYxdoi">false</span></div>
+                                      <div data-col-id="Release" aria-colindex="7" role="gridcell" class="cell cell-last" tabindex="-1" style="left: var(--col-left--1539719193); order: var(--col-order--1539719193); width: var(--col-width--1539719193);"><span class="StyledSpan--1r5qysr dYxdoi"><span><span>RLS-22582</span></span></span></div>
+                                      <div data-col-id="RowActionMenu" aria-colindex="8" role="gridcell" class="cell cell-action" tabindex="-1" style="left: var(--col-left--679626225); order: var(--col-order--679626225); width: var(--col-width--679626225);">
+                                         <span class="StyledSpan--1r5qysr dYxdoi">
+                                            <div class="sc-deXhhX kWRhZW row-action-menu">
+                                               <button data-testid=":menu-button:" tabindex="-1" id="_tiduocf6w" aria-expanded="false" aria-haspopup="menu" aria-controls="_tiduocf6w-popover" type="button" aria-label="Actions" class="sc-dZoequ dLdbOB sc-dLMFU imnmrQ" data-popover-target="">
+                                                  <span class="sc-eZkCL iVODUw sc-eqUAAy idXJeN">
+                                                     <svg role="presentation" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA">
+                                                        <path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path>
+                                                     </svg>
+                                                  </span>
+                                               </button>
+                                            </div>
+                                         </span>
+                                      </div>
+                                   </div>
+                                   <div class="row" data-key="PEGAPROJMGMT-WORK BUG-557877" role="row" aria-rowindex="3" data-index="2" style="">
+                                      <div data-col-id="RowError" aria-colindex="1" role="gridcell" class="cell row-error-column cell-fixed cell-first" tabindex="-1" style="left: var(--col-left-84321390); order: var(--col-order-84321390); width: var(--col-width-84321390);"><span class="StyledSpan--1r5qysr dYxdoi"></span></div>
+                                      <div data-col-id="Sl.No." aria-colindex="2" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left--1817558664); order: var(--col-order--1817558664); width: var(--col-width--1817558664);"><span class="StyledSpan--1r5qysr dYxdoi">4</span></div>
+                                      <div data-col-id="Name" aria-colindex="3" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left-2420395); order: var(--col-order-2420395); width: var(--col-width-2420395);"><span class="StyledSpan--1r5qysr dYxdoi">8.5 RTShip:Rspec:#8986:gnerstudio.ruleforms.rule-obj-activity</span></div>
+                                      <div data-col-id="Priority" aria-colindex="4" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left--1100816956); order: var(--col-order--1100816956); width: var(--col-width--1100816956);"><span class="StyledSpan--1r5qysr dYxdoi">45</span></div>
+                                      <div data-col-id="Created by" aria-colindex="5" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left--931882833); order: var(--col-order--931882833); width: var(--col-width--931882833);">
+                                         <span class="StyledSpan--1r5qysr dYxdoi">
+                                            <span class="sc-jOnpCo bnordn">
+                                               <span class="custom-avatar-cont">
+                                                  <div data-testid=":avatar:" role="img" shape="circle" aria-label="Squid Bot" class="sc-cVzyXs hUONYW custom-avatar">SB</div>
+                                               </span>
+                                               <span class="sc-cwHptR eeDdRz" style="margin-left: 1.5rem;">Squid Bot</span>
+                                            </span>
+                                         </span>
+                                      </div>
+                                      <div data-col-id="IsActive" aria-colindex="6" role="gridcell" class="cell" tabindex="-1" style="left: var(--col-left--684272400); order: var(--col-order--684272400); width: var(--col-width--684272400);"><span class="StyledSpan--1r5qysr dYxdoi">true</span></div>
+                                      <div data-col-id="Release" aria-colindex="7" role="gridcell" class="cell cell-last" tabindex="-1" style="left: var(--col-left--1539719193); order: var(--col-order--1539719193); width: var(--col-width--1539719193);"><span class="StyledSpan--1r5qysr dYxdoi"><span><span>RLS-22582</span></span></span></div>
+                                      <div data-col-id="RowActionMenu" aria-colindex="8" role="gridcell" class="cell cell-action" tabindex="-1" style="left: var(--col-left--679626225); order: var(--col-order--679626225); width: var(--col-width--679626225);">
+                                         <span class="StyledSpan--1r5qysr dYxdoi">
+                                            <div class="sc-deXhhX kWRhZW row-action-menu">
+                                               <button data-testid=":menu-button:" tabindex="-1" id="_5r4o0gq8d" aria-expanded="false" aria-haspopup="menu" aria-controls="_5r4o0gq8d-popover" type="button" aria-label="Actions" class="sc-dZoequ dLdbOB sc-dLMFU imnmrQ" data-popover-target="">
+                                                  <span class="sc-eZkCL iVODUw sc-eqUAAy idXJeN">
+                                                     <svg role="presentation" viewBox="0 0 25 25" class="sc-jEACwC eBRRrA">
+                                                        <path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path>
+                                                     </svg>
+                                                  </span>
+                                               </button>
+                                            </div>
+                                         </span>
+                                      </div>
+                                   </div>
+                                </div>
+                             </div>
+                             <div class="footer" role="row" style="position: sticky; bottom: 0px; z-index: 6; display: grid;"></div>
+                          </div>
+                       </div>
+                       <input class="sc-gvPdwL cZHQEb bottom" type="text" aria-hidden="true">
+                    </div>
+                 </div>
+              </article>
+           </div>
+        </div>
+     </div>
+  </div>
+</div>`;
+    // https://github.com/jsdom/jsdom/issues/2586#issuecomment-742593116
+    document.body.appendChild(tableElement);
+    return tableElement.querySelector(`.${containerName}`);
+}
+//# sourceMappingURL=a11ySampleWithErrors.js.map