@popsure/dirty-swan 0.54.2 → 0.54.3

package/dist/esm/components/table/components/TableCell/TableCell.js

@@ -1,23 +1,31 @@
-import { a as __assign } from '../../../../tslib.es6-a39f91fc.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Button } from '../../../button/index.js';
-import CheckIcon from '../../../icon/icons/Check.js';
-import InfoIcon from '../../../icon/icons/Info.js';
-import StarFilledIcon from '../../../icon/icons/StarFilled.js';
-import XIcon from '../../../icon/icons/X.js';
-import ZapFilledIcon from '../../../icon/icons/ZapFilled.js';
+import { b as __rest, a as __assign } from '../../../../tslib.es6-a39f91fc.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { c as classNames } from '../../../../index-6ea95111.js';
 import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import { BaseCell } from './BaseCell/BaseCell.js';
+import { CTACell } from './CTACell/CTACell.js';
+import { ButtonCell } from './ButtonCell/ButtonCell.js';
+import '../../../icon/icons/Check.js';
 import 'react';
 import '../../../icon/IconWrapper/IconWrapper.js';
+import '../../../icon/icons/StarFilled.js';
+import '../../../icon/icons/X.js';
+import '../../../icon/icons/ZapFilled.js';
+import './BaseCell/MiniProgressBar/MiniProgressBar.js';
+import '../../../../index-3d286178.js';
+import '../../../../_commonjsHelpers-4730bd53.js';
+import '../../../comparisonTable/components/TableInfoButton/index.js';
+import '../../../icon/icons/Info.js';
+import '../../../../index-5e72c3d4.js';
+import '../../../button/index.js';
 
-var css_248z = ".TableCell-module_button__2MKH1 {\n  min-height: initial;\n  height: initial;\n  width: initial;\n  padding: 0;\n}\n\n.TableCell-module_icon__2o49x {\n  margin: 2px;\n}\n\n.TableCell-module_th__2rjCU {\n  vertical-align: middle;\n  scroll-snap-align: end;\n  width: 50%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_th__2rjCU {\n    width: auto;\n    scroll-snap-align: unset;\n  }\n}\n\n.TableCell-module_thRow__3Qp3k {\n  position: sticky;\n  top: 0;\n}\n\n.TableCell-module_thCol__34DMO {\n  text-align: left;\n}\n\n.TableCell-module_fixedCell__cL3-m {\n  position: sticky;\n  left: 0;\n  z-index: 2;\n}\n.TableCell-module_fixedCell__cL3-m:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: 1px;\n  background-color: #f5f6fb;\n}\n\n.TableCell-module_topLeftCell__3npat {\n  position: relative;\n  display: none;\n}\n.TableCell-module_topLeftCell__3npat:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_topLeftCell__3npat {\n    display: flex;\n  }\n}";
-var styles = {"button":"TableCell-module_button__2MKH1","icon":"TableCell-module_icon__2o49x","th":"TableCell-module_th__2rjCU","thRow":"TableCell-module_thRow__3Qp3k","thCol":"TableCell-module_thCol__34DMO","fixedCell":"TableCell-module_fixedCell__cL3-m","topLeftCell":"TableCell-module_topLeftCell__3npat"};
+var css_248z = ".TableCell-module_th__2rjCU {\n  vertical-align: middle;\n  scroll-snap-align: end;\n  width: 50%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_th__2rjCU {\n    width: auto;\n    scroll-snap-align: unset;\n  }\n}\n\n.TableCell-module_fixedCell__cL3-m {\n  position: sticky;\n  left: 0;\n  z-index: 2;\n}\n.TableCell-module_fixedCell__cL3-m:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: 1px;\n  background-color: #f5f6fb;\n}";
+var styles = {"th":"TableCell-module_th__2rjCU","fixedCell":"TableCell-module_fixedCell__cL3-m"};
 styleInject(css_248z);
 
 var TableCell = function (_a) {
     var _b;
-    var _c = _a.align, align = _c === void 0 ? 'center' : _c, checkmarkValue = _a.checkmarkValue, _d = _a.content, content = _d === void 0 ? '' : _d, _e = _a.isFirstCellInRow, isFirstCellInRow = _e === void 0 ? false : _e, _f = _a.isHeader, isHeader = _f === void 0 ? false : _f, _g = _a.isNavigation, isNavigation = _g === void 0 ? false : _g, _h = _a.isTopLeftCell, isTopLeftCell = _h === void 0 ? false : _h, _j = _a.modalContent, modalContent = _j === void 0 ? '' : _j, openModal = _a.openModal, rating = _a.rating, _k = _a.subContent, subContent = _k === void 0 ? '' : _k;
+    var _c = _a.isFirstCellInRow, isFirstCellInRow = _c === void 0 ? false : _c, _d = _a.isHeader, isHeader = _d === void 0 ? false : _d, _e = _a.isNavigation, isNavigation = _e === void 0 ? false : _e, _f = _a.isTopLeftCell, isTopLeftCell = _f === void 0 ? false : _f, cellProps = __rest(_a, ["isFirstCellInRow", "isHeader", "isNavigation", "isTopLeftCell"]);
     // prettier-ignore
     var Tag = isNavigation
         ? 'div'
@@ -29,19 +37,12 @@ var TableCell = function (_a) {
     var scope = {
         scope: thScope,
     };
-    var alignClassName = {
-        center: 'ta-center jc-center',
-        left: 'ta-left jc-start',
-        right: 'ta-right',
-    }[align];
-    var validRatingValues = [1, 2, 3];
-    var SelectedIcon = (rating === null || rating === void 0 ? void 0 : rating.type) === 'zap' ? ZapFilledIcon : StarFilledIcon;
-    return (jsx(Tag, __assign({}, scope, { className: classNames('bg-white py24 px8', styles.th, (_b = {
+    return (jsxs(Tag, __assign({}, scope, { className: classNames('bg-white py24 px8', styles.th, (_b = {
                 'ta-left': isFirstCellInRow
             },
             _b[styles.fixedCell] = isFirstCellInRow,
             _b.pl32 = isFirstCellInRow,
-            _b)), children: jsxs("div", { className: "d-flex fd-column gap8", children: [jsxs("div", { className: classNames('d-flex gap8 ai-center', alignClassName), children: [(rating === null || rating === void 0 ? void 0 : rating.value) && (jsx("span", { "data-testid": "table-cell-rating", title: "".concat(rating === null || rating === void 0 ? void 0 : rating.value, " out of 3"), children: validRatingValues.map(function (value) { return (jsx(SelectedIcon, { "aria-hidden": "true", color: value <= (rating === null || rating === void 0 ? void 0 : rating.value) ? 'primary-500' : 'grey-400', className: styles.icon }, value)); }) })), checkmarkValue !== undefined && (jsx("span", { title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsx(CheckIcon, { "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "primary-500" })) : (jsx(XIcon, { "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "grey-400" })) })), content && !isTopLeftCell && (jsx("div", { className: "p-p", "data-testid": "table-cell-content", children: content })), content && isTopLeftCell && (jsx("div", { "aria-hidden": true, className: classNames('tc-grey-800 p-h2 p--serif', styles.topLeftCell), children: content })), modalContent && openModal && (jsx(Button, { className: styles.button, hideLabel: true, leftIcon: jsx(InfoIcon, { size: 20 }), onClick: function () { return openModal(modalContent); }, type: "button", variant: "textColor", children: "View more info" }))] }), subContent && (jsx("div", { className: classNames('d-flex p-p--small tc-grey-500', alignClassName), children: subContent }))] }) })));
+            _b)), children: [!cellProps.type && (jsx(BaseCell, __assign({}, cellProps, { contentFontVariant: isTopLeftCell ? 'BIG_WITH_UNDERLINE' : 'NORMAL' }))), cellProps.type === 'CTA' && jsx(CTACell, __assign({}, cellProps)), cellProps.type === 'BUTTON' && jsx(ButtonCell, __assign({}, cellProps))] })));
 };
 
 export { TableCell };

package/dist/esm/components/table/components/TableCell/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../../../../../src/lib/components/table/components/TableCell/TableCell.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Button } from '../../../button';\nimport {\n  CheckIcon,\n  InfoIcon,\n  StarFilledIcon,\n  XIcon,\n  ZapFilledIcon,\n} from '../../../icon';\nimport classNames from 'classnames';\n\nimport styles from './TableCell.module.scss';\n\ninterface BaseTableCellProps {\n  align?: 'center' | 'left' | 'right';\n  checkmarkValue?: boolean;\n  content?: ReactNode;\n  modalContent?: ReactNode;\n  openModal?: (modalContent: ReactNode) => void;\n  subContent?: ReactNode;\n  rating?: {\n    value: number;\n    type: 'zap' | 'star';\n  };\n}\n\ninterface PositionalTableCellProps {\n  isHeader?: boolean;\n  isFirstCellInRow?: boolean;\n  isTopLeftCell?: boolean;\n  isNavigation?: boolean;\n}\n\nexport type TableCellProps = BaseTableCellProps & PositionalTableCellProps;\n\nconst TableCell = ({\n  align = 'center',\n  checkmarkValue,\n  content = '',\n  isFirstCellInRow = false,\n  isHeader = false,\n  isNavigation = false,\n  isTopLeftCell = false,\n  modalContent = '',\n  openModal,\n  rating,\n  subContent = '',\n}: TableCellProps) => {\n  // prettier-ignore\n  const Tag = isNavigation\n    ? 'div'\n    : isHeader || isFirstCellInRow ? 'th' : 'td';\n\n  // prettier-ignore\n  const thScope = isHeader\n    ? 'col'\n    : isFirstCellInRow ? 'row' : undefined;\n\n  const scope = {\n    scope: thScope,\n  };\n\n  const alignClassName = {\n    center: 'ta-center jc-center',\n    left: 'ta-left jc-start',\n    right: 'ta-right',\n  }[align];\n\n  const validRatingValues: number[] = [1, 2, 3];\n  const SelectedIcon = rating?.type === 'zap' ? ZapFilledIcon : StarFilledIcon;\n\n  return (\n    <Tag\n      {...scope}\n      className={classNames('bg-white py24 px8', styles.th, {\n        'ta-left': isFirstCellInRow,\n        [styles.fixedCell]: isFirstCellInRow,\n        pl32: isFirstCellInRow,\n      })}\n    >\n      <div className=\"d-flex fd-column gap8\">\n        <div className={classNames('d-flex gap8 ai-center', alignClassName)}>\n          {rating?.value && (\n            <span\n              data-testid=\"table-cell-rating\"\n              title={`${rating?.value} out of 3`}\n            >\n              {validRatingValues.map((value) => (\n                <SelectedIcon\n                  aria-hidden=\"true\"\n                  key={value}\n                  color={value <= rating?.value ? 'primary-500' : 'grey-400'}\n                  className={styles.icon}\n                />\n              ))}\n            </span>\n          )}\n\n          {checkmarkValue !== undefined && (\n            <span title={checkmarkValue ? 'Yes' : 'No'}>\n              {checkmarkValue ? (\n                <CheckIcon\n                  data-testid=\"table-cell-boolean-yes\"\n                  size={24}\n                  aria-hidden\n                  color=\"primary-500\"\n                />\n              ) : (\n                <XIcon\n                  data-testid=\"table-cell-boolean-no\"\n                  size={24}\n                  aria-hidden\n                  color=\"grey-400\"\n                />\n              )}\n            </span>\n          )}\n\n          {content && !isTopLeftCell && (\n            <div className=\"p-p\" data-testid=\"table-cell-content\">\n              {content}\n            </div>\n          )}\n\n          {content && isTopLeftCell && (\n            <div\n              aria-hidden\n              className={classNames(\n                'tc-grey-800 p-h2 p--serif',\n                styles.topLeftCell\n              )}\n            >\n              {content}\n            </div>\n          )}\n\n          {modalContent && openModal && (\n            <Button\n              className={styles.button}\n              hideLabel\n              leftIcon={<InfoIcon size={20} />}\n              onClick={() => openModal(modalContent)}\n              type=\"button\"\n              variant=\"textColor\"\n            >\n              View more info\n            </Button>\n          )}\n        </div>\n\n        {subContent && (\n          <div\n            className={classNames(\n              'd-flex p-p--small tc-grey-500',\n              alignClassName\n            )}\n          >\n            {subContent}\n          </div>\n        )}\n      </div>\n    </Tag>\n  );\n};\n\nexport { TableCell };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"TableCell.js","sources":["../../../../../../../src/lib/components/table/components/TableCell/TableCell.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './TableCell.module.scss';\nimport { BaseCell, BaseCellProps } from './BaseCell/BaseCell';\nimport { TableCellData } from '../../types';\nimport { CTACell } from './CTACell/CTACell';\nimport { ButtonCell } from './ButtonCell/ButtonCell';\n\ntype PositionalTableCellProps = {\n  isHeader?: boolean;\n  isFirstCellInRow?: boolean;\n  isTopLeftCell?: boolean;\n  isNavigation?: boolean;\n};\n\nexport type TableCellProps = TableCellData & PositionalTableCellProps;\n\nconst TableCell = ({\n  isFirstCellInRow = false,\n  isHeader = false,\n  isNavigation = false,\n  isTopLeftCell = false,\n  ...cellProps\n}: TableCellProps) => {\n  // prettier-ignore\n  const Tag = isNavigation\n    ? 'div'\n    : isHeader || isFirstCellInRow ? 'th' : 'td';\n\n  // prettier-ignore\n  const thScope = isHeader\n    ? 'col'\n    : isFirstCellInRow ? 'row' : undefined;\n\n  const scope = {\n    scope: thScope,\n  };\n\n  return (\n    <Tag\n      {...scope}\n      className={classNames('bg-white py24 px8', styles.th, {\n        'ta-left': isFirstCellInRow,\n        [styles.fixedCell]: isFirstCellInRow,\n        pl32: isFirstCellInRow,\n      })}\n    >\n      {!cellProps.type && (\n        <BaseCell\n          {...cellProps}\n          contentFontVariant={isTopLeftCell ? 'BIG_WITH_UNDERLINE' : 'NORMAL'}\n        />\n      )}\n      {cellProps.type === 'CTA' && <CTACell {...cellProps} />}\n      {cellProps.type === 'BUTTON' && <ButtonCell {...cellProps} />}\n    </Tag>\n  );\n};\n\nexport { TableCell };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAiBM,SAAS,GAAG,UAAC,EAMF;;IALf,IAAA,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EAClB,SAAS,cALK,iEAMlB,CADa;;IAGZ,IAAM,GAAG,GAAG,YAAY;UACpB,KAAK;UACL,QAAQ,IAAI,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;;IAG/C,IAAM,OAAO,GAAG,QAAQ;UACpB,KAAK;UACL,gBAAgB,GAAG,KAAK,GAAG,SAAS,CAAC;IAEzC,IAAM,KAAK,GAAG;QACZ,KAAK,EAAE,OAAO;KACf,CAAC;IAEF,QACEA,KAAC,GAAG,eACE,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,MAAM,CAAC,EAAE;gBAClD,SAAS,EAAE,gBAAgB;;YAC3B,GAAC,MAAM,CAAC,SAAS,IAAG,gBAAgB;YACpC,OAAI,GAAE,gBAAgB;gBACtB,aAED,CAAC,SAAS,CAAC,IAAI,KACdC,IAAC,QAAQ,eACH,SAAS,IACb,kBAAkB,EAAE,aAAa,GAAG,oBAAoB,GAAG,QAAQ,IACnE,CACH,EACA,SAAS,CAAC,IAAI,KAAK,KAAK,IAAIA,IAAC,OAAO,eAAK,SAAS,EAAI,EACtD,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAIA,IAAC,UAAU,eAAK,SAAS,EAAI,KACzD,EACN;AACJ;;;;"}

package/dist/esm/components/table/components/TableCell/TableCell.test.js

@@ -1,64 +1,78 @@
+import { a as __assign, b as __rest } from '../../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
 import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
 import { TableCell } from './TableCell.js';
-import '../../../../tslib.es6-a39f91fc.js';
 import 'react';
 import 'react-dom';
 import '../../../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
-import '../../../button/index.js';
 import '../../../../index-6ea95111.js';
+import '../../../../style-inject.es-1f59c1d0.js';
+import './BaseCell/BaseCell.js';
 import '../../../icon/icons/Check.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../../style-inject.es-1f59c1d0.js';
-import '../../../icon/icons/Info.js';
 import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
+import './BaseCell/MiniProgressBar/MiniProgressBar.js';
+import '../../../../index-3d286178.js';
+import '../../../comparisonTable/components/TableInfoButton/index.js';
+import '../../../icon/icons/Info.js';
+import '../../../../index-5e72c3d4.js';
+import './CTACell/CTACell.js';
+import './ButtonCell/ButtonCell.js';
+import '../../../button/index.js';
 
 var openModal = jest.fn();
+var setup = function (_a) {
+    if (_a === void 0) { _a = {}; }
+    var isNavigation = _a.isNavigation, rest = __rest(_a, ["isNavigation"]);
+    return customRender(isNavigation
+        ? jsx(TableCell, __assign({}, rest, { isNavigation: true }))
+        : (jsx("table", { children: jsx("tbody", { children: jsx("tr", { children: jsx(TableCell, __assign({}, rest)) }) }) })));
+};
 describe('TableCell', function () {
     it('renders the component with boolean true', function () {
-        customRender(jsx(TableCell, { checkmarkValue: true }));
+        setup({ checkmarkValue: true });
         expect(screen.getByTitle('Yes')).toBeInTheDocument();
         expect(screen.getByTestId('table-cell-boolean-yes')).toBeInTheDocument();
     });
     it('renders the component with boolean false', function () {
-        customRender(jsx(TableCell, { checkmarkValue: false }));
+        setup({ checkmarkValue: false });
         expect(screen.getByTitle('No')).toBeInTheDocument();
         expect(screen.getByTestId('table-cell-boolean-no')).toBeInTheDocument();
     });
     it('renders the component without boolean', function () {
-        customRender(jsx(TableCell, {}));
+        setup();
         expect(screen.queryByTitle('Yes')).not.toBeInTheDocument();
         expect(screen.queryByTitle('No')).not.toBeInTheDocument();
         expect(screen.queryByTestId('table-cell-boolean-yes')).not.toBeInTheDocument();
         expect(screen.queryByTestId('table-cell-boolean-no')).not.toBeInTheDocument();
     });
     it('renders the component with rating', function () {
-        customRender(jsx(TableCell, { rating: { type: 'star', value: 2 } }));
+        setup({ rating: { type: 'star', value: 2 } });
         expect(screen.getByTitle('2 out of 3')).toBeInTheDocument();
     });
     it('renders the component without rating', function () {
-        customRender(jsx(TableCell, {}));
+        setup();
         expect(screen.queryByTestId('table-cell-rating')).not.toBeInTheDocument();
     });
     it('renders the component with text', function () {
-        customRender(jsx(TableCell, { content: "Sample text" }));
+        setup({ content: "Sample text" });
         expect(screen.getByText('Sample text')).toBeInTheDocument();
     });
     it('renders the component without text', function () {
-        customRender(jsx(TableCell, {}));
+        setup();
         expect(screen.queryByTestId('table-cell-text')).not.toBeInTheDocument();
     });
     it('renders the component without info', function () {
-        customRender(jsx(TableCell, {}));
+        setup();
         expect(screen.queryByText('View more info')).not.toBeInTheDocument();
     });
     it('calls openModal when info button is clicked', function () {
-        customRender(jsx(TableCell, { modalContent: "Additional information", openModal: openModal }));
+        setup({ modalContent: "Additional information", openModal: openModal });
         // Click info button
-        screen.getByText('View more info').click();
+        screen.getByTestId('ds-table-info-button').click();
         // Assert openModal is called with info prop
         expect(openModal).toHaveBeenCalledWith('Additional information');
     });

package/dist/esm/components/table/components/TableCell/TableCell.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.test.js","sources":["../../../../../../../src/lib/components/table/components/TableCell/TableCell.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableCell } from './TableCell';\n\nconst openModal = jest.fn();\n\ndescribe('TableCell', () => {\n  it('renders the component with boolean true', () => {\n    render(<TableCell checkmarkValue={true} />);\n\n    expect(screen.getByTitle('Yes')).toBeInTheDocument();\n    expect(screen.getByTestId('table-cell-boolean-yes')).toBeInTheDocument();\n  });\n\n  it('renders the component with boolean false', () => {\n    render(<TableCell checkmarkValue={false} />);\n\n    expect(screen.getByTitle('No')).toBeInTheDocument();\n    expect(screen.getByTestId('table-cell-boolean-no')).toBeInTheDocument();\n  });\n\n  it('renders the component without boolean', () => {\n    render(<TableCell />);\n\n    expect(screen.queryByTitle('Yes')).not.toBeInTheDocument();\n    expect(screen.queryByTitle('No')).not.toBeInTheDocument();\n    expect(\n      screen.queryByTestId('table-cell-boolean-yes')\n    ).not.toBeInTheDocument();\n    expect(\n      screen.queryByTestId('table-cell-boolean-no')\n    ).not.toBeInTheDocument();\n  });\n\n  it('renders the component with rating', () => {\n    render(<TableCell rating={{ type: 'star', value: 2 }} />);\n\n    expect(screen.getByTitle('2 out of 3')).toBeInTheDocument();\n  });\n\n  it('renders the component without rating', () => {\n    render(<TableCell />);\n\n    expect(screen.queryByTestId('table-cell-rating')).not.toBeInTheDocument();\n  });\n\n  it('renders the component with text', () => {\n    render(<TableCell content=\"Sample text\" />);\n\n    expect(screen.getByText('Sample text')).toBeInTheDocument();\n  });\n\n  it('renders the component without text', () => {\n    render(<TableCell />);\n\n    expect(screen.queryByTestId('table-cell-text')).not.toBeInTheDocument();\n  });\n\n  it('renders the component without info', () => {\n    render(<TableCell />);\n\n    expect(screen.queryByText('View more info')).not.toBeInTheDocument();\n  });\n\n  it('calls openModal when info button is clicked', () => {\n    render(\n      <TableCell modalContent=\"Additional information\" openModal={openModal} />\n    );\n\n    // Click info button\n    screen.getByText('View more info').click();\n\n    // Assert openModal is called with info prop\n    expect(openModal).toHaveBeenCalledWith('Additional information');\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}
+{"version":3,"file":"TableCell.test.js","sources":["../../../../../../../src/lib/components/table/components/TableCell/TableCell.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableCell, TableCellProps } from './TableCell';\n\nconst openModal = jest.fn();\n\nconst setup = ({ isNavigation, ...rest }: TableCellProps = {}) => render(\n  isNavigation \n    ? <TableCell {...rest} isNavigation />\n    : (\n      <table>\n        <tbody>\n          <tr>\n            <TableCell {...rest} />\n          </tr>\n        </tbody>\n      </table>  \n    )\n  );\n\ndescribe('TableCell', () => {\n  it('renders the component with boolean true', () => {\n    setup({ checkmarkValue: true });\n\n    expect(screen.getByTitle('Yes')).toBeInTheDocument();\n    expect(screen.getByTestId('table-cell-boolean-yes')).toBeInTheDocument();\n  });\n\n  it('renders the component with boolean false', () => {\n    setup({ checkmarkValue: false });\n\n    expect(screen.getByTitle('No')).toBeInTheDocument();\n    expect(screen.getByTestId('table-cell-boolean-no')).toBeInTheDocument();\n  });\n\n  it('renders the component without boolean', () => {\n    setup();\n\n    expect(screen.queryByTitle('Yes')).not.toBeInTheDocument();\n    expect(screen.queryByTitle('No')).not.toBeInTheDocument();\n    expect(\n      screen.queryByTestId('table-cell-boolean-yes')\n    ).not.toBeInTheDocument();\n    expect(\n      screen.queryByTestId('table-cell-boolean-no')\n    ).not.toBeInTheDocument();\n  });\n\n  it('renders the component with rating', () => {\n    setup({ rating: { type: 'star', value: 2 } });\n\n    expect(screen.getByTitle('2 out of 3')).toBeInTheDocument();\n  });\n\n  it('renders the component without rating', () => {\n    setup();\n\n    expect(screen.queryByTestId('table-cell-rating')).not.toBeInTheDocument();\n  });\n\n  it('renders the component with text', () => {\n    setup({ content: \"Sample text\" });\n\n    expect(screen.getByText('Sample text')).toBeInTheDocument();\n  });\n\n  it('renders the component without text', () => {\n    setup();\n\n    expect(screen.queryByTestId('table-cell-text')).not.toBeInTheDocument();\n  });\n\n  it('renders the component without info', () => {\n    setup();\n\n    expect(screen.queryByText('View more info')).not.toBeInTheDocument();\n  });\n\n  it('calls openModal when info button is clicked', () => {\n    setup({ modalContent: \"Additional information\", openModal });\n\n    // Click info button\n    screen.getByTestId('ds-table-info-button').click();\n\n    // Assert openModal is called with info prop\n    expect(openModal).toHaveBeenCalledWith('Additional information');\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}

package/dist/esm/components/table/components/TableContents/TableContents.js

@@ -9,13 +9,21 @@ import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
 import { c as classNames } from '../../../../index-6ea95111.js';
 import { C as Collapsible } from '../../../../Collapsible-a355828b.js';
 import '../TableCell/TableCell.js';
-import '../../../button/index.js';
+import '../TableCell/BaseCell/BaseCell.js';
 import '../../../icon/icons/Check.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../icon/icons/Info.js';
 import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
+import '../TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
+import '../../../../index-3d286178.js';
+import '../../../../_commonjsHelpers-4730bd53.js';
+import '../../../comparisonTable/components/TableInfoButton/index.js';
+import '../../../icon/icons/Info.js';
+import '../../../../index-5e72c3d4.js';
+import '../TableCell/CTACell/CTACell.js';
+import '../TableCell/ButtonCell/ButtonCell.js';
+import '../../../button/index.js';
 import '../../../icon/icons/ChevronRight.js';
 import '../../../../index-a0ef2ab4.js';
 

package/dist/esm/components/table/components/TableContents/TableContents.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContents.js","sources":["../../../../../../../src/lib/components/table/components/TableContents/TableContents.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { TableSection } from '../TableSection/TableSection';\nimport { ChevronDownIcon, ChevronUpIcon } from '../../../icon';\nimport { Card } from '../../../cards/card';\n\nimport styles from './TableContents.module.scss';\nimport classNames from 'classnames';\nimport { Collapsible } from './Collapsible';\nimport { ModalFunction, TableData } from '../../types';\n\nexport interface TableContentsProps {\n  className?: string;\n  collapsibleSections?: boolean;\n  tableData: TableData;\n  hideDetails?: boolean;\n  isMobile?: boolean;\n  openModal?: ModalFunction;\n  shouldHideDetails?: boolean;\n  title: string;\n}\n\nconst TableContents = ({\n  className,\n  collapsibleSections,\n  tableData,\n  hideDetails,\n  isMobile,\n  openModal,\n  shouldHideDetails,\n  title,\n}: TableContentsProps) => {\n  const [isSectionOpen, setOpenSection] = useState<number | null>(null);\n  const firstHeadRow = tableData?.[0]?.rows?.[0];\n  const tableWidth = isMobile ? `${firstHeadRow?.length * 50}%` : '';\n  const handleToggleSection = (index: number) => {\n    setOpenSection((currentSection) =>\n      currentSection === index ? null : index\n    );\n  };\n\n  return (\n    <div style={{ width: tableWidth }}>\n      {tableData.map(({ rows, section = {} }, index) => {\n        const isFirstSection = index === 0;\n        const isExpanded = !collapsibleSections\n          ? true\n          : isSectionOpen === index || isFirstSection;\n        const isVisible = hideDetails ? !shouldHideDetails : true;\n\n        return (\n          (isFirstSection || isVisible) && (\n            <div key={index}>\n              {section?.title && (\n                <div className={styles.cardWrapper}>\n                  <div className={classNames(styles.card, 'p8')}>\n                    <Card\n                      actionIcon={\n                        isExpanded ? (\n                          <ChevronUpIcon size={24} />\n                        ) : (\n                          <ChevronDownIcon size={24} />\n                        )\n                      }\n                      aria-expanded={isExpanded ? 'true' : 'false'}\n                      aria-hidden\n                      classNames={{\n                        wrapper: 'bg-grey-200',\n                        icon: 'tc-grey-900',\n                      }}\n                      dropShadow={false}\n                      icon={section?.icon}\n                      title={section.title}\n                      titleVariant=\"medium\"\n                      {...(collapsibleSections\n                        ? {\n                            onClick: () => handleToggleSection(index),\n                          }\n                        : {})}\n                    />\n                  </div>\n                </div>\n              )}\n\n              <Collapsible isExpanded={isExpanded} isMobile={isMobile}>\n                <TableSection\n                  className={classNames(className, 'mb24')}\n                  tableCellRows={\n                    isFirstSection ? rows : [firstHeadRow, ...rows]\n                  }\n                  hideHeader\n                  openModal={openModal}\n                  title={`${title}${\n                    section?.title ? ` - ${section.title}` : ''\n                  }`}\n                  width={tableWidth}\n                />\n              </Collapsible>\n            </div>\n          )\n        );\n      })}\n    </div>\n  );\n};\n\nexport { TableContents };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAqBM,aAAa,GAAG,UAAC,EASF;;QARnB,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAAiB,uBAAA,EACjB,KAAK,WAAA;IAEC,IAAA,KAAkC,QAAQ,CAAgB,IAAI,CAAC,EAA9D,aAAa,QAAA,EAAE,cAAc,QAAiC,CAAC;IACtE,IAAM,YAAY,GAAG,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,0CAAE,IAAI,0CAAG,CAAC,CAAC,CAAC;IAC/C,IAAM,UAAU,GAAG,QAAQ,GAAG,UAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,IAAG,EAAE,MAAG,GAAG,EAAE,CAAC;IACnE,IAAM,mBAAmB,GAAG,UAAC,KAAa;QACxC,cAAc,CAAC,UAAC,cAAc;YAC5B,OAAA,cAAc,KAAK,KAAK,GAAG,IAAI,GAAG,KAAK;SAAA,CACxC,CAAC;KACH,CAAC;IAEF,QACEA,aAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,YAC9B,SAAS,CAAC,GAAG,CAAC,UAAC,EAAsB,EAAE,KAAK;gBAA3B,IAAI,UAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA;YAClC,IAAM,cAAc,GAAG,KAAK,KAAK,CAAC,CAAC;YACnC,IAAM,UAAU,GAAG,CAAC,mBAAmB;kBACnC,IAAI;kBACJ,aAAa,KAAK,KAAK,IAAI,cAAc,CAAC;YAC9C,IAAM,SAAS,GAAG,WAAW,GAAG,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAE1D,QACE,CAAC,cAAc,IAAI,SAAS,MAC1BC,yBACG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,MACbD,aAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAChCA,aAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,YAC3CA,IAAC,IAAI,aACH,UAAU,EACR,UAAU,IACRA,IAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,KAE3BA,IAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,CAC9B,mBAEY,UAAU,GAAG,MAAM,GAAG,OAAO,uBAE5C,UAAU,EAAE;oCACV,OAAO,EAAE,aAAa;oCACtB,IAAI,EAAE,aAAa;iCACpB,EACD,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EACnB,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,YAAY,EAAC,QAAQ,KAChB,mBAAmB;kCACpB;oCACE,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,KAAK,CAAC,GAAA;iCAC1C;kCACD,EAAE,GACN,GACE,GACF,CACP,EAEDA,IAAC,WAAW,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,YACrDA,IAAC,YAAY,IACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,EACxC,aAAa,EACX,cAAc,GAAG,IAAI,kBAAI,YAAY,GAAK,IAAI,OAAC,EAEjD,UAAU,QACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAG,KAAK,SACb,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,IAAG,aAAM,OAAO,CAAC,KAAK,CAAE,GAAG,EAAE,CAC3C,EACF,KAAK,EAAE,UAAU,GACjB,GACU,KA7CN,KAAK,CA8CT,CACP,EACD;SACH,CAAC,GACE,EACN;AACJ;;;;"}
+{"version":3,"file":"TableContents.js","sources":["../../../../../../../src/lib/components/table/components/TableContents/TableContents.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { TableSection } from '../TableSection/TableSection';\nimport { ChevronDownIcon, ChevronUpIcon } from '../../../icon';\nimport { Card } from '../../../cards/card';\n\nimport styles from './TableContents.module.scss';\nimport classNames from 'classnames';\nimport { Collapsible } from './Collapsible';\nimport { ModalFunction, TableData } from '../../types';\n\nexport interface TableContentsProps {\n  className?: string;\n  collapsibleSections?: boolean;\n  tableData: TableData;\n  hideDetails?: boolean;\n  isMobile?: boolean;\n  openModal?: ModalFunction;\n  shouldHideDetails?: boolean;\n  title: string;\n}\n\nconst TableContents = ({\n  className,\n  collapsibleSections,\n  tableData,\n  hideDetails,\n  isMobile,\n  openModal,\n  shouldHideDetails,\n  title,\n}: TableContentsProps) => {\n  const [isSectionOpen, setOpenSection] = useState<number | null>(null);\n  const firstHeadRow = tableData?.[0]?.rows?.[0];\n  const tableWidth = isMobile ? `${firstHeadRow?.length * 50}%` : '';\n  const handleToggleSection = (index: number) => {\n    setOpenSection((currentSection) =>\n      currentSection === index ? null : index\n    );\n  };\n\n  return (\n    <div style={{ width: tableWidth }}>\n      {tableData.map(({ rows, section = {} }, index) => {\n        const isFirstSection = index === 0;\n        const isExpanded = !collapsibleSections\n          ? true\n          : isSectionOpen === index || isFirstSection;\n        const isVisible = hideDetails ? !shouldHideDetails : true;\n\n        return (\n          (isFirstSection || isVisible) && (\n            <div key={index}>\n              {section?.title && (\n                <div className={styles.cardWrapper}>\n                  <div className={classNames(styles.card, 'p8')}>\n                    <Card\n                      actionIcon={\n                        isExpanded ? (\n                          <ChevronUpIcon size={24} />\n                        ) : (\n                          <ChevronDownIcon size={24} />\n                        )\n                      }\n                      aria-expanded={isExpanded ? 'true' : 'false'}\n                      aria-hidden\n                      classNames={{\n                        wrapper: 'bg-grey-200',\n                        icon: 'tc-grey-900',\n                      }}\n                      dropShadow={false}\n                      icon={section?.icon}\n                      title={section.title}\n                      titleVariant=\"medium\"\n                      {...(collapsibleSections\n                        ? {\n                            onClick: () => handleToggleSection(index),\n                          }\n                        : {})}\n                    />\n                  </div>\n                </div>\n              )}\n\n              <Collapsible isExpanded={isExpanded} isMobile={isMobile}>\n                <TableSection\n                  className={classNames(className, 'mb24')}\n                  tableCellRows={\n                    isFirstSection ? rows : [firstHeadRow, ...rows]\n                  }\n                  hideHeader\n                  openModal={openModal}\n                  title={`${title}${\n                    section?.title ? ` - ${section.title}` : ''\n                  }`}\n                  width={tableWidth}\n                />\n              </Collapsible>\n            </div>\n          )\n        );\n      })}\n    </div>\n  );\n};\n\nexport { TableContents };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBM,aAAa,GAAG,UAAC,EASF;;QARnB,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAAiB,uBAAA,EACjB,KAAK,WAAA;IAEC,IAAA,KAAkC,QAAQ,CAAgB,IAAI,CAAC,EAA9D,aAAa,QAAA,EAAE,cAAc,QAAiC,CAAC;IACtE,IAAM,YAAY,GAAG,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,0CAAE,IAAI,0CAAG,CAAC,CAAC,CAAC;IAC/C,IAAM,UAAU,GAAG,QAAQ,GAAG,UAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,IAAG,EAAE,MAAG,GAAG,EAAE,CAAC;IACnE,IAAM,mBAAmB,GAAG,UAAC,KAAa;QACxC,cAAc,CAAC,UAAC,cAAc;YAC5B,OAAA,cAAc,KAAK,KAAK,GAAG,IAAI,GAAG,KAAK;SAAA,CACxC,CAAC;KACH,CAAC;IAEF,QACEA,aAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,YAC9B,SAAS,CAAC,GAAG,CAAC,UAAC,EAAsB,EAAE,KAAK;gBAA3B,IAAI,UAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA;YAClC,IAAM,cAAc,GAAG,KAAK,KAAK,CAAC,CAAC;YACnC,IAAM,UAAU,GAAG,CAAC,mBAAmB;kBACnC,IAAI;kBACJ,aAAa,KAAK,KAAK,IAAI,cAAc,CAAC;YAC9C,IAAM,SAAS,GAAG,WAAW,GAAG,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAE1D,QACE,CAAC,cAAc,IAAI,SAAS,MAC1BC,yBACG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,MACbD,aAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAChCA,aAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,YAC3CA,IAAC,IAAI,aACH,UAAU,EACR,UAAU,IACRA,IAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,KAE3BA,IAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,CAC9B,mBAEY,UAAU,GAAG,MAAM,GAAG,OAAO,uBAE5C,UAAU,EAAE;oCACV,OAAO,EAAE,aAAa;oCACtB,IAAI,EAAE,aAAa;iCACpB,EACD,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EACnB,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,YAAY,EAAC,QAAQ,KAChB,mBAAmB;kCACpB;oCACE,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,KAAK,CAAC,GAAA;iCAC1C;kCACD,EAAE,GACN,GACE,GACF,CACP,EAEDA,IAAC,WAAW,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,YACrDA,IAAC,YAAY,IACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,EACxC,aAAa,EACX,cAAc,GAAG,IAAI,kBAAI,YAAY,GAAK,IAAI,OAAC,EAEjD,UAAU,QACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAG,KAAK,SACb,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,IAAG,aAAM,OAAO,CAAC,KAAK,CAAE,GAAG,EAAE,CAC3C,EACF,KAAK,EAAE,UAAU,GACjB,GACU,KA7CN,KAAK,CA8CT,CACP,EACD;SACH,CAAC,GACE,EACN;AACJ;;;;"}

package/dist/esm/components/table/components/TableContents/TableContents.test.js

@@ -10,13 +10,20 @@ import '../TableSection/TableSection.js';
 import '../../../../index-6ea95111.js';
 import '../../../../style-inject.es-1f59c1d0.js';
 import '../TableCell/TableCell.js';
-import '../../../button/index.js';
+import '../TableCell/BaseCell/BaseCell.js';
 import '../../../icon/icons/Check.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../icon/icons/Info.js';
 import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
+import '../TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
+import '../../../../index-3d286178.js';
+import '../../../comparisonTable/components/TableInfoButton/index.js';
+import '../../../icon/icons/Info.js';
+import '../../../../index-5e72c3d4.js';
+import '../TableCell/CTACell/CTACell.js';
+import '../TableCell/ButtonCell/ButtonCell.js';
+import '../../../button/index.js';
 import '../../../icon/icons/ChevronDown.js';
 import '../../../icon/icons/ChevronUp.js';
 import '../../../cards/card/index.js';

package/dist/esm/components/table/components/TableContents/TableContents.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContents.test.js","sources":["../../../../../../../src/lib/components/table/components/TableContents/TableContents.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableContents, TableSectionProps } from './TableContents';\n\nconst mockData: TableSectionProps['tableData'] = [\n  {\n    rows: [\n      [{ content: 'Item 1.1.1' }, { content: 'Item 1.1.2' }],\n      [{ content: 'Item 1.2.1' }, { content: 'Item 1.2.2' }],\n    ],\n  },\n  {\n    section: {\n      title: 'Section 2',\n    },\n    rows: [\n      [{ content: 'Item 2.1.1' }, { content: 'Item 2.1.2' }],\n      [{ content: 'Item 2.2.1' }, { content: 'Item 2.2.2' }],\n    ],\n  },\n];\n\ndescribe('TableContents', () => {\n  it('renders the table sections with sections', () => {\n    render(\n      <TableContents collapsibleSections tableData={mockData} title=\"Table\" />\n    );\n\n    expect(screen.getByText('Section 2')).toBeInTheDocument();\n  });\n\n  it('renders the table sections with sections data', () => {\n    render(\n      <TableContents collapsibleSections tableData={mockData} title=\"Table\" />\n    );\n\n    expect(screen.getByText('Item 1.2.1')).toBeInTheDocument();\n    expect(screen.getByText('Item 1.2.2')).toBeInTheDocument();\n    expect(screen.getByText('Item 2.1.2')).toBeInTheDocument();\n    expect(screen.getByText('Item 2.2.1')).toBeInTheDocument();\n  });\n\n  it('hides the table sections when hideDetails and shouldHideDetails is true', () => {\n    render(\n      <TableContents\n        hideDetails\n        shouldHideDetails\n        tableData={mockData}\n        title=\"Table\"\n      />\n    );\n\n    expect(screen.queryByText('Section 2')).not.toBeInTheDocument();\n    expect(screen.queryByText('Item 2.1.1')).not.toBeInTheDocument();\n  });\n\n  it('hides the table sections details when collapsibleSections is true', () => {\n    render(\n      <TableContents\n        collapsibleSections\n        isMobile\n        tableData={mockData}\n        title=\"Table\"\n      />\n    );\n\n    expect(screen.getByText('Section 2')).toBeVisible();\n    expect(screen.queryByText('Item 2.1.1')).not.toBeVisible();\n  });\n\n  it('shows the table sections when hideDetails is collapsibleSections true has expanded ', async () => {\n    const { user } = render(\n      <TableContents\n        collapsibleSections\n        isMobile\n        tableData={mockData}\n        title=\"Table\"\n      />\n    );\n\n    expect(screen.queryByText('Item 2.1.1')).not.toBeVisible();\n\n    await user.click(screen.getByText('Section 2'));\n\n    expect(screen.getByText('Item 2.1.1')).toBeVisible();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}
+{"version":3,"file":"TableContents.test.js","sources":["../../../../../../../src/lib/components/table/components/TableContents/TableContents.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableContents, TableContentsProps } from './TableContents';\n\nconst mockData: TableContentsProps['tableData'] = [\n  {\n    rows: [\n      [{ content: 'Item 1.1.1' }, { content: 'Item 1.1.2' }],\n      [{ content: 'Item 1.2.1' }, { content: 'Item 1.2.2' }],\n    ],\n  },\n  {\n    section: {\n      title: 'Section 2',\n    },\n    rows: [\n      [{ content: 'Item 2.1.1' }, { content: 'Item 2.1.2' }],\n      [{ content: 'Item 2.2.1' }, { content: 'Item 2.2.2' }],\n    ],\n  },\n];\n\ndescribe('TableContents', () => {\n  it('renders the table sections with sections', () => {\n    render(\n      <TableContents collapsibleSections tableData={mockData} title=\"Table\" />\n    );\n\n    expect(screen.getByText('Section 2')).toBeInTheDocument();\n  });\n\n  it('renders the table sections with sections data', () => {\n    render(\n      <TableContents collapsibleSections tableData={mockData} title=\"Table\" />\n    );\n\n    expect(screen.getByText('Item 1.2.1')).toBeInTheDocument();\n    expect(screen.getByText('Item 1.2.2')).toBeInTheDocument();\n    expect(screen.getByText('Item 2.1.2')).toBeInTheDocument();\n    expect(screen.getByText('Item 2.2.1')).toBeInTheDocument();\n  });\n\n  it('hides the table sections when hideDetails and shouldHideDetails is true', () => {\n    render(\n      <TableContents\n        hideDetails\n        shouldHideDetails\n        tableData={mockData}\n        title=\"Table\"\n      />\n    );\n\n    expect(screen.queryByText('Section 2')).not.toBeInTheDocument();\n    expect(screen.queryByText('Item 2.1.1')).not.toBeInTheDocument();\n  });\n\n  it('hides the table sections details when collapsibleSections is true', () => {\n    render(\n      <TableContents\n        collapsibleSections\n        isMobile\n        tableData={mockData}\n        title=\"Table\"\n      />\n    );\n\n    expect(screen.getByText('Section 2')).toBeVisible();\n    expect(screen.queryByText('Item 2.1.1')).not.toBeVisible();\n  });\n\n  it('shows the table sections when hideDetails is collapsibleSections true has expanded ', async () => {\n    const { user } = render(\n      <TableContents\n        collapsibleSections\n        isMobile\n        tableData={mockData}\n        title=\"Table\"\n      />\n    );\n\n    expect(screen.queryByText('Item 2.1.1')).not.toBeVisible();\n\n    await user.click(screen.getByText('Section 2'));\n\n    expect(screen.getByText('Item 2.1.1')).toBeVisible();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,QAAQ,GAAoC;IAChD;QACE,IAAI,EAAE;YACJ,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;YACtD,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;SACvD;KACF;IACD;QACE,OAAO,EAAE;YACP,KAAK,EAAE,WAAW;SACnB;QACD,IAAI,EAAE;YACJ,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;YACtD,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;SACvD;KACF;CACF,CAAC;AAEF,QAAQ,CAAC,eAAe,EAAE;IACxB,EAAE,CAAC,0CAA0C,EAAE;QAC7CA,YAAM,CACJC,IAAC,aAAa,IAAC,mBAAmB,QAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAC,OAAO,GAAG,CACzE,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC3D,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE;QAClDD,YAAM,CACJC,IAAC,aAAa,IAAC,mBAAmB,QAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAC,OAAO,GAAG,CACzE,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC3D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC3D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC3D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC5D,CAAC,CAAC;IAEH,EAAE,CAAC,yEAAyE,EAAE;QAC5ED,YAAM,CACJC,IAAC,aAAa,IACZ,WAAW,QACX,iBAAiB,QACjB,SAAS,EAAE,QAAQ,EACnB,KAAK,EAAC,OAAO,GACb,CACH,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;KAClE,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE;QACtED,YAAM,CACJC,IAAC,aAAa,IACZ,mBAAmB,QACnB,QAAQ,QACR,SAAS,EAAE,QAAQ,EACnB,KAAK,EAAC,OAAO,GACb,CACH,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACpD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;KAC5D,CAAC,CAAC;IAEH,EAAE,CAAC,qFAAqF,EAAE;;;;;oBAChF,IAAI,GAAKD,YAAM,CACrBC,IAAC,aAAa,IACZ,mBAAmB,QACnB,QAAQ,QACR,SAAS,EAAE,QAAQ,EACnB,KAAK,EAAC,OAAO,GACb,CACH,KAPW,CAOV;oBAEF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;oBAE3D,qBAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAA;;oBAA/C,SAA+C,CAAC;oBAEhD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;;;SACtD,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/esm/components/table/components/TableSection/TableSection.js

@@ -1,16 +1,24 @@
 import { a as __assign } from '../../../../tslib.es6-a39f91fc.js';
+import { useCallback, createElement } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { c as classNames } from '../../../../index-6ea95111.js';
 import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
 import { TableCell } from '../TableCell/TableCell.js';
-import { useCallback } from 'react';
-import '../../../button/index.js';
+import '../TableCell/BaseCell/BaseCell.js';
 import '../../../icon/icons/Check.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../icon/icons/Info.js';
 import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
+import '../TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
+import '../../../../index-3d286178.js';
+import '../../../../_commonjsHelpers-4730bd53.js';
+import '../../../comparisonTable/components/TableInfoButton/index.js';
+import '../../../icon/icons/Info.js';
+import '../../../../index-5e72c3d4.js';
+import '../TableCell/CTACell/CTACell.js';
+import '../TableCell/ButtonCell/ButtonCell.js';
+import '../../../button/index.js';
 
 var css_248z = ".TableSection-module_table__sNbDq {\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n@media (min-width: 34rem) {\n  .TableSection-module_table__sNbDq {\n    min-width: 845px;\n  }\n}\n\n.TableSection-module_tr__UbkbE {\n  min-height: 72px;\n}";
 var styles = {"table":"TableSection-module_table__sNbDq","tr":"TableSection-module_tr__UbkbE"};
@@ -29,15 +37,27 @@ var TableSection = function (_a) {
     };
     return (jsxs("table", { className: classNames(className, 'w100', styles.table), width: width, children: [jsx("caption", { className: "sr-only", children: title }), headerRow && (jsx("thead", { className: hideHeader ? 'sr-only' : '', children: jsx("tr", { children: headerRow.map(function (tableCellProps, cellIndex) {
                         var isFirstCellInRow = cellIndex === 0;
-                        return (jsx(TableCell, __assign({ isHeader: true, isFirstCellInRow: isFirstCellInRow, isTopLeftCell: isFirstCellInRow, align: isFirstCellInRow ? 'left' : 'center', openModal: function (body) {
+                        var isBaseCell = !tableCellProps.type;
+                        var openModal;
+                        var align = 'left';
+                        if (isBaseCell) {
+                            openModal = function (body) {
                                 return handleOpenModal({
                                     cellIndex: cellIndex,
                                     body: body,
                                     title: tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.content,
                                 });
-                            } }, tableCellProps), cellIndex));
+                            };
+                            align = isFirstCellInRow ? 'left' : 'center';
+                        }
+                        return (jsx(TableCell, __assign({ isHeader: true, isFirstCellInRow: isFirstCellInRow, isTopLeftCell: isFirstCellInRow }, tableCellProps, (isBaseCell
+                            ? {
+                                openModal: openModal,
+                                align: align,
+                            }
+                            : {})), cellIndex));
                     }) }) })), jsx("tbody", { children: tableCellRows.map(function (row, rowIndex) {
-                    var isSingleCell = row.length === 1;
+                    row.length === 1;
                     return (rowIndex > 0 && (jsx("tr", { className: styles.tr, children: row.map(function (tableCellProps, cellIndex) {
                             var key = "".concat(rowIndex, "-").concat(cellIndex);
                             var isFirstCellInRow = cellIndex === 0;
@@ -50,7 +70,19 @@ var TableSection = function (_a) {
                                         : undefined,
                                 });
                             };
-                            return (jsx(TableCell, __assign({ align: isFirstCellInRow && !isSingleCell ? 'left' : 'center', isFirstCellInRow: isFirstCellInRow, openModal: onCelInfoClick }, tableCellProps), key));
+                            var openModal;
+                            var align = 'left';
+                            var isBaseCell = !tableCellProps.type;
+                            if (isBaseCell) {
+                                openModal = onCelInfoClick;
+                                align = isFirstCellInRow ? 'left' : 'center';
+                            }
+                            return (createElement(TableCell, __assign({}, (isBaseCell
+                                ? {
+                                    openModal: openModal,
+                                    align: align,
+                                }
+                                : {}), { isFirstCellInRow: isFirstCellInRow, key: key }, tableCellProps)));
                         }) }, rowIndex)));
                 }) })] }));
 };

package/dist/esm/components/table/components/TableSection/TableSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSection.js","sources":["../../../../../../../src/lib/components/table/components/TableSection/TableSection.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './TableSection.module.scss';\nimport { TableCell, TableCellProps } from '../TableCell/TableCell';\nimport { ReactNode, useCallback } from 'react';\nimport { ModalData, ModalFunction, TableCellRowData } from '../../types';\n\nexport interface TableSectionProps {\n  className?: string;\n  tableCellRows: TableCellRowData[];\n  hideHeader?: boolean;\n  openModal?: ModalFunction;\n  title: string;\n  width?: number | string;\n}\n\nconst TableSection = ({\n  className,\n  tableCellRows,\n  hideHeader,\n  openModal,\n  title,\n  width,\n}: TableSectionProps) => {\n  const headerRow = tableCellRows?.[0];\n\n  const getColumnContentByKey = useCallback(\n    (key: number) => tableCellRows?.[0]?.[key]?.content || '',\n    [tableCellRows]\n  );\n\n  const handleOpenModal = ({\n    cellIndex,\n    body,\n    title,\n  }: ModalData & {\n    cellIndex: number;\n  }) =>\n    openModal?.({\n      body,\n      title: title || getColumnContentByKey(cellIndex),\n    });\n\n  return (\n    <table\n      className={classNames(className, 'w100', styles.table)}\n      width={width}\n    >\n      <caption className=\"sr-only\">{title}</caption>\n\n      {headerRow && (\n        <thead className={hideHeader ? 'sr-only' : ''}>\n          <tr>\n            {headerRow.map((tableCellProps, cellIndex) => {\n              const isFirstCellInRow = cellIndex === 0;\n              return (\n                <TableCell\n                  key={cellIndex}\n                  isHeader\n                  isFirstCellInRow={isFirstCellInRow}\n                  isTopLeftCell={isFirstCellInRow}\n                  align={isFirstCellInRow ? 'left' : 'center'}\n                  openModal={(body) =>\n                    handleOpenModal({\n                      cellIndex,\n                      body,\n                      title: tableCellProps?.content,\n                    })\n                  }\n                  {...tableCellProps}\n                />\n              );\n            })}\n          </tr>\n        </thead>\n      )}\n\n      <tbody>\n        {tableCellRows.map((row, rowIndex) => {\n          const isSingleCell = row.length === 1;\n\n          return (\n            rowIndex > 0 && (\n              <tr key={rowIndex} className={styles.tr}>\n                {row.map((tableCellProps, cellIndex) => {\n                  const key = `${rowIndex}-${cellIndex}`;\n                  const isFirstCellInRow = cellIndex === 0;\n\n                  const onCelInfoClick = (body: ReactNode) =>\n                    handleOpenModal({\n                      cellIndex,\n                      body,\n                      title: isFirstCellInRow\n                        ? tableCellProps.content\n                        : undefined,\n                    });\n\n                  return (\n                    <TableCell\n                      align={\n                        isFirstCellInRow && !isSingleCell ? 'left' : 'center'\n                      }\n                      isFirstCellInRow={isFirstCellInRow}\n                      openModal={onCelInfoClick}\n                      key={key}\n                      {...tableCellProps}\n                    />\n                  );\n                })}\n              </tr>\n            )\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n\nexport type { TableCellProps };\n\nexport { TableSection };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;IAgBM,YAAY,GAAG,UAAC,EAOF;QANlB,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,KAAK,WAAA,EACL,KAAK,WAAA;IAEL,IAAM,SAAS,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,CAAC;IAErC,IAAM,qBAAqB,GAAG,WAAW,CACvC,UAAC,GAAW,gBAAK,OAAA,CAAA,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,0CAAG,GAAG,CAAC,0CAAE,OAAO,KAAI,EAAE,CAAA,EAAA,EACzD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,EAMxB;YALC,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,KAAK,WAAA;QAIL,OAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG;YACV,IAAI,MAAA;YACJ,KAAK,EAAE,KAAK,IAAI,qBAAqB,CAAC,SAAS,CAAC;SACjD,CAAC;KAAA,CAAC;IAEL,QACEA,gBACE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,EACtD,KAAK,EAAE,KAAK,aAEZC,iBAAS,SAAS,EAAC,SAAS,YAAE,KAAK,GAAW,EAE7C,SAAS,KACRA,eAAO,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,EAAE,YAC3CA,sBACG,SAAS,CAAC,GAAG,CAAC,UAAC,cAAc,EAAE,SAAS;wBACvC,IAAM,gBAAgB,GAAG,SAAS,KAAK,CAAC,CAAC;wBACzC,QACEA,IAAC,SAAS,aAER,QAAQ,QACR,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,gBAAgB,EAC/B,KAAK,EAAE,gBAAgB,GAAG,MAAM,GAAG,QAAQ,EAC3C,SAAS,EAAE,UAAC,IAAI;gCACd,OAAA,eAAe,CAAC;oCACd,SAAS,WAAA;oCACT,IAAI,MAAA;oCACJ,KAAK,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO;iCAC/B,CAAC;6BAAA,IAEA,cAAc,GAZb,SAAS,CAad,EACF;qBACH,CAAC,GACC,GACC,CACT,EAEDA,yBACG,aAAa,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,QAAQ;oBAC/B,IAAM,YAAY,GAAG,GAAG,CAAC,MAAM,KAAK,CAAC,CAAC;oBAEtC,QACE,QAAQ,GAAG,CAAC,KACVA,YAAmB,SAAS,EAAE,MAAM,CAAC,EAAE,YACpC,GAAG,CAAC,GAAG,CAAC,UAAC,cAAc,EAAE,SAAS;4BACjC,IAAM,GAAG,GAAG,UAAG,QAAQ,cAAI,SAAS,CAAE,CAAC;4BACvC,IAAM,gBAAgB,GAAG,SAAS,KAAK,CAAC,CAAC;4BAEzC,IAAM,cAAc,GAAG,UAAC,IAAe;gCACrC,OAAA,eAAe,CAAC;oCACd,SAAS,WAAA;oCACT,IAAI,MAAA;oCACJ,KAAK,EAAE,gBAAgB;0CACnB,cAAc,CAAC,OAAO;0CACtB,SAAS;iCACd,CAAC;6BAAA,CAAC;4BAEL,QACEA,IAAC,SAAS,aACR,KAAK,EACH,gBAAgB,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,QAAQ,EAEvD,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,cAAc,IAErB,cAAc,GADb,GAAG,CAER,EACF;yBACH,CAAC,IAzBK,QAAQ,CA0BZ,CACN,EACD;iBACH,CAAC,GACI,IACF,EACR;AACJ;;;;"}
+{"version":3,"file":"TableSection.js","sources":["../../../../../../../src/lib/components/table/components/TableSection/TableSection.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './TableSection.module.scss';\nimport { TableCell, TableCellProps } from '../TableCell/TableCell';\nimport React, { ReactNode, useCallback } from 'react';\nimport { ModalData, ModalFunction, TableCellRowData } from '../../types';\nimport { Alignment } from '../TableCell/BaseCell/BaseCell';\n\nexport interface TableSectionProps {\n  className?: string;\n  tableCellRows: TableCellRowData[];\n  hideHeader?: boolean;\n  openModal?: ModalFunction;\n  title: string;\n  width?: number | string;\n}\n\nconst TableSection = ({\n  className,\n  tableCellRows,\n  hideHeader,\n  openModal,\n  title,\n  width,\n}: TableSectionProps) => {\n  const headerRow = tableCellRows?.[0];\n\n  const getColumnContentByKey = useCallback(\n    (key: number) => tableCellRows?.[0]?.[key]?.content || '',\n    [tableCellRows]\n  );\n\n  const handleOpenModal = ({\n    cellIndex,\n    body,\n    title,\n  }: ModalData & {\n    cellIndex: number;\n  }) =>\n    openModal?.({\n      body,\n      title: title || getColumnContentByKey(cellIndex),\n    });\n\n  return (\n    <table\n      className={classNames(className, 'w100', styles.table)}\n      width={width}\n    >\n      <caption className=\"sr-only\">{title}</caption>\n\n      {headerRow && (\n        <thead className={hideHeader ? 'sr-only' : ''}>\n          <tr>\n            {headerRow.map((tableCellProps, cellIndex) => {\n              const isFirstCellInRow = cellIndex === 0;\n\n              const isBaseCell = !tableCellProps.type;\n\n              let openModal;\n              let align: Alignment = 'left';\n\n              if (isBaseCell) {\n                openModal = (body: ReactNode) =>\n                  handleOpenModal({\n                    cellIndex,\n                    body,\n                    title: tableCellProps?.content,\n                  });\n                align = isFirstCellInRow ? 'left' : 'center';\n              }\n\n              return (\n                <TableCell\n                  key={cellIndex}\n                  isHeader\n                  isFirstCellInRow={isFirstCellInRow}\n                  isTopLeftCell={isFirstCellInRow}\n                  {...tableCellProps}\n                  {...(isBaseCell\n                    ? {\n                        openModal,\n                        align,\n                      }\n                    : {})}\n                />\n              );\n            })}\n          </tr>\n        </thead>\n      )}\n\n      <tbody>\n        {tableCellRows.map((row, rowIndex) => {\n          const isSingleCell = row.length === 1;\n\n          return (\n            rowIndex > 0 && (\n              <tr key={rowIndex} className={styles.tr}>\n                {row.map((tableCellProps, cellIndex) => {\n                  const key = `${rowIndex}-${cellIndex}`;\n                  const isFirstCellInRow = cellIndex === 0;\n\n                  const onCelInfoClick = (body: ReactNode) =>\n                    handleOpenModal({\n                      cellIndex,\n                      body,\n                      title: isFirstCellInRow\n                        ? tableCellProps.content\n                        : undefined,\n                    });\n\n                  let openModal;\n                  let align: Alignment = 'left';\n\n                  const isBaseCell = !tableCellProps.type;\n\n                  if (isBaseCell) {\n                    openModal = onCelInfoClick;\n                    align = isFirstCellInRow ? 'left' : 'center';\n                  }\n\n                  return (\n                    <TableCell\n                      {...(isBaseCell\n                        ? {\n                            openModal,\n                            align,\n                          }\n                        : {})}\n                      isFirstCellInRow={isFirstCellInRow}\n                      key={key}\n                      {...tableCellProps}\n                    />\n                  );\n                })}\n              </tr>\n            )\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n\nexport type { TableCellProps };\n\nexport { TableSection };\n"],"names":["_jsxs","_jsx","_createElement"],"mappings":"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"}

package/dist/esm/components/table/components/TableSection/TableSection.test.js

@@ -9,13 +9,20 @@ import 'react-dom/test-utils';
 import '../../../../index-6ea95111.js';
 import '../../../../style-inject.es-1f59c1d0.js';
 import '../TableCell/TableCell.js';
-import '../../../button/index.js';
+import '../TableCell/BaseCell/BaseCell.js';
 import '../../../icon/icons/Check.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../icon/icons/Info.js';
 import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
+import '../TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
+import '../../../../index-3d286178.js';
+import '../../../comparisonTable/components/TableInfoButton/index.js';
+import '../../../icon/icons/Info.js';
+import '../../../../index-5e72c3d4.js';
+import '../TableCell/CTACell/CTACell.js';
+import '../TableCell/ButtonCell/ButtonCell.js';
+import '../../../button/index.js';
 
 var tableCellRows = [
     [{ content: 'Cell 1.1' }, { content: 'Cell 1.2' }, { content: 'Cell 1.3' }],

package/dist/esm/components/table/components/TableSection/TableSection.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSection.test.js","sources":["../../../../../../../src/lib/components/table/components/TableSection/TableSection.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableSection, TableContentProps } from './TableSection';\n\nconst tableCellRows: TableContentProps['tableCellRows'] = [\n  [{ content: 'Cell 1.1' }, { content: 'Cell 1.2' }, { content: 'Cell 1.3' }],\n  [{ content: 'Cell 2.1' }, { content: 'Cell 2.2' }, { content: 'Cell 2.3' }],\n];\n\nconst mockTitle = 'Test Table';\n\nconst mockOpenModal = jest.fn();\n\nconst defaultProps: TableContentProps = {\n  tableCellRows,\n  title: mockTitle,\n  openModal: mockOpenModal,\n};\n\ndescribe('TableSection', () => {\n  it('renders the table caption', () => {\n    render(<TableSection {...defaultProps} />);\n\n    expect(screen.getByText(mockTitle)).toBeInTheDocument();\n  });\n\n  it('renders the table with correct data', () => {\n    render(<TableSection {...defaultProps} />);\n\n    expect(screen.getByText('Cell 1.1')).toBeInTheDocument();\n    expect(screen.getByText('Cell 1.2')).toBeInTheDocument();\n    expect(screen.getByText('Cell 1.3')).toBeInTheDocument();\n\n    expect(screen.getByText('Cell 2.1')).toBeInTheDocument();\n    expect(screen.getByText('Cell 2.2')).toBeInTheDocument();\n    expect(screen.getByText('Cell 2.3')).toBeInTheDocument();\n  });\n\n  it('should render table headers', () => {\n    const { container } = render(<TableSection {...defaultProps} />);\n\n    const thElements = container.querySelectorAll('th');\n\n    expect(thElements.length).toBe(4);\n    expect(thElements[0]).toHaveTextContent('Cell 1.1');\n    expect(thElements[3]).toHaveTextContent('Cell 2.1');\n  });\n\n  it('should render table data cells', () => {\n    const { container } = render(<TableSection {...defaultProps} />);\n\n    const tdElements = container.querySelectorAll('td');\n    expect(tdElements.length).toBe(2);\n    expect(tdElements[0]).toHaveTextContent('Cell 2.2');\n    expect(tdElements[1]).toHaveTextContent('Cell 2.3');\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,IAAM,aAAa,GAAuC;IACxD,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;IAC3E,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;CAC5E,CAAC;AAEF,IAAM,SAAS,GAAG,YAAY,CAAC;AAE/B,IAAM,aAAa,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAEhC,IAAM,YAAY,GAAsB;IACtC,aAAa,eAAA;IACb,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,aAAa;CACzB,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE;IACvB,EAAE,CAAC,2BAA2B,EAAE;QAC9BA,YAAM,CAACC,IAAC,YAAY,eAAK,YAAY,EAAI,CAAC,CAAC;QAE3C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACzD,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE;QACxCD,YAAM,CAACC,IAAC,YAAY,eAAK,YAAY,EAAI,CAAC,CAAC;QAE3C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAEzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC1D,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE;QACxB,IAAA,SAAS,GAAKD,YAAM,CAACC,IAAC,YAAY,eAAK,YAAY,EAAI,CAAC,UAA/C,CAAgD;QAEjE,IAAM,UAAU,GAAG,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAEpD,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;KACrD,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE;QAC3B,IAAA,SAAS,GAAKD,YAAM,CAACC,IAAC,YAAY,eAAK,YAAY,EAAI,CAAC,UAA/C,CAAgD;QAEjE,IAAM,UAAU,GAAG,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACpD,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;KACrD,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"TableSection.test.js","sources":["../../../../../../../src/lib/components/table/components/TableSection/TableSection.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableSection, TableSectionProps } from './TableSection';\n\nconst tableCellRows: TableSectionProps['tableCellRows'] = [\n  [{ content: 'Cell 1.1' }, { content: 'Cell 1.2' }, { content: 'Cell 1.3' }],\n  [{ content: 'Cell 2.1' }, { content: 'Cell 2.2' }, { content: 'Cell 2.3' }],\n];\n\nconst mockTitle = 'Test Table';\n\nconst mockOpenModal = jest.fn();\n\nconst defaultProps: TableSectionProps = {\n  tableCellRows,\n  title: mockTitle,\n  openModal: mockOpenModal,\n};\n\ndescribe('TableSection', () => {\n  it('renders the table caption', () => {\n    render(<TableSection {...defaultProps} />);\n\n    expect(screen.getByText(mockTitle)).toBeInTheDocument();\n  });\n\n  it('renders the table with correct data', () => {\n    render(<TableSection {...defaultProps} />);\n\n    expect(screen.getByText('Cell 1.1')).toBeInTheDocument();\n    expect(screen.getByText('Cell 1.2')).toBeInTheDocument();\n    expect(screen.getByText('Cell 1.3')).toBeInTheDocument();\n\n    expect(screen.getByText('Cell 2.1')).toBeInTheDocument();\n    expect(screen.getByText('Cell 2.2')).toBeInTheDocument();\n    expect(screen.getByText('Cell 2.3')).toBeInTheDocument();\n  });\n\n  it('should render table headers', () => {\n    const { container } = render(<TableSection {...defaultProps} />);\n\n    const thElements = container.querySelectorAll('th');\n\n    expect(thElements.length).toBe(4);\n    expect(thElements[0]).toHaveTextContent('Cell 1.1');\n    expect(thElements[3]).toHaveTextContent('Cell 2.1');\n  });\n\n  it('should render table data cells', () => {\n    const { container } = render(<TableSection {...defaultProps} />);\n\n    const tdElements = container.querySelectorAll('td');\n    expect(tdElements.length).toBe(2);\n    expect(tdElements[0]).toHaveTextContent('Cell 2.2');\n    expect(tdElements[1]).toHaveTextContent('Cell 2.3');\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,aAAa,GAAuC;IACxD,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;IAC3E,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;CAC5E,CAAC;AAEF,IAAM,SAAS,GAAG,YAAY,CAAC;AAE/B,IAAM,aAAa,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAEhC,IAAM,YAAY,GAAsB;IACtC,aAAa,eAAA;IACb,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,aAAa;CACzB,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE;IACvB,EAAE,CAAC,2BAA2B,EAAE;QAC9BA,YAAM,CAACC,IAAC,YAAY,eAAK,YAAY,EAAI,CAAC,CAAC;QAE3C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACzD,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE;QACxCD,YAAM,CAACC,IAAC,YAAY,eAAK,YAAY,EAAI,CAAC,CAAC;QAE3C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAEzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC1D,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE;QACxB,IAAA,SAAS,GAAKD,YAAM,CAACC,IAAC,YAAY,eAAK,YAAY,EAAI,CAAC,UAA/C,CAAgD;QAEjE,IAAM,UAAU,GAAG,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAEpD,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;KACrD,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE;QAC3B,IAAA,SAAS,GAAKD,YAAM,CAACC,IAAC,YAAY,eAAK,YAAY,EAAI,CAAC,UAA/C,CAAgD;QAEjE,IAAM,UAAU,GAAG,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACpD,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;KACrD,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/esm/components/table/utils/useTableNavigation/useTableNavigation.test.js

@@ -1,5 +1,5 @@
 import { l as lib } from '../../../../index-e45b0af1.js';
-import { u as useTableNavigation } from '../../../../useTableNavigation-8e50b121.js';
+import { u as useTableNavigation } from '../../../../useTableNavigation-2899712c.js';
 import '../../../../_commonjsHelpers-4730bd53.js';
 import '../../../../index-5e72c3d4.js';
 import 'react';
@@ -13,7 +13,6 @@ var defaultContainerRef = {
     },
 };
 describe('useTableNavigation', function () {
-    var columnsLength = 4;
     var onSelectionChanged = jest.fn();
     var containerRef = defaultContainerRef;
     beforeEach(function () {
@@ -26,7 +25,6 @@ describe('useTableNavigation', function () {
             return useTableNavigation({
                 enabled: false,
                 containerRef: containerRef,
-                columnsLength: columnsLength,
                 onSelectionChanged: onSelectionChanged,
             });
         }).result;
@@ -43,7 +41,6 @@ describe('useTableNavigation', function () {
             return useTableNavigation({
                 enabled: true,
                 containerRef: containerRef,
-                columnsLength: columnsLength,
                 onSelectionChanged: onSelectionChanged,
             });
         }).result;
@@ -64,7 +61,6 @@ describe('useTableNavigation', function () {
             return useTableNavigation({
                 enabled: true,
                 containerRef: containerRef,
-                columnsLength: columnsLength,
                 onSelectionChanged: onSelectionChanged,
             });
         }).result;

package/dist/esm/components/table/utils/useTableNavigation/useTableNavigation.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableNavigation.test.js","sources":["../../../../../../../src/lib/components/table/utils/useTableNavigation/useTableNavigation.test.tsx"],"sourcesContent":["import { renderHook, act } from '@testing-library/react-hooks';\nimport { useTableNavigation } from './useTableNavigation';\nimport { RefObject } from 'react';\nconst defaultContainerRef = {\n  current: {\n    scroll: jest.fn(),\n    addEventListener: jest.fn(),\n    removeEventListener: jest.fn(),\n    getBoundingClientRect: jest.fn(() => ({ width: 800 })),\n  },\n} as unknown as RefObject<HTMLElement>;\n\ndescribe('useTableNavigation', () => {\n  const columnsLength = 4;\n  let onSelectionChanged = jest.fn();\n  let containerRef = defaultContainerRef;\n\n  beforeEach(() => {\n    containerRef = defaultContainerRef;\n    onSelectionChanged = jest.fn();\n  });\n\n  it('should not navigate when enabled is false', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: false,\n        containerRef,\n        columnsLength,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(true);\n    });\n\n    expect(result.current.activeSection).toBe(1);\n    expect(containerRef.current?.scroll).not.toHaveBeenCalled();\n    expect(onSelectionChanged).not.toHaveBeenCalled();\n  });\n\n  it('should navigate to the next section when increase is true', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: true,\n        containerRef,\n        columnsLength,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(true);\n    });\n\n    expect(result.current.activeSection).toBe(2);\n    expect(containerRef.current?.scroll).toHaveBeenCalledWith({\n      top: 0,\n      left: expect.any(Number),\n      behavior: 'smooth',\n    });\n    expect(onSelectionChanged).toHaveBeenCalledWith(2);\n  });\n\n  it('should navigate to the previous section when increase is false', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: true,\n        containerRef,\n        columnsLength,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(false);\n    });\n\n    expect(result.current.activeSection).toBe(0);\n    expect(containerRef.current?.scroll).toHaveBeenCalledWith({\n      top: 0,\n      left: expect.any(Number),\n      behavior: 'smooth',\n    });\n    expect(onSelectionChanged).toHaveBeenCalledWith(0);\n  });\n});\n"],"names":["renderHook","act"],"mappings":"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"}
+{"version":3,"file":"useTableNavigation.test.js","sources":["../../../../../../../src/lib/components/table/utils/useTableNavigation/useTableNavigation.test.tsx"],"sourcesContent":["import { renderHook, act } from '@testing-library/react-hooks';\nimport { useTableNavigation } from './useTableNavigation';\nimport { RefObject } from 'react';\nconst defaultContainerRef = {\n  current: {\n    scroll: jest.fn(),\n    addEventListener: jest.fn(),\n    removeEventListener: jest.fn(),\n    getBoundingClientRect: jest.fn(() => ({ width: 800 })),\n  },\n} as unknown as RefObject<HTMLElement>;\n\ndescribe('useTableNavigation', () => {\n  let onSelectionChanged = jest.fn();\n  let containerRef = defaultContainerRef;\n\n  beforeEach(() => {\n    containerRef = defaultContainerRef;\n    onSelectionChanged = jest.fn();\n  });\n\n  it('should not navigate when enabled is false', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: false,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(true);\n    });\n\n    expect(result.current.activeSection).toBe(1);\n    expect(containerRef.current?.scroll).not.toHaveBeenCalled();\n    expect(onSelectionChanged).not.toHaveBeenCalled();\n  });\n\n  it('should navigate to the next section when increase is true', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: true,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(true);\n    });\n\n    expect(result.current.activeSection).toBe(2);\n    expect(containerRef.current?.scroll).toHaveBeenCalledWith({\n      top: 0,\n      left: expect.any(Number),\n      behavior: 'smooth',\n    });\n    expect(onSelectionChanged).toHaveBeenCalledWith(2);\n  });\n\n  it('should navigate to the previous section when increase is false', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: true,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(false);\n    });\n\n    expect(result.current.activeSection).toBe(0);\n    expect(containerRef.current?.scroll).toHaveBeenCalledWith({\n      top: 0,\n      left: expect.any(Number),\n      behavior: 'smooth',\n    });\n    expect(onSelectionChanged).toHaveBeenCalledWith(0);\n  });\n});\n"],"names":["renderHook","act"],"mappings":";;;;;;AAGA,IAAM,mBAAmB,GAAG;IAC1B,OAAO,EAAE;QACP,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;QACjB,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE;QAC3B,mBAAmB,EAAE,IAAI,CAAC,EAAE,EAAE;QAC9B,qBAAqB,EAAE,IAAI,CAAC,EAAE,CAAC,cAAM,QAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAC,CAAC;KACvD;CACmC,CAAC;AAEvC,QAAQ,CAAC,oBAAoB,EAAE;IAC7B,IAAI,kBAAkB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IACnC,IAAI,YAAY,GAAG,mBAAmB,CAAC;IAEvC,UAAU,CAAC;QACT,YAAY,GAAG,mBAAmB,CAAC;QACnC,kBAAkB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;KAChC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;;QACtC,IAAA,MAAM,GAAKA,cAAU,CAAC;YAC5B,OAAA,kBAAkB,CAAC;gBACjB,OAAO,EAAE,KAAK;gBACd,YAAY,cAAA;gBACZ,kBAAkB,oBAAA;aACnB,CAAC;SAAA,CACH,OANa,CAMZ;QAEFC,OAAG,CAAC;YACF,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;SACpC,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAA,YAAY,CAAC,OAAO,0CAAE,MAAM,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;QAC5D,MAAM,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;KACnD,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE;;QACtD,IAAA,MAAM,GAAKD,cAAU,CAAC;YAC5B,OAAA,kBAAkB,CAAC;gBACjB,OAAO,EAAE,IAAI;gBACb,YAAY,cAAA;gBACZ,kBAAkB,oBAAA;aACnB,CAAC;SAAA,CACH,OANa,CAMZ;QAEFC,OAAG,CAAC;YACF,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;SACpC,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAA,YAAY,CAAC,OAAO,0CAAE,MAAM,CAAC,CAAC,oBAAoB,CAAC;YACxD,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;YACxB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;QACH,MAAM,CAAC,kBAAkB,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;KACpD,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE;;QAC3D,IAAA,MAAM,GAAKD,cAAU,CAAC;YAC5B,OAAA,kBAAkB,CAAC;gBACjB,OAAO,EAAE,IAAI;gBACb,YAAY,cAAA;gBACZ,kBAAkB,oBAAA;aACnB,CAAC;SAAA,CACH,OANa,CAMZ;QAEFC,OAAG,CAAC;YACF,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;SACrC,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAA,YAAY,CAAC,OAAO,0CAAE,MAAM,CAAC,CAAC,oBAAoB,CAAC;YACxD,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;YACxB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;QACH,MAAM,CAAC,kBAAkB,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;KACpD,CAAC,CAAC;AACL,CAAC,CAAC"}