@popsure/dirty-swan 0.48.1 → 0.49.2

package/dist/cjs/lib/components/comparisonTable/components/Row/index.d.ts

@@ -4,6 +4,7 @@ interface RowProps<T> {
     data: Array<T>;
     isRowHeader?: boolean;
     rowId: string;
+    cellClassName?: string;
 }
 declare const _default: <T extends {
     id: number;

package/dist/cjs/lib/components/comparisonTable/components/TableRowHeader/index.d.ts

@@ -4,6 +4,6 @@ interface TableRowHeaderProps {
     subtitle?: string;
     onClickInfo?: () => void;
 }
-declare const TableRowHeader: ({ icon, label, subtitle, onClickInfo }: TableRowHeaderProps) => JSX.Element;
+declare const TableRowHeader: ({ icon, label, subtitle, onClickInfo, }: TableRowHeaderProps) => JSX.Element;
 export type { TableRowHeaderProps };
 export default TableRowHeader;

package/dist/cjs/lib/components/comparisonTable/hooks/useComparisonTable.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { ArrowValues } from '../components/TableArrows';
-export declare const useComparisonTable: () => {
+export declare const useComparisonTable: ({ onSelectionChanged, }: {
+    onSelectionChanged?: ((selectedIndex: number) => void) | undefined;
+}) => {
     headerWidth: number;
-    headerId: string;
     contentContainerRef: import("react").MutableRefObject<HTMLDivElement | null>;
     selectedSection: string;
     setSelectedSection: import("react").Dispatch<import("react").SetStateAction<string>>;

package/dist/cjs/lib/components/comparisonTable/index.d.ts

@@ -35,16 +35,26 @@ export interface ComparisonTableProps<T> {
     headers: Array<TableHeader<T>>;
     data: Array<T>;
     hideDetails?: boolean;
+    hideDetailsCaption?: string;
+    showDetailsCaption?: string;
     hideScrollBars?: boolean;
+    hideScrollBarsMobile?: boolean;
     collapsibleSections?: boolean;
     cellWidth?: number;
     firstColumnWidth?: number;
     stickyHeaderTopOffset?: number;
     growContent?: boolean;
-    styles?: {
-        header?: string;
-        container?: string;
-    };
+    classNameOverrides?: ClassNameOverrides;
+    onSelectionChanged?: (selectedIndex: number) => void;
+}
+export interface ClassNameOverrides {
+    header?: string;
+    container?: string;
+    cell?: string;
+    headerCell?: string;
+    collapsibleSection?: string;
+    section?: string;
+    hideDetailsButton?: string;
 }
 declare const ComparisonTable: <T extends {
     id: number;

package/dist/cjs/lib/components/dateSelector/index.d.ts

@@ -22,6 +22,8 @@ export interface DateSelectorProps {
         year?: string;
         yearFormat?: string;
         error?: string;
+        errorBeforeMinYear?: string;
+        errorAfterMaxYear?: string;
     };
     firstDayOfWeek?: number;
     inputProps?: (key: keyof CalendarDate) => Partial<DateSelectorInputProps>;

package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js

@@ -5,7 +5,7 @@ import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
 import 'react';
 import '../../../../index-6ea95111.js';
 
-var css_248z = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  margin: 0 auto;\n}\n\n.AccordionItem-module_container__29xle + .AccordionItem-module_container__29xle {\n  margin-top: 8px;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n  transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n  transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n  column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n  border: none;\n  background: #fafaff;\n  column-gap: 16px;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n  position: relative;\n  text-align: inherit;\n  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n  background: #ebebff;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n  filter: brightness(0.425);\n}";
+var css_248z = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n  transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n  transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n  column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n  border: none;\n  background: #fafaff;\n  column-gap: 16px;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n  position: relative;\n  text-align: inherit;\n  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n  background: #ebebff;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n  filter: brightness(0.425);\n}";
 var styles = {"container":"AccordionItem-module_container__29xle","chevron":"AccordionItem-module_chevron__1Pdoe","chevronClosed":"AccordionItem-module_chevronClosed__1Sq5g","iconAndTextContainer":"AccordionItem-module_iconAndTextContainer__1K9NF","headerButton":"AccordionItem-module_headerButton__1C03u"};
 styleInject(css_248z);
 
@@ -23,7 +23,7 @@ var AccordionItem = function (_a) {
             onClose();
         }
     };
-    return (jsxs("div", __assign({ className: "d-flex fd-column " + className + " " + styles.container }, { children: [jsxs("button", __assign({ className: "d-flex ai-center jc-between " + styles.headerButton + " " + headerClassName, onClick: handleClick, type: "button" }, { children: [jsx("div", __assign({ className: "d-flex ai-center " + styles.iconAndTextContainer }, { children: typeof label === 'string' ? (jsx("h4", __assign({ className: "p-h4" }, { children: label }), void 0)) : (jsx(Fragment, { children: label }, void 0)) }), void 0),
+    return (jsxs("section", __assign({ className: "d-flex fd-column " + styles.container + " " + className }, { children: [jsxs("button", __assign({ className: "d-flex ai-center jc-between " + styles.headerButton + " " + headerClassName, onClick: handleClick, type: "button" }, { children: [jsx("div", __assign({ className: "d-flex ai-center " + styles.iconAndTextContainer }, { children: typeof label === 'string' ? (jsx("h4", __assign({ className: "p-h4" }, { children: label }), void 0)) : (jsx(Fragment, { children: label }, void 0)) }), void 0),
                     jsx(ChevronSVG, { className: styles.chevron + " " + (!isOpen && styles.chevronClosed) }, void 0)] }), void 0),
             jsx(AnimateHeight, __assign({ duration: 300, height: isOpen ? 'auto' : 0.1 }, { children: children }), void 0)] }), void 0));
 };

package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import AnimateHeight from 'react-animate-height';\n\nimport styles from './AccordionItem.module.scss';\n\nconst ChevronSVG = ({ className }: { className?: string }) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"M18 15L12 9L6 15\"\n      stroke=\"#b4b4ba\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport const AccordionItem = ({\n  children,\n  className = '',\n  headerClassName = '',\n  isOpen,\n  onOpen,\n  onClose,\n  label,\n}: {\n  children: React.ReactNode | string;\n  className?: string;\n  headerClassName?: string;\n  isOpen: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  label: React.ReactNode;\n}) => {\n  const handleClick = () => {\n    if (!isOpen) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return (\n    <div className={`d-flex fd-column ${className} ${styles.container}`}>\n      <button\n        className={`d-flex ai-center jc-between ${styles.headerButton} ${headerClassName}`}\n        onClick={handleClick}\n        type=\"button\"\n      >\n        <div className={`d-flex ai-center ${styles.iconAndTextContainer}`}>\n          {typeof label === 'string' ? (\n            <h4 className=\"p-h4\">{label}</h4>\n          ) : (\n            <>{label}</>\n          )}\n        </div>\n        <ChevronSVG\n          className={`${styles.chevron} ${!isOpen && styles.chevronClosed}`}\n        />\n      </button>\n      {/* Min height is 0.1 so that the scroll position is correctly synced across accordion items but is not actually shown.\n      If set to 0, react-animate-height will set display to \"none\" which means scrolling is not synced. */}\n      <AnimateHeight duration={300} height={isOpen ? 'auto' : 0.1}>\n        {children}\n      </AnimateHeight>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;AAIA,IAAM,UAAU,GAAG,UAAC,EAAqC;QAAnC,SAAS,eAAA;IAA+B,QAC5DA,sBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,gBAEpBA,cACE,CAAC,EAAC,kBAAkB,EACpB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,WACtB,YACE;AAhBsD,CAiB7D,CAAC;IAEW,aAAa,GAAG,UAAC,EAgB7B;QAfC,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,uBAAoB,EAApB,eAAe,mBAAG,EAAE,KAAA,EACpB,MAAM,YAAA,EACN,MAAM,YAAA,EACN,OAAO,aAAA,EACP,KAAK,WAAA;IAUL,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,EAAE,CAAC;SACV;aAAM;YACL,OAAO,EAAE,CAAC;SACX;KACF,CAAC;IAEF,QACEC,uBAAK,SAAS,EAAE,sBAAoB,SAAS,SAAI,MAAM,CAAC,SAAW,iBACjEA,0BACE,SAAS,EAAE,iCAA+B,MAAM,CAAC,YAAY,SAAI,eAAiB,EAClF,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,iBAEbD,sBAAK,SAAS,EAAE,sBAAoB,MAAM,CAAC,oBAAsB,gBAC9D,OAAO,KAAK,KAAK,QAAQ,IACxBA,qBAAI,SAAS,EAAC,MAAM,gBAAE,KAAK,YAAM,KAEjCA,0BAAG,KAAK,WAAI,CACb,YACG;oBACNA,IAAC,UAAU,IACT,SAAS,EAAK,MAAM,CAAC,OAAO,UAAI,CAAC,MAAM,IAAI,MAAM,CAAC,aAAa,CAAE,WACjE,aACK;YAGTA,IAAC,aAAa,aAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,gBACxD,QAAQ,YACK,aACZ,EACN;AACJ;;;;"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import AnimateHeight from 'react-animate-height';\n\nimport styles from './AccordionItem.module.scss';\n\nconst ChevronSVG = ({ className }: { className?: string }) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"M18 15L12 9L6 15\"\n      stroke=\"#b4b4ba\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport const AccordionItem = ({\n  children,\n  className = '',\n  headerClassName = '',\n  isOpen,\n  onOpen,\n  onClose,\n  label,\n}: {\n  children: React.ReactNode | string;\n  className?: string;\n  headerClassName?: string;\n  isOpen: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  label: React.ReactNode;\n}) => {\n  const handleClick = () => {\n    if (!isOpen) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return (\n    <section className={`d-flex fd-column ${styles.container} ${className}`}>\n      <button\n        className={`d-flex ai-center jc-between ${styles.headerButton} ${headerClassName}`}\n        onClick={handleClick}\n        type=\"button\"\n      >\n        <div className={`d-flex ai-center ${styles.iconAndTextContainer}`}>\n          {typeof label === 'string' ? (\n            <h4 className=\"p-h4\">{label}</h4>\n          ) : (\n            <>{label}</>\n          )}\n        </div>\n        <ChevronSVG\n          className={`${styles.chevron} ${!isOpen && styles.chevronClosed}`}\n        />\n      </button>\n      {/* Min height is 0.1 so that the scroll position is correctly synced across accordion items but is not actually shown.\n      If set to 0, react-animate-height will set display to \"none\" which means scrolling is not synced. */}\n      <AnimateHeight duration={300} height={isOpen ? 'auto' : 0.1}>\n        {children}\n      </AnimateHeight>\n    </section>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;AAIA,IAAM,UAAU,GAAG,UAAC,EAAqC;QAAnC,SAAS,eAAA;IAA+B,QAC5DA,sBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,gBAEpBA,cACE,CAAC,EAAC,kBAAkB,EACpB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,WACtB,YACE;AAhBsD,CAiB7D,CAAC;IAEW,aAAa,GAAG,UAAC,EAgB7B;QAfC,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,uBAAoB,EAApB,eAAe,mBAAG,EAAE,KAAA,EACpB,MAAM,YAAA,EACN,MAAM,YAAA,EACN,OAAO,aAAA,EACP,KAAK,WAAA;IAUL,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,EAAE,CAAC;SACV;aAAM;YACL,OAAO,EAAE,CAAC;SACX;KACF,CAAC;IAEF,QACEC,2BAAS,SAAS,EAAE,sBAAoB,MAAM,CAAC,SAAS,SAAI,SAAW,iBACrEA,0BACE,SAAS,EAAE,iCAA+B,MAAM,CAAC,YAAY,SAAI,eAAiB,EAClF,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,iBAEbD,sBAAK,SAAS,EAAE,sBAAoB,MAAM,CAAC,oBAAsB,gBAC9D,OAAO,KAAK,KAAK,QAAQ,IACxBA,qBAAI,SAAS,EAAC,MAAM,gBAAE,KAAK,YAAM,KAEjCA,0BAAG,KAAK,WAAI,CACb,YACG;oBACNA,IAAC,UAAU,IACT,SAAS,EAAK,MAAM,CAAC,OAAO,UAAI,CAAC,MAAM,IAAI,MAAM,CAAC,aAAa,CAAE,WACjE,aACK;YAGTA,IAAC,aAAa,aAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,gBACxD,QAAQ,YACK,aACR,EACV;AACJ;;;;"}

package/dist/esm/components/comparisonTable/components/Row/index.js

@@ -2,14 +2,21 @@ import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import require$$0__default from 'react';
 import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import { c as classNames } from '../../../../index-6ea95111.js';
 
-var css_248z = ".style-module_header__32rw- {\n  position: relative;\n}\n.style-module_header__32rw- > div {\n  width: var(--tableWidth);\n  max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n  margin: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_header__32rw- > div {\n    width: 256px;\n    width: var(--cellWidth, 256px);\n    max-width: var(--tableWidth);\n    scroll-snap-align: unset;\n  }\n}\n\n.style-module_cell__1NoZ6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  scroll-snap-align: end;\n  line-height: 24px;\n  padding: 16px;\n  color: #4c4c53;\n  width: 50vw;\n  max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n  background-color: white;\n  /** Add scroll snap to every column except the first one */\n  scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n  margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6:nth-child(n+3) {\n    margin-left: unset;\n  }\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6 {\n    flex: 1 0 256px;\n    flex: 1 0 var(--cellWidth, 256px);\n    width: 256px;\n    width: var(--cellWidth, 256px);\n    padding: 24px;\n  }\n  .style-module_cell__1NoZ6:last-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(288px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 288px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n  position: relative;\n  color: #26262e;\n  display: none;\n}\n.style-module_title__1xYvu:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n  .style-module_title__1xYvu {\n    display: flex;\n  }\n}\n\n.style-module_sticky__2T5jm {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2T5jm {\n    border-right: 1px solid #fafaff;\n    flex: 1 0 288px;\n  }\n}\n\nh4.style-module_addon__CPf60 {\n  border-right: none;\n  max-width: calc(100vw - 64px);\n  width: 100vw;\n}\n@media (min-width: 64rem) {\n  h4.style-module_addon__CPf60 {\n    max-width: 976px;\n  }\n}";
+var css_248z = ".style-module_header__32rw- {\n  position: relative;\n}\n.style-module_header__32rw- > div {\n  width: var(--tableWidth);\n  max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n  margin: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_header__32rw- > div {\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    max-width: var(--tableWidth);\n    scroll-snap-align: unset;\n  }\n}\n\n.style-module_cell__1NoZ6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  scroll-snap-align: end;\n  line-height: 24px;\n  padding: 16px 8px;\n  color: #26262e;\n  width: 50vw;\n  max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n  padding: 16px 8px 16px 16px;\n}\n.style-module_cell__1NoZ6:first-child {\n  background-color: white;\n  /** Add scroll snap to every column except the first one */\n  scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n  margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6:nth-child(n+3) {\n    margin-left: unset;\n  }\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6 {\n    flex: 1 0 211px;\n    flex: 1 0 var(--cellWidth, 211px);\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    padding: 24px 8px;\n  }\n  .style-module_cell__1NoZ6:first-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(212px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 212px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n  position: relative;\n  color: #26262e;\n  display: none;\n}\n.style-module_title__1xYvu:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n  .style-module_title__1xYvu {\n    display: flex;\n  }\n}\n\n.style-module_sticky__2T5jm {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2T5jm {\n    border-right: 1px solid #fafaff;\n    flex: 1 0 288px;\n  }\n}\n\nh4.style-module_addon__CPf60 {\n  border-right: none;\n  max-width: calc(100vw - 64px);\n  width: 100%;\n}\n@media (min-width: 64rem) {\n  h4.style-module_addon__CPf60 {\n    max-width: 976px;\n  }\n}";
 var styles = {"header":"style-module_header__32rw-","cell":"style-module_cell__1NoZ6","title":"style-module_title__1xYvu","sticky":"style-module_sticky__2T5jm","addon":"style-module_addon__CPf60"};
 styleInject(css_248z);
 
 var Row = function (props) {
-    var cell = props.cell, data = props.data, isRowHeader = props.isRowHeader, rowId = props.rowId;
-    return (jsxs("div", __assign({ className: "\n        d-flex\n        w-100\n        " + (isRowHeader ? styles.header : '') + "\n      " }, { children: [jsx("h4", __assign({ className: "\n          " + styles.cell + "\n          " + styles.sticky + "\n          " + (isRowHeader ? "p-h2 p--serif " + styles.title : '') + "\n          " + (typeof cell.key === 'undefined' ? styles.addon : '') + "\n        " }, { children: cell.label }), void 0),
+    var _a, _b;
+    var cell = props.cell, data = props.data, isRowHeader = props.isRowHeader, rowId = props.rowId, cellClassName = props.cellClassName;
+    return (jsxs("div", __assign({ className: classNames('d-flex w-100', (_a = {},
+            _a[styles.header] = isRowHeader,
+            _a)) }, { children: [jsx("h4", __assign({ className: classNames(styles.cell, styles.sticky, (_b = {},
+                    _b["p-h2 p--serif " + styles.title] = isRowHeader,
+                    _b[styles.addon] = typeof cell.key === 'undefined',
+                    _b), cellClassName) }, { children: cell.label }), void 0),
             Array.isArray(data) &&
                 data.map(function (item) {
                     /**
@@ -20,7 +27,7 @@ var Row = function (props) {
                         return null;
                     if (typeof item[cell.key] === 'undefined')
                         return null;
-                    return (jsx("div", __assign({ className: "ta-center " + styles.cell }, { children: 
+                    return (jsx("div", __assign({ className: classNames('ta-center', styles.cell, cellClassName) }, { children: 
                         /**
                          * Return a function if `render` option is present
                          * else print the current data source value

package/dist/esm/components/comparisonTable/components/Row/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/Row/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Cell } from '../../index';\nimport styles from './style.module.scss';\n\ninterface RowProps<T> {\n  cell: Cell<T>;\n  data: Array<T>;\n  isRowHeader?: boolean;\n  rowId: string;\n}\n\nconst Row = <T extends { id: number }>(props: RowProps<T>) => {\n  const { cell, data, isRowHeader, rowId } = props;\n\n  return (\n    <div\n      key={rowId}\n      className={`\n        d-flex\n        w-100\n        ${isRowHeader ? styles.header : ''}\n      `}\n    >\n      <h4\n        className={`\n          ${styles.cell}\n          ${styles.sticky}\n          ${isRowHeader ? `p-h2 p--serif ${styles.title}` : ''}\n          ${typeof cell.key === 'undefined' ? styles.addon : ''}\n        `}\n      >\n        {cell.label}\n      </h4>\n\n      {Array.isArray(data) &&\n        data.map((item) => {\n          /**\n           * Do not render a cell if\n           * the data source object doesn't have the current key\n           */\n          if (typeof cell.key === 'undefined') return null;\n          if (typeof item[cell.key] === 'undefined') return null;\n\n          return (\n            <div\n              className={`ta-center ${styles.cell}`}\n              key={`${rowId}-${item.id}`}\n            >\n              {\n                /**\n                 * Return a function if `render` option is present\n                 * else print the current data source value\n                 */\n                typeof cell.render === 'function'\n                  ? cell.render(item[cell.key], item)\n                  : `${item[cell.key]}`\n              }\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n\nexport default React.memo(Row) as typeof Row;\n"],"names":["_jsxs","_jsx","React"],"mappings":";;;;;;;;;AAYA,IAAM,GAAG,GAAG,UAA2B,KAAkB;IAC/C,IAAA,IAAI,GAA+B,KAAK,KAApC,EAAE,IAAI,GAAyB,KAAK,KAA9B,EAAE,WAAW,GAAY,KAAK,YAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAEjD,QACEA,uBAEE,SAAS,EAAE,+CAGP,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,EAAE,cACnC,iBAEDC,qBACE,SAAS,EAAE,iBACP,MAAM,CAAC,IAAI,oBACX,MAAM,CAAC,MAAM,qBACb,WAAW,GAAG,mBAAiB,MAAM,CAAC,KAAO,GAAG,EAAE,sBAClD,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW,GAAG,MAAM,CAAC,KAAK,GAAG,EAAE,gBACtD,gBAEA,IAAI,CAAC,KAAK,YACR;YAEJ,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBAClB,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI;;;;;oBAKZ,IAAI,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW;wBAAE,OAAO,IAAI,CAAC;oBACjD,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,WAAW;wBAAE,OAAO,IAAI,CAAC;oBAEvD,QACEA,sBACE,SAAS,EAAE,eAAa,MAAM,CAAC,IAAM;;;;;wBAQnC,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU;8BAC7B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;8BACjC,KAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAG,KATjB,KAAK,SAAI,IAAI,CAAC,EAAI,CAWtB,EACN;iBACH,CAAC,MA3CC,KAAK,CA4CN,EACN;AACJ,CAAC,CAAC;AAEF,YAAeC,mBAAK,CAAC,IAAI,CAAC,GAAG,CAAe;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/Row/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Cell } from '../../index';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\ninterface RowProps<T> {\n  cell: Cell<T>;\n  data: Array<T>;\n  isRowHeader?: boolean;\n  rowId: string;\n  cellClassName?: string;\n}\n\nconst Row = <T extends { id: number }>(props: RowProps<T>) => {\n  const { cell, data, isRowHeader, rowId, cellClassName } = props;\n\n  return (\n    <div\n      key={rowId}\n      className={classNames('d-flex w-100', {\n        [styles.header]: isRowHeader,\n      })}\n    >\n      <h4\n        className={classNames(\n          styles.cell,\n          styles.sticky,\n          {\n            [`p-h2 p--serif ${styles.title}`]: isRowHeader,\n            [styles.addon]: typeof cell.key === 'undefined',\n          },\n          cellClassName\n        )}\n      >\n        {cell.label}\n      </h4>\n\n      {Array.isArray(data) &&\n        data.map((item) => {\n          /**\n           * Do not render a cell if\n           * the data source object doesn't have the current key\n           */\n          if (typeof cell.key === 'undefined') return null;\n          if (typeof item[cell.key] === 'undefined') return null;\n\n          return (\n            <div\n              className={classNames('ta-center', styles.cell, cellClassName)}\n              key={`${rowId}-${item.id}`}\n            >\n              {\n                /**\n                 * Return a function if `render` option is present\n                 * else print the current data source value\n                 */\n                typeof cell.render === 'function'\n                  ? cell.render(item[cell.key], item)\n                  : `${item[cell.key]}`\n              }\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n\nexport default React.memo(Row) as typeof Row;\n"],"names":["_jsxs","_jsx","React"],"mappings":";;;;;;;;;;AAcA,IAAM,GAAG,GAAG,UAA2B,KAAkB;;IAC/C,IAAA,IAAI,GAA8C,KAAK,KAAnD,EAAE,IAAI,GAAwC,KAAK,KAA7C,EAAE,WAAW,GAA2B,KAAK,YAAhC,EAAE,KAAK,GAAoB,KAAK,MAAzB,EAAE,aAAa,GAAK,KAAK,cAAV,CAAW;IAEhE,QACEA,uBAEE,SAAS,EAAE,UAAU,CAAC,cAAc;YAClC,GAAC,MAAM,CAAC,MAAM,IAAG,WAAW;gBAC5B,iBAEFC,qBACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,MAAM;oBAEX,GAAC,mBAAiB,MAAM,CAAC,KAAO,IAAG,WAAW;oBAC9C,GAAC,MAAM,CAAC,KAAK,IAAG,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW;yBAEjD,aAAa,CACd,gBAEA,IAAI,CAAC,KAAK,YACR;YAEJ,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBAClB,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI;;;;;oBAKZ,IAAI,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW;wBAAE,OAAO,IAAI,CAAC;oBACjD,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,WAAW;wBAAE,OAAO,IAAI,CAAC;oBAEvD,QACEA,sBACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC;;;;;wBAQ5D,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU;8BAC7B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;8BACjC,KAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAG,KATjB,KAAK,SAAI,IAAI,CAAC,EAAI,CAWtB,EACN;iBACH,CAAC,MA5CC,KAAK,CA6CN,EACN;AACJ,CAAC,CAAC;AAEF,YAAeC,mBAAK,CAAC,IAAI,CAAC,GAAG,CAAe;;;;"}

package/dist/esm/components/comparisonTable/components/TableArrows/index.js

@@ -4,8 +4,8 @@ import { c as classNames } from '../../../../index-6ea95111.js';
 import ArrowIcon from './Arrow.js';
 import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
 
-var css_248z = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 32px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 50%;\n  background-color: #f5f6fb;\n  justify-content: center;\n  align-items: center;\n  stroke: #ebebff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f5f6fb;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f5f6fb;\n  cursor: pointer;\n}";
-var styles = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB"};
+var css_248z = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 32px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 50%;\n  background-color: #f5f6fb;\n  justify-content: center;\n  align-items: center;\n  stroke: #ebebff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f5f6fb;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f5f6fb;\n  cursor: pointer;\n}\n\n.style-module_noPointerEvents__21KuB {\n  pointer-events: none;\n}";
+var styles = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB","noPointerEvents":"style-module_noPointerEvents__21KuB"};
 styleInject(css_248z);
 
 var TableArrows = function (props) {
@@ -14,9 +14,11 @@ var TableArrows = function (props) {
     var handleButtonClick = function (value) { return function () { return onClick(value); }; };
     return (jsxs("div", __assign({ className: styles.container }, { children: [jsx("button", __assign({ onClick: handleButtonClick('prev'), className: classNames("p-btn--secondary d-flex", styles.prev, styles.arrow, (_a = {},
                     _a[styles.active] = active.left,
+                    _a[styles.noPointerEvents] = !active.left,
                     _a)) }, { children: jsx(ArrowIcon, {}, void 0) }), void 0),
             jsx("button", __assign({ onClick: handleButtonClick('next'), className: classNames("p-btn--secondary d-flex", styles.next, styles.arrow, (_b = {},
                     _b[styles.active] = active.right,
+                    _b[styles.noPointerEvents] = !active.right,
                     _b)) }, { children: jsx(ArrowIcon, {}, void 0) }), void 0)] }), void 0));
 };
 

package/dist/esm/components/comparisonTable/components/TableArrows/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableArrows/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nimport ArrowIcon from './Arrow';\nimport styles from './style.module.scss';\n\nexport type ArrowValues = 'prev' | 'next';\n\ninterface TableArrowsProps {\n  onClick: (value: ArrowValues) => void;\n  active: { left: boolean; right: boolean };\n}\n\nconst TableArrows = (props: TableArrowsProps) => {\n  const { active, onClick } = props;\n  const handleButtonClick = (value: ArrowValues) => () => onClick(value);\n\n  return (\n    <div className={styles.container}>\n      <button\n        onClick={handleButtonClick('prev')}\n        className={classNames(\n          `p-btn--secondary d-flex`,\n          styles.prev,\n          styles.arrow,\n          {\n            [styles.active]: active.left,\n          }\n        )}\n      >\n        <ArrowIcon />\n      </button>\n      <button\n        onClick={handleButtonClick('next')}\n        className={classNames(\n          `p-btn--secondary d-flex`,\n          styles.next,\n          styles.arrow,\n          {\n            [styles.active]: active.right,\n          }\n        )}\n      >\n        <ArrowIcon />\n      </button>\n    </div>\n  );\n};\n\nexport default TableArrows;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;IAaM,WAAW,GAAG,UAAC,KAAuB;;IAClC,IAAA,MAAM,GAAc,KAAK,OAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;IAClC,IAAM,iBAAiB,GAAG,UAAC,KAAkB,IAAK,OAAA,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,GAAA,GAAA,CAAC;IAEvE,QACEA,uBAAK,SAAS,EAAE,MAAM,CAAC,SAAS,iBAC9BC,yBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAE,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,IAAI;wBAE/B,gBAEDA,IAAC,SAAS,aAAG,YACN;YACTA,yBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAE,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,KAAK;wBAEhC,gBAEDA,IAAC,SAAS,aAAG,YACN,aACL,EACN;AACJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableArrows/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nimport ArrowIcon from './Arrow';\nimport styles from './style.module.scss';\n\nexport type ArrowValues = 'prev' | 'next';\n\ninterface TableArrowsProps {\n  onClick: (value: ArrowValues) => void;\n  active: { left: boolean; right: boolean };\n}\n\nconst TableArrows = (props: TableArrowsProps) => {\n  const { active, onClick } = props;\n  const handleButtonClick = (value: ArrowValues) => () => onClick(value);\n\n  return (\n    <div className={styles.container}>\n      <button\n        onClick={handleButtonClick('prev')}\n        className={classNames(\n          `p-btn--secondary d-flex`,\n          styles.prev,\n          styles.arrow,\n          {\n            [styles.active]: active.left,\n            [styles.noPointerEvents]: !active.left,\n          }\n        )}\n      >\n        <ArrowIcon />\n      </button>\n      <button\n        onClick={handleButtonClick('next')}\n        className={classNames(\n          `p-btn--secondary d-flex`,\n          styles.next,\n          styles.arrow,\n          {\n            [styles.active]: active.right,\n            [styles.noPointerEvents]: !active.right,\n          }\n        )}\n      >\n        <ArrowIcon />\n      </button>\n    </div>\n  );\n};\n\nexport default TableArrows;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;IAaM,WAAW,GAAG,UAAC,KAAuB;;IAClC,IAAA,MAAM,GAAc,KAAK,OAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;IAClC,IAAM,iBAAiB,GAAG,UAAC,KAAkB,IAAK,OAAA,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,GAAA,GAAA,CAAC;IAEvE,QACEA,uBAAK,SAAS,EAAE,MAAM,CAAC,SAAS,iBAC9BC,yBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAE,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,IAAI;oBAC5B,GAAC,MAAM,CAAC,eAAe,IAAG,CAAC,MAAM,CAAC,IAAI;wBAEzC,gBAEDA,IAAC,SAAS,aAAG,YACN;YACTA,yBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAE,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,KAAK;oBAC7B,GAAC,MAAM,CAAC,eAAe,IAAG,CAAC,MAAM,CAAC,KAAK;wBAE1C,gBAEDA,IAAC,SAAS,aAAG,YACN,aACL,EACN;AACJ;;;;"}

package/dist/esm/components/comparisonTable/components/TableButton/index.js

@@ -1,14 +1,19 @@
 import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import TableInfoButton from '../TableInfoButton/index.js';
+import '../../../icon/icons/Info.js';
+import 'react';
+import '../../../icon/IconWrapper/IconWrapper.js';
+import '../../../../index-6ea95111.js';
 
-var css_248z = ".style-module_button__2W-YC {\n  background-color: transparent;\n  color: #4c4c53;\n  cursor: pointer;\n  margin: 2px 0;\n  padding: 2px;\n  transition: color 0.3s ease;\n}\n.style-module_button__2W-YC span {\n  border-bottom: 2px dashed #696970;\n  display: inline;\n  transition: border-color 0.3s ease;\n}\n.style-module_button__2W-YC:hover, .style-module_button__2W-YC:focus {\n  color: #8e8cee;\n  outline-color: #8e8cee;\n}\n.style-module_button__2W-YC:hover span, .style-module_button__2W-YC:focus span {\n  border-color: #8e8cee;\n}";
-var styles = {"button":"style-module_button__2W-YC"};
+var css_248z = ".style-module_wrapper__1s115 {\n  position: relative;\n}\n\n.style-module_infoButton__1nIU2 {\n  position: absolute;\n  right: -32px;\n  top: 0;\n}";
+var styles = {"wrapper":"style-module_wrapper__1s115","infoButton":"style-module_infoButton__1nIU2"};
 styleInject(css_248z);
 
 var TableButton = function (_a) {
     var children = _a.children, onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (jsx("button", __assign({ className: styles.button + " " + className, "data-testid": "ds-table-button", onClick: onClick }, { children: jsx("span", { children: children }, void 0) }), void 0));
+    return (jsxs("div", __assign({ className: styles.wrapper }, { children: [children, jsx(TableInfoButton, { className: styles.infoButton + " " + className, "data-testid": "ds-table-button", onClick: onClick }, void 0)] }), void 0));
 };
 
 export default TableButton;

package/dist/esm/components/comparisonTable/components/TableButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableButton/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styles from './style.module.scss';\n\ninterface Props {\n  children: ReactNode;\n  onClick: () => void;\n  className?: string;\n}\n\nconst TableButton: React.FC<Props> = ({\n  children,\n  onClick,\n  className = '',\n}) => (\n  <button\n    className={`${styles.button} ${className}`}\n    data-testid=\"ds-table-button\"\n    onClick={onClick}\n  >\n    <span>\n      {children}\n    </span>\n  </button>\n);\n\nexport default TableButton;\n"],"names":["_jsx"],"mappings":";;;;;;;;IASM,WAAW,GAAoB,UAAC,EAIrC;QAHC,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IACV,QACJA,yBACE,SAAS,EAAK,MAAM,CAAC,MAAM,SAAI,SAAW,iBAC9B,iBAAiB,EAC7B,OAAO,EAAE,OAAO,gBAEhBA,wBACG,QAAQ,WACJ,YACA;AATL;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableButton/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styles from './style.module.scss';\nimport TableInfoButton from '../TableInfoButton';\n\ninterface Props {\n  children: ReactNode;\n  onClick: () => void;\n  className?: string;\n}\n\nconst TableButton: React.FC<Props> = ({\n  children,\n  onClick,\n  className = '',\n}) => (\n  <div className={styles.wrapper}>\n    {children}\n    <TableInfoButton\n      className={`${styles.infoButton} ${className}`}\n      data-testid=\"ds-table-button\"\n      onClick={onClick}\n    />\n  </div>\n);\n\nexport default TableButton;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;IAUM,WAAW,GAAoB,UAAC,EAIrC;QAHC,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IACV,QACJA,uBAAK,SAAS,EAAE,MAAM,CAAC,OAAO,iBAC3B,QAAQ,EACTC,IAAC,eAAe,IACd,SAAS,EAAK,MAAM,CAAC,UAAU,SAAI,SAAW,iBAClC,iBAAiB,EAC7B,OAAO,EAAE,OAAO,WAChB,aACE;AARF;;;;"}

package/dist/esm/components/comparisonTable/components/TableButton/index.test.js

@@ -10,22 +10,28 @@ import 'react-dom/test-utils';
 import 'os';
 import 'tty';
 import '../../../../style-inject.es-1f59c1d0.js';
+import '../TableInfoButton/index.js';
+import '../../../icon/icons/Info.js';
+import '../../../icon/IconWrapper/IconWrapper.js';
+import '../../../../index-6ea95111.js';
 
 var mockOnClick = jest.fn();
-var buttonContent = "Table Button label";
-var setup = function () { return customRender(jsx(TableButton, __assign({ onClick: mockOnClick }, { children: buttonContent }), void 0)); };
+var buttonContent = 'Table Button label';
+var setup = function () {
+    return customRender(jsx(TableButton, __assign({ onClick: mockOnClick }, { children: buttonContent }), void 0));
+};
 describe('TableButton component', function () {
-    it("should render button content", function () {
+    it('should render button content', function () {
         var getByText = setup().getByText;
         expect(getByText(buttonContent)).toBeInTheDocument();
     });
-    it("should call onClick", function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, getByText, user;
+    it('should call onClick', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByTestId, user;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    _a = setup(), getByText = _a.getByText, user = _a.user;
-                    return [4 /*yield*/, user.click(getByText(buttonContent))];
+                    _a = setup(), getByTestId = _a.getByTestId, user = _a.user;
+                    return [4 /*yield*/, user.click(getByTestId('ds-table-info-button'))];
                 case 1:
                     _b.sent();
                     expect(mockOnClick).toHaveBeenCalled();

package/dist/esm/components/comparisonTable/components/TableButton/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableButton/index.test.tsx"],"sourcesContent":["import { render } from '../../../../util/testUtils';\nimport '@testing-library/jest-dom';\n\nimport TableButton from '.';\n\nconst mockOnClick = jest.fn();\n\nconst buttonContent = \"Table Button label\";\n\nconst setup = () => render(\n  <TableButton onClick={mockOnClick}>{buttonContent}</TableButton>\n);\n\ndescribe('TableButton component', () => {\n  it(\"should render button content\", () => {\n    const { getByText } = setup();\n\n    expect(getByText(buttonContent)).toBeInTheDocument();\n  });\n\n  it(\"should call onClick\", async () => {\n    const { getByText, user } = setup();\n\n    await user.click(getByText(buttonContent));\n\n    expect(mockOnClick).toHaveBeenCalled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;AAKA,IAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE9B,IAAM,aAAa,GAAG,oBAAoB,CAAC;AAE3C,IAAM,KAAK,GAAG,cAAM,OAAAA,YAAM,CACxBC,IAAC,WAAW,aAAC,OAAO,EAAE,WAAW,gBAAG,aAAa,YAAe,CACjE,GAAA,CAAC;AAEF,QAAQ,CAAC,uBAAuB,EAAE;IAChC,EAAE,CAAC,8BAA8B,EAAE;QACzB,IAAA,SAAS,GAAK,KAAK,EAAE,UAAZ,CAAa;QAE9B,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACtD,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE;;;;;oBAClB,KAAsB,KAAK,EAAE,EAA3B,SAAS,eAAA,EAAE,IAAI,UAAA,CAAa;oBAEpC,qBAAM,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAA;;oBAA1C,SAA0C,CAAC;oBAE3C,MAAM,CAAC,WAAW,CAAC,CAAC,gBAAgB,EAAE,CAAC;;;;SACxC,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"index.test.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableButton/index.test.tsx"],"sourcesContent":["import { render } from '../../../../util/testUtils';\nimport '@testing-library/jest-dom';\n\nimport TableButton from '.';\n\nconst mockOnClick = jest.fn();\n\nconst buttonContent = 'Table Button label';\n\nconst setup = () =>\n  render(<TableButton onClick={mockOnClick}>{buttonContent}</TableButton>);\n\ndescribe('TableButton component', () => {\n  it('should render button content', () => {\n    const { getByText } = setup();\n\n    expect(getByText(buttonContent)).toBeInTheDocument();\n  });\n\n  it('should call onClick', async () => {\n    const { getByTestId, user } = setup();\n\n    await user.click(getByTestId('ds-table-info-button'));\n\n    expect(mockOnClick).toHaveBeenCalled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE9B,IAAM,aAAa,GAAG,oBAAoB,CAAC;AAE3C,IAAM,KAAK,GAAG;IACZ,OAAAA,YAAM,CAACC,IAAC,WAAW,aAAC,OAAO,EAAE,WAAW,gBAAG,aAAa,YAAe,CAAC;AAAxE,CAAwE,CAAC;AAE3E,QAAQ,CAAC,uBAAuB,EAAE;IAChC,EAAE,CAAC,8BAA8B,EAAE;QACzB,IAAA,SAAS,GAAK,KAAK,EAAE,UAAZ,CAAa;QAE9B,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACtD,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE;;;;;oBAClB,KAAwB,KAAK,EAAE,EAA7B,WAAW,iBAAA,EAAE,IAAI,UAAA,CAAa;oBAEtC,qBAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,EAAA;;oBAArD,SAAqD,CAAC;oBAEtD,MAAM,CAAC,WAAW,CAAC,CAAC,gBAAgB,EAAE,CAAC;;;;SACxC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/esm/components/comparisonTable/components/TableInfoButton/index.js

@@ -12,7 +12,7 @@ styleInject(css_248z);
 
 var TableInfoButton = function (_a) {
     var onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (jsx("button", __assign({ className: "p-btn--secondary " + styles.button + " " + className, type: "button", onClick: onClick }, { children: jsx(Info, { size: 20 }, void 0) }), void 0));
+    return (jsx("button", __assign({ className: "p-btn--secondary " + styles.button + " " + className, type: "button", "data-testid": "ds-table-info-button", onClick: onClick }, { children: jsx(Info, { size: 20 }, void 0) }), void 0));
 };
 
 export default TableInfoButton;

package/dist/esm/components/comparisonTable/components/TableInfoButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableInfoButton/index.tsx"],"sourcesContent":["import Info from '../../../icon/icons/Info';\nimport styles from './style.module.scss';\n\nconst TableInfoButton = ({\n  onClick,\n  className = '',\n}: {\n  onClick: () => void;\n  className?: string;\n}) => (\n  <button\n    className={`p-btn--secondary ${styles.button} ${className}`}\n    type=\"button\"\n    onClick={onClick}\n  >\n    <Info size={20} />\n  </button>\n);\n\nexport default TableInfoButton;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;IAGM,eAAe,GAAG,UAAC,EAMxB;QALC,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAIV,QACJA,yBACE,SAAS,EAAE,sBAAoB,MAAM,CAAC,MAAM,SAAI,SAAW,EAC3D,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBAEhBA,IAAC,IAAI,IAAC,IAAI,EAAE,EAAE,WAAI,YACX;AAPL;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableInfoButton/index.tsx"],"sourcesContent":["import Info from '../../../icon/icons/Info';\nimport styles from './style.module.scss';\n\nconst TableInfoButton = ({\n  onClick,\n  className = '',\n}: {\n  onClick: () => void;\n  className?: string;\n}) => (\n  <button\n    className={`p-btn--secondary ${styles.button} ${className}`}\n    type=\"button\"\n    data-testid=\"ds-table-info-button\"\n    onClick={onClick}\n  >\n    <Info size={20} />\n  </button>\n);\n\nexport default TableInfoButton;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;IAGM,eAAe,GAAG,UAAC,EAMxB;QALC,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAIV,QACJA,yBACE,SAAS,EAAE,sBAAoB,MAAM,CAAC,MAAM,SAAI,SAAW,EAC3D,IAAI,EAAC,QAAQ,iBACD,sBAAsB,EAClC,OAAO,EAAE,OAAO,gBAEhBA,IAAC,IAAI,IAAC,IAAI,EAAE,EAAE,WAAI,YACX;AARL;;;;"}

package/dist/esm/components/comparisonTable/components/TableRowHeader/index.js

@@ -1,7 +1,11 @@
 import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import TableButton from '../TableButton/index.js';
+import { c as classNames } from '../../../../index-6ea95111.js';
 import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import TableInfoButton from '../TableInfoButton/index.js';
+import '../../../icon/icons/Info.js';
+import 'react';
+import '../../../icon/IconWrapper/IconWrapper.js';
 
 var css_248z = ".style-module_icon__30Nor {\n  min-width: 20px;\n}";
 var styles = {"icon":"style-module_icon__30Nor"};
@@ -10,7 +14,10 @@ styleInject(css_248z);
 var TableRowHeader = function (_a) {
     var icon = _a.icon, label = _a.label, subtitle = _a.subtitle, onClickInfo = _a.onClickInfo;
     return (jsxs("div", __assign({ className: "d-flex" }, { children: [icon && jsx("span", __assign({ className: "mr8 " + styles.icon }, { children: icon }), void 0),
-            jsxs("div", { children: [jsx("p", __assign({ className: "p-p d-inline" }, { children: !onClickInfo ? (jsx("span", { children: label }, void 0)) : (jsx(TableButton, __assign({ className: "mr8 ta-left", onClick: onClickInfo }, { children: label }), void 0)) }), void 0),
+            jsxs("div", { children: [jsxs("p", __assign({ className: "p-p d-inline" }, { children: [jsx("span", __assign({ className: classNames({
+                                    mr8: onClickInfo,
+                                }) }, { children: label }), void 0),
+                            onClickInfo && jsx(TableInfoButton, { onClick: onClickInfo }, void 0)] }), void 0),
                     subtitle && jsx("p", __assign({ className: "p-p--small tc-grey-500" }, { children: subtitle }), void 0)] }, void 0)] }), void 0));
 };
 

package/dist/esm/components/comparisonTable/components/TableRowHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRowHeader/index.tsx"],"sourcesContent":["import TableButton from '../TableButton';\nimport styles from './style.module.scss';\n\ninterface TableRowHeaderProps {\n  label: string;\n  icon?: string;\n  subtitle?: string;\n  onClickInfo?: () => void;\n}\n\nconst TableRowHeader = ({ icon, label, subtitle, onClickInfo }: TableRowHeaderProps) => (\n  <div className=\"d-flex\">\n    {icon && <span className={`mr8 ${styles.icon}`}>{icon}</span>}\n    <div>\n      <p className=\"p-p d-inline\">\n        {!onClickInfo ? (\n          <span>{label}</span>\n        ) : (\n          <TableButton className=\"mr8 ta-left\" onClick={onClickInfo}>\n            {label}\n          </TableButton>\n        )}\n      </p>\n      {subtitle && <p className=\"p-p--small tc-grey-500\">{subtitle}</p>}\n    </div>\n  </div>\n);\n\nexport type { TableRowHeaderProps };\nexport default TableRowHeader;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;IAUM,cAAc,GAAG,UAAC,EAA2D;QAAzD,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA;IAA4B,QACtFA,uBAAK,SAAS,EAAC,QAAQ,iBACpB,IAAI,IAAIC,uBAAM,SAAS,EAAE,SAAO,MAAM,CAAC,IAAM,gBAAG,IAAI,YAAQ;YAC7DD,yBACEC,oBAAG,SAAS,EAAC,cAAc,gBACxB,CAAC,WAAW,IACXA,wBAAO,KAAK,WAAQ,KAEpBA,IAAC,WAAW,aAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,WAAW,gBACtD,KAAK,YACM,CACf,YACC;oBACH,QAAQ,IAAIA,oBAAG,SAAS,EAAC,wBAAwB,gBAAE,QAAQ,YAAK,YAC7D,aACF;AAfgF;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRowHeader/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport styles from './style.module.scss';\nimport TableInfoButton from '../TableInfoButton';\n\ninterface TableRowHeaderProps {\n  label: string;\n  icon?: string;\n  subtitle?: string;\n  onClickInfo?: () => void;\n}\n\nconst TableRowHeader = ({\n  icon,\n  label,\n  subtitle,\n  onClickInfo,\n}: TableRowHeaderProps) => (\n  <div className=\"d-flex\">\n    {icon && <span className={`mr8 ${styles.icon}`}>{icon}</span>}\n    <div>\n      <p className=\"p-p d-inline\">\n        <span\n          className={classNames({\n            mr8: onClickInfo,\n          })}\n        >\n          {label}\n        </span>\n        {onClickInfo && <TableInfoButton onClick={onClickInfo} />}\n      </p>\n      {subtitle && <p className=\"p-p--small tc-grey-500\">{subtitle}</p>}\n    </div>\n  </div>\n);\n\nexport type { TableRowHeaderProps };\nexport default TableRowHeader;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;IAWM,cAAc,GAAG,UAAC,EAKF;QAJpB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA;IACc,QACzBA,uBAAK,SAAS,EAAC,QAAQ,iBACpB,IAAI,IAAIC,uBAAM,SAAS,EAAE,SAAO,MAAM,CAAC,IAAM,gBAAG,IAAI,YAAQ;YAC7DD,yBACEA,qBAAG,SAAS,EAAC,cAAc,iBACzBC,uBACE,SAAS,EAAE,UAAU,CAAC;oCACpB,GAAG,EAAE,WAAW;iCACjB,CAAC,gBAED,KAAK,YACD;4BACN,WAAW,IAAIA,IAAC,eAAe,IAAC,OAAO,EAAE,WAAW,WAAI,aACvD;oBACH,QAAQ,IAAIA,oBAAG,SAAS,EAAC,wBAAwB,gBAAE,QAAQ,YAAK,YAC7D,aACF;AAhBmB;;;;"}

package/dist/esm/components/comparisonTable/components/TableRowHeader/index.test.js

@@ -9,48 +9,51 @@ import '../../../../_commonjsHelpers-e7f67fd8.js';
 import 'react-dom/test-utils';
 import 'os';
 import 'tty';
-import '../TableButton/index.js';
+import '../../../../index-6ea95111.js';
 import '../../../../style-inject.es-1f59c1d0.js';
+import '../TableInfoButton/index.js';
+import '../../../icon/icons/Info.js';
+import '../../../icon/IconWrapper/IconWrapper.js';
 
 var mockOnClick = jest.fn();
-var label = "Table label";
-var subtitle = "Subtitle label";
-var icon = "🎉";
-var buttonTestId = "ds-table-button";
+var label = 'Table label';
+var subtitle = 'Subtitle label';
+var icon = '🎉';
+var buttonTestId = 'ds-table-info-button';
 var setup = function (props) {
     if (props === void 0) { props = {}; }
     return customRender(jsx(TableRowHeader, __assign({ label: label }, props), void 0));
 };
 describe('TableRowHeader component', function () {
-    it("should render label", function () {
+    it('should render label', function () {
         var getByText = setup().getByText;
         expect(getByText(label)).toBeInTheDocument();
     });
-    it("should not render subtitle", function () {
+    it('should not render subtitle', function () {
         var queryByText = setup().queryByText;
         expect(queryByText(subtitle)).not.toBeInTheDocument();
     });
-    it("should render subtitle", function () {
+    it('should render subtitle', function () {
         var getByText = setup({ subtitle: subtitle }).getByText;
         expect(getByText(subtitle)).toBeInTheDocument();
     });
-    it("should not render icon", function () {
+    it('should not render icon', function () {
         var queryByText = setup().queryByText;
         expect(queryByText(icon)).not.toBeInTheDocument();
     });
-    it("should render icon", function () {
+    it('should render icon', function () {
         var getByText = setup({ icon: icon }).getByText;
         expect(getByText(icon)).toBeInTheDocument();
     });
-    it("should not render button if onClickInfo is not defined", function () {
+    it('should not render button if onClickInfo is not defined', function () {
         var queryByTestId = setup().queryByTestId;
         expect(queryByTestId(buttonTestId)).not.toBeInTheDocument();
     });
-    it("should render button if onClickInfo is defined", function () {
+    it('should render button if onClickInfo is defined', function () {
         var getByTestId = setup({ onClickInfo: mockOnClick }).getByTestId;
         expect(getByTestId(buttonTestId)).toBeInTheDocument();
     });
-    it("should not call onClickInfo if not defined", function () { return __awaiter(void 0, void 0, void 0, function () {
+    it('should not call onClickInfo if not defined', function () { return __awaiter(void 0, void 0, void 0, function () {
         var _a, getByText, user;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -64,13 +67,13 @@ describe('TableRowHeader component', function () {
             }
         });
     }); });
-    it("should call onClickInfo if defined", function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, getByText, user;
+    it('should call onClickInfo if defined', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByTestId, user;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    _a = setup({ onClickInfo: mockOnClick }), getByText = _a.getByText, user = _a.user;
-                    return [4 /*yield*/, user.click(getByText(label))];
+                    _a = setup({ onClickInfo: mockOnClick }), getByTestId = _a.getByTestId, user = _a.user;
+                    return [4 /*yield*/, user.click(getByTestId('ds-table-info-button'))];
                 case 1:
                     _b.sent();
                     expect(mockOnClick).toHaveBeenCalled();

package/dist/esm/components/comparisonTable/components/TableRowHeader/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRowHeader/index.test.tsx"],"sourcesContent":["import { render } from '../../../../util/testUtils';\nimport '@testing-library/jest-dom';\n\nimport TableRowHeader, { TableRowHeaderProps } from '.';\n\nconst mockOnClick = jest.fn();\n\nconst label = \"Table label\";\nconst subtitle = \"Subtitle label\";\nconst icon = \"🎉\";\nconst buttonTestId = \"ds-table-button\";\n\nconst setup = (props: Partial<TableRowHeaderProps> = {}) => render(\n  <TableRowHeader \n    label={label} \n    {...props}\n  />\n);\n\ndescribe('TableRowHeader component', () => {\n  it(\"should render label\", () => {\n    const { getByText } = setup();\n\n    expect(getByText(label)).toBeInTheDocument();\n  });\n\n  it(\"should not render subtitle\", () => {\n    const { queryByText } = setup();\n\n    expect(queryByText(subtitle)).not.toBeInTheDocument();\n  });\n\n  it(\"should render subtitle\", () => {\n    const { getByText } = setup({ subtitle });\n\n    expect(getByText(subtitle)).toBeInTheDocument();\n  });\n\n  it(\"should not render icon\", () => {\n    const { queryByText } = setup();\n\n    expect(queryByText(icon)).not.toBeInTheDocument();\n  });\n\n  it(\"should render icon\", () => {\n    const { getByText } = setup({ icon });\n\n    expect(getByText(icon)).toBeInTheDocument();\n  });\n\n  it(\"should not render button if onClickInfo is not defined\", () => {\n    const { queryByTestId } = setup();\n\n    expect(queryByTestId(buttonTestId)).not.toBeInTheDocument();\n  });\n\n  it(\"should render button if onClickInfo is defined\", () => {\n    const { getByTestId } = setup({ onClickInfo: mockOnClick });\n\n    expect(getByTestId(buttonTestId)).toBeInTheDocument();\n  });\n\n  it(\"should not call onClickInfo if not defined\", async () => {\n    const { getByText, user } = setup();\n\n    await user.click(getByText(label));\n\n    expect(mockOnClick).not.toHaveBeenCalled();\n  });\n\n  it(\"should call onClickInfo if defined\", async () => {\n    const { getByText, user } = setup({ onClickInfo: mockOnClick });\n\n    await user.click(getByText(label));\n\n    expect(mockOnClick).toHaveBeenCalled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.test.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRowHeader/index.test.tsx"],"sourcesContent":["import { render } from '../../../../util/testUtils';\nimport '@testing-library/jest-dom';\n\nimport TableRowHeader, { TableRowHeaderProps } from '.';\n\nconst mockOnClick = jest.fn();\n\nconst label = 'Table label';\nconst subtitle = 'Subtitle label';\nconst icon = '🎉';\nconst buttonTestId = 'ds-table-info-button';\n\nconst setup = (props: Partial<TableRowHeaderProps> = {}) =>\n  render(<TableRowHeader label={label} {...props} />);\n\ndescribe('TableRowHeader component', () => {\n  it('should render label', () => {\n    const { getByText } = setup();\n\n    expect(getByText(label)).toBeInTheDocument();\n  });\n\n  it('should not render subtitle', () => {\n    const { queryByText } = setup();\n\n    expect(queryByText(subtitle)).not.toBeInTheDocument();\n  });\n\n  it('should render subtitle', () => {\n    const { getByText } = setup({ subtitle });\n\n    expect(getByText(subtitle)).toBeInTheDocument();\n  });\n\n  it('should not render icon', () => {\n    const { queryByText } = setup();\n\n    expect(queryByText(icon)).not.toBeInTheDocument();\n  });\n\n  it('should render icon', () => {\n    const { getByText } = setup({ icon });\n\n    expect(getByText(icon)).toBeInTheDocument();\n  });\n\n  it('should not render button if onClickInfo is not defined', () => {\n    const { queryByTestId } = setup();\n\n    expect(queryByTestId(buttonTestId)).not.toBeInTheDocument();\n  });\n\n  it('should render button if onClickInfo is defined', () => {\n    const { getByTestId } = setup({ onClickInfo: mockOnClick });\n\n    expect(getByTestId(buttonTestId)).toBeInTheDocument();\n  });\n\n  it('should not call onClickInfo if not defined', async () => {\n    const { getByText, user } = setup();\n\n    await user.click(getByText(label));\n\n    expect(mockOnClick).not.toHaveBeenCalled();\n  });\n\n  it('should call onClickInfo if defined', async () => {\n    const { getByTestId, user } = setup({ onClickInfo: mockOnClick });\n\n    await user.click(getByTestId('ds-table-info-button'));\n\n    expect(mockOnClick).toHaveBeenCalled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}