@popsure/dirty-swan 0.54.0 → 0.54.2

package/src/lib/components/table/components/TableSection/TableSection.tsx

@@ -1,117 +1,121 @@
-import { TableCellProps } from '../TableCell/TableCell';
-import { ReactNode, useState } from 'react';
-import { TableContent } from '../TableContent/TableContent';
-import { ChevronDownIcon, ChevronUpIcon } from '../../../icon';
-import { Card } from '../../../cards/card';
-
-import styles from './TableSection.module.scss';
 import classNames from 'classnames';
-import { Collapsible } from './Collapsible';
 
-export type TableSectionType = {
-  title?: string;
-  icon?: ReactNode;
-};
-
-interface TableSectionData {
-  section?: TableSectionType;
-  items: TableCellProps[][];
-}
-
-export type TableData = TableSectionData[];
+import styles from './TableSection.module.scss';
+import { TableCell, TableCellProps } from '../TableCell/TableCell';
+import { ReactNode, useCallback } from 'react';
+import { ModalData, ModalFunction, TableCellRowData } from '../../types';
 
 export interface TableSectionProps {
   className?: string;
-  collapsibleSections?: boolean;
-  data: TableData;
-  hideDetails?: boolean;
-  isMobile?: boolean;
-  openModal?: (title: ReactNode, body: ReactNode) => void;
-  shouldHideDetails?: boolean;
+  tableCellRows: TableCellRowData[];
+  hideHeader?: boolean;
+  openModal?: ModalFunction;
   title: string;
+  width?: number | string;
 }
 
 const TableSection = ({
   className,
-  collapsibleSections,
-  data,
-  hideDetails,
-  isMobile,
+  tableCellRows,
+  hideHeader,
   openModal,
-  shouldHideDetails,
   title,
+  width,
 }: TableSectionProps) => {
-  const [isSectionOpen, setOpenSection] = useState<number | null>(null);
-  const firstHeadRow = data?.[0]?.items?.[0];
-  const tableWidth = isMobile ? `${firstHeadRow?.length * 50}%` : '';
+  const headerRow = tableCellRows?.[0];
+
+  const getColumnContentByKey = useCallback(
+    (key: number) => tableCellRows?.[0]?.[key]?.content || '',
+    [tableCellRows]
+  );
 
-  const handleToggleSection = (index: number) => {
-    setOpenSection((currentSection) =>
-      currentSection === index ? null : index
-    );
-  };
+  const handleOpenModal = ({
+    cellIndex,
+    body,
+    title,
+  }: ModalData & {
+    cellIndex: number;
+  }) =>
+    openModal?.({
+      body,
+      title: title || getColumnContentByKey(cellIndex),
+    });
 
   return (
-    <div style={{ width: tableWidth }}>
-      {data.map(({ items, section = {} }, index) => {
-        const isFirstSection = index === 0;
-        const isExpanded = !collapsibleSections
-          ? true
-          : isSectionOpen === index || isFirstSection;
-        const isVisible = hideDetails ? !shouldHideDetails : true;
+    <table
+      className={classNames(className, 'w100', styles.table)}
+      width={width}
+    >
+      <caption className="sr-only">{title}</caption>
 
-        return (
-          (isFirstSection || isVisible) && (
-            <div key={index}>
-              {section?.title && (
-                <div className={styles.cardWrapper}>
-                  <div className={classNames(styles.card, 'p8')}>
-                    <Card
-                      actionIcon={
-                        isExpanded ? (
-                          <ChevronUpIcon size={24} />
-                        ) : (
-                          <ChevronDownIcon size={24} />
-                        )
+      {headerRow && (
+        <thead className={hideHeader ? 'sr-only' : ''}>
+          <tr>
+            {headerRow.map((tableCellProps, cellIndex) => {
+              const isFirstCellInRow = cellIndex === 0;
+              return (
+                <TableCell
+                  key={cellIndex}
+                  isHeader
+                  isFirstCellInRow={isFirstCellInRow}
+                  isTopLeftCell={isFirstCellInRow}
+                  align={isFirstCellInRow ? 'left' : 'center'}
+                  openModal={(body) =>
+                    handleOpenModal({
+                      cellIndex,
+                      body,
+                      title: tableCellProps?.content,
+                    })
+                  }
+                  {...tableCellProps}
+                />
+              );
+            })}
+          </tr>
+        </thead>
+      )}
+
+      <tbody>
+        {tableCellRows.map((row, rowIndex) => {
+          const isSingleCell = row.length === 1;
+
+          return (
+            rowIndex > 0 && (
+              <tr key={rowIndex} className={styles.tr}>
+                {row.map((tableCellProps, cellIndex) => {
+                  const key = `${rowIndex}-${cellIndex}`;
+                  const isFirstCellInRow = cellIndex === 0;
+
+                  const onCelInfoClick = (body: ReactNode) =>
+                    handleOpenModal({
+                      cellIndex,
+                      body,
+                      title: isFirstCellInRow
+                        ? tableCellProps.content
+                        : undefined,
+                    });
+
+                  return (
+                    <TableCell
+                      align={
+                        isFirstCellInRow && !isSingleCell ? 'left' : 'center'
                       }
-                      aria-expanded={isExpanded ? 'true' : 'false'}
-                      aria-hidden
-                      classNames={{
-                        wrapper: 'bg-grey-200',
-                        icon: 'tc-grey-900',
-                      }}
-                      dropShadow={false}
-                      icon={section?.icon}
-                      title={section.title}
-                      titleVariant="medium"
-                      {...(collapsibleSections
-                        ? {
-                            onClick: () => handleToggleSection(index),
-                          }
-                        : {})}
+                      isFirstCellInRow={isFirstCellInRow}
+                      openModal={onCelInfoClick}
+                      key={key}
+                      {...tableCellProps}
                     />
-                  </div>
-                </div>
-              )}
-
-              <Collapsible isExpanded={isExpanded} isMobile={isMobile}>
-                <TableContent
-                  className={classNames(className, 'mb24')}
-                  data={isFirstSection ? items : [firstHeadRow, ...items]}
-                  hideHeader
-                  openModal={openModal}
-                  title={`${title}${
-                    section?.title ? ` - ${section.title}` : ''
-                  }`}
-                  width={tableWidth}
-                />
-              </Collapsible>
-            </div>
-          )
-        );
-      })}
-    </div>
+                  );
+                })}
+              </tr>
+            )
+          );
+        })}
+      </tbody>
+    </table>
   );
 };
 
+export type { TableCellProps };
+
 export { TableSection };

package/src/lib/components/table/types.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import type { TableCellProps } from './components/TableCell/TableCell';
+
+export type TableSectionType = {
+  title?: string;
+  icon?: ReactNode;
+};
+
+export type ModalData = {
+  title?: ReactNode;
+  body?: ReactNode;
+};
+
+export type TableCellRowData = TableCellProps[];
+
+export type TableSectionData = {
+  section?: TableSectionType;
+  rows: TableCellRowData[];
+};
+
+export type TableData = TableSectionData[];
+
+export type ModalFunction = (modalData: ModalData) => void;

package/dist/cjs/lib/components/table/components/TableColumn/TableColumn.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface TableColumnProps {
-    children?: React.ReactNode;
-    isColumn?: boolean;
-    isFixed?: boolean;
-    isHeader?: boolean;
-    cellProps?: React.HTMLProps<HTMLTableCellElement>;
-}
-declare const TableColumn: ({ children, isColumn, isFixed, isHeader, cellProps, }: TableColumnProps) => JSX.Element;
-export { TableColumn };

package/dist/cjs/lib/components/table/components/TableContent/TableContent.d.ts

@@ -1,13 +0,0 @@
-import { TableCellProps } from '../TableCell/TableCell';
-import { ReactNode } from 'react';
-export interface TableContentProps {
-    className?: string;
-    data: TableCellProps[][];
-    hideHeader?: boolean;
-    openModal?: (title: ReactNode, body: ReactNode) => void;
-    title: string;
-    width?: number | string;
-}
-declare const TableContent: ({ className, data, hideHeader, openModal, title, width, }: TableContentProps) => JSX.Element;
-export type { TableCellProps };
-export { TableContent };

package/dist/esm/Collapsible-ac67187a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collapsible-ac67187a.js","sources":["../../../src/lib/hooks/useMediaQuery.ts","../../../src/lib/components/table/components/TableSection/Collapsible.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n// USAGE:\n// const isMobile = useMediaQuery('BELOW_MOBILE');\n\nexport const breakpointsArray = [\n  'ABOVE_MOBILE',\n  'ABOVE_TABLET',\n  'ABOVE_DESKTOP',\n  'BELOW_MOBILE',\n  'BELOW_TABLET',\n  'BELOW_DESKTOP',\n] as const;\n\nexport type Breakpoint = typeof breakpointsArray[number];\nexport type BreakpointData = { initialValue: boolean; queryString: string };\n\nexport const breakpointLookup = (breakpoint: Breakpoint): BreakpointData => {\n  switch (breakpoint) {\n    case 'BELOW_MOBILE':\n    default:\n      return {\n        initialValue: window.innerWidth <= 544, // 34rem = 544px = mobile breakpoint}\n        queryString: '(max-width: 34rem)',\n      };\n    case 'BELOW_TABLET':\n      return {\n        initialValue: window.innerWidth <= 720, // 45rem = 720px = tablet breakpoint\n        queryString: '(max-width: 45rem)',\n      };\n    case 'BELOW_DESKTOP':\n      return {\n        initialValue: window.innerWidth <= 1024, // 64rem = 1024px = desktop breakpoint\n        queryString: '(max-width: 64rem)',\n      };\n    case 'ABOVE_MOBILE':\n      return {\n        initialValue: window.innerWidth >= 544, // 34rem = 544px = mobile breakpoint}\n        queryString: '(min-width: 34rem)',\n      };\n    case 'ABOVE_TABLET':\n      return {\n        initialValue: window.innerWidth >= 720, // 45rem = 720px = tablet breakpoint\n        queryString: '(min-width: 45rem)',\n      };\n    case 'ABOVE_DESKTOP':\n      return {\n        initialValue: window.innerWidth >= 1024, // 64rem = 1024px = desktop breakpoint\n        queryString: '(min-width: 64rem)',\n      };\n  }\n};\n\nexport const useMediaQuery = (breakpoint: Breakpoint) => {\n  const { initialValue, queryString } = breakpointLookup(breakpoint);\n\n  const [matchesBreakpoint, setMatchesBreakpoint] = useState(initialValue);\n\n  useEffect(() => {\n    const mediaQuery = window.matchMedia(queryString);\n\n    const updateMediaQuery = (e: MediaQueryListEvent) =>\n      setMatchesBreakpoint(e.matches);\n\n    mediaQuery.addEventListener('change', updateMediaQuery);\n\n    return () => {\n      mediaQuery.removeEventListener('change', updateMediaQuery);\n    };\n  }, [queryString]);\n\n  return matchesBreakpoint;\n};\n","import { ReactNode } from \"react\";\nimport AnimateHeight from \"react-animate-height\";\nimport { useMediaQuery } from \"../../../../hooks/useMediaQuery\";\n\ninterface CollapsibleProps {\n  children: ReactNode;\n  isExpanded?: boolean;\n  isMobile?: boolean;\n}\n  \nexport const Collapsible = ({ children, isExpanded }: CollapsibleProps) => {\n  const isDesktop = useMediaQuery('ABOVE_DESKTOP');\n\n  if (!isDesktop) {\n    return (\n      <div>\n        {isExpanded ? children : null}\n      </div>\n    );\n  }\n\n  return (\n    <AnimateHeight\n      duration={300}\n      height={isExpanded ? 'auto' : 0}\n    >\n      <div>{children}</div>\n    </AnimateHeight>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;AAiBO,IAAM,gBAAgB,GAAG,UAAC,UAAsB;IACrD,QAAQ,UAAU;QAChB,KAAK,cAAc,CAAC;QACpB;YACE,OAAO;gBACL,YAAY,EAAE,MAAM,CAAC,UAAU,IAAI,GAAG;gBACtC,WAAW,EAAE,oBAAoB;aAClC,CAAC;QACJ,KAAK,cAAc;YACjB,OAAO;gBACL,YAAY,EAAE,MAAM,CAAC,UAAU,IAAI,GAAG;gBACtC,WAAW,EAAE,oBAAoB;aAClC,CAAC;QACJ,KAAK,eAAe;YAClB,OAAO;gBACL,YAAY,EAAE,MAAM,CAAC,UAAU,IAAI,IAAI;gBACvC,WAAW,EAAE,oBAAoB;aAClC,CAAC;QACJ,KAAK,cAAc;YACjB,OAAO;gBACL,YAAY,EAAE,MAAM,CAAC,UAAU,IAAI,GAAG;gBACtC,WAAW,EAAE,oBAAoB;aAClC,CAAC;QACJ,KAAK,cAAc;YACjB,OAAO;gBACL,YAAY,EAAE,MAAM,CAAC,UAAU,IAAI,GAAG;gBACtC,WAAW,EAAE,oBAAoB;aAClC,CAAC;QACJ,KAAK,eAAe;YAClB,OAAO;gBACL,YAAY,EAAE,MAAM,CAAC,UAAU,IAAI,IAAI;gBACvC,WAAW,EAAE,oBAAoB;aAClC,CAAC;KACL;AACH,CAAC,CAAC;IAEW,aAAa,GAAG,UAAC,UAAsB;IAC5C,IAAA,KAAgC,gBAAgB,CAAC,UAAU,CAAC,EAA1D,YAAY,kBAAA,EAAE,WAAW,iBAAiC,CAAC;IAE7D,IAAA,KAA4C,QAAQ,CAAC,YAAY,CAAC,EAAjE,iBAAiB,QAAA,EAAE,oBAAoB,QAA0B,CAAC;IAEzE,SAAS,CAAC;QACR,IAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QAElD,IAAM,gBAAgB,GAAG,UAAC,CAAsB;YAC9C,OAAA,oBAAoB,CAAC,CAAC,CAAC,OAAO,CAAC;SAAA,CAAC;QAElC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;QAExD,OAAO;YACL,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;SAC5D,CAAC;KACH,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,iBAAiB,CAAC;AAC3B;;IC9Da,WAAW,GAAG,UAAC,EAA0C;QAAxC,QAAQ,cAAA,EAAE,UAAU,gBAAA;IAChD,IAAM,SAAS,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;IAEjD,IAAI,CAAC,SAAS,EAAE;QACd,QACEA,uBACG,UAAU,GAAG,QAAQ,GAAG,IAAI,GACzB,EACN;KACH;IAED,QACEA,IAAC,aAAa,IACZ,QAAQ,EAAE,GAAG,EACb,MAAM,EAAE,UAAU,GAAG,MAAM,GAAG,CAAC,YAE/BA,uBAAM,QAAQ,GAAO,GACP,EAChB;AACJ;;;;"}

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

@@ -1,22 +0,0 @@
-import { a as __assign } from '../../../../tslib.es6-a39f91fc.js';
-import { 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 = ".TableColumn-module_th___hzzL {\n  vertical-align: middle;\n  scroll-snap-align: end;\n  width: 50%;\n}\n@media (min-width: 34rem) {\n  .TableColumn-module_th___hzzL {\n    width: auto;\n    scroll-snap-align: unset;\n  }\n}\n\n.TableColumn-module_thRow__33K6_ {\n  position: sticky;\n  top: 0;\n}\n\n.TableColumn-module_thCol__2tTRL {\n  text-align: left;\n}\n\n.TableColumn-module_fixedCell__1H4VO {\n  position: sticky;\n  left: 0;\n  z-index: 2;\n}\n.TableColumn-module_fixedCell__1H4VO: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":"TableColumn-module_th___hzzL","thRow":"TableColumn-module_thRow__33K6_","thCol":"TableColumn-module_thCol__2tTRL","fixedCell":"TableColumn-module_fixedCell__1H4VO"};
-styleInject(css_248z);
-
-var TableColumn = function (_a) {
-    var _b;
-    var children = _a.children, isColumn = _a.isColumn, isFixed = _a.isFixed, isHeader = _a.isHeader, _c = _a.cellProps, cellProps = _c === void 0 ? {} : _c;
-    var Tag = isHeader ? 'th' : 'td';
-    return (jsx(Tag, __assign({ scope: isColumn ? 'col' : 'row', className: classNames('bg-white py24 px8', styles.th, (_b = {},
-            _b[styles.thCol] = isColumn,
-            _b[styles.fixedCell] = isFixed,
-            _b.pl32 = isFixed,
-            _b)) }, cellProps, { children: children })));
-};
-
-export { TableColumn };
-//# sourceMappingURL=TableColumn.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableColumn.js","sources":["../../../../../../../src/lib/components/table/components/TableColumn/TableColumn.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './TableColumn.module.scss';\n\nexport interface TableColumnProps {\n  children?: React.ReactNode;\n  isColumn?: boolean;\n  isFixed?: boolean;\n  isHeader?: boolean;\n  cellProps?: React.HTMLProps<HTMLTableCellElement>;\n}\n\nconst TableColumn = ({\n  children,\n  isColumn,\n  isFixed,\n  isHeader,\n  cellProps = {},\n}: TableColumnProps) => {\n  const Tag = isHeader ? 'th' : 'td';\n\n  return (\n    <Tag\n      scope={isColumn ? 'col' : 'row'}\n      className={classNames('bg-white py24 px8', styles.th, {\n        [styles.thCol]: isColumn,\n        [styles.fixedCell]: isFixed,\n        pl32: isFixed,\n      })}\n      {...cellProps}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nexport { TableColumn };\n"],"names":["_jsx"],"mappings":";;;;;;;;;IAYM,WAAW,GAAG,UAAC,EAMF;;QALjB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,IAAM,GAAG,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;IAEnC,QACEA,IAAC,GAAG,aACF,KAAK,EAAE,QAAQ,GAAG,KAAK,GAAG,KAAK,EAC/B,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,MAAM,CAAC,EAAE;YAClD,GAAC,MAAM,CAAC,KAAK,IAAG,QAAQ;YACxB,GAAC,MAAM,CAAC,SAAS,IAAG,OAAO;YAC3B,OAAI,GAAE,OAAO;gBACb,IACE,SAAS,cAEZ,QAAQ,IACL,EACN;AACJ;;;;"}

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

@@ -1,40 +0,0 @@
-import { a as __assign } from '../../../../tslib.es6-a39f91fc.js';
-import { jsx } from 'react/jsx-runtime';
-import { TableColumn } from './TableColumn.js';
-import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
-import '../../../../index-6ea95111.js';
-import '../../../../style-inject.es-1f59c1d0.js';
-import 'react';
-import 'react-dom';
-import '../../../../_commonjsHelpers-4730bd53.js';
-import 'react-dom/test-utils';
-
-var setup = function (props) {
-    return customRender(jsx("table", { children: jsx("tbody", { children: jsx("tr", { children: jsx(TableColumn, __assign({}, props)) }) }) }));
-};
-describe('TableColumn', function () {
-    it('renders children correctly', function () {
-        var children = 'TableColumn content';
-        setup({ children: children });
-        expect(screen.getByText(children)).toBeInTheDocument();
-    });
-    it('should render as a th element when isHeader prop is true', function () {
-        var container = setup({ isHeader: true }).container;
-        expect(container.querySelector('th')).toBeInTheDocument();
-    });
-    it('should render as a td element when isHeader prop is false', function () {
-        var container = setup({ isHeader: false }).container;
-        expect(container.querySelector('td')).toBeInTheDocument();
-    });
-    it('should apply custom cellProps correctly', function () {
-        var cellProps = {
-            'data-testid': 'custom-cell',
-            className: 'custom-class',
-        };
-        setup({ cellProps: cellProps });
-        var customCell = screen.getByTestId('custom-cell');
-        expect(customCell).toBeInTheDocument();
-        expect(customCell).toHaveClass('custom-class');
-    });
-});
-//# sourceMappingURL=TableColumn.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableColumn.test.js","sources":["../../../../../../../src/lib/components/table/components/TableColumn/TableColumn.test.tsx"],"sourcesContent":["import { RenderResult } from '@testing-library/react';\nimport { TableColumn, TableColumnProps } from './TableColumn';\nimport { render, screen } from '../../../../util/testUtils';\n\nconst setup = (props: TableColumnProps): RenderResult =>\n  render(\n    <table>\n      <tbody>\n        <tr>\n          <TableColumn {...props} />\n        </tr>\n      </tbody>\n    </table>\n  );\n\ndescribe('TableColumn', () => {\n  it('renders children correctly', () => {\n    const children = 'TableColumn content';\n    setup({ children });\n\n    expect(screen.getByText(children)).toBeInTheDocument();\n  });\n\n  it('should render as a th element when isHeader prop is true', () => {\n    const { container } = setup({ isHeader: true });\n\n    expect(container.querySelector('th')).toBeInTheDocument();\n  });\n\n  it('should render as a td element when isHeader prop is false', () => {\n    const { container } = setup({ isHeader: false });\n\n    expect(container.querySelector('td')).toBeInTheDocument();\n  });\n\n  it('should apply custom cellProps correctly', () => {\n    const cellProps = {\n      'data-testid': 'custom-cell',\n      className: 'custom-class',\n    };\n\n    setup({ cellProps });\n\n    const customCell = screen.getByTestId('custom-cell');\n\n    expect(customCell).toBeInTheDocument();\n    expect(customCell).toHaveClass('custom-class');\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;AAIA,IAAM,KAAK,GAAG,UAAC,KAAuB;IACpC,OAAAA,YAAM,CACJC,yBACEA,yBACEA,sBACEA,IAAC,WAAW,eAAK,KAAK,EAAI,GACvB,GACC,GACF,CACT;AARD,CAQC,CAAC;AAEJ,QAAQ,CAAC,aAAa,EAAE;IACtB,EAAE,CAAC,4BAA4B,EAAE;QAC/B,IAAM,QAAQ,GAAG,qBAAqB,CAAC;QACvC,KAAK,CAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;QAEpB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACxD,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE;QACrD,IAAA,SAAS,GAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,UAA9B,CAA+B;QAEhD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC3D,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE;QACtD,IAAA,SAAS,GAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,UAA/B,CAAgC;QAEjD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC3D,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE;QAC5C,IAAM,SAAS,GAAG;YAChB,aAAa,EAAE,aAAa;YAC5B,SAAS,EAAE,cAAc;SAC1B,CAAC;QAEF,KAAK,CAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;QAErB,IAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAErD,MAAM,CAAC,UAAU,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvC,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;KAChD,CAAC,CAAC;AACL,CAAC,CAAC"}

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

@@ -1,45 +0,0 @@
-import { b as __rest, a as __assign } from '../../../../tslib.es6-a39f91fc.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as classNames } from '../../../../index-6ea95111.js';
-import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
-import { TableCell } from '../TableCell/TableCell.js';
-import { useCallback } from 'react';
-import { TableColumn } from '../TableColumn/TableColumn.js';
-import '../../../button/index.js';
-import '../../../icon/icons/Check.js';
-import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../icon/icons/Info.js';
-import '../../../icon/icons/StarFilled.js';
-import '../../../icon/icons/X.js';
-import '../../../icon/icons/ZapFilled.js';
-
-var css_248z = ".TableContent-module_table__28VKr {\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n@media (min-width: 34rem) {\n  .TableContent-module_table__28VKr {\n    min-width: 845px;\n  }\n}\n\n.TableContent-module_tr__gIdML {\n  min-height: 72px;\n}\n\n.TableContent-module_title__1kqjd {\n  position: relative;\n  display: none;\n}\n.TableContent-module_title__1kqjd: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  .TableContent-module_title__1kqjd {\n    display: flex;\n  }\n}";
-var styles = {"table":"TableContent-module_table__28VKr","tr":"TableContent-module_tr__gIdML","title":"TableContent-module_title__1kqjd"};
-styleInject(css_248z);
-
-var TableContent = function (_a) {
-    var className = _a.className, data = _a.data, hideHeader = _a.hideHeader, openModal = _a.openModal, title = _a.title, width = _a.width;
-    var headerRow = data === null || data === void 0 ? void 0 : data[0];
-    var getColumnTextByKey = useCallback(function (key) { var _a, _b; return ((_b = (_a = data === null || data === void 0 ? void 0 : data[0]) === null || _a === void 0 ? void 0 : _a[key]) === null || _b === void 0 ? void 0 : _b.text) || ''; }, [data]);
-    var handleOpenModal = function (cellIndex, modalBody, title) { return openModal === null || openModal === void 0 ? void 0 : openModal(title || getColumnTextByKey(cellIndex), modalBody); };
-    return (jsxs("table", { className: classNames(className, 'w100', styles.table), width: width, children: [jsx("caption", { className: "sr-only", children: title }), headerRow && (jsx("thead", { className: hideHeader ? 'sr-only' : '', children: jsx("tr", { children: headerRow.map(function (_a, cellIndex) {
-                        var cellProps = _a.cellProps, cell = __rest(_a, ["cellProps"]);
-                        var isFirstColumn = cellIndex === 0;
-                        return (jsx(TableColumn, { cellProps: cellProps, isColumn: true, isFixed: isFirstColumn, isHeader: true, children: isFirstColumn ? (jsx("div", { "aria-hidden": true, className: classNames('tc-grey-800 p-h2 p--serif', styles.title), children: cell === null || cell === void 0 ? void 0 : cell.text })) : (jsx(TableCell, __assign({}, cell, { openModal: function (info) { return handleOpenModal(0, info, cell === null || cell === void 0 ? void 0 : cell.text); } }))) }, cellIndex));
-                    }) }) })), jsx("tbody", { children: data.map(function (row, rowIndex) {
-                    var isSingleCell = row.length === 1;
-                    return (rowIndex > 0 && (jsx("tr", { className: styles.tr, children: row.map(function (_a, cellIndex) {
-                            var cellProps = _a.cellProps, cell = __rest(_a, ["cellProps"]);
-                            var isFirstCol = cellIndex === 0;
-                            var key = "".concat(rowIndex, "-").concat(cellIndex);
-                            var isHeader = isFirstCol && !isSingleCell;
-                            var onCelInfoClick = function (info) {
-                                return handleOpenModal(cellIndex, info, isFirstCol ? cell.text : undefined);
-                            };
-                            return (jsx(TableColumn, { cellProps: cellProps, isFixed: isHeader, isHeader: isHeader, children: jsx(TableCell, __assign({ align: isFirstCol && !isSingleCell ? 'left' : 'center', openModal: onCelInfoClick }, cell)) }, key));
-                        }) }, rowIndex)));
-                }) })] }));
-};
-
-export { TableContent };
-//# sourceMappingURL=TableContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableContent.js","sources":["../../../../../../../src/lib/components/table/components/TableContent/TableContent.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './TableContent.module.scss';\nimport { TableCell, TableCellProps } from '../TableCell/TableCell';\nimport { ReactNode, useCallback } from 'react';\nimport { TableColumn } from '../TableColumn/TableColumn';\n\nexport interface TableContentProps {\n  className?: string;\n  data: TableCellProps[][];\n  hideHeader?: boolean;\n  openModal?: (title: ReactNode, body: ReactNode) => void;\n  title: string;\n  width?: number | string;\n}\n\nconst TableContent = ({\n  className,\n  data,\n  hideHeader,\n  openModal,\n  title,\n  width,\n}: TableContentProps) => {\n  const headerRow = data?.[0];\n\n  const getColumnTextByKey = useCallback(\n    (key: number) => data?.[0]?.[key]?.text || '',\n    [data]\n  );\n\n  const handleOpenModal = (\n    cellIndex: number,\n    modalBody: ReactNode,\n    title?: ReactNode\n  ) => openModal?.(title || getColumnTextByKey(cellIndex), modalBody);\n\n  return (\n    <table\n      className={classNames(className, 'w100', styles.table)}\n      width={width}\n    >\n      <caption className=\"sr-only\">{title}</caption>\n\n      {headerRow && (\n        <thead className={hideHeader ? 'sr-only' : ''}>\n          <tr>\n            {headerRow.map(({ cellProps, ...cell }, cellIndex) => {\n              const isFirstColumn = cellIndex === 0;\n\n              return (\n                <TableColumn\n                  key={cellIndex}\n                  cellProps={cellProps}\n                  isColumn\n                  isFixed={isFirstColumn}\n                  isHeader\n                >\n                  {isFirstColumn ? (\n                    <div\n                      aria-hidden\n                      className={classNames(\n                        'tc-grey-800 p-h2 p--serif',\n                        styles.title\n                      )}\n                    >\n                      {cell?.text}\n                    </div>\n                  ) : (\n                    <TableCell\n                      {...cell}\n                      openModal={(info) => handleOpenModal(0, info, cell?.text)}\n                    />\n                  )}\n                </TableColumn>\n              );\n            })}\n          </tr>\n        </thead>\n      )}\n\n      <tbody>\n        {data.map((row, rowIndex) => {\n          const isSingleCell = row.length === 1;\n\n          return (\n            rowIndex > 0 && (\n              <tr key={rowIndex} className={styles.tr}>\n                {row.map(({ cellProps, ...cell }, cellIndex) => {\n                  const isFirstCol = cellIndex === 0;\n                  const key = `${rowIndex}-${cellIndex}`;\n                  const isHeader = isFirstCol && !isSingleCell;\n\n                  const onCelInfoClick = (info: ReactNode) =>\n                    handleOpenModal(\n                      cellIndex,\n                      info,\n                      isFirstCol ? cell.text : undefined\n                    );\n\n                  return (\n                    <TableColumn\n                      key={key}\n                      cellProps={cellProps}\n                      isFixed={isHeader}\n                      isHeader={isHeader}\n                    >\n                      <TableCell\n                        align={isFirstCol && !isSingleCell ? 'left' : 'center'}\n                        openModal={onCelInfoClick}\n                        {...cell}\n                      />\n                    </TableColumn>\n                  );\n                })}\n              </tr>\n            )\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n\nexport type { TableCellProps };\n\nexport { TableContent };\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -1,61 +0,0 @@
-import { a as __assign } from '../../../../tslib.es6-a39f91fc.js';
-import { jsx } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
-import { TableContent } from './TableContent.js';
-import 'react';
-import 'react-dom';
-import '../../../../_commonjsHelpers-4730bd53.js';
-import 'react-dom/test-utils';
-import '../../../../index-6ea95111.js';
-import '../../../../style-inject.es-1f59c1d0.js';
-import '../TableCell/TableCell.js';
-import '../../../button/index.js';
-import '../../../icon/icons/Check.js';
-import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../icon/icons/Info.js';
-import '../../../icon/icons/StarFilled.js';
-import '../../../icon/icons/X.js';
-import '../../../icon/icons/ZapFilled.js';
-import '../TableColumn/TableColumn.js';
-
-var mockData = [
-    [{ text: 'Cell 1.1' }, { text: 'Cell 1.2' }, { text: 'Cell 1.3' }],
-    [{ text: 'Cell 2.1' }, { text: 'Cell 2.2' }, { text: 'Cell 2.3' }],
-];
-var mockTitle = 'Test Table';
-var mockOpenModal = jest.fn();
-var defaultProps = {
-    data: mockData,
-    title: mockTitle,
-    openModal: mockOpenModal,
-};
-describe('TableContent', function () {
-    it('renders the table caption', function () {
-        customRender(jsx(TableContent, __assign({}, defaultProps)));
-        expect(screen.getByText(mockTitle)).toBeInTheDocument();
-    });
-    it('renders the table with correct data', function () {
-        customRender(jsx(TableContent, __assign({}, defaultProps)));
-        expect(screen.getByText('Cell 1.1')).toBeInTheDocument();
-        expect(screen.getByText('Cell 1.2')).toBeInTheDocument();
-        expect(screen.getByText('Cell 1.3')).toBeInTheDocument();
-        expect(screen.getByText('Cell 2.1')).toBeInTheDocument();
-        expect(screen.getByText('Cell 2.2')).toBeInTheDocument();
-        expect(screen.getByText('Cell 2.3')).toBeInTheDocument();
-    });
-    it('should render table headers', function () {
-        var container = customRender(jsx(TableContent, __assign({}, defaultProps))).container;
-        var thElements = container.querySelectorAll('th');
-        expect(thElements.length).toBe(4);
-        expect(thElements[0]).toHaveTextContent('Cell 1.1');
-        expect(thElements[3]).toHaveTextContent('Cell 2.1');
-    });
-    it('should render table data cells', function () {
-        var container = customRender(jsx(TableContent, __assign({}, defaultProps))).container;
-        var tdElements = container.querySelectorAll('td');
-        expect(tdElements.length).toBe(2);
-        expect(tdElements[0]).toHaveTextContent('Cell 2.2');
-        expect(tdElements[1]).toHaveTextContent('Cell 2.3');
-    });
-});
-//# sourceMappingURL=TableContent.test.js.map

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

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

package/dist/esm/lib/components/table/components/TableColumn/TableColumn.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface TableColumnProps {
-    children?: React.ReactNode;
-    isColumn?: boolean;
-    isFixed?: boolean;
-    isHeader?: boolean;
-    cellProps?: React.HTMLProps<HTMLTableCellElement>;
-}
-declare const TableColumn: ({ children, isColumn, isFixed, isHeader, cellProps, }: TableColumnProps) => JSX.Element;
-export { TableColumn };

package/dist/esm/lib/components/table/components/TableColumn/TableColumn.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/esm/lib/components/table/components/TableContent/TableContent.d.ts

@@ -1,13 +0,0 @@
-import { TableCellProps } from '../TableCell/TableCell';
-import { ReactNode } from 'react';
-export interface TableContentProps {
-    className?: string;
-    data: TableCellProps[][];
-    hideHeader?: boolean;
-    openModal?: (title: ReactNode, body: ReactNode) => void;
-    title: string;
-    width?: number | string;
-}
-declare const TableContent: ({ className, data, hideHeader, openModal, title, width, }: TableContentProps) => JSX.Element;
-export type { TableCellProps };
-export { TableContent };

package/dist/esm/lib/components/table/components/TableContent/TableContent.test.d.ts

@@ -1 +0,0 @@
-export {};

package/src/lib/components/table/components/TableColumn/TableColumn.module.scss

@@ -1,38 +0,0 @@
-@use '../../../../scss/public/colors' as *;
-@use '../../../../scss/public/grid' as *;
-
-.th {
-  vertical-align: middle;
-  scroll-snap-align: end;
-  width: 50%;
-
-  @include p-size-tablet {
-    width: auto;
-    scroll-snap-align: unset;
-  }
-}
-
-.thRow {
-  position: sticky;
-  top: 0;
-}
-
-.thCol {
-  text-align: left;
-}
-  
-.fixedCell {
-  position: sticky;
-  left: 0;
-  z-index: 2;
-
-  &:after {
-    content: '';
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    width: 1px;
-    background-color: $ds-grey-200;
-  }
-}

package/src/lib/components/table/components/TableColumn/TableColumn.test.tsx

@@ -1,49 +0,0 @@
-import { RenderResult } from '@testing-library/react';
-import { TableColumn, TableColumnProps } from './TableColumn';
-import { render, screen } from '../../../../util/testUtils';
-
-const setup = (props: TableColumnProps): RenderResult =>
-  render(
-    <table>
-      <tbody>
-        <tr>
-          <TableColumn {...props} />
-        </tr>
-      </tbody>
-    </table>
-  );
-
-describe('TableColumn', () => {
-  it('renders children correctly', () => {
-    const children = 'TableColumn content';
-    setup({ children });
-
-    expect(screen.getByText(children)).toBeInTheDocument();
-  });
-
-  it('should render as a th element when isHeader prop is true', () => {
-    const { container } = setup({ isHeader: true });
-
-    expect(container.querySelector('th')).toBeInTheDocument();
-  });
-
-  it('should render as a td element when isHeader prop is false', () => {
-    const { container } = setup({ isHeader: false });
-
-    expect(container.querySelector('td')).toBeInTheDocument();
-  });
-
-  it('should apply custom cellProps correctly', () => {
-    const cellProps = {
-      'data-testid': 'custom-cell',
-      className: 'custom-class',
-    };
-
-    setup({ cellProps });
-
-    const customCell = screen.getByTestId('custom-cell');
-
-    expect(customCell).toBeInTheDocument();
-    expect(customCell).toHaveClass('custom-class');
-  });
-});