@popsure/dirty-swan 0.53.4 → 0.53.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCell.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/ButtonCell/ButtonCell.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './ButtonCell.module.scss';\nimport { Button } from '../../../../button';\nimport { ReactNode } from 'react';\n\nexport type ButtonCellProps = {\n  buttonCaption: ReactNode;\n  disabled?: boolean;\n  isSelected?: boolean;\n  onClick: () => void;\n  price?: ReactNode;\n};\n\nexport const ButtonCell = ({\n  isSelected,\n  onClick,\n  buttonCaption,\n  price,\n  disabled,\n}: ButtonCellProps) => {\n  return (\n    <div className=\"w100 d-flex fd-column ai-center jc-center gap8\">\n      <Button\n        className={classNames('w100 wmx5 d-flex fd-column', styles.buttonCell, {\n          [styles.selected]: isSelected,\n          [styles.withoutPrice]: !price,\n          [styles.withPrice]: !!price,\n        })}\n        variant=\"filledWhite\"\n        type=\"submit\"\n        onClick={onClick}\n        disabled={disabled}\n      >\n        {buttonCaption}\n        {price && <span className=\"p-p tc-purple-500\">{price}</span>}\n      </Button>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;IAca,UAAU,GAAG,UAAC,EAMT;;QALhB,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,QACEA,aAAK,SAAS,EAAC,gDAAgD,YAC7DC,KAAC,MAAM,IACL,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,MAAM,CAAC,UAAU;gBACnE,GAAC,MAAM,CAAC,QAAQ,IAAG,UAAU;gBAC7B,GAAC,MAAM,CAAC,YAAY,IAAG,CAAC,KAAK;gBAC7B,GAAC,MAAM,CAAC,SAAS,IAAG,CAAC,CAAC,KAAK;oBAC3B,EACF,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,aAEjB,aAAa,EACb,KAAK,IAAID,cAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAQ,IACrD,GACL,EACN;AACJ;;;;"}

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

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ButtonCell } from './ButtonCell.js';
+import '../../../../../index-6ea95111.js';
+import '../../../../../style-inject.es-1f59c1d0.js';
+import '../../../../button/index.js';
+import '../../../../../tslib.es6-a39f91fc.js';
+import 'react';
+
+var story = {
+    title: 'JSX/Table/Cells',
+    component: ButtonCell,
+    argTypes: {},
+    args: {
+        buttonCaption: 'Premium',
+        price: '€277/mo',
+        isSelected: false,
+        disabled: false,
+    },
+};
+var ButtonCellStory = function (_a) {
+    var isSelected = _a.isSelected, buttonCaption = _a.buttonCaption, price = _a.price, disabled = _a.disabled;
+    return (jsxs("div", { className: "p48 d-flex fd-column gap16 bg-white", children: [jsx(ButtonCell, { buttonCaption: buttonCaption, price: price, isSelected: isSelected, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, price: price, isSelected: true, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, price: price, disabled: true, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, isSelected: isSelected, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, isSelected: true, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, disabled: true, onClick: function () { } })] }));
+};
+ButtonCellStory.storyName = 'ButtonCell';
+
+export default story;
+export { ButtonCellStory };
+//# sourceMappingURL=ButtonCell.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCell.stories.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/ButtonCell/ButtonCell.stories.tsx"],"sourcesContent":["import { ButtonCell } from './ButtonCell';\n\nconst story = {\n  title: 'JSX/Table/Cells',\n  component: ButtonCell,\n  argTypes: {},\n  args: {\n    buttonCaption: 'Premium',\n    price: '€277/mo',\n    isSelected: false,\n    disabled: false,\n  },\n};\n\nexport const ButtonCellStory = ({\n  isSelected,\n  buttonCaption,\n  price,\n  disabled,\n}: React.ComponentProps<typeof ButtonCell>) => (\n  <div className=\"p48 d-flex fd-column gap16 bg-white\">\n    <ButtonCell\n      buttonCaption={buttonCaption}\n      price={price}\n      isSelected={isSelected}\n      disabled={disabled}\n      onClick={() => {}}\n    />\n\n    <ButtonCell\n      buttonCaption={buttonCaption}\n      price={price}\n      isSelected\n      disabled={disabled}\n      onClick={() => {}}\n    />\n\n    <ButtonCell\n      buttonCaption={buttonCaption}\n      price={price}\n      disabled\n      onClick={() => {}}\n    />\n\n    <ButtonCell\n      buttonCaption={buttonCaption}\n      isSelected={isSelected}\n      disabled={disabled}\n      onClick={() => {}}\n    />\n\n    <ButtonCell\n      buttonCaption={buttonCaption}\n      isSelected\n      disabled={disabled}\n      onClick={() => {}}\n    />\n\n    <ButtonCell buttonCaption={buttonCaption} disabled onClick={() => {}} />\n  </div>\n);\n\nButtonCellStory.storyName = 'ButtonCell';\n\nexport default story;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,aAAa,EAAE,SAAS;QACxB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;EACD;IAEW,eAAe,GAAG,UAAC,EAKU;QAJxC,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,QAAQ,cAAA;IACqC,QAC7CA,cAAK,SAAS,EAAC,qCAAqC,aAClDC,IAAC,UAAU,IACT,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,eAAQ,GACjB,EAEFA,IAAC,UAAU,IACT,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,UAAU,QACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,eAAQ,GACjB,EAEFA,IAAC,UAAU,IACT,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,OAAO,EAAE,eAAQ,GACjB,EAEFA,IAAC,UAAU,IACT,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,eAAQ,GACjB,EAEFA,IAAC,UAAU,IACT,aAAa,EAAE,aAAa,EAC5B,UAAU,QACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,eAAQ,GACjB,EAEFA,IAAC,UAAU,IAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,QAAC,OAAO,EAAE,eAAQ,GAAI,IACpE;AAxCuC,EAyC7C;AAEF,eAAe,CAAC,SAAS,GAAG,YAAY;;;;;"}

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

@@ -0,0 +1,21 @@
+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';
+
+var css_248z = ".CTACell-module_narrow__1EPPT {\n  height: 40px;\n}";
+var styles = {"narrow":"CTACell-module_narrow__1EPPT"};
+styleInject(css_248z);
+
+var CTACell = function (_a) {
+    var _b;
+    var title = _a.title, price = _a.price, grey = _a.grey, narrow = _a.narrow, href = _a.href, buttonCaption = _a.buttonCaption;
+    return (jsxs("div", { className: "wmn3 ta-center", children: [jsxs("p", { className: "p-h3", children: [title, price && jsxs("span", { className: "tc-purple-500", children: [" ", price] })] }), jsx("a", { className: classNames('mt16', (_b = {
+                        'p-btn--primary': !grey,
+                        'p-btn--secondary-grey': grey
+                    },
+                    _b[styles.narrow] = narrow,
+                    _b)), href: href, target: "_blank", rel: "noopener noreferrer", children: buttonCaption })] }));
+};
+
+export { CTACell };
+//# sourceMappingURL=CTACell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CTACell.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/CTACell/CTACell.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ReactNode } from 'react';\n\nexport type CTACellProps = {\n  title: ReactNode;\n  price?: ReactNode;\n  buttonCaption?: ReactNode;\n  grey?: boolean;\n  narrow?: boolean;\n  href: string;\n};\nimport styles from './CTACell.module.scss';\n\nexport const CTACell = ({\n  title,\n  price,\n  grey,\n  narrow,\n  href,\n  buttonCaption,\n}: CTACellProps) => {\n  return (\n    <div className=\"wmn3 ta-center\">\n      <p className=\"p-h3\">\n        {title}\n        {price && <span className=\"tc-purple-500\"> {price}</span>}\n      </p>\n      <a\n        className={classNames('mt16', {\n          'p-btn--primary': !grey,\n          'p-btn--secondary-grey': grey,\n          [styles.narrow]: narrow,\n        })}\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {buttonCaption}\n      </a>\n    </div>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;IAaa,OAAO,GAAG,UAAC,EAOT;;QANb,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,aAAa,mBAAA;IAEb,QACEA,cAAK,SAAS,EAAC,gBAAgB,aAC7BA,YAAG,SAAS,EAAC,MAAM,aAChB,KAAK,EACL,KAAK,IAAIA,eAAM,SAAS,EAAC,eAAe,kBAAG,KAAK,IAAQ,IACvD,EACJC,WACE,SAAS,EAAE,UAAU,CAAC,MAAM;wBAC1B,gBAAgB,EAAE,CAAC,IAAI;wBACvB,uBAAuB,EAAE,IAAI;;oBAC7B,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM;wBACvB,EACF,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YAExB,aAAa,GACZ,IACA,EACN;AACJ;;;;"}

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

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import { CTACell } from './CTACell.js';
+import '../../../../../index-6ea95111.js';
+import '../../../../../style-inject.es-1f59c1d0.js';
+
+var story = {
+    title: 'JSX/Table/Cells',
+    component: CTACell,
+    argTypes: {},
+    args: {
+        title: 'Premium',
+        price: '€277',
+        buttonCaption: 'Get covered',
+        grey: false,
+        narrow: false,
+    },
+};
+var CTACellStory = function (_a) {
+    var title = _a.title, price = _a.price, buttonCaption = _a.buttonCaption, grey = _a.grey, narrow = _a.narrow;
+    return (jsx("div", { className: "p48 d-flex fd-column gap16 bg-white", children: jsx(CTACell, { title: title, price: price, buttonCaption: buttonCaption, href: "", grey: grey, narrow: narrow }) }));
+};
+CTACellStory.storyName = 'CTACell';
+
+export default story;
+export { CTACellStory };
+//# sourceMappingURL=CTACell.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CTACell.stories.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/CTACell/CTACell.stories.tsx"],"sourcesContent":["import { CTACell } from './CTACell';\n\nconst story = {\n  title: 'JSX/Table/Cells',\n  component: CTACell,\n  argTypes: {},\n  args: {\n    title: 'Premium',\n    price: '€277',\n    buttonCaption: 'Get covered',\n    grey: false,\n    narrow: false,\n  },\n};\n\nexport const CTACellStory = ({\n  title,\n  price,\n  buttonCaption,\n  grey,\n  narrow,\n}: React.ComponentProps<typeof CTACell>) => (\n  <div className=\"p48 d-flex fd-column gap16 bg-white\">\n    <CTACell\n      title={title}\n      price={price}\n      buttonCaption={buttonCaption}\n      href=\"\"\n      grey={grey}\n      narrow={narrow}\n    />\n  </div>\n);\n\nCTACellStory.storyName = 'CTACell';\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,aAAa;QAC5B,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,KAAK;KACd;EACD;IAEW,YAAY,GAAG,UAAC,EAMU;QALrC,KAAK,WAAA,EACL,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,MAAM,YAAA;IACoC,QAC1CA,aAAK,SAAS,EAAC,qCAAqC,YAClDA,IAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,EAAE,EACP,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACd,GACE;AAVoC,EAW1C;AAEF,YAAY,CAAC,SAAS,GAAG,SAAS;;;;;"}

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

@@ -0,0 +1,52 @@
+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_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;
+    var _d = _a.isFirstCellInRow, isFirstCellInRow = _d === void 0 ? false : _d, _e = _a.isHeader, isHeader = _e === void 0 ? false : _e, _f = _a.isNavigation, isNavigation = _f === void 0 ? false : _f, _g = _a.isTopLeftCell, isTopLeftCell = _g === void 0 ? false : _g, cellProps = __rest(_a, ["isFirstCellInRow", "isHeader", "isNavigation", "isTopLeftCell"]);
+    // prettier-ignore
+    var Tag = isNavigation
+        ? 'div'
+        : isHeader || isFirstCellInRow ? 'th' : 'td';
+    // prettier-ignore
+    var thScope = isHeader
+        ? 'col'
+        : isFirstCellInRow ? 'row' : undefined;
+    var scope = {
+        scope: thScope,
+    };
+    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: [!cellProps.type && (jsx(BaseCell, __assign({}, cellProps, { fontVariant: isTopLeftCell
+                    ? 'BIG_WITH_UNDERLINE'
+                    : (_c = cellProps.fontVariant) !== null && _c !== void 0 ? _c : 'NORMAL' }))), cellProps.type === 'CTA' && jsx(CTACell, __assign({}, cellProps)), cellProps.type === 'BUTTON' && jsx(ButtonCell, __assign({}, cellProps))] })));
+};
+
+export { TableCell };
+//# sourceMappingURL=TableCell.js.map

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

@@ -0,0 +1 @@
+{"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          fontVariant={\n            isTopLeftCell\n              ? 'BIG_WITH_UNDERLINE'\n              : cellProps.fontVariant ?? 'NORMAL'\n          }\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,WAAW,EACT,aAAa;sBACT,oBAAoB;sBACpB,MAAA,SAAS,CAAC,WAAW,mCAAI,QAAQ,IAEvC,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

@@ -0,0 +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 'react';
+import 'react-dom';
+import '../../../../_commonjsHelpers-4730bd53.js';
+import 'react-dom/test-utils';
+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 '../../../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 () {
+        setup({ checkmarkValue: true });
+        expect(screen.getByTitle('Yes')).toBeInTheDocument();
+        expect(screen.getByTestId('table-cell-boolean-yes')).toBeInTheDocument();
+    });
+    it('renders the component with boolean false', function () {
+        setup({ checkmarkValue: false });
+        expect(screen.getByTitle('No')).toBeInTheDocument();
+        expect(screen.getByTestId('table-cell-boolean-no')).toBeInTheDocument();
+    });
+    it('renders the component without boolean', function () {
+        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 () {
+        setup({ rating: { type: 'star', value: 2 } });
+        expect(screen.getByTitle('2 out of 3')).toBeInTheDocument();
+    });
+    it('renders the component without rating', function () {
+        setup();
+        expect(screen.queryByTestId('table-cell-rating')).not.toBeInTheDocument();
+    });
+    it('renders the component with text', function () {
+        setup({ text: 'Sample text' });
+        expect(screen.getByText('Sample text')).toBeInTheDocument();
+    });
+    it('renders the component without text', function () {
+        setup();
+        expect(screen.queryByTestId('table-cell-text')).not.toBeInTheDocument();
+    });
+    it('renders the component without info', function () {
+        setup();
+        expect(screen.queryByText('View more info')).not.toBeInTheDocument();
+    });
+    it('calls openModal when info button is clicked', function () {
+        setup({ modalContent: 'Additional information', openModal: openModal });
+        // Click info button
+        screen.getByTestId('ds-table-info-button').click();
+        // Assert openModal is called with info prop
+        expect(openModal).toHaveBeenCalledWith('Additional information');
+    });
+});
+//# sourceMappingURL=TableCell.test.js.map

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

@@ -0,0 +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, TableCellProps } from './TableCell';\n\nconst openModal = jest.fn();\n\nconst setup = ({ isNavigation, ...rest }: TableCellProps = {}) =>\n  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({ text: '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/Collapsible.js

@@ -0,0 +1,6 @@
+import 'react/jsx-runtime';
+import '../../../../index-a0ef2ab4.js';
+export { C as Collapsible } from '../../../../Collapsible-a355828b.js';
+import 'react';
+import '../../../../index-6ea95111.js';
+//# sourceMappingURL=Collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,64 @@
+import { a as __assign, _ as __spreadArray } from '../../../../tslib.es6-a39f91fc.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { T as TableSection } from '../../../../TableSection-f6d0028e.js';
+import ChevronDownIcon from '../../../icon/icons/ChevronDown.js';
+import ChevronUpIcon from '../../../icon/icons/ChevronUp.js';
+import { Card } from '../../../cards/card/index.js';
+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 '../TableCell/BaseCell/BaseCell.js';
+import '../../../icon/icons/Check.js';
+import '../../../icon/IconWrapper/IconWrapper.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';
+
+var css_248z = ".TableContents-module_cardWrapper__2OVMv {\n  height: 88px;\n}\n\n.TableContents-module_card__Mmz6h {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 3;\n}";
+var styles = {"cardWrapper":"TableContents-module_cardWrapper__2OVMv","card":"TableContents-module_card__Mmz6h"};
+styleInject(css_248z);
+
+var TableContents = function (_a) {
+    var _b, _c;
+    var className = _a.className, collapsibleSections = _a.collapsibleSections, tableData = _a.tableData, hideDetails = _a.hideDetails, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title;
+    var _d = useState(null), isSectionOpen = _d[0], setOpenSection = _d[1];
+    var firstHeadRow = (_c = (_b = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _b === void 0 ? void 0 : _b.rows) === null || _c === void 0 ? void 0 : _c[0];
+    var tableWidth = isMobile ? "".concat((firstHeadRow === null || firstHeadRow === void 0 ? void 0 : firstHeadRow.length) * 50, "%") : '';
+    var handleToggleSection = function (index) {
+        setOpenSection(function (currentSection) {
+            return currentSection === index ? null : index;
+        });
+    };
+    return (jsx("div", { style: { width: tableWidth }, children: tableData.map(function (_a, index) {
+            var rows = _a.rows, _b = _a.section, section = _b === void 0 ? {} : _b;
+            var isFirstSection = index === 0;
+            var isExpanded = !collapsibleSections
+                ? true
+                : isSectionOpen === index || isFirstSection;
+            var isVisible = hideDetails ? !shouldHideDetails : true;
+            return ((isFirstSection || isVisible) && (jsxs("div", { children: [(section === null || section === void 0 ? void 0 : section.title) && (jsx("div", { className: styles.cardWrapper, children: jsx("div", { className: classNames(styles.card, 'p8'), children: jsx(Card, __assign({ actionIcon: isExpanded ? (jsx(ChevronUpIcon, { size: 24 })) : (jsx(ChevronDownIcon, { size: 24 })), "aria-expanded": isExpanded ? 'true' : 'false', "aria-hidden": true, classNames: {
+                                    wrapper: 'bg-grey-200',
+                                    icon: 'tc-grey-900',
+                                }, dropShadow: false, icon: section === null || section === void 0 ? void 0 : section.icon, title: section.title, titleVariant: "medium" }, (collapsibleSections
+                                ? {
+                                    onClick: function () { return handleToggleSection(index); },
+                                }
+                                : {}))) }) })), jsx(Collapsible, { isExpanded: isExpanded, isMobile: isMobile, children: jsx(TableSection, { className: classNames(className, 'mb24'), tableCellRows: isFirstSection ? rows : __spreadArray([firstHeadRow], rows, true), hideHeader: true, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth }) })] }, index)));
+        }) }));
+};
+
+export { TableContents };
+//# sourceMappingURL=TableContents.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,89 @@
+import { c as __awaiter, d as __generator } from '../../../../tslib.es6-a39f91fc.js';
+import { jsx } from 'react/jsx-runtime';
+import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
+import { TableContents } from './TableContents.js';
+import 'react';
+import 'react-dom';
+import '../../../../_commonjsHelpers-4730bd53.js';
+import 'react-dom/test-utils';
+import '../../../../TableSection-f6d0028e.js';
+import '../../../../index-6ea95111.js';
+import '../../../../style-inject.es-1f59c1d0.js';
+import '../TableCell/TableCell.js';
+import '../TableCell/BaseCell/BaseCell.js';
+import '../../../icon/icons/Check.js';
+import '../../../icon/IconWrapper/IconWrapper.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';
+import '../../../icon/icons/ChevronRight.js';
+import '../../../../Collapsible-a355828b.js';
+import '../../../../index-a0ef2ab4.js';
+
+var mockData = [
+    {
+        rows: [
+            [{ text: 'Item 1.1.1' }, { text: 'Item 1.1.2' }],
+            [{ text: 'Item 1.2.1' }, { text: 'Item 1.2.2' }],
+        ],
+    },
+    {
+        section: {
+            title: 'Section 2',
+        },
+        rows: [
+            [{ text: 'Item 2.1.1' }, { text: 'Item 2.1.2' }],
+            [{ text: 'Item 2.2.1' }, { text: 'Item 2.2.2' }],
+        ],
+    },
+];
+describe('TableContents', function () {
+    it('renders the table sections with sections', function () {
+        customRender(jsx(TableContents, { collapsibleSections: true, tableData: mockData, title: "Table" }));
+        expect(screen.getByText('Section 2')).toBeInTheDocument();
+    });
+    it('renders the table sections with sections data', function () {
+        customRender(jsx(TableContents, { collapsibleSections: true, tableData: mockData, title: "Table" }));
+        expect(screen.getByText('Item 1.2.1')).toBeInTheDocument();
+        expect(screen.getByText('Item 1.2.2')).toBeInTheDocument();
+        expect(screen.getByText('Item 2.1.2')).toBeInTheDocument();
+        expect(screen.getByText('Item 2.2.1')).toBeInTheDocument();
+    });
+    it('hides the table sections when hideDetails and shouldHideDetails is true', function () {
+        customRender(jsx(TableContents, { hideDetails: true, shouldHideDetails: true, tableData: mockData, title: "Table" }));
+        expect(screen.queryByText('Section 2')).not.toBeInTheDocument();
+        expect(screen.queryByText('Item 2.1.1')).not.toBeInTheDocument();
+    });
+    it('hides the table sections details when collapsibleSections is true', function () {
+        customRender(jsx(TableContents, { collapsibleSections: true, isMobile: true, tableData: mockData, title: "Table" }));
+        expect(screen.getByText('Section 2')).toBeVisible();
+        expect(screen.queryByText('Item 2.1.1')).not.toBeVisible();
+    });
+    it('shows the table sections when hideDetails is collapsibleSections true has expanded ', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = customRender(jsx(TableContents, { collapsibleSections: true, isMobile: true, tableData: mockData, title: "Table" })).user;
+                    expect(screen.queryByText('Item 2.1.1')).not.toBeVisible();
+                    return [4 /*yield*/, user.click(screen.getByText('Section 2'))];
+                case 1:
+                    _a.sent();
+                    expect(screen.getByText('Item 2.1.1')).toBeVisible();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=TableContents.test.js.map

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

@@ -0,0 +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, TableContentsProps } from './TableContents';\n\nconst mockData: TableContentsProps['tableData'] = [\n  {\n    rows: [\n      [{ text: 'Item 1.1.1' }, { text: 'Item 1.1.2' }],\n      [{ text: 'Item 1.2.1' }, { text: 'Item 1.2.2' }],\n    ],\n  },\n  {\n    section: {\n      title: 'Section 2',\n    },\n    rows: [\n      [{ text: 'Item 2.1.1' }, { text: 'Item 2.1.2' }],\n      [{ text: 'Item 2.2.1' }, { text: '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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"}

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

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import ChevronLeftIcon from '../../../icon/icons/ChevronLeft.js';
+import ChevronRightIcon from '../../../icon/icons/ChevronRight.js';
+import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import { Button } from '../../../button/index.js';
+import { c as classNames } from '../../../../index-6ea95111.js';
+import 'react';
+import '../../../icon/IconWrapper/IconWrapper.js';
+import '../../../../tslib.es6-a39f91fc.js';
+
+var css_248z = ".TableControls-module_stickyHeader__1f6Ta {\n  display: flex;\n  position: sticky;\n  left: 0;\n  right: 0;\n  min-height: 72px;\n  z-index: 9;\n}\n\n.TableControls-module_controlButton__2kQiG {\n  border-radius: 50% !important;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n}";
+var styles = {"stickyHeader":"TableControls-module_stickyHeader__1f6Ta","controlButton":"TableControls-module_controlButton__2kQiG"};
+styleInject(css_248z);
+
+var TableControls = function (_a) {
+    var activeSection = _a.activeSection, children = _a.children, columnsLength = _a.columnsLength, stickyHeaderTopOffset = _a.stickyHeaderTopOffset, navigateTable = _a.navigateTable;
+    return (jsxs("div", { "aria-hidden": true, className: classNames('d-flex ai-center jc-between bg-white px8', styles.stickyHeader), style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: [jsx(Button, { className: styles.controlButton, disabled: activeSection <= 1, hideLabel: true, leftIcon: jsx(ChevronLeftIcon, {}), onClick: function () { return navigateTable(); }, type: "button", variant: "filledGray", "data-testid": "previous-section-button", children: "Previous section" }), children, jsx(Button, { className: styles.controlButton, disabled: activeSection >= columnsLength - 1, hideLabel: true, leftIcon: jsx(ChevronRightIcon, {}), onClick: function () { return navigateTable(true); }, type: "button", variant: "filledGray", "data-testid": "next-section-button", children: "Next section" })] }));
+};
+
+export { TableControls };
+//# sourceMappingURL=TableControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableControls.js","sources":["../../../../../../../src/lib/components/table/components/TableControls/TableControls.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../../icon';\nimport styles from './TableControls.module.scss';\nimport { Button } from '../../../button';\nimport classNames from 'classnames';\n\nexport interface TableControlsProps {\n  activeSection: number;\n  children: ReactNode;\n  columnsLength: number;\n  stickyHeaderTopOffset: number;\n  navigateTable: (next?: boolean) => void;\n}\n\nconst TableControls = ({\n  activeSection,\n  children,\n  columnsLength,\n  stickyHeaderTopOffset,\n  navigateTable,\n}: TableControlsProps) => {\n  return (\n    <div\n      aria-hidden\n      className={classNames(\n        'd-flex ai-center jc-between bg-white px8',\n        styles.stickyHeader\n      )}\n      style={{ top: `${stickyHeaderTopOffset}px` }}\n    >\n      <Button\n        className={styles.controlButton}\n        disabled={activeSection <= 1}\n        hideLabel\n        leftIcon={<ChevronLeftIcon />}\n        onClick={() => navigateTable()}\n        type=\"button\"\n        variant=\"filledGray\"\n        data-testid=\"previous-section-button\"\n      >\n        Previous section\n      </Button>\n\n      {children}\n\n      <Button\n        className={styles.controlButton}\n        disabled={activeSection >= columnsLength - 1}\n        hideLabel\n        leftIcon={<ChevronRightIcon />}\n        onClick={() => navigateTable(true)}\n        type=\"button\"\n        variant=\"filledGray\"\n        data-testid=\"next-section-button\"\n      >\n        Next section\n      </Button>\n    </div>\n  );\n};\n\nexport { TableControls };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;IAcM,aAAa,GAAG,UAAC,EAMF;QALnB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,qBAAqB,2BAAA,EACrB,aAAa,mBAAA;IAEb,QACEA,mCAEE,SAAS,EAAE,UAAU,CACnB,0CAA0C,EAC1C,MAAM,CAAC,YAAY,CACpB,EACD,KAAK,EAAE,EAAE,GAAG,EAAE,UAAG,qBAAqB,OAAI,EAAE,aAE5CC,IAAC,MAAM,IACL,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,QAAQ,EAAE,aAAa,IAAI,CAAC,EAC5B,SAAS,QACT,QAAQ,EAAEA,IAAC,eAAe,KAAG,EAC7B,OAAO,EAAE,cAAM,OAAA,aAAa,EAAE,GAAA,EAC9B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,YAAY,iBACR,yBAAyB,iCAG9B,EAER,QAAQ,EAETA,IAAC,MAAM,IACL,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,QAAQ,EAAE,aAAa,IAAI,aAAa,GAAG,CAAC,EAC5C,SAAS,QACT,QAAQ,EAAEA,IAAC,gBAAgB,KAAG,EAC9B,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,GAAA,EAClC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,YAAY,iBACR,qBAAqB,6BAG1B,IACL,EACN;AACJ;;;;"}

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

@@ -0,0 +1,71 @@
+import { a as __assign, c as __awaiter, d as __generator } from '../../../../tslib.es6-a39f91fc.js';
+import { jsx } from 'react/jsx-runtime';
+import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
+import { TableControls } from './TableControls.js';
+import 'react';
+import 'react-dom';
+import '../../../../_commonjsHelpers-4730bd53.js';
+import 'react-dom/test-utils';
+import '../../../icon/icons/ChevronLeft.js';
+import '../../../icon/IconWrapper/IconWrapper.js';
+import '../../../../index-6ea95111.js';
+import '../../../../style-inject.es-1f59c1d0.js';
+import '../../../icon/icons/ChevronRight.js';
+import '../../../button/index.js';
+
+var mockNavigateTable = jest.fn();
+var defaultProps = {
+    activeSection: 1,
+    children: jsx("div", { children: "Table content" }),
+    columnsLength: 3,
+    stickyHeaderTopOffset: 0,
+    navigateTable: mockNavigateTable,
+};
+describe('TableControls', function () {
+    it('renders the previous and next section buttons', function () {
+        customRender(jsx(TableControls, __assign({}, defaultProps)));
+        var previousButton = screen.getByText('Previous section');
+        var nextButton = screen.getByText('Next section');
+        expect(previousButton).toBeInTheDocument();
+        expect(nextButton).toBeInTheDocument();
+    });
+    it('disables the previous button when activeSection is 1', function () {
+        customRender(jsx(TableControls, __assign({}, defaultProps, { activeSection: 1 })));
+        var previousButton = screen.getByTestId('previous-section-button');
+        expect(previousButton).toBeDisabled();
+    });
+    it('disables the next button when activeSection is equal to columnsLength - 1', function () {
+        customRender(jsx(TableControls, __assign({}, defaultProps, { activeSection: 2 })));
+        var nextButton = screen.getByTestId('next-section-button');
+        expect(nextButton).toBeDisabled();
+    });
+    it('calls navigateTable with no arguments when previous button is clicked', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = customRender(jsx(TableControls, __assign({}, defaultProps, { activeSection: 2 }))).user;
+                    return [4 /*yield*/, user.click(screen.getByTestId('previous-section-button'))];
+                case 1:
+                    _a.sent();
+                    expect(mockNavigateTable).toHaveBeenCalledWith();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('calls navigateTable with true argument when next button is clicked', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = customRender(jsx(TableControls, __assign({}, defaultProps))).user;
+                    return [4 /*yield*/, user.click(screen.getByTestId('next-section-button'))];
+                case 1:
+                    _a.sent();
+                    expect(mockNavigateTable).toHaveBeenCalledWith(true);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=TableControls.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableControls.test.js","sources":["../../../../../../../src/lib/components/table/components/TableControls/TableControls.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableControls, TableControlsProps } from './TableControls';\n\nconst mockNavigateTable = jest.fn();\n\nconst defaultProps: TableControlsProps = {\n  activeSection: 1,\n  children: <div>Table content</div>,\n  columnsLength: 3,\n  stickyHeaderTopOffset: 0,\n  navigateTable: mockNavigateTable,\n};\n\ndescribe('TableControls', () => {\n  it('renders the previous and next section buttons', () => {\n    render(<TableControls {...defaultProps} />);\n\n    const previousButton = screen.getByText('Previous section');\n    const nextButton = screen.getByText('Next section');\n\n    expect(previousButton).toBeInTheDocument();\n    expect(nextButton).toBeInTheDocument();\n  });\n\n  it('disables the previous button when activeSection is 1', () => {\n    render(<TableControls {...defaultProps} activeSection={1} />);\n\n    const previousButton = screen.getByTestId('previous-section-button');\n\n    expect(previousButton).toBeDisabled();\n  });\n\n  it('disables the next button when activeSection is equal to columnsLength - 1', () => {\n    render(<TableControls {...defaultProps} activeSection={2} />);\n\n    const nextButton = screen.getByTestId('next-section-button');\n\n    expect(nextButton).toBeDisabled();\n  });\n\n  it('calls navigateTable with no arguments when previous button is clicked', async () => {\n    const { user } = render(\n      <TableControls {...defaultProps} activeSection={2} />\n    );\n\n    await user.click(screen.getByTestId('previous-section-button'));\n\n    expect(mockNavigateTable).toHaveBeenCalledWith();\n  });\n\n  it('calls navigateTable with true argument when next button is clicked', async () => {\n    const { user } = render(<TableControls {...defaultProps} />);\n\n    await user.click(screen.getByTestId('next-section-button'));\n\n    expect(mockNavigateTable).toHaveBeenCalledWith(true);\n  });\n});\n"],"names":["_jsx","render"],"mappings":";;;;;;;;;;;;;;;AAGA,IAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAEpC,IAAM,YAAY,GAAuB;IACvC,aAAa,EAAE,CAAC;IAChB,QAAQ,EAAEA,yCAAwB;IAClC,aAAa,EAAE,CAAC;IAChB,qBAAqB,EAAE,CAAC;IACxB,aAAa,EAAE,iBAAiB;CACjC,CAAC;AAEF,QAAQ,CAAC,eAAe,EAAE;IACxB,EAAE,CAAC,+CAA+C,EAAE;QAClDC,YAAM,CAACD,IAAC,aAAa,eAAK,YAAY,EAAI,CAAC,CAAC;QAE5C,IAAM,cAAc,GAAG,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;QAC5D,IAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAEpD,MAAM,CAAC,cAAc,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC3C,MAAM,CAAC,UAAU,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACxC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE;QACzDC,YAAM,CAACD,IAAC,aAAa,eAAK,YAAY,IAAE,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;QAE9D,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC;QAErE,MAAM,CAAC,cAAc,CAAC,CAAC,YAAY,EAAE,CAAC;KACvC,CAAC,CAAC;IAEH,EAAE,CAAC,2EAA2E,EAAE;QAC9EC,YAAM,CAACD,IAAC,aAAa,eAAK,YAAY,IAAE,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;QAE9D,IAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;QAE7D,MAAM,CAAC,UAAU,CAAC,CAAC,YAAY,EAAE,CAAC;KACnC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE;;;;;oBAClE,IAAI,GAAKC,YAAM,CACrBD,IAAC,aAAa,eAAK,YAAY,IAAE,aAAa,EAAE,CAAC,IAAI,CACtD,KAFW,CAEV;oBAEF,qBAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC,EAAA;;oBAA/D,SAA+D,CAAC;oBAEhE,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,EAAE,CAAC;;;;SAClD,CAAC,CAAC;IAEH,EAAE,CAAC,oEAAoE,EAAE;;;;;oBAC/D,IAAI,GAAKC,YAAM,CAACD,IAAC,aAAa,eAAK,YAAY,EAAI,CAAC,KAAhD,CAAiD;oBAE7D,qBAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,EAAA;;oBAA3D,SAA2D,CAAC;oBAE5D,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;;;;SACtD,CAAC,CAAC;AACL,CAAC,CAAC"}

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

@@ -0,0 +1,23 @@
+import '../../../../tslib.es6-a39f91fc.js';
+import 'react/jsx-runtime';
+import '../../../../index-6ea95111.js';
+export { T as TableSection } from '../../../../TableSection-f6d0028e.js';
+import '../TableCell/TableCell.js';
+import '../../../../style-inject.es-1f59c1d0.js';
+import '../TableCell/BaseCell/BaseCell.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 '../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';
+//# sourceMappingURL=TableSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSection.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}