@popsure/dirty-swan 0.62.3 → 0.63.0

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

@@ -1,31 +1,20 @@
-import { b as __assign } from '../../../../../tslib.es6-CVlKGIvp.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as classNames } from '../../../../../index-DLQEsiym.js';
-import { s as styleInject } from '../../../../../style-inject.es-tgCJW-Cu.js';
-import { IconRenderer } from '../../IconRenderer/IconRenderer.js';
-import { Button } from '../../../../button/index.js';
-import '../../../../../_commonjsHelpers-BFTU3MAI.js';
-import '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';
 
-var css_248z = ".CTACell-module_narrow__1EPPT {\n  height: 40px;\n  padding: 8px !important;\n}";
+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, icon = _a.icon, grey = _a.grey, narrow = _a.narrow, href = _a.href, buttonCaption = _a.buttonCaption, imageComponent = _a.imageComponent, className = _a.className, dataCy = _a.dataCy, dataTestId = _a.dataTestId, onClick = _a.onClick;
-    var renderedIcon = (jsx(IconRenderer, { icon: icon, imageComponent: imageComponent }));
-    return (jsxs("div", { className: classNames(className, "ta-center"), "data-cy": dataCy, "data-testid": dataTestId, children: [jsxs("div", { className: "d-flex jc-center ai-center gap8", children: [renderedIcon, jsxs("p", { className: "p-h3", children: [title, price && jsxs("span", { className: "tc-purple-600", children: [" ", price] })] })] }), jsx(Button, __assign({}, onClick ? { onClick: onClick } : {
-                as: 'a',
-                href: href,
-                target: '_blank',
-                rel: 'noopener noreferrer',
-            }, { className: classNames('mt16 w100 wmx3', (_b = {
+    var title = _a.title, price = _a.price, icon = _a.icon, grey = _a.grey, narrow = _a.narrow, href = _a.href, buttonCaption = _a.buttonCaption;
+    return (jsxs("div", { className: "ta-center", children: [jsxs("div", { className: "d-flex jc-center ai-center gap8", children: [icon, jsxs("p", { className: "p-h3", children: [title, price && jsxs("span", { className: "tc-purple-500", children: [" ", price] })] })] }), jsx("a", { className: classNames('mt16 w100 wmx3', (_b = {
                         'p-btn--primary': !grey,
                         'p-btn--secondary-grey': grey
                     },
                     _b[styles.narrow] = narrow,
-                    _b)), children: buttonCaption }))] }));
+                    _b)), href: href, target: "_blank", rel: "noopener noreferrer", children: buttonCaption })] }));
 };
 
 export { CTACell };

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

@@ -1 +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\nimport styles from './CTACell.module.scss';\nimport { IconRenderer } from '../../IconRenderer/IconRenderer';\nimport { Button } from '../../../../button';\n\nexport type CTACellProps = {\n  title: ReactNode;\n  price?: ReactNode;\n  icon?: ReactNode;\n  imageComponent?: (args: any) => JSX.Element;\n  buttonCaption?: ReactNode;\n  grey?: boolean;\n  narrow?: boolean;\n  href: string;\n  className?: string;\n  dataTestId?: string;\n  dataCy?: string;\n  onClick?: () => void;\n};\n\nexport const CTACell = ({\n  title,\n  price,\n  icon,\n  grey,\n  narrow,\n  href,\n  buttonCaption,\n  imageComponent,\n  className,\n  dataCy,\n  dataTestId,\n  onClick,\n}: CTACellProps) => {\n  const renderedIcon = (\n    <IconRenderer icon={icon} imageComponent={imageComponent} />\n  );\n\n  return (\n    <div\n      className={classNames(className, \"ta-center\")}\n      data-cy={dataCy}\n      data-testid={dataTestId}\n    >\n      <div className=\"d-flex jc-center ai-center gap8\">\n        {renderedIcon}\n        <p className=\"p-h3\">\n          {title}\n          {price && <span className=\"tc-purple-600\"> {price}</span>}\n        </p>\n      </div>\n\n      <Button\n        {...onClick ? { onClick } : {\n          as: 'a',\n          href: href,\n          target: '_blank',\n          rel: 'noopener noreferrer',\n        }}\n        className={classNames('mt16 w100 wmx3', {\n          'p-btn--primary': !grey,\n          'p-btn--secondary-grey': grey,\n          [styles.narrow]: narrow,\n        })}\n      >\n        {buttonCaption}\n      </Button>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;AAsBO,IAAM,OAAO,GAAG,UAAC,EAaT,EAAA;;AAZb,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,YAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,YAAY,IAChBA,GAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,EAAA,CAAI,CAC7D;IAED,QACEC,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,EAAA,SAAA,EACpC,MAAM,iBACF,UAAU,EAAA,QAAA,EAAA,CAEvBA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAAA,CAC7C,YAAY,EACbA,IAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CAChB,KAAK,EACL,KAAK,IAAIA,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,eAAe,EAAA,QAAA,EAAA,CAAA,GAAA,EAAG,KAAK,CAAA,EAAA,CAAQ,CAAA,EAAA,CACvD,CAAA,EAAA,CACA,EAEND,IAAC,MAAM,EAAA,QAAA,CAAA,EAAA,EACD,OAAO,GAAG,EAAE,OAAO,EAAA,OAAA,EAAE,GAAG;AAC1B,gBAAA,EAAE,EAAE,GAAG;AACP,gBAAA,IAAI,EAAE,IAAI;AACV,gBAAA,MAAM,EAAE,QAAQ;AAChB,gBAAA,GAAG,EAAE,qBAAqB;AAC3B,aAAA,EAAA,EACD,SAAS,EAAE,UAAU,CAAC,gBAAgB,GAAA,EAAA,GAAA;wBACpC,gBAAgB,EAAE,CAAC,IAAI;AACvB,wBAAA,uBAAuB,EAAE;;AACzB,oBAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,oBAAA,EAAA,EAAA,EAAA,QAAA,EAED,aAAa,EAAA,CAAA,CACP,CAAA,EAAA,CACL;AAEV;;;;"}
+{"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  icon?: ReactNode;\n  buttonCaption?: ReactNode;\n  grey?: boolean;\n  narrow?: boolean;\n  href: string;\n  cellId?: string;\n};\nimport styles from './CTACell.module.scss';\n\nexport const CTACell = ({\n  title,\n  price,\n  icon,\n  grey,\n  narrow,\n  href,\n  buttonCaption,\n}: CTACellProps) => {\n  return (\n    <div className=\"ta-center\">\n      <div className=\"d-flex jc-center ai-center gap8\">\n        {icon}\n        <p className=\"p-h3\">\n          {title}\n          {price && <span className=\"tc-purple-500\"> {price}</span>}\n        </p>\n      </div>\n\n      <a\n        className={classNames('mt16 w100 wmx3', {\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":";;;;;;;;IAea,OAAO,GAAG,UAAC,EAQT;;QAPb,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,aAAa,mBAAA;IAEb,QACEA,cAAK,SAAS,EAAC,WAAW,aACxBA,cAAK,SAAS,EAAC,iCAAiC,aAC7C,IAAI,EACLA,YAAG,SAAS,EAAC,MAAM,aAChB,KAAK,EACL,KAAK,IAAIA,eAAM,SAAS,EAAC,eAAe,kBAAG,KAAK,IAAQ,IACvD,IACA,EAENC,WACE,SAAS,EAAE,UAAU,CAAC,gBAAgB;wBACpC,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

@@ -1,14 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
-import 'react';
-import '../../../../../index-DLQEsiym.js';
 import PlaneIcon from '../../../../icon/icons/Plane.js';
 import { CTACell } from './CTACell.js';
-import '../../../../../_commonjsHelpers-BFTU3MAI.js';
+import 'react';
 import '../../../../icon/IconWrapper/IconWrapper.js';
-import '../../../../../tslib.es6-CVlKGIvp.js';
-import '../../../../../style-inject.es-tgCJW-Cu.js';
-import '../../IconRenderer/IconRenderer.js';
-import '../../../../button/index.js';
+import '../../../../../tslib.es6-a39f91fc.js';
+import '../../../../../index-6ea95111.js';
+import '../../../../../style-inject.es-1f59c1d0.js';
 
 var story = {
     title: 'JSX/Table/Cells',
@@ -23,13 +20,12 @@ var story = {
         narrow: false,
     },
 };
-var CTACellStory = {
-    render: function (_a) {
-        var title = _a.title, price = _a.price, icon = _a.icon, 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, icon: icon, buttonCaption: buttonCaption, href: "", grey: grey, narrow: narrow }) }));
-    },
-    name: 'CTACell',
+var CTACellStory = function (_a) {
+    var title = _a.title, price = _a.price, icon = _a.icon, 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, icon: icon, buttonCaption: buttonCaption, href: "", grey: grey, narrow: narrow }) }));
 };
+CTACellStory.storyName = 'CTACell';
 
-export { CTACellStory, story as default };
+export default story;
+export { CTACellStory };
 //# sourceMappingURL=CTACell.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CTACell.stories.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/CTACell/CTACell.stories.tsx"],"sourcesContent":["import { PlaneIcon } from '../../../../icon';\nimport { CTACell } from './CTACell';\n\nconst story = {\n  title: 'JSX/Table/Cells',\n  component: CTACell,\n  argTypes: {},\n  args: {\n    title: 'BARMER',\n    price: '€277',\n    icon: <PlaneIcon size={24} noMargin />,\n    buttonCaption: 'Get covered',\n    grey: false,\n    narrow: false,\n  },\n};\n\nexport const CTACellStory = {\n  render: ({\n    title,\n    price,\n    icon,\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        icon={icon}\n        buttonCaption={buttonCaption}\n        href=\"\"\n        grey={grey}\n        narrow={narrow}\n      />\n    </div>\n  ),\n\n  name: 'CTACell',\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;AAGA,IAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,iBAAiB;AACxB,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,KAAK,EAAE,MAAM;QACb,IAAI,EAAEA,IAAC,SAAS,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAA,IAAA,EAAA,CAAG;AACtC,QAAA,aAAa,EAAE,aAAa;AAC5B,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,MAAM,EAAE,KAAK;AACd,KAAA;;AAGI,IAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,UAAC,EAO8B,EAAA;AANrC,QAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,aAAa,mBAAA,EACb,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA;AACoC,QAAA,QAC1CA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qCAAqC,YAClDA,GAAA,CAAC,OAAO,EAAA,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,EAAE,EACP,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EAAA,CACd,GACE;IAXoC,CAY3C;AAED,IAAA,IAAI,EAAE,SAAS;;;;;"}
+{"version":3,"file":"CTACell.stories.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/CTACell/CTACell.stories.tsx"],"sourcesContent":["import { PlaneIcon } from '../../../../icon';\nimport { CTACell } from './CTACell';\n\nconst story = {\n  title: 'JSX/Table/Cells',\n  component: CTACell,\n  argTypes: {},\n  args: {\n    title: 'BARMER',\n    price: '€277',\n    icon: <PlaneIcon size={24} noMargin />,\n    buttonCaption: 'Get covered',\n    grey: false,\n    narrow: false,\n  },\n};\n\nexport const CTACellStory = ({\n  title,\n  price,\n  icon,\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      icon={icon}\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":";;;;;;;;;IAGM,KAAK,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,MAAM;QACb,IAAI,EAAEA,IAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,SAAG;QACtC,aAAa,EAAE,aAAa;QAC5B,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,KAAK;KACd;EACD;IAEW,YAAY,GAAG,UAAC,EAOU;QANrC,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,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,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,EAAE,EACP,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACd,GACE;AAXoC,EAY1C;AAEF,YAAY,CAAC,SAAS,GAAG,SAAS;;;;;"}

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

@@ -1,38 +1,32 @@
-import { c as __rest, b as __assign } from '../../../../tslib.es6-CVlKGIvp.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-DLQEsiym.js';
-import { s as styleInject } from '../../../../style-inject.es-tgCJW-Cu.js';
+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 { CardCell } from './CardCell/CardCell.js';
 import { ButtonCell } from './ButtonCell/ButtonCell.js';
-import React__default from 'react';
-import '../../../../_commonjsHelpers-BFTU3MAI.js';
-import '../../../icon/icons/CheckThick.js';
+import require$$0__default from 'react';
+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-CqsS0Elu.js';
-import '../../../../index-DYcCCrfR.js';
-import '../../../comparisonTable/components/Row/index.js';
+import '../../../../index-caeac7cd.js';
+import '../../../../_commonjsHelpers-4730bd53.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
-import '../../../../index-BClARCFl.js';
-import '../IconRenderer/IconRenderer.js';
+import '../../../../index-5e72c3d4.js';
 import '../../../button/index.js';
-import '../../../cards/card/index.js';
-import '../../../icon/icons/ChevronRight.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.TableCell-module_thNavigation__qZ2sY {\n  width: 100%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_thNavigation__qZ2sY {\n    width: auto;\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: #f7f7fd;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_fixedCell__cL3-m {\n    padding-left: 16px;\n  }\n}\n\n.TableCell-module_fixedCard__2LO8s {\n  position: sticky;\n  left: 0;\n  right: 0;\n  z-index: 2;\n  width: 100%;\n}";
-var styles = {"th":"TableCell-module_th__2rjCU","thNavigation":"TableCell-module_thNavigation__qZ2sY","fixedCell":"TableCell-module_fixedCell__cL3-m","fixedCard":"TableCell-module_fixedCard__2LO8s"};
+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 = React__default.memo(function (_a) {
+var TableCell = require$$0__default.memo(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, _h = _a.colSpan, colSpan = _h === void 0 ? 0 : _h, isBelowDesktop = _a.isBelowDesktop, cellProps = __rest(_a, ["isFirstCellInRow", "isHeader", "isNavigation", "isTopLeftCell", "colSpan", "isBelowDesktop"]);
+    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'
@@ -47,12 +41,11 @@ var TableCell = React__default.memo(function (_a) {
     return (jsxs(Tag, __assign({}, scope, { className: classNames('bg-white py24 px8', styles.th, (_b = {
                 'ta-left': isFirstCellInRow
             },
-            _b[styles.thNavigation] = isNavigation,
-            _b[styles.fixedCell] = isFirstCellInRow && colSpan < 1,
-            _b[styles.fixedCard] = cellProps.type === 'CARD',
-            _b)), colSpan: isBelowDesktop && cellProps.type === 'CARD' ? 2 : colSpan, children: [!cellProps.type && (jsx(BaseCell, __assign({}, cellProps, { fontVariant: isTopLeftCell
-                    ? 'TITLE'
-                    : (_c = cellProps.fontVariant) !== null && _c !== void 0 ? _c : 'NORMAL' }))), cellProps.type === 'CTA' && jsx(CTACell, __assign({}, cellProps)), cellProps.type === 'BUTTON' && jsx(ButtonCell, __assign({}, cellProps)), cellProps.type === 'CARD' && jsx(CardCell, __assign({}, cellProps))] })));
+            _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 };

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 classNames from 'classnames';\n\nimport styles from './TableCell.module.scss';\nimport { BaseCell } from './BaseCell/BaseCell';\nimport { TableCellData } from '../../types';\nimport { CTACell } from './CTACell/CTACell';\nimport { CardCell } from './CardCell/CardCell';\nimport { ButtonCell } from './ButtonCell/ButtonCell';\nimport React from 'react';\n\ntype ExtraTableCellProps = {\n  isHeader?: boolean;\n  isFirstCellInRow?: boolean;\n  isTopLeftCell?: boolean;\n  isNavigation?: boolean;\n  imageComponent?: (args: any) => JSX.Element;\n  isBelowDesktop?: boolean;\n};\n\nexport type TableCellProps = TableCellData & ExtraTableCellProps;\n\nconst TableCell = React.memo(\n  ({\n    isFirstCellInRow = false,\n    isHeader = false,\n    isNavigation = false,\n    isTopLeftCell = false,\n    colSpan = 0,\n    isBelowDesktop,\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.thNavigation]: isNavigation,\n          [styles.fixedCell]: isFirstCellInRow && colSpan < 1 ,\n          [styles.fixedCard]: cellProps.type === 'CARD',\n        })}\n        colSpan={isBelowDesktop && cellProps.type === 'CARD' ? 2 : colSpan}\n      >\n        {!cellProps.type && (\n          <BaseCell\n            {...cellProps}\n            fontVariant={\n              isTopLeftCell\n                ? 'TITLE'\n                : cellProps.fontVariant ?? 'NORMAL'\n            }\n          />\n        )}\n        {cellProps.type === 'CTA' && <CTACell {...cellProps} />}\n        {cellProps.type === 'BUTTON' && <ButtonCell {...cellProps} />}\n        {cellProps.type === 'CARD' && <CardCell {...cellProps} />}\n      </Tag>\n    );\n  }\n);\n\nexport { TableCell };\n"],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAM,SAAS,GAAGA,cAAK,CAAC,IAAI,CAC1B,UAAC,EAQgB,EAAA;;;AAPf,IAAA,IAAA,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,GAAA,EAAA,EACxB,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAChB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,aAAqB,EAArB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACrB,eAAW,EAAX,OAAO,mBAAG,CAAC,GAAA,EAAA,EACX,cAAc,GAAA,EAAA,CAAA,cAAA,EACX,SAAS,GAAA,MAAA,CAAA,EAAA,EAPb,8FAQA,CADa;;IAGZ,IAAM,GAAG,GAAG;AACZ,UAAE;AACF,UAAE,QAAQ,IAAI,gBAAgB,GAAG,IAAI,GAAG,IAAI;;IAG5C,IAAM,OAAO,GAAG;AAChB,UAAE;UACA,gBAAgB,GAAG,KAAK,GAAG,SAAS;AAEtC,IAAA,IAAM,KAAK,GAAG;AACZ,QAAA,KAAK,EAAE,OAAO;KACf;AAED,IAAA,QACEC,IAAA,CAAC,GAAG,EAAA,QAAA,CAAA,EAAA,EACE,KAAK,EAAA,EACT,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,MAAM,CAAC,EAAE,GAAA,EAAA,GAAA;AAClD,gBAAA,SAAS,EAAE;;AACX,YAAA,EAAA,CAAC,MAAM,CAAC,YAAY,CAAA,GAAG,YAAY;YACnC,EAAA,CAAC,MAAM,CAAC,SAAS,CAAA,GAAG,gBAAgB,IAAI,OAAO,GAAG,CAAC;YACnD,EAAA,CAAC,MAAM,CAAC,SAAS,CAAA,GAAG,SAAS,CAAC,IAAI,KAAK,MAAM;AAC7C,YAAA,EAAA,EAAA,EACF,OAAO,EAAE,cAAc,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,GAAG,CAAC,GAAG,OAAO,EAAA,QAAA,EAAA,CAEjE,CAAC,SAAS,CAAC,IAAI,KACdC,GAAA,CAAC,QAAQ,EAAA,QAAA,CAAA,EAAA,EACH,SAAS,EAAA,EACb,WAAW,EACT;AACE,sBAAE;sBACA,MAAA,SAAS,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,QAAQ,IAEvC,CACH,EACA,SAAS,CAAC,IAAI,KAAK,KAAK,IAAIA,IAAC,OAAO,EAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAA,CAAI,EACtD,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAIA,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAA,CAAI,EAC5D,SAAS,CAAC,IAAI,KAAK,MAAM,IAAIA,GAAA,CAAC,QAAQ,eAAK,SAAS,CAAA,CAAI,CAAA,EAAA,CAAA,CACrD;AAEV,CAAC;;;;"}
+{"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 } from './BaseCell/BaseCell';\nimport { TableCellData } from '../../types';\nimport { CTACell } from './CTACell/CTACell';\nimport { ButtonCell } from './ButtonCell/ButtonCell';\nimport React from 'react';\n\ntype ExtraTableCellProps = {\n  isHeader?: boolean;\n  isFirstCellInRow?: boolean;\n  isTopLeftCell?: boolean;\n  isNavigation?: boolean;\n};\n\nexport type TableCellProps = TableCellData & ExtraTableCellProps;\n\nconst TableCell = React.memo(\n  ({\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);\n\nexport { TableCell };\n"],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAkBM,SAAS,GAAGA,mBAAK,CAAC,IAAI,CAC1B,UAAC,EAMgB;;;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,cALb,iEAMA,CADa;;IAGZ,IAAM,GAAG,GAAG,YAAY;UACtB,KAAK;UACL,QAAQ,IAAI,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;;IAG7C,IAAM,OAAO,GAAG,QAAQ;UACtB,KAAK;UACL,gBAAgB,GAAG,KAAK,GAAG,SAAS,CAAC;IAEvC,IAAM,KAAK,GAAG;QACZ,KAAK,EAAE,OAAO;KACf,CAAC;IAEF,QACEC,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,CAAC;;;;"}

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

@@ -1,34 +1,27 @@
-import { c as __rest, b as __assign } from '../../../../tslib.es6-CVlKGIvp.js';
+import { a as __assign, b as __rest } from '../../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { s as screen, c as customRender } from '../../../../customRender-DzdqZxUd.js';
+import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
 import { TableCell } from './TableCell.js';
-import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import 'util';
+import '../../../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
-import '../../../../index-DLQEsiym.js';
-import '../../../../style-inject.es-tgCJW-Cu.js';
+import '../../../../index-6ea95111.js';
+import '../../../../style-inject.es-1f59c1d0.js';
 import './BaseCell/BaseCell.js';
-import '../../../icon/icons/CheckThick.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-CqsS0Elu.js';
-import '../../../../index-DYcCCrfR.js';
-import '../../../comparisonTable/components/Row/index.js';
+import '../../../../index-caeac7cd.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
-import '../../../../index-BClARCFl.js';
+import '../../../../index-5e72c3d4.js';
 import './CTACell/CTACell.js';
-import '../IconRenderer/IconRenderer.js';
-import '../../../button/index.js';
-import './CardCell/CardCell.js';
-import '../../../cards/card/index.js';
-import '../../../icon/icons/ChevronRight.js';
 import './ButtonCell/ButtonCell.js';
+import '../../../button/index.js';
 
 var openModal = jest.fn();
 var setup = function (_a) {

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, 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({\n      body: 'Additional information',\n      title: '',\n    });\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,SAAS,GAAG,IAAI,CAAC,EAAE,EAAE;AAE3B,IAAM,KAAK,GAAG,UAAC,EAA8C,EAAA;AAA9C,IAAA,IAAA,EAAA,KAAA,MAAA,EAAA,EAAA,EAAA,GAAA,EAA8C,CAAA,CAAA;AAA5C,IAAA,IAAA,YAAY,GAAA,EAAA,CAAA,YAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAAvB,gBAAyB,CAAF;AACpC,IAAA,OAAAA,YAAM,CACJ,YAAY,IACVC,GAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EAAA,EAAK,IAAI,EAAA,EAAE,YAAY,UAAG,KAEpCA,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EACEA,IAAC,SAAS,EAAA,QAAA,CAAA,EAAA,EAAK,IAAI,CAAA,CAAI,EAAA,CACpB,EAAA,CACC,EAAA,CACF,CACT,CACF;CAAA;AAEH,QAAQ,CAAC,WAAW,EAAE,YAAA;IACpB,EAAE,CAAC,yCAAyC,EAAE,YAAA;AAC5C,QAAA,KAAK,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;QAE/B,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE;QACpD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,wBAAwB,CAAC,CAAC,CAAC,iBAAiB,EAAE;AAC1E,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,0CAA0C,EAAE,YAAA;AAC7C,QAAA,KAAK,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC;QAEhC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE;QACnD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,EAAE;AACzE,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,uCAAuC,EAAE,YAAA;AAC1C,QAAA,KAAK,EAAE;AAEP,QAAA,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE;AAC1D,QAAA,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE;AACzD,QAAA,MAAM,CACJ,MAAM,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAC/C,CAAC,GAAG,CAAC,iBAAiB,EAAE;AACzB,QAAA,MAAM,CACJ,MAAM,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAC9C,CAAC,GAAG,CAAC,iBAAiB,EAAE;AAC3B,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,mCAAmC,EAAE,YAAA;AACtC,QAAA,KAAK,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAE7C,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE;AAC7D,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,sCAAsC,EAAE,YAAA;AACzC,QAAA,KAAK,EAAE;AAEP,QAAA,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE;AAC3E,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,iCAAiC,EAAE,YAAA;AACpC,QAAA,KAAK,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;QAE9B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE;AAC7D,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,oCAAoC,EAAE,YAAA;AACvC,QAAA,KAAK,EAAE;AAEP,QAAA,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE;AACzE,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,oCAAoC,EAAE,YAAA;AACvC,QAAA,KAAK,EAAE;AAEP,QAAA,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE;AACtE,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,6CAA6C,EAAE,YAAA;QAChD,KAAK,CAAC,EAAE,YAAY,EAAE,wBAAwB,EAAE,SAAS,EAAA,SAAA,EAAE,CAAC;;QAG5D,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,KAAK,EAAE;;AAGlD,QAAA,MAAM,CAAC,SAAS,CAAC,CAAC,oBAAoB,CAAC;AACrC,YAAA,IAAI,EAAE,wBAAwB;AAC9B,YAAA,KAAK,EAAE,EAAE;AACV,SAAA,CAAC;AACJ,IAAA,CAAC,CAAC;AACJ,CAAC,CAAC"}
+{"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({\n      body: 'Additional information',\n      title: '',\n    });\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}

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

@@ -1,47 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import { s as styleInject } from '../../../../style-inject.es-tgCJW-Cu.js';
-import { c as classNames } from '../../../../index-DLQEsiym.js';
-import '../../../../_commonjsHelpers-BFTU3MAI.js';
-
-var css_248z = ".Collapsible-module_collapsible__2wWKs {\n  transition: max-height 0.3s ease-in-out;\n  overflow-y: clip;\n}";
-var styles = {"collapsible":"Collapsible-module_collapsible__2wWKs"};
-styleInject(css_248z);
-
-var Collapsible = function (_a) {
-    var _b;
-    var children = _a.children, isExpanded = _a.isExpanded;
-    var _c = useState(), height = _c[0], setHeight = _c[1];
-    var observerRef = useRef(null);
-    var containerRef = useRef(null);
-    useEffect(function () {
-        if (!observerRef.current) {
-            observerRef.current = new ResizeObserver(function (entries) {
-                entries.forEach(function (entry) {
-                    var scrollheight = entry.target.scrollHeight;
-                    setHeight(scrollheight);
-                });
-            });
-        }
-        if (containerRef.current) {
-            observerRef.current.observe(containerRef.current);
-            var scrollheight = containerRef.current.scrollHeight;
-            setHeight(scrollheight);
-        }
-        return function () {
-            var _a, _b;
-            if (containerRef.current) {
-                (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.unobserve(containerRef.current);
-            }
-            (_b = observerRef.current) === null || _b === void 0 ? void 0 : _b.disconnect();
-        };
-    }, [containerRef.current]);
-    return (jsx("div", { className: classNames(styles.collapsible, (_b = {},
-            _b[styles.hideDelayed] = !isExpanded,
-            _b)), ref: containerRef, style: {
-            maxHeight: isExpanded ? height : '0px',
-        }, children: children }));
-};
-
-export { Collapsible };
+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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sources":["../../../../../../../src/lib/components/table/components/TableContents/Collapsible.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react';\nimport styles from './Collapsible.module.scss';\nimport classNames from 'classnames';\ninterface CollapsibleProps {\n  children: ReactNode;\n  isExpanded?: boolean;\n}\n\nexport const Collapsible = ({ children, isExpanded }: CollapsibleProps) => {\n  const [height, setHeight] = useState<number | undefined>();\n\n  const observerRef = useRef<ResizeObserver | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (!observerRef.current) {\n      observerRef.current = new ResizeObserver((entries) => {\n        entries.forEach((entry) => {\n          const scrollheight = entry.target.scrollHeight;\n\n          setHeight(scrollheight);\n        });\n      });\n    }\n    if (containerRef.current) {\n      observerRef.current.observe(containerRef.current);\n      const scrollheight = containerRef.current.scrollHeight;\n      setHeight(scrollheight);\n    }\n\n    return () => {\n      if (containerRef.current) {\n        observerRef.current?.unobserve(containerRef.current);\n      }\n      observerRef.current?.disconnect();\n    };\n  }, [containerRef.current]);\n\n  return (\n    <div\n      className={classNames(styles.collapsible, {\n        [styles.hideDelayed]: !isExpanded,\n      })}\n      ref={containerRef}\n      style={{\n        maxHeight: isExpanded ? height : '0px',\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;AAQO,IAAM,WAAW,GAAG,UAAC,EAA0C,EAAA;;QAAxC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;IAC1C,IAAA,EAAA,GAAsB,QAAQ,EAAsB,EAAnD,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAkC;AAE1D,IAAA,IAAM,WAAW,GAAG,MAAM,CAAwB,IAAI,CAAC;AACvD,IAAA,IAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC;AAExD,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;AACxB,YAAA,WAAW,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,UAAC,OAAO,EAAA;AAC/C,gBAAA,OAAO,CAAC,OAAO,CAAC,UAAC,KAAK,EAAA;AACpB,oBAAA,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY;oBAE9C,SAAS,CAAC,YAAY,CAAC;AACzB,gBAAA,CAAC,CAAC;AACJ,YAAA,CAAC,CAAC;QACJ;AACA,QAAA,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;AACjD,YAAA,IAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY;YACtD,SAAS,CAAC,YAAY,CAAC;QACzB;QAEA,OAAO,YAAA;;AACL,YAAA,IAAI,YAAY,CAAC,OAAO,EAAE;gBACxB,CAAA,EAAA,GAAA,WAAW,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,CAAC,YAAY,CAAC,OAAO,CAAC;YACtD;AACA,YAAA,CAAA,EAAA,GAAA,WAAW,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,EAAE;AACnC,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAE1B,QACEA,aACE,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,GAAA,EAAA,GAAA,EAAA;AACtC,YAAA,EAAA,CAAC,MAAM,CAAC,WAAW,CAAA,GAAG,CAAC,UAAU;AACjC,YAAA,EAAA,EAAA,EACF,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE;YACL,SAAS,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;SACvC,EAAA,QAAA,EAEA,QAAQ,EAAA,CACL;AAEV;;;;"}
+{"version":3,"file":"Collapsible.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -1,44 +1,40 @@
-import { b as __assign, d as __spreadArray } from '../../../../tslib.es6-CVlKGIvp.js';
+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-CEhD4eoy.js';
-import { c as classNames } from '../../../../index-DLQEsiym.js';
+import { T as TableSection } from '../../../../TableSection-e703f17f.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-tgCJW-Cu.js';
-import { Collapsible } from './Collapsible.js';
-import { IconRenderer } from '../IconRenderer/IconRenderer.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/CheckThick.js';
+import '../../../icon/icons/Check.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
 import '../TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
-import '../../../../index-CqsS0Elu.js';
-import '../../../../index-DYcCCrfR.js';
-import '../../../comparisonTable/components/Row/index.js';
+import '../../../../index-caeac7cd.js';
+import '../../../../_commonjsHelpers-4730bd53.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
-import '../../../../index-BClARCFl.js';
+import '../../../../index-5e72c3d4.js';
 import '../TableCell/CTACell/CTACell.js';
+import '../TableCell/ButtonCell/ButtonCell.js';
 import '../../../button/index.js';
-import '../TableCell/CardCell/CardCell.js';
 import '../../../icon/icons/ChevronRight.js';
-import '../TableCell/ButtonCell/ButtonCell.js';
-import '../../../../useMediaQuery-BlEUymPA.js';
+import '../../../../index-a0ef2ab4.js';
 
-var css_248z = ".TableContents-module_cardWrapper__2OVMv {\n  height: 88px;\n}\n\n.TableContents-module_cardButton__1mVp_ div {\n  background-color: #FAF8F5;\n}\n.TableContents-module_cardButton__1mVp_:hover div {\n  border-color: transparent !important;\n  outline-color: transparent !important;\n  box-shadow: none !important;\n  background-color: #FCF7EF !important;\n}\n.TableContents-module_cardButton__1mVp_:focus-visible div {\n  background-color: #FCF7EF !important;\n}\n\n.TableContents-module_card__Mmz6h {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 3;\n}\n\n.TableContents-module_cardIcon__2DXbp {\n  width: 20px;\n  margin-right: 8px;\n}";
-var styles = {"cardWrapper":"TableContents-module_cardWrapper__2OVMv","cardButton":"TableContents-module_cardButton__1mVp_","card":"TableContents-module_card__Mmz6h","cardIcon":"TableContents-module_cardIcon__2DXbp"};
+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, _d = _a.hideColumns, hideColumns = _d === void 0 ? [] : _d, hideDetails = _a.hideDetails, _e = _a.hideRows, hideRows = _e === void 0 ? [] : _e, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
-    var _f = useState(null), isSectionOpen = _f[0], setOpenSection = _f[1];
+    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, cellReplacements = _a.cellReplacements;
+    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) {
@@ -46,8 +42,6 @@ var TableContents = function (_a) {
             return currentSection === index ? null : index;
         });
     };
-    // Calculate global row offset for each section
-    var globalRowOffset = 0;
     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;
@@ -55,23 +49,14 @@ var TableContents = function (_a) {
                 ? true
                 : isSectionOpen === index || isFirstSection;
             var isVisible = hideDetails ? !shouldHideDetails : true;
-            var renderedIcon = (jsx(IconRenderer, { icon: section.icon, imageComponent: imageComponent, width: 20 }));
-            // Calculate section-specific hideRows based on global offset
-            var sectionHideRows = hideRows
-                .map(function (globalRowIndex) { return globalRowIndex - globalRowOffset; })
-                .filter(function (localRowIndex) { return localRowIndex >= 0 && localRowIndex < rows.length; });
-            var result = (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, 'p0'), children: jsx(Card, __assign({ actionIcon: isExpanded ? (jsx(ChevronUpIcon, { size: 24 })) : (jsx(ChevronDownIcon, { size: 24 })), "aria-expanded": isExpanded ? 'true' : 'false', "aria-hidden": true, classNames: {
-                                    wrapper: 'pl16',
-                                    buttonWrapper: styles.cardButton,
-                                    icon: classNames(styles.cardIcon, 'tc-neutral-900'),
-                                }, dropShadow: false, icon: renderedIcon, title: section.title, titleVariant: "medium", variant: "primary" }, (collapsibleSections
+            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, children: jsx(TableSection, { className: classNames(className, 'mb24'), tableCellRows: isFirstSection ? rows : __spreadArray([firstHeadRow], rows, true), hideColumns: hideColumns, hideRows: sectionHideRows, hideHeader: true, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth, cellReplacements: cellReplacements, imageComponent: imageComponent }) })] }, index));
-            // Update global offset for next section (excluding header row for non-first sections)
-            globalRowOffset += rows.length;
-            return result;
+                                : {}))) }) })), 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, cellReplacements: cellReplacements }) })] }, index)));
         }) }));
 };
 

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 { CellReplacements, ModalFunction, TableData } from '../../types';\nimport { IconRenderer } from '../IconRenderer/IconRenderer';\n\nexport interface TableContentsProps {\n  className?: string;\n  collapsibleSections?: boolean;\n  tableData: TableData;\n  hideColumns?: number[];\n  hideDetails?: boolean;\n  hideRows?: number[];\n  isMobile?: boolean;\n  openModal?: ModalFunction;\n  shouldHideDetails?: boolean;\n  title: string;\n  cellReplacements?: CellReplacements;\n  imageComponent?: (args: any) => JSX.Element;\n}\n\nconst TableContents = ({\n  className,\n  collapsibleSections,\n  tableData,\n  hideColumns = [],\n  hideDetails,\n  hideRows = [],\n  isMobile,\n  openModal,\n  shouldHideDetails,\n  title,\n  cellReplacements,\n  imageComponent,\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  // Calculate global row offset for each section\n  let globalRowOffset = 0;\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        const renderedIcon = (\n          <IconRenderer icon={section.icon} imageComponent={imageComponent} width={20} />\n        );\n\n        // Calculate section-specific hideRows based on global offset\n        const sectionHideRows = hideRows\n          .map(globalRowIndex => globalRowIndex - globalRowOffset)\n          .filter(localRowIndex => localRowIndex >= 0 && localRowIndex < rows.length);\n\n        const result = (isFirstSection || isVisible) && (\n          <div key={index}>\n            {section?.title && (\n              <div className={styles.cardWrapper}>\n                <div className={classNames(styles.card, 'p0')}>\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: 'pl16',\n                      buttonWrapper: styles.cardButton,\n                      icon: classNames(styles.cardIcon, 'tc-neutral-900'),\n                    }}\n                    dropShadow={false}\n                    icon={renderedIcon}\n                    title={section.title}\n                    titleVariant=\"medium\"\n                    variant=\"primary\"\n                    {...(collapsibleSections\n                      ? {\n                          onClick: () => handleToggleSection(index),\n                        }\n                      : {})}\n                  />\n                </div>\n              </div>\n            )}\n\n            <Collapsible isExpanded={isExpanded}>\n              <TableSection\n                className={classNames(className, 'mb24')}\n                tableCellRows={\n                  isFirstSection ? rows : [firstHeadRow, ...rows]\n                }\n                hideColumns={hideColumns}\n                hideRows={sectionHideRows}\n                hideHeader\n                openModal={openModal}\n                title={`${title}${\n                  section?.title ? ` - ${section.title}` : ''\n                }`}\n                width={tableWidth}\n                cellReplacements={cellReplacements}\n                imageComponent={imageComponent}\n              />\n            </Collapsible>\n          </div>\n        );\n\n        // Update global offset for next section (excluding header row for non-first sections)\n        globalRowOffset += rows.length;\n\n        return result;\n      })}\n    </div>\n  );\n};\n\nexport { TableContents };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"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 { CellReplacements, 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  cellReplacements?: CellReplacements;\n}\n\nconst TableContents = ({\n  className,\n  collapsibleSections,\n  tableData,\n  hideDetails,\n  isMobile,\n  openModal,\n  shouldHideDetails,\n  title,\n  cellReplacements,\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                  cellReplacements={cellReplacements}\n                />\n              </Collapsible>\n            </div>\n          )\n        );\n      })}\n    </div>\n  );\n};\n\nexport { TableContents };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -1,40 +1,35 @@
+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-DzdqZxUd.js';
+import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
 import { TableContents } from './TableContents.js';
-import '../../../../tslib.es6-CVlKGIvp.js';
-import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import 'util';
+import '../../../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
-import '../../../../TableSection-CEhD4eoy.js';
-import '../../../../index-DLQEsiym.js';
-import '../../../../style-inject.es-tgCJW-Cu.js';
+import '../../../../TableSection-e703f17f.js';
+import '../../../../index-6ea95111.js';
+import '../../../../style-inject.es-1f59c1d0.js';
 import '../TableCell/TableCell.js';
 import '../TableCell/BaseCell/BaseCell.js';
-import '../../../icon/icons/CheckThick.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-CqsS0Elu.js';
-import '../../../../index-DYcCCrfR.js';
-import '../../../comparisonTable/components/Row/index.js';
+import '../../../../index-caeac7cd.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
-import '../../../../index-BClARCFl.js';
+import '../../../../index-5e72c3d4.js';
 import '../TableCell/CTACell/CTACell.js';
-import '../IconRenderer/IconRenderer.js';
-import '../../../button/index.js';
-import '../TableCell/CardCell/CardCell.js';
-import '../../../cards/card/index.js';
-import '../../../icon/icons/ChevronRight.js';
 import '../TableCell/ButtonCell/ButtonCell.js';
-import '../../../../useMediaQuery-BlEUymPA.js';
+import '../../../button/index.js';
 import '../../../icon/icons/ChevronDown.js';
 import '../../../icon/icons/ChevronUp.js';
-import './Collapsible.js';
+import '../../../cards/card/index.js';
+import '../../../icon/icons/ChevronRight.js';
+import '../../../../Collapsible-a355828b.js';
+import '../../../../index-a0ef2ab4.js';
 
 var mockData = [
     {
@@ -70,5 +65,25 @@ describe('TableContents', function () {
         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