npm - @popsure/dirty-swan - Versions diffs - 0.54.3 → 0.54.4 - Mend

@popsure/dirty-swan 0.54.3 → 0.54.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

package/dist/esm/components/table/Table.test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.test.js","sources":["../../../../../src/lib/components/table/Table.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\nimport { Table } from './Table';\nimport { TableSectionData } from './types';\n\nconst tableData: TableSectionData[] = [\n {\n section: {\n title: 'Section 1',\n icon: <span>Icon 1</span>,\n },\n rows: [[{ ~~content~~: 'Item 1' }, { ~~content~~: 'Item 2' }]],\n },\n {\n section: {\n title: 'Section 2',\n icon: <span>Icon 2</span>,\n },\n rows: [\n [\n { ~~content~~: 'Item 3' }~~,\n~~ { ~~content~~: 'Item 4', modalContent: 'Additional item' }~~,\n~~ ],\n ],\n },\n];\n\ndescribe('Table', () => {\n it('renders the table with sections and items', () => {\n render(<Table tableData={tableData} title=\"Test Table\" />);\n\n expect(screen.getByText('Section 1')).toBeInTheDocument();\n expect(screen.getByText('Section 2')).toBeInTheDocument();\n\n expect(screen.getAllByText('Item 1')[0]).toBeInTheDocument();\n expect(screen.getAllByText('Item 2')[0]).toBeInTheDocument();\n expect(screen.getByText('Item 3')).toBeInTheDocument();\n expect(screen.getByText('Item 4')).toBeInTheDocument();\n });\n\n it('renders the table without sections', () => {\n const dataWithoutSections = [{ rows: tableData[0].rows }];\n\n render(<Table tableData={dataWithoutSections} title=\"Test Table\" />);\n\n expect(screen.getAllByText('Item 1')[0]).toBeVisible();\n expect(screen.getAllByText('Item 2')[0]).toBeVisible();\n });\n\n it('hides the show/hide details button if hideDetails is false', () => {\n render(<Table tableData={tableData} hideDetails title=\"Test Table\" />);\n\n expect(screen.queryByTestId('show-hide-details')).toBeInTheDocument();\n });\n\n it('shows the show/hide details button if hideDetails is true', () => {\n render(<Table tableData={tableData} hideDetails title=\"Test Table\" />);\n\n expect(screen.getByTestId('show-hide-details')).toBeInTheDocument();\n });\n\n it('hides the sections if hideDetails is true', () => {\n render(<Table tableData={tableData} hideDetails title=\"Test Table\" />);\n\n expect(screen.queryByText('Section 2')).not.toBeInTheDocument();\n expect(screen.getByTestId('show-hide-details')).toBeInTheDocument();\n });\n\n it('hides the sections if hideDetails is true and shows if clicking on button', async () => {\n const { user } = render(\n <Table tableData={tableData} hideDetails title=\"Test Table\" />\n );\n\n expect(screen.getByText('Show details')).toBeVisible();\n\n await user.click(screen.getByTestId('show-hide-details'));\n\n expect(screen.getByText('Section 2')).toBeVisible();\n expect(screen.getByText('Hide details')).toBeVisible();\n });\n\n it('shows a modal when clicking on info icon', async () => {\n const { user } = render(<Table tableData={tableData} title=\"Test Table\" />);\n\n await user.click(screen.getByTestId('ds-table-info-button'));\n\n expect(screen.getByText('Additional item')).toBeVisible();\n });\n});\n"],"names":["_jsx","render"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,SAAS,GAAuB;IACpC;QACE,OAAO,EAAE;YACP,KAAK,EAAE,WAAW;YAClB,IAAI,EAAEA,mCAAmB;SAC1B;QACD,IAAI,EAAE,CAAC,CAAC,EAAE,~~OAAO~~,EAAE,QAAQ,EAAE,EAAE,EAAE,~~OAAO~~,EAAE,QAAQ,EAAE,CAAC,CAAC;~~KACvD~~;IACD;QACE,OAAO,EAAE;YACP,KAAK,EAAE,WAAW;YAClB,IAAI,EAAEA,mCAAmB;SAC1B;QACD,IAAI,EAAE;YACJ~~;gBACE~~,EAAE,~~OAAO~~,EAAE,QAAQ,EAAE~~;gBACrB~~,EAAE,~~OAAO~~,EAAE,QAAQ,EAAE,YAAY,EAAE,iBAAiB,EAAE;~~aACvD~~;~~SACF;~~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"}
1	+ {"version":3,"file":"Table.test.js","sources":["../../../../../src/lib/components/table/Table.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\nimport { Table } from './Table';\nimport { TableSectionData } from './types';\n\nconst tableData: TableSectionData[] = [\n {\n section: {\n title: 'Section 1',\n icon: <span>Icon 1</span>,\n },\n rows: [[{ text: 'Item 1' }, { text: 'Item 2' }]],\n },\n {\n section: {\n title: 'Section 2',\n icon: <span>Icon 2</span>,\n },\n rows: [\n [{ text: 'Item 3' }, { text: 'Item 4', modalContent: 'Additional item' }],\n ],\n },\n];\n\ndescribe('Table', () => {\n it('renders the table with sections and items', () => {\n render(<Table tableData={tableData} title=\"Test Table\" />);\n\n expect(screen.getByText('Section 1')).toBeInTheDocument();\n expect(screen.getByText('Section 2')).toBeInTheDocument();\n\n expect(screen.getAllByText('Item 1')[0]).toBeInTheDocument();\n expect(screen.getAllByText('Item 2')[0]).toBeInTheDocument();\n expect(screen.getByText('Item 3')).toBeInTheDocument();\n expect(screen.getByText('Item 4')).toBeInTheDocument();\n });\n\n it('renders the table without sections', () => {\n const dataWithoutSections = [{ rows: tableData[0].rows }];\n\n render(<Table tableData={dataWithoutSections} title=\"Test Table\" />);\n\n expect(screen.getAllByText('Item 1')[0]).toBeVisible();\n expect(screen.getAllByText('Item 2')[0]).toBeVisible();\n });\n\n it('hides the show/hide details button if hideDetails is false', () => {\n render(<Table tableData={tableData} hideDetails title=\"Test Table\" />);\n\n expect(screen.queryByTestId('show-hide-details')).toBeInTheDocument();\n });\n\n it('shows the show/hide details button if hideDetails is true', () => {\n render(<Table tableData={tableData} hideDetails title=\"Test Table\" />);\n\n expect(screen.getByTestId('show-hide-details')).toBeInTheDocument();\n });\n\n it('hides the sections if hideDetails is true', () => {\n render(<Table tableData={tableData} hideDetails title=\"Test Table\" />);\n\n expect(screen.queryByText('Section 2')).not.toBeInTheDocument();\n expect(screen.getByTestId('show-hide-details')).toBeInTheDocument();\n });\n\n it('hides the sections if hideDetails is true and shows if clicking on button', async () => {\n const { user } = render(\n <Table tableData={tableData} hideDetails title=\"Test Table\" />\n );\n\n expect(screen.getByText('Show details')).toBeVisible();\n\n await user.click(screen.getByTestId('show-hide-details'));\n\n expect(screen.getByText('Section 2')).toBeVisible();\n expect(screen.getByText('Hide details')).toBeVisible();\n });\n\n it('shows a modal when clicking on info icon', async () => {\n const { user } = render(<Table tableData={tableData} title=\"Test Table\" />);\n\n await user.click(screen.getByTestId('ds-table-info-button'));\n\n expect(screen.getByText('Additional item')).toBeVisible();\n });\n});\n"],"names":["_jsx","render"],"mappings":"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"}

package/dist/esm/components/table/components/TableCell/BaseCell/BaseCell.js CHANGED Viewed

@@ -32,7 +32,7 @@ var progressLookup = {
     '100%': 5,
 };
 var BaseCell = function (_a) {
-    var _b = _a.align, align = _b === void 0 ? 'center' : _b, checkmarkValue = _a.checkmarkValue, _c = _a.content, content = _c === void 0 ? '' : _c, _d = _a.modalContent, modalContent = _d === void 0 ? '' : _d, openModal = _a.openModal, rating = _a.rating, _e = _a.subContent, subContent = _e === void 0 ? '' : _e, _f = _a.contentFontVariant, contentFontVariant = _f === void 0 ? 'NORMAL' : _f;
+    var _b = _a.align, align = _b === void 0 ? 'center' : _b, checkmarkValue = _a.checkmarkValue, _c = _a.fontVariant, fontVariant = _c === void 0 ? 'NORMAL' : _c, _d = _a.description, description = _d === void 0 ? '' : _d, _e = _a.modalContent, modalContent = _e === void 0 ? '' : _e, openModal = _a.openModal, rating = _a.rating, _f = _a.text, text = _f === void 0 ? '' : _f;
     var alignClassName = {
         center: 'ta-center jc-center ai-center',
         left: 'ta-left jc-start',
@@ -40,10 +40,10 @@ var BaseCell = function (_a) {
     }[align];
     var validRatingValues = [1, 2, 3];
     var SelectedIcon = (rating === null || rating === void 0 ? void 0 : rating.type) === 'zap' ? ZapFilledIcon : StarFilledIcon;
-    var progressBarValue = typeof content === 'string' ? progressLookup[content] : undefined;
+    var progressBarValue = typeof text === 'string' ? progressLookup[text] : undefined;
     return (jsxs("div", { className: classNames('d-flex gap8 ai-center', {
             'jc-center': align === 'center',
-        }), children: [jsxs("div", { className: classNames('d-flex fd-column', alignClassName), children: [progressBarValue !== undefined && (jsx(MiniProgressBar, { nFilledBars: progressBarValue })), (rating === null || rating === void 0 ? void 0 : rating.value) && (jsx("span", { "data-testid": "table-cell-rating", title: "".concat(rating === null || rating === void 0 ? void 0 : rating.value, " out of 3"), children: validRatingValues.map(function (value) { return (jsx(SelectedIcon, { "aria-hidden": "true", color: value <= (rating === null || rating === void 0 ? void 0 : rating.value) ? 'primary-500' : 'grey-400', className: styles.icon }, value)); }) })), jsxs("div", { className: "d-flex ai-center", children: [checkmarkValue !== undefined && (jsx("span", { title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsx(CheckIcon, { "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "primary-500" })) : (jsx(XIcon, { "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "grey-400" })) })), content && contentFontVariant === 'NORMAL' && (jsx("div", { className: "p-p", "data-testid": "table-cell-content", children: content })), content && contentFontVariant === 'PRICE' && (jsx("div", { className: "p-h1 p--serif tc-primary-500", "data-testid": "table-cell-content", children: content })), content && contentFontVariant === 'BIG_WITH_UNDERLINE' && (jsx("div", { "aria-hidden": true, className: classNames('tc-grey-800 p-h2 p--serif', styles.bigWithUnderline), children: content }))] }), subContent && (jsx("div", { className: classNames('d-flex p-p--small tc-grey-500', alignClassName), children: subContent }))] }), modalContent && openModal && (jsx(TableInfoButton, { onClick: function () { return openModal(modalContent); } }))] }));
+        }), children: [jsxs("div", { className: classNames('d-flex fd-column', alignClassName), children: [progressBarValue !== undefined && (jsx(MiniProgressBar, { nFilledBars: progressBarValue })), (rating === null || rating === void 0 ? void 0 : rating.value) && (jsx("span", { "data-testid": "table-cell-rating", title: "".concat(rating === null || rating === void 0 ? void 0 : rating.value, " out of 3"), children: validRatingValues.map(function (value) { return (jsx(SelectedIcon, { "aria-hidden": "true", color: value <= (rating === null || rating === void 0 ? void 0 : rating.value) ? 'primary-500' : 'grey-400', className: styles.icon }, value)); }) })), jsxs("div", { className: "d-flex ai-center", children: [checkmarkValue !== undefined && (jsx("span", { title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsx(CheckIcon, { "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "primary-500" })) : (jsx(XIcon, { "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "grey-400" })) })), text && fontVariant === 'NORMAL' && (jsx("div", { className: "p-p", "data-testid": "table-cell-text", children: text })), text && fontVariant === 'PRICE' && (jsx("div", { className: "p-h1 p--serif tc-primary-500", "data-testid": "table-cell-content", children: text })), text && fontVariant === 'BIG_WITH_UNDERLINE' && (jsx("div", { "aria-hidden": true, className: classNames('tc-grey-800 p-h2 p--serif', styles.bigWithUnderline), children: text }))] }), description && (jsx("div", { className: classNames('d-flex p-p--small tc-grey-500', alignClassName), children: description }))] }), modalContent && openModal && (jsx(TableInfoButton, { onClick: function () { return openModal(modalContent); } }))] }));
 };
 export { BaseCell };

package/dist/esm/components/table/components/TableCell/BaseCell/BaseCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseCell.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/BaseCell/BaseCell.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ~~Button } from '../../../../button';\nimport {~~\n CheckIcon,\n XIcon,\n ~~InfoIcon,\n~~ StarFilledIcon,\n ZapFilledIcon,\n} from '../../../../icon';\nimport { ReactNode } from 'react';\nimport styles from './BaseCell.module.scss';\nimport { MiniProgressBar } from './MiniProgressBar/MiniProgressBar';\nimport { TableInfoButton } from '../../../../comparisonTable';\n\nexport type ~~ContentFontVariant~~ = 'NORMAL' \| 'BIG_WITH_UNDERLINE' \| 'PRICE';\n\nconst progressLookup: Record<string, number> = {\n '30%': 1,\n '50%': 2,\n '70%': 3,\n '75%': 4,\n '80%': 4,\n '90%': 4,\n '75%-90%': 4,\n '75%-100%': 4,\n '80%-100%': 4,\n '100%': 5,\n};\n\nexport type Alignment = 'center' \| 'left' \| 'right';\n\nexport type BaseCellProps = {\n align?: Alignment;\n checkmarkValue?: boolean;\n ~~content~~?: ReactNode;\n modalContent?: ReactNode;\n openModal?: (modalContent: ReactNode) => void;\n ~~subContent~~?: ReactNode;\n rating?: {\n value: number;\n type: 'zap' \| 'star';\n };\n ~~contentFontVariant?: ContentFontVariant;\n~~};\n\nexport const BaseCell = ({\n align = 'center',\n checkmarkValue,\n ~~content~~ = '',\n modalContent = '',\n openModal,\n rating,\n ~~subContent~~ = '',\n ~~contentFontVariant = 'NORMAL',\n~~}: BaseCellProps) => {\n const alignClassName = {\n center: 'ta-center jc-center ai-center',\n left: 'ta-left jc-start',\n right: 'ta-right jc-end ai-end',\n }[align];\n\n const validRatingValues: number[] = [1, 2, 3];\n const SelectedIcon = rating?.type === 'zap' ? ZapFilledIcon : StarFilledIcon;\n\n const progressBarValue =\n typeof ~~content~~ === 'string' ? progressLookup[~~content~~] : undefined;\n\n return (\n <div\n className={classNames('d-flex gap8 ai-center', {\n 'jc-center': align === 'center',\n })}\n >\n <div className={classNames('d-flex fd-column', alignClassName)}>\n {progressBarValue !== undefined && (\n <MiniProgressBar nFilledBars={progressBarValue} />\n )}\n\n {rating?.value && (\n <span\n data-testid=\"table-cell-rating\"\n title={`${rating?.value} out of 3`}\n >\n {validRatingValues.map((value) => (\n <SelectedIcon\n aria-hidden=\"true\"\n key={value}\n color={value <= rating?.value ? 'primary-500' : 'grey-400'}\n className={styles.icon}\n />\n ))}\n </span>\n )}\n\n <div className=\"d-flex ai-center\">\n {checkmarkValue !== undefined && (\n <span title={checkmarkValue ? 'Yes' : 'No'}>\n {checkmarkValue ? (\n <CheckIcon\n data-testid=\"table-cell-boolean-yes\"\n size={24}\n aria-hidden\n color=\"primary-500\"\n />\n ) : (\n <XIcon\n data-testid=\"table-cell-boolean-no\"\n size={24}\n aria-hidden\n color=\"grey-400\"\n />\n )}\n </span>\n )}\n\n {~~content~~ && ~~contentFontVariant~~ === 'NORMAL' && (\n <div className=\"p-p\" data-testid=\"table-cell-~~content~~\">\n {~~content~~}\n </div>\n )}\n\n {~~content~~ && ~~contentFontVariant~~ === 'PRICE' && (\n <div\n className=\"p-h1 p--serif tc-primary-500\"\n data-testid=\"table-cell-content\"\n >\n {~~content~~}\n </div>\n )}\n\n {~~content~~ && ~~contentFontVariant~~ === 'BIG_WITH_UNDERLINE' && (\n <div\n aria-hidden\n className={classNames(\n 'tc-grey-800 p-h2 p--serif',\n styles.bigWithUnderline\n )}\n >\n {~~content~~}\n </div>\n )}\n </div>\n\n {~~subContent~~ && (\n <div\n className={classNames(\n 'd-flex p-p--small tc-grey-500',\n alignClassName\n )}\n >\n {~~subContent~~}\n </div>\n )}\n </div>\n {modalContent && openModal && (\n <TableInfoButton onClick={() => openModal(modalContent)} />\n )}\n </div>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;~~AAgBA~~,IAAM,cAAc,GAA2B;IAC7C,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,CAAC;IACb,MAAM,EAAE,CAAC;CACV,CAAC;IAkBW,QAAQ,GAAG,UAAC,EAST;QARd,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAChB,cAAc,oBAAA,EACd,~~eAAY~~,~~EAAZ~~,~~OAAO~~,mBAAG,EAAE,KAAA,~~EACZ~~,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,SAAS,eAAA,EACT,MAAM,YAAA,EACN,~~kBAAe~~,~~EAAf~~,~~UAAU~~,mBAAG,EAAE,KAAA~~,EACf,0BAA6B,EAA7B,kBAAkB,mBAAG,QAAQ,KAAA~~;~~IAE7B~~,IAAM,cAAc,GAAG;QACrB,MAAM,EAAE,+BAA+B;QACvC,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,wBAAwB;KAChC,CAAC,KAAK,CAAC,CAAC;IAET,IAAM,iBAAiB,GAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9C,IAAM,YAAY,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,MAAK,KAAK,GAAG,aAAa,GAAG,cAAc,CAAC;IAE7E,IAAM,gBAAgB,GACpB,OAAO,~~OAAO~~,KAAK,QAAQ,GAAG,cAAc,CAAC,~~OAAO~~,CAAC,GAAG,SAAS,CAAC;~~IAEpE~~,QACEA,cACE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE;YAC7C,WAAW,EAAE,KAAK,KAAK,QAAQ;SAChC,CAAC,aAEFA,cAAK,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,cAAc,CAAC,aAC3D,gBAAgB,KAAK,SAAS,KAC7BC,IAAC,eAAe,IAAC,WAAW,EAAE,gBAAgB,GAAI,CACnD,EAEA,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,MACZA,6BACc,mBAAmB,EAC/B,KAAK,EAAE,UAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,cAAW,YAEjC,iBAAiB,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,QAChCA,IAAC,YAAY,mBACC,MAAM,EAElB,KAAK,EAAE,KAAK,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAA,GAAG,aAAa,GAAG,UAAU,EAC1D,SAAS,EAAE,MAAM,CAAC,IAAI,IAFjB,KAAK,CAGV,IACH,CAAC,GACG,CACR,EAEDD,cAAK,SAAS,EAAC,kBAAkB,aAC9B,cAAc,KAAK,SAAS,KAC3BC,cAAM,KAAK,EAAE,cAAc,GAAG,KAAK,GAAG,IAAI,YACvC,cAAc,IACbA,IAAC,SAAS,mBACI,wBAAwB,EACpC,IAAI,EAAE,EAAE,uBAER,KAAK,EAAC,aAAa,GACnB,KAEFA,IAAC,KAAK,mBACQ,uBAAuB,EACnC,IAAI,EAAE,EAAE,uBAER,KAAK,EAAC,UAAU,GAChB,CACH,GACI,CACR,EAEA,~~OAAO~~,IAAI,~~kBAAkB~~,KAAK,QAAQ,~~KACzCA~~,aAAK,SAAS,EAAC,KAAK,iBAAa,~~oBAAoB~~,~~YAClD~~,~~OAAO~~,~~GACJ~~,CACP,EAEA,~~OAAO~~,IAAI,~~kBAAkB~~,KAAK,OAAO,~~KACxCA~~,aACE,SAAS,EAAC,8BAA8B,iBAC5B,oBAAoB,YAE/B,~~OAAO~~,~~GACJ~~,CACP,EAEA,~~OAAO~~,IAAI,~~kBAAkB~~,KAAK,oBAAoB,~~KACrDA~~,kCAEE,SAAS,EAAE,UAAU,CACnB,2BAA2B,EAC3B,MAAM,CAAC,gBAAgB,CACxB,YAEA,~~OAAO~~,~~GACJ~~,CACP,IACG,EAEL,~~UAAU~~,~~KACTA~~,aACE,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B,cAAc,CACf,YAEA,~~UAAU~~,~~GACP~~,CACP,IACG,EACL,YAAY,IAAI,SAAS,KACxBA,IAAC,eAAe,IAAC,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,YAAY,CAAC,GAAA,GAAI,CAC5D,IACG,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"BaseCell.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/BaseCell/BaseCell.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n CheckIcon,\n XIcon,\n StarFilledIcon,\n ZapFilledIcon,\n} from '../../../../icon';\nimport { ReactNode } from 'react';\nimport styles from './BaseCell.module.scss';\nimport { MiniProgressBar } from './MiniProgressBar/MiniProgressBar';\nimport { TableInfoButton } from '../../../../comparisonTable';\n\nexport type FontVariant = 'NORMAL' \| 'BIG_WITH_UNDERLINE' \| 'PRICE';\n\nconst progressLookup: Record<string, number> = {\n '30%': 1,\n '50%': 2,\n '70%': 3,\n '75%': 4,\n '80%': 4,\n '90%': 4,\n '75%-90%': 4,\n '75%-100%': 4,\n '80%-100%': 4,\n '100%': 5,\n};\n\nexport type Alignment = 'center' \| 'left' \| 'right';\n\nexport type BaseCellProps = {\n align?: Alignment;\n checkmarkValue?: boolean;\n fontVariant?: FontVariant;\n description?: ReactNode;\n modalContent?: ReactNode;\n openModal?: (modalContent: ReactNode) => void;\n text?: ReactNode;\n rating?: {\n value: number;\n type: 'zap' \| 'star';\n };\n};\n\nexport const BaseCell = ({\n align = 'center',\n checkmarkValue,\n fontVariant = 'NORMAL',\n description = '',\n modalContent = '',\n openModal,\n rating,\n text = '',\n}: BaseCellProps) => {\n const alignClassName = {\n center: 'ta-center jc-center ai-center',\n left: 'ta-left jc-start',\n right: 'ta-right jc-end ai-end',\n }[align];\n\n const validRatingValues: number[] = [1, 2, 3];\n const SelectedIcon = rating?.type === 'zap' ? ZapFilledIcon : StarFilledIcon;\n\n const progressBarValue =\n typeof text === 'string' ? progressLookup[text] : undefined;\n\n return (\n <div\n className={classNames('d-flex gap8 ai-center', {\n 'jc-center': align === 'center',\n })}\n >\n <div className={classNames('d-flex fd-column', alignClassName)}>\n {progressBarValue !== undefined && (\n <MiniProgressBar nFilledBars={progressBarValue} />\n )}\n\n {rating?.value && (\n <span\n data-testid=\"table-cell-rating\"\n title={`${rating?.value} out of 3`}\n >\n {validRatingValues.map((value) => (\n <SelectedIcon\n aria-hidden=\"true\"\n key={value}\n color={value <= rating?.value ? 'primary-500' : 'grey-400'}\n className={styles.icon}\n />\n ))}\n </span>\n )}\n\n <div className=\"d-flex ai-center\">\n {checkmarkValue !== undefined && (\n <span title={checkmarkValue ? 'Yes' : 'No'}>\n {checkmarkValue ? (\n <CheckIcon\n data-testid=\"table-cell-boolean-yes\"\n size={24}\n aria-hidden\n color=\"primary-500\"\n />\n ) : (\n <XIcon\n data-testid=\"table-cell-boolean-no\"\n size={24}\n aria-hidden\n color=\"grey-400\"\n />\n )}\n </span>\n )}\n\n {text && fontVariant === 'NORMAL' && (\n <div className=\"p-p\" data-testid=\"table-cell-text\">\n {text}\n </div>\n )}\n\n {text && fontVariant === 'PRICE' && (\n <div\n className=\"p-h1 p--serif tc-primary-500\"\n data-testid=\"table-cell-content\"\n >\n {text}\n </div>\n )}\n\n {text && fontVariant === 'BIG_WITH_UNDERLINE' && (\n <div\n aria-hidden\n className={classNames(\n 'tc-grey-800 p-h2 p--serif',\n styles.bigWithUnderline\n )}\n >\n {text}\n </div>\n )}\n </div>\n\n {description && (\n <div\n className={classNames(\n 'd-flex p-p--small tc-grey-500',\n alignClassName\n )}\n >\n {description}\n </div>\n )}\n </div>\n {modalContent && openModal && (\n <TableInfoButton onClick={() => openModal(modalContent)} />\n )}\n </div>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/table/components/TableCell/BaseCell/BaseCell.stories.js CHANGED Viewed

@@ -21,20 +21,20 @@ var story = {
     component: BaseCell,
     argTypes: {},
     args: {
+        text: 'For dogs',
+        description: 'Annual only',
+        modalContent: 'More info',
+        fontVariant: 'NORMAL',
+        checkmarkValue: undefined,
         rating: {
             value: 2,
             type: 'zap',
         },
-        content: 'For dogs',
-        subContent: 'Annual only',
-        modalContent: 'More info',
-        checkmarkValue: undefined,
-        contentFontVariant: 'NORMAL',
     },
 };
 var BaseCellStory = function (_a) {
-    var content = _a.content, subContent = _a.subContent, modalContent = _a.modalContent, checkmarkValue = _a.checkmarkValue, rating = _a.rating, contentFontVariant = _a.contentFontVariant, align = _a.align;
-    return (jsx("div", { className: "p48 d-flex fd-column gap16 bg-white", children: jsx(BaseCell, { align: align, checkmarkValue: checkmarkValue, content: content, contentFontVariant: contentFontVariant, modalContent: modalContent, openModal: function () { }, rating: rating, subContent: subContent }) }));
+    var text = _a.text, description = _a.description, modalContent = _a.modalContent, checkmarkValue = _a.checkmarkValue, rating = _a.rating, fontVariant = _a.fontVariant, align = _a.align;
+    return (jsx("div", { className: "p48 d-flex fd-column gap16 bg-white", children: jsx(BaseCell, { align: align, checkmarkValue: checkmarkValue, fontVariant: fontVariant, description: description, modalContent: modalContent, openModal: function () { }, rating: rating, text: text }) }));
 };
 BaseCellStory.storyName = 'BaseCell';

package/dist/esm/components/table/components/TableCell/BaseCell/BaseCell.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseCell.stories.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/BaseCell/BaseCell.stories.tsx"],"sourcesContent":["import { BaseCell } from './BaseCell';\n\nconst story = {\n title: 'JSX/Table/Cells',\n component: BaseCell,\n argTypes: {},\n args: {\n ~~rating~~: ~~{\n value: 2,\n type:~~ '~~zap',\n },\n content: '~~For dogs',\n ~~subContent~~: 'Annual only',\n modalContent: 'More info',\n checkmarkValue: undefined,\n ~~contentFontVariant~~: '~~NORMAL~~',\n },\n};\n\nexport const BaseCellStory = ({\n ~~content~~,\n ~~subContent~~,\n modalContent,\n checkmarkValue,\n rating,\n ~~contentFontVariant~~,\n align,\n}: React.ComponentProps<typeof BaseCell>) => (\n <div className=\"p48 d-flex fd-column gap16 bg-white\">\n <BaseCell\n align={align}\n checkmarkValue={checkmarkValue}\n ~~content~~={~~content~~}\n ~~contentFontVariant~~={~~contentFontVariant~~}\n modalContent={modalContent}\n openModal={() => {}}\n rating={rating}\n ~~subContent~~={~~subContent~~}\n />\n </div>\n);\n\nBaseCellStory.storyName = 'BaseCell';\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,~~MAAM~~,EAAE;~~YACN~~,~~KAAK~~,EAAE,~~CAAC~~;~~YACR~~,~~IAAI~~,EAAE,~~KAAK~~;~~SACZ;QACD~~,~~OAAO~~,EAAE,~~UAAU~~;~~QACnB~~,~~UAAU~~,EAAE,~~aAAa~~;QACzB,~~YAAY~~,EAAE~~,WAAW~~;~~QACzB~~,~~cAAc~~,EAAE,~~SAAS~~;~~QACzB~~,~~kBAAkB~~,EAAE,~~QAAQ~~;~~KAC7B~~;EACD;IAEW,aAAa,GAAG,UAAC,EAQU;QAPtC,~~OAAO~~,~~aAAA~~,~~EACP~~,~~UAAU~~,~~gBAAA~~,~~EACV~~,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,~~kBAAkB~~,~~wBAAA~~,~~EAClB~~,KAAK,WAAA;IACsC,QAC3CA,aAAK,SAAS,EAAC,qCAAqC,YAClDA,IAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,~~OAAO~~,EAAE,~~OAAO~~,~~EAChB~~,~~kBAAkB~~,EAAE,~~kBAAkB~~,~~EACtC~~,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,eAAQ,EACnB,MAAM,EAAE,MAAM,EACd,~~UAAU~~,EAAE,~~UAAU~~,~~GACtB~~,GACE;AAZqC,EAa3C;AAEF,aAAa,CAAC,SAAS,GAAG,UAAU;;;;;"}
1	+ {"version":3,"file":"BaseCell.stories.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/BaseCell/BaseCell.stories.tsx"],"sourcesContent":["import { BaseCell } from './BaseCell';\n\nconst story = {\n title: 'JSX/Table/Cells',\n component: BaseCell,\n argTypes: {},\n args: {\n text: 'For dogs',\n description: 'Annual only',\n modalContent: 'More info',\n fontVariant: 'NORMAL',\n checkmarkValue: undefined,\n rating: {\n value: 2,\n type: 'zap',\n },\n },\n};\n\nexport const BaseCellStory = ({\n text,\n description,\n modalContent,\n checkmarkValue,\n rating,\n fontVariant,\n align,\n}: React.ComponentProps<typeof BaseCell>) => (\n <div className=\"p48 d-flex fd-column gap16 bg-white\">\n <BaseCell\n align={align}\n checkmarkValue={checkmarkValue}\n fontVariant={fontVariant}\n description={description}\n modalContent={modalContent}\n openModal={() => {}}\n rating={rating}\n text={text}\n />\n </div>\n);\n\nBaseCellStory.storyName = 'BaseCell';\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,WAAW;QACzB,WAAW,EAAE,QAAQ;QACrB,cAAc,EAAE,SAAS;QACzB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,KAAK;SACZ;KACF;EACD;IAEW,aAAa,GAAG,UAAC,EAQU;QAPtC,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,KAAK,WAAA;IACsC,QAC3CA,aAAK,SAAS,EAAC,qCAAqC,YAClDA,IAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,eAAQ,EACnB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,GACV,GACE;AAZqC,EAa3C;AAEF,aAAa,CAAC,SAAS,GAAG,UAAU;;;;;"}

package/dist/esm/components/table/components/TableCell/ButtonCell/ButtonCell.js CHANGED Viewed

@@ -5,18 +5,18 @@ import { Button } from '../../../../button/index.js';
 import '../../../../../tslib.es6-a39f91fc.js';
 import 'react';
-var css_248z = ".ButtonCell-module_buttonCell__x4NNi {\n  color: #26262e;\n  border: 1px solid #d2d2d8;\n  transition: all 0.3s ease-in-out;\n}\n@media (max-width: 34rem) {\n  .ButtonCell-module_buttonCell__x4NNi {\n    max-width: calc(100% - 96px);\n  }\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled {\n  border: none;\n  background-color: #f5f6fb;\n  color: #26262e;\n  opacity: 1;\n  cursor: default;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled:hover {\n  background-color: #f5f6fb;\n}\n@media (max-width: 34rem) {\n  .ButtonCell-module_buttonCell__x4NNi {\n    pointer-events: none;\n  }\n}\n\n.ButtonCell-module_withoutSubContent__3fRW7 {\n  height: 64px;\n}\n\n.ButtonCell-module_withSubContent__3k-BC {\n  height: 75px;\n}\n\n.ButtonCell-module_selected__22pF_ {\n  transition: all 0.3 ease-in-out;\n  border: 2px solid #8e8cee;\n  background-color: #f7f7ff;\n}";
-var styles = {"buttonCell":"ButtonCell-module_buttonCell__x4NNi","withoutSubContent":"ButtonCell-module_withoutSubContent__3fRW7","withSubContent":"ButtonCell-module_withSubContent__3k-BC","selected":"ButtonCell-module_selected__22pF_"};
+var css_248z = ".ButtonCell-module_buttonCell__x4NNi {\n  color: #26262e;\n  border: 1px solid #d2d2d8;\n  transition: all 0.3s ease-in-out;\n}\n@media (max-width: 34rem) {\n  .ButtonCell-module_buttonCell__x4NNi {\n    max-width: calc(100% - 96px);\n  }\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled {\n  border: none;\n  background-color: #f5f6fb;\n  color: #26262e;\n  opacity: 1;\n  cursor: default;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled:hover {\n  background-color: #f5f6fb;\n}\n@media (max-width: 34rem) {\n  .ButtonCell-module_buttonCell__x4NNi {\n    pointer-events: none;\n  }\n}\n\n.ButtonCell-module_withoutPrice__2rpe9 {\n  height: 64px;\n}\n\n.ButtonCell-module_withPrice__3bd_t {\n  height: 75px;\n}\n\n.ButtonCell-module_selected__22pF_ {\n  transition: all 0.3 ease-in-out;\n  border: 2px solid #8e8cee;\n  background-color: #f7f7ff;\n}";
+var styles = {"buttonCell":"ButtonCell-module_buttonCell__x4NNi","withoutPrice":"ButtonCell-module_withoutPrice__2rpe9","withPrice":"ButtonCell-module_withPrice__3bd_t","selected":"ButtonCell-module_selected__22pF_"};
 styleInject(css_248z);
 var ButtonCell = function (_a) {
     var _b;
-    var isSelected = _a.isSelected, onClick = _a.onClick, content = _a.content, subContent = _a.subContent, disabled = _a.disabled;
+    var isSelected = _a.isSelected, onClick = _a.onClick, buttonCaption = _a.buttonCaption, price = _a.price, disabled = _a.disabled;
     return (jsx("div", { className: "w100 d-flex fd-column ai-center jc-center gap8", children: jsxs(Button, { className: classNames('w100 wmx5 d-flex fd-column', styles.buttonCell, (_b = {},
                 _b[styles.selected] = isSelected,
-                _b[styles.withoutSubContent] = !subContent,
-                _b[styles.withSubContent] = !!subContent,
-                _b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [content, subContent && jsx("span", { className: "p-p tc-purple-500", children: subContent })] }) }));
+                _b[styles.withoutPrice] = !price,
+                _b[styles.withPrice] = !!price,
+                _b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [buttonCaption, price && jsx("span", { className: "p-p tc-purple-500", children: price })] }) }));
 };
 export { ButtonCell };

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

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

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

@@ -11,15 +11,15 @@ var story = {
     component: ButtonCell,
     argTypes: {},
     args: {
+        buttonCaption: 'Premium',
+        price: '€277/mo',
         isSelected: false,
-        content: 'Premium',
-        subContent: '€277/mo',
         disabled: false,
     },
 };
 var ButtonCellStory = function (_a) {
-    var isSelected = _a.isSelected, content = _a.content, subContent = _a.subContent, disabled = _a.disabled;
-    return (jsxs("div", { className: "p48 d-flex fd-column gap16 bg-white", children: [jsx(ButtonCell, { content: content, subContent: subContent, isSelected: isSelected, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { content: content, subContent: subContent, isSelected: true, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { content: content, subContent: subContent, disabled: true, onClick: function () { } }), jsx(ButtonCell, { content: content, isSelected: isSelected, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { content: content, isSelected: true, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { content: content, disabled: true, onClick: function () { } })] }));
+    var isSelected = _a.isSelected, buttonCaption = _a.buttonCaption, price = _a.price, disabled = _a.disabled;
+    return (jsxs("div", { className: "p48 d-flex fd-column gap16 bg-white", children: [jsx(ButtonCell, { buttonCaption: buttonCaption, price: price, isSelected: isSelected, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, price: price, isSelected: true, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, price: price, disabled: true, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, isSelected: isSelected, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, isSelected: true, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, disabled: true, onClick: function () { } })] }));
 };
 ButtonCellStory.storyName = 'ButtonCell';

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

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

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

@@ -8,13 +8,13 @@ styleInject(css_248z);
 var CTACell = function (_a) {
     var _b;
-    var content = _a.content, subContent = _a.subContent, grey = _a.grey, narrow = _a.narrow, href = _a.href;
-    return (jsxs("div", { className: "wmn3 ta-center", children: [jsxs("p", { className: "p-h3", children: [content, subContent && jsxs("span", { className: "tc-purple-500", children: [" ", subContent] })] }), jsx("a", { className: classNames('mt16', (_b = {
+    var title = _a.title, price = _a.price, grey = _a.grey, narrow = _a.narrow, href = _a.href, buttonCaption = _a.buttonCaption;
+    return (jsxs("div", { className: "wmn3 ta-center", children: [jsxs("p", { className: "p-h3", children: [title, price && jsxs("span", { className: "tc-purple-500", children: [" ", price] })] }), jsx("a", { className: classNames('mt16', (_b = {
                         'p-btn--primary': !grey,
                         'p-btn--secondary-grey': grey
                     },
                     _b[styles.narrow] = narrow,
-                    _b)), href: href, target: "_blank", rel: "noopener noreferrer", children: "Get covered" })] }));
+                    _b)), href: href, target: "_blank", rel: "noopener noreferrer", children: buttonCaption })] }));
 };
 export { CTACell };

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

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

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

@@ -8,15 +8,16 @@ var story = {
     component: CTACell,
     argTypes: {},
     args: {
-        content: 'Premium',
-        subContent: '€277',
+        title: 'Premium',
+        price: '€277',
+        buttonCaption: 'Get covered',
         grey: false,
         narrow: false,
     },
 };
 var CTACellStory = function (_a) {
-    var content = _a.content, subContent = _a.subContent, grey = _a.grey, narrow = _a.narrow;
-    return (jsx("div", { className: "p48 d-flex fd-column gap16 bg-white", children: jsx(CTACell, { content: content, subContent: subContent, href: "", grey: grey, narrow: narrow }) }));
+    var title = _a.title, price = _a.price, buttonCaption = _a.buttonCaption, grey = _a.grey, narrow = _a.narrow;
+    return (jsx("div", { className: "p48 d-flex fd-column gap16 bg-white", children: jsx(CTACell, { title: title, price: price, buttonCaption: buttonCaption, href: "", grey: grey, narrow: narrow }) }));
 };
 CTACellStory.storyName = 'CTACell';

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

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

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

@@ -25,7 +25,8 @@ styleInject(css_248z);
 var TableCell = function (_a) {
     var _b;
-    var _c = _a.isFirstCellInRow, isFirstCellInRow = _c === void 0 ? false : _c, _d = _a.isHeader, isHeader = _d === void 0 ? false : _d, _e = _a.isNavigation, isNavigation = _e === void 0 ? false : _e, _f = _a.isTopLeftCell, isTopLeftCell = _f === void 0 ? false : _f, cellProps = __rest(_a, ["isFirstCellInRow", "isHeader", "isNavigation", "isTopLeftCell"]);
+    var _c;
+    var _d = _a.isFirstCellInRow, isFirstCellInRow = _d === void 0 ? false : _d, _e = _a.isHeader, isHeader = _e === void 0 ? false : _e, _f = _a.isNavigation, isNavigation = _f === void 0 ? false : _f, _g = _a.isTopLeftCell, isTopLeftCell = _g === void 0 ? false : _g, cellProps = __rest(_a, ["isFirstCellInRow", "isHeader", "isNavigation", "isTopLeftCell"]);
     // prettier-ignore
     var Tag = isNavigation
         ? 'div'
@@ -42,7 +43,9 @@ var TableCell = function (_a) {
             },
             _b[styles.fixedCell] = isFirstCellInRow,
             _b.pl32 = isFirstCellInRow,
-            _b)), children: [!cellProps.type && (jsx(BaseCell, __assign({}, cellProps, { contentFontVariant: isTopLeftCell ? 'BIG_WITH_UNDERLINE' : 'NORMAL' }))), cellProps.type === 'CTA' && jsx(CTACell, __assign({}, cellProps)), cellProps.type === 'BUTTON' && jsx(ButtonCell, __assign({}, cellProps))] })));
+            _b)), children: [!cellProps.type && (jsx(BaseCell, __assign({}, cellProps, { fontVariant: isTopLeftCell
+                    ? 'BIG_WITH_UNDERLINE'
+                    : (_c = cellProps.fontVariant) !== null && _c !== void 0 ? _c : 'NORMAL' }))), cellProps.type === 'CTA' && jsx(CTACell, __assign({}, cellProps)), cellProps.type === 'BUTTON' && jsx(ButtonCell, __assign({}, cellProps))] })));
 };
 export { TableCell };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TableCell.js","sources":["../../../../../../../src/lib/components/table/components/TableCell/TableCell.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './TableCell.module.scss';\nimport { BaseCell, BaseCellProps } from './BaseCell/BaseCell';\nimport { TableCellData } from '../../types';\nimport { CTACell } from './CTACell/CTACell';\nimport { ButtonCell } from './ButtonCell/ButtonCell';\n\ntype PositionalTableCellProps = {\n isHeader?: boolean;\n isFirstCellInRow?: boolean;\n isTopLeftCell?: boolean;\n isNavigation?: boolean;\n};\n\nexport type TableCellProps = TableCellData & PositionalTableCellProps;\n\nconst TableCell = ({\n isFirstCellInRow = false,\n isHeader = false,\n isNavigation = false,\n isTopLeftCell = false,\n ...cellProps\n}: TableCellProps) => {\n // prettier-ignore\n const Tag = isNavigation\n ? 'div'\n : isHeader \|\| isFirstCellInRow ? 'th' : 'td';\n\n // prettier-ignore\n const thScope = isHeader\n ? 'col'\n : isFirstCellInRow ? 'row' : undefined;\n\n const scope = {\n scope: thScope,\n };\n\n return (\n <Tag\n {...scope}\n className={classNames('bg-white py24 px8', styles.th, {\n 'ta-left': isFirstCellInRow,\n [styles.fixedCell]: isFirstCellInRow,\n pl32: isFirstCellInRow,\n })}\n >\n {!cellProps.type && (\n <BaseCell\n {...cellProps}\n ~~contentFontVariant~~={isTopLeftCell ? 'BIG_WITH_UNDERLINE' : 'NORMAL'}\n />\n )}\n {cellProps.type === 'CTA' && <CTACell {...cellProps} />}\n {cellProps.type === 'BUTTON' && <ButtonCell {...cellProps} />}\n </Tag>\n );\n};\n\nexport { TableCell };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAiBM,SAAS,GAAG,UAAC,EAMF;;IALf,IAAA,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EAClB,SAAS,cALK,iEAMlB,CADa;;IAGZ,IAAM,GAAG,GAAG,YAAY;UACpB,KAAK;UACL,QAAQ,IAAI,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;;IAG/C,IAAM,OAAO,GAAG,QAAQ;UACpB,KAAK;UACL,gBAAgB,GAAG,KAAK,GAAG,SAAS,CAAC;IAEzC,IAAM,KAAK,GAAG;QACZ,KAAK,EAAE,OAAO;KACf,CAAC;IAEF,QACEA,KAAC,GAAG,eACE,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,MAAM,CAAC,EAAE;gBAClD,SAAS,EAAE,gBAAgB;;YAC3B,GAAC,MAAM,CAAC,SAAS,IAAG,gBAAgB;YACpC,OAAI,GAAE,gBAAgB;gBACtB,aAED,CAAC,SAAS,CAAC,IAAI,KACdC,IAAC,QAAQ,eACH,SAAS,IACb,~~kBAAkB~~,~~EAAE~~,aAAa,~~GAAG,~~oBAAoB,~~GAAG~~,QAAQ,~~IACnE~~,CACH,EACA,SAAS,CAAC,IAAI,KAAK,KAAK,IAAIA,IAAC,OAAO,eAAK,SAAS,EAAI,EACtD,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAIA,IAAC,UAAU,eAAK,SAAS,EAAI,KACzD,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"TableCell.js","sources":["../../../../../../../src/lib/components/table/components/TableCell/TableCell.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './TableCell.module.scss';\nimport { BaseCell, BaseCellProps } from './BaseCell/BaseCell';\nimport { TableCellData } from '../../types';\nimport { CTACell } from './CTACell/CTACell';\nimport { ButtonCell } from './ButtonCell/ButtonCell';\n\ntype PositionalTableCellProps = {\n isHeader?: boolean;\n isFirstCellInRow?: boolean;\n isTopLeftCell?: boolean;\n isNavigation?: boolean;\n};\n\nexport type TableCellProps = TableCellData & PositionalTableCellProps;\n\nconst TableCell = ({\n isFirstCellInRow = false,\n isHeader = false,\n isNavigation = false,\n isTopLeftCell = false,\n ...cellProps\n}: TableCellProps) => {\n // prettier-ignore\n const Tag = isNavigation\n ? 'div'\n : isHeader \|\| isFirstCellInRow ? 'th' : 'td';\n\n // prettier-ignore\n const thScope = isHeader\n ? 'col'\n : isFirstCellInRow ? 'row' : undefined;\n\n const scope = {\n scope: thScope,\n };\n\n return (\n <Tag\n {...scope}\n className={classNames('bg-white py24 px8', styles.th, {\n 'ta-left': isFirstCellInRow,\n [styles.fixedCell]: isFirstCellInRow,\n pl32: isFirstCellInRow,\n })}\n >\n {!cellProps.type && (\n <BaseCell\n {...cellProps}\n fontVariant={\n isTopLeftCell\n ? 'BIG_WITH_UNDERLINE'\n : cellProps.fontVariant ?? 'NORMAL'\n }\n />\n )}\n {cellProps.type === 'CTA' && <CTACell {...cellProps} />}\n {cellProps.type === 'BUTTON' && <ButtonCell {...cellProps} />}\n </Tag>\n );\n};\n\nexport { TableCell };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAiBM,SAAS,GAAG,UAAC,EAMF;;;IALf,IAAA,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EAClB,SAAS,cALK,iEAMlB,CADa;;IAGZ,IAAM,GAAG,GAAG,YAAY;UACpB,KAAK;UACL,QAAQ,IAAI,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;;IAG/C,IAAM,OAAO,GAAG,QAAQ;UACpB,KAAK;UACL,gBAAgB,GAAG,KAAK,GAAG,SAAS,CAAC;IAEzC,IAAM,KAAK,GAAG;QACZ,KAAK,EAAE,OAAO;KACf,CAAC;IAEF,QACEA,KAAC,GAAG,eACE,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,MAAM,CAAC,EAAE;gBAClD,SAAS,EAAE,gBAAgB;;YAC3B,GAAC,MAAM,CAAC,SAAS,IAAG,gBAAgB;YACpC,OAAI,GAAE,gBAAgB;gBACtB,aAED,CAAC,SAAS,CAAC,IAAI,KACdC,IAAC,QAAQ,eACH,SAAS,IACb,WAAW,EACT,aAAa;sBACT,oBAAoB;sBACpB,MAAA,SAAS,CAAC,WAAW,mCAAI,QAAQ,IAEvC,CACH,EACA,SAAS,CAAC,IAAI,KAAK,KAAK,IAAIA,IAAC,OAAO,eAAK,SAAS,EAAI,EACtD,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAIA,IAAC,UAAU,eAAK,SAAS,EAAI,KACzD,EACN;AACJ;;;;"}

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

@@ -27,9 +27,7 @@ var openModal = jest.fn();
 var setup = function (_a) {
     if (_a === void 0) { _a = {}; }
     var isNavigation = _a.isNavigation, rest = __rest(_a, ["isNavigation"]);
-    return customRender(isNavigation
-        ? jsx(TableCell, __assign({}, rest, { isNavigation: true }))
-        : (jsx("table", { children: jsx("tbody", { children: jsx("tr", { children: jsx(TableCell, __assign({}, rest)) }) }) })));
+    return customRender(isNavigation ? (jsx(TableCell, __assign({}, rest, { isNavigation: true }))) : (jsx("table", { children: jsx("tbody", { children: jsx("tr", { children: jsx(TableCell, __assign({}, rest)) }) }) })));
 };
 describe('TableCell', function () {
     it('renders the component with boolean true', function () {
@@ -58,7 +56,7 @@ describe('TableCell', function () {
         expect(screen.queryByTestId('table-cell-rating')).not.toBeInTheDocument();
     });
     it('renders the component with text', function () {
-        setup({ content: "Sample text" });
+        setup({ text: 'Sample text' });
         expect(screen.getByText('Sample text')).toBeInTheDocument();
     });
     it('renders the component without text', function () {
@@ -70,7 +68,7 @@ describe('TableCell', function () {
         expect(screen.queryByText('View more info')).not.toBeInTheDocument();
     });
     it('calls openModal when info button is clicked', function () {
-        setup({ modalContent: "Additional information", openModal: openModal });
+        setup({ modalContent: 'Additional information', openModal: openModal });
         // Click info button
         screen.getByTestId('ds-table-info-button').click();
         // Assert openModal is called with info prop

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TableCell.test.js","sources":["../../../../../../../src/lib/components/table/components/TableCell/TableCell.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableCell, TableCellProps } from './TableCell';\n\nconst openModal = jest.fn();\n\nconst setup = ({ isNavigation, ...rest }: TableCellProps = {}) => render(\n isNavigation \n ? <TableCell {...rest} isNavigation />\n : (\n <table>\n <tbody>\n <tr>\n <TableCell {...rest} />\n </tr>\n </tbody>\n </table~~> \~~n )\n );\n\ndescribe('TableCell', () => {\n it('renders the component with boolean true', () => {\n setup({ checkmarkValue: true });\n\n expect(screen.getByTitle('Yes')).toBeInTheDocument();\n expect(screen.getByTestId('table-cell-boolean-yes')).toBeInTheDocument();\n });\n\n it('renders the component with boolean false', () => {\n setup({ checkmarkValue: false });\n\n expect(screen.getByTitle('No')).toBeInTheDocument();\n expect(screen.getByTestId('table-cell-boolean-no')).toBeInTheDocument();\n });\n\n it('renders the component without boolean', () => {\n setup();\n\n expect(screen.queryByTitle('Yes')).not.toBeInTheDocument();\n expect(screen.queryByTitle('No')).not.toBeInTheDocument();\n expect(\n screen.queryByTestId('table-cell-boolean-yes')\n ).not.toBeInTheDocument();\n expect(\n screen.queryByTestId('table-cell-boolean-no')\n ).not.toBeInTheDocument();\n });\n\n it('renders the component with rating', () => {\n setup({ rating: { type: 'star', value: 2 } });\n\n expect(screen.getByTitle('2 out of 3')).toBeInTheDocument();\n });\n\n it('renders the component without rating', () => {\n setup();\n\n expect(screen.queryByTestId('table-cell-rating')).not.toBeInTheDocument();\n });\n\n it('renders the component with text', () => {\n setup({ ~~content~~: \"Sample text\" });\n\n expect(screen.getByText('Sample text')).toBeInTheDocument();\n });\n\n it('renders the component without text', () => {\n setup();\n\n expect(screen.queryByTestId('table-cell-text')).not.toBeInTheDocument();\n });\n\n it('renders the component without info', () => {\n setup();\n\n expect(screen.queryByText('View more info')).not.toBeInTheDocument();\n });\n\n it('calls openModal when info button is clicked', () => {\n setup({ modalContent: \"Additional information\", openModal });\n\n // Click info button\n screen.getByTestId('ds-table-info-button').click();\n\n // Assert openModal is called with info prop\n expect(openModal).toHaveBeenCalledWith('Additional information');\n });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,SAAS,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE5B,IAAM,KAAK,GAAG,UAAC,EAA8C;IAA9C,mBAAA,EAAA,OAA8C;IAA5C,IAAA,YAAY,kBAAA,EAAK,IAAI,cAAvB,gBAAyB,CAAF;~~IAA4B~~,OAAAA,YAAM,~~CACtE~~,YAAY~~;UACRC~~,IAAC,SAAS,eAAK,IAAI,IAAE,YAAY,UAAG~~;WAEpCA~~,yBACEA,yBACEA,sBACEA,IAAC,SAAS,eAAK,IAAI,EAAI,GACpB,GACC,GACF,CACT,CACF,CAAA;CAAA,CAAC;AAEJ,QAAQ,CAAC,WAAW,EAAE;IACpB,EAAE,CAAC,yCAAyC,EAAE;QAC5C,KAAK,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;QAEhC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,wBAAwB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC1E,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE;QAC7C,KAAK,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;QAEjC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACpD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACzE,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE;QAC1C,KAAK,EAAE,CAAC;QAER,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAC3D,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAC1D,MAAM,CACJ,MAAM,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAC/C,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAM,CACJ,MAAM,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAC9C,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;KAC3B,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE;QACtC,KAAK,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAE9C,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC7D,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE;QACzC,KAAK,EAAE,CAAC;QAER,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;KAC3E,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE;QACpC,KAAK,CAAC,EAAE,~~OAAO~~,EAAE,aAAa,EAAE,CAAC,CAAC;~~QAElC~~,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC7D,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE;QACvC,KAAK,EAAE,CAAC;QAER,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;KACzE,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE;QACvC,KAAK,EAAE,CAAC;QAER,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;KACtE,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE;QAChD,KAAK,CAAC,EAAE,YAAY,EAAE,wBAAwB,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;;QAG7D,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,KAAK,EAAE,CAAC;;QAGnD,MAAM,CAAC,SAAS,CAAC,CAAC,oBAAoB,CAAC,wBAAwB,CAAC,CAAC;KAClE,CAAC,CAAC;AACL,CAAC,CAAC"}
1	+ {"version":3,"file":"TableCell.test.js","sources":["../../../../../../../src/lib/components/table/components/TableCell/TableCell.test.tsx"],"sourcesContent":["import { render, screen } from '../../../../util/testUtils';\nimport { TableCell, TableCellProps } from './TableCell';\n\nconst openModal = jest.fn();\n\nconst setup = ({ isNavigation, ...rest }: TableCellProps = {}) =>\n render(\n isNavigation ? (\n <TableCell {...rest} isNavigation />\n ) : (\n <table>\n <tbody>\n <tr>\n <TableCell {...rest} />\n </tr>\n </tbody>\n </table>\n )\n );\n\ndescribe('TableCell', () => {\n it('renders the component with boolean true', () => {\n setup({ checkmarkValue: true });\n\n expect(screen.getByTitle('Yes')).toBeInTheDocument();\n expect(screen.getByTestId('table-cell-boolean-yes')).toBeInTheDocument();\n });\n\n it('renders the component with boolean false', () => {\n setup({ checkmarkValue: false });\n\n expect(screen.getByTitle('No')).toBeInTheDocument();\n expect(screen.getByTestId('table-cell-boolean-no')).toBeInTheDocument();\n });\n\n it('renders the component without boolean', () => {\n setup();\n\n expect(screen.queryByTitle('Yes')).not.toBeInTheDocument();\n expect(screen.queryByTitle('No')).not.toBeInTheDocument();\n expect(\n screen.queryByTestId('table-cell-boolean-yes')\n ).not.toBeInTheDocument();\n expect(\n screen.queryByTestId('table-cell-boolean-no')\n ).not.toBeInTheDocument();\n });\n\n it('renders the component with rating', () => {\n setup({ rating: { type: 'star', value: 2 } });\n\n expect(screen.getByTitle('2 out of 3')).toBeInTheDocument();\n });\n\n it('renders the component without rating', () => {\n setup();\n\n expect(screen.queryByTestId('table-cell-rating')).not.toBeInTheDocument();\n });\n\n it('renders the component with text', () => {\n setup({ text: 'Sample text' });\n\n expect(screen.getByText('Sample text')).toBeInTheDocument();\n });\n\n it('renders the component without text', () => {\n setup();\n\n expect(screen.queryByTestId('table-cell-text')).not.toBeInTheDocument();\n });\n\n it('renders the component without info', () => {\n setup();\n\n expect(screen.queryByText('View more info')).not.toBeInTheDocument();\n });\n\n it('calls openModal when info button is clicked', () => {\n setup({ modalContent: 'Additional information', openModal });\n\n // Click info button\n screen.getByTestId('ds-table-info-button').click();\n\n // Assert openModal is called with info prop\n expect(openModal).toHaveBeenCalledWith('Additional information');\n });\n});\n"],"names":["render","_jsx"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { a as __assign, _ as __spreadArray } from '../../../../tslib.es6-a39f91fc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { TableSection } from '../TableSection/TableSection.js';
+import { T as TableSection } from '../../../../TableSection-f6d0028e.js';
 import ChevronDownIcon from '../../../icon/icons/ChevronDown.js';
 import ChevronUpIcon from '../../../icon/icons/ChevronUp.js';
 import { Card } from '../../../cards/card/index.js';

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

@@ -6,7 +6,7 @@ import 'react';
 import 'react-dom';
 import '../../../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
-import '../TableSection/TableSection.js';
+import '../../../../TableSection-f6d0028e.js';
 import '../../../../index-6ea95111.js';
 import '../../../../style-inject.es-1f59c1d0.js';
 import '../TableCell/TableCell.js';
@@ -34,8 +34,8 @@ import '../../../../index-a0ef2ab4.js';
 var mockData = [
     {
         rows: [
-            [{ content: 'Item 1.1.1' }, { content: 'Item 1.1.2' }],
-            [{ content: 'Item 1.2.1' }, { content: 'Item 1.2.2' }],
+            [{ text: 'Item 1.1.1' }, { text: 'Item 1.1.2' }],
+            [{ text: 'Item 1.2.1' }, { text: 'Item 1.2.2' }],
         ],
     },
     {
@@ -43,8 +43,8 @@ var mockData = [
             title: 'Section 2',
         },
         rows: [
-            [{ content: 'Item 2.1.1' }, { content: 'Item 2.1.2' }],
-            [{ content: 'Item 2.2.1' }, { content: 'Item 2.2.2' }],
+            [{ text: 'Item 2.1.1' }, { text: 'Item 2.1.2' }],
+            [{ text: 'Item 2.2.1' }, { text: 'Item 2.2.2' }],
         ],
     },
 ];

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

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

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

@@ -1,11 +1,12 @@
-import { a as __assign } from '../../../../tslib.es6-a39f91fc.js';
-import { useCallback, createElement } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as classNames } from '../../../../index-6ea95111.js';
-import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
-import { TableCell } from '../TableCell/TableCell.js';
+import '../../../../tslib.es6-a39f91fc.js';
+import 'react/jsx-runtime';
+import '../../../../index-6ea95111.js';
+export { T as TableSection } from '../../../../TableSection-f6d0028e.js';
+import '../TableCell/TableCell.js';
+import '../../../../style-inject.es-1f59c1d0.js';
 import '../TableCell/BaseCell/BaseCell.js';
 import '../../../icon/icons/Check.js';
+import 'react';
 import '../../../icon/IconWrapper/IconWrapper.js';
 import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
@@ -19,73 +20,4 @@ import '../../../../index-5e72c3d4.js';
 import '../TableCell/CTACell/CTACell.js';
 import '../TableCell/ButtonCell/ButtonCell.js';
 import '../../../button/index.js';
-var css_248z = ".TableSection-module_table__sNbDq {\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n@media (min-width: 34rem) {\n  .TableSection-module_table__sNbDq {\n    min-width: 845px;\n  }\n}\n\n.TableSection-module_tr__UbkbE {\n  min-height: 72px;\n}";
-var styles = {"table":"TableSection-module_table__sNbDq","tr":"TableSection-module_tr__UbkbE"};
-styleInject(css_248z);
-var TableSection = function (_a) {
-    var className = _a.className, tableCellRows = _a.tableCellRows, hideHeader = _a.hideHeader, openModal = _a.openModal, title = _a.title, width = _a.width;
-    var headerRow = tableCellRows === null || tableCellRows === void 0 ? void 0 : tableCellRows[0];
-    var getColumnContentByKey = useCallback(function (key) { var _a, _b; return ((_b = (_a = tableCellRows === null || tableCellRows === void 0 ? void 0 : tableCellRows[0]) === null || _a === void 0 ? void 0 : _a[key]) === null || _b === void 0 ? void 0 : _b.content) || ''; }, [tableCellRows]);
-    var handleOpenModal = function (_a) {
-        var cellIndex = _a.cellIndex, body = _a.body, title = _a.title;
-        return openModal === null || openModal === void 0 ? void 0 : openModal({
-            body: body,
-            title: title || getColumnContentByKey(cellIndex),
-        });
-    };
-    return (jsxs("table", { className: classNames(className, 'w100', styles.table), width: width, children: [jsx("caption", { className: "sr-only", children: title }), headerRow && (jsx("thead", { className: hideHeader ? 'sr-only' : '', children: jsx("tr", { children: headerRow.map(function (tableCellProps, cellIndex) {
-                        var isFirstCellInRow = cellIndex === 0;
-                        var isBaseCell = !tableCellProps.type;
-                        var openModal;
-                        var align = 'left';
-                        if (isBaseCell) {
-                            openModal = function (body) {
-                                return handleOpenModal({
-                                    cellIndex: cellIndex,
-                                    body: body,
-                                    title: tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.content,
-                                });
-                            };
-                            align = isFirstCellInRow ? 'left' : 'center';
-                        }
-                        return (jsx(TableCell, __assign({ isHeader: true, isFirstCellInRow: isFirstCellInRow, isTopLeftCell: isFirstCellInRow }, tableCellProps, (isBaseCell
-                            ? {
-                                openModal: openModal,
-                                align: align,
-                            }
-                            : {})), cellIndex));
-                    }) }) })), jsx("tbody", { children: tableCellRows.map(function (row, rowIndex) {
-                    row.length === 1;
-                    return (rowIndex > 0 && (jsx("tr", { className: styles.tr, children: row.map(function (tableCellProps, cellIndex) {
-                            var key = "".concat(rowIndex, "-").concat(cellIndex);
-                            var isFirstCellInRow = cellIndex === 0;
-                            var onCelInfoClick = function (body) {
-                                return handleOpenModal({
-                                    cellIndex: cellIndex,
-                                    body: body,
-                                    title: isFirstCellInRow
-                                        ? tableCellProps.content
-                                        : undefined,
-                                });
-                            };
-                            var openModal;
-                            var align = 'left';
-                            var isBaseCell = !tableCellProps.type;
-                            if (isBaseCell) {
-                                openModal = onCelInfoClick;
-                                align = isFirstCellInRow ? 'left' : 'center';
-                            }
-                            return (createElement(TableCell, __assign({}, (isBaseCell
-                                ? {
-                                    openModal: openModal,
-                                    align: align,
-                                }
-                                : {}), { isFirstCellInRow: isFirstCellInRow, key: key }, tableCellProps)));
-                        }) }, rowIndex)));
-                }) })] }));
-};
-export { TableSection };
 //# sourceMappingURL=TableSection.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TableSection.js","sources":[~~"../../../../../../../src/lib/components/table/components/TableSection/TableSection.tsx"~~],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './TableSection.module.scss';\nimport { TableCell, TableCellProps } from '../TableCell/TableCell';\nimport React, { ReactNode, useCallback } from 'react';\nimport { ModalData, ModalFunction, TableCellRowData } from '../../types';\nimport { Alignment } from '../TableCell/BaseCell/BaseCell';\n\nexport interface TableSectionProps {\n className?: string;\n tableCellRows: TableCellRowData[];\n hideHeader?: boolean;\n openModal?: ModalFunction;\n title: string;\n width?: number \| string;\n}\n\nconst TableSection = ({\n className,\n tableCellRows,\n hideHeader,\n openModal,\n title,\n width,\n}: TableSectionProps) => {\n const headerRow = tableCellRows?.[0];\n\n const getColumnContentByKey = useCallback(\n (key: number) => tableCellRows?.[0]?.[key]?.content \|\| '',\n [tableCellRows]\n );\n\n const handleOpenModal = ({\n cellIndex,\n body,\n title,\n }: ModalData & {\n cellIndex: number;\n }) =>\n openModal?.({\n body,\n title: title \|\| getColumnContentByKey(cellIndex),\n });\n\n return (\n <table\n className={classNames(className, ~~'w100', styles.table)}\n width={width}\n >\n <caption className=\~~"sr-only\">{title}</caption>\n\n {headerRow && (\n <thead className={hideHeader ? 'sr-only' : ''}>\n <tr>\n {headerRow.map((tableCellProps, cellIndex) => {\n const isFirstCellInRow = cellIndex === 0;\n\n const isBaseCell = !tableCellProps.type;\n\n let openModal;\n let align: Alignment = 'left';\n\n if (isBaseCell) {\n openModal = (body: ReactNode) =>\n handleOpenModal({\n cellIndex,\n body,\n title: tableCellProps?.content,\n });\n align = isFirstCellInRow ? 'left' : 'center';\n }\n\n return (\n <TableCell\n key={cellIndex}\n isHeader\n isFirstCellInRow={isFirstCellInRow}\n isTopLeftCell={isFirstCellInRow}\n {...tableCellProps}\n {...(isBaseCell\n ? {\n openModal,\n align,\n }\n : {})}\n />\n );\n })}\n </tr>\n </thead>\n )}\n\n <tbody>\n {tableCellRows.map((row, rowIndex) => {\n const isSingleCell = row.length === 1;\n\n return (\n rowIndex > 0 && (\n <tr key={rowIndex} className={styles.tr}>\n {row.map((tableCellProps, cellIndex) => {\n const key = `${rowIndex}-${cellIndex}`;\n const isFirstCellInRow = cellIndex === 0;\n\n const onCelInfoClick = (body: ReactNode) =>\n handleOpenModal({\n cellIndex,\n body,\n title: isFirstCellInRow\n ? tableCellProps.content\n : undefined,\n });\n\n let openModal;\n let align: Alignment = 'left';\n\n const isBaseCell = !tableCellProps.type;\n\n if (isBaseCell) {\n openModal = onCelInfoClick;\n align = isFirstCellInRow ? 'left' : 'center';\n }\n\n return (\n <TableCell\n {...(isBaseCell\n ? {\n openModal,\n align,\n }\n : {})}\n isFirstCellInRow={isFirstCellInRow}\n key={key}\n {...tableCellProps}\n />\n );\n })}\n </tr>\n )\n );\n })}\n </tbody>\n </table>\n );\n};\n\nexport type { TableCellProps };\n\nexport { TableSection };\n"],"names":[~~"_jsxs","_jsx","_createElement"~~],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAiBM,YAAY,GAAG,UAAC,EAOF;QANlB,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,KAAK,WAAA,EACL,KAAK,WAAA;IAEL,IAAM,SAAS,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,CAAC;IAErC,IAAM,qBAAqB,GAAG,WAAW,CACvC,UAAC,GAAW,gBAAK,OAAA,CAAA,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,0CAAG,GAAG,CAAC,0CAAE,OAAO,KAAI,EAAE,CAAA,EAAA,EACzD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,EAMxB;YALC,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,KAAK,WAAA;QAIL,OAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG;YACV,IAAI,MAAA;YACJ,KAAK,EAAE,KAAK,IAAI,qBAAqB,CAAC,SAAS,CAAC;SACjD,CAAC;KAAA,CAAC;IAEL,QACEA,gBACE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,EACtD,KAAK,EAAE,KAAK,aAEZC,iBAAS,SAAS,EAAC,SAAS,YAAE,KAAK,GAAW,EAE7C,SAAS,KACRA,eAAO,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,EAAE,YAC3CA,sBACG,SAAS,CAAC,GAAG,CAAC,UAAC,cAAc,EAAE,SAAS;wBACvC,IAAM,gBAAgB,GAAG,SAAS,KAAK,CAAC,CAAC;wBAEzC,IAAM,UAAU,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC;wBAExC,IAAI,SAAS,CAAC;wBACd,IAAI,KAAK,GAAc,MAAM,CAAC;wBAE9B,IAAI,UAAU,EAAE;4BACd,SAAS,GAAG,UAAC,IAAe;gCAC1B,OAAA,eAAe,CAAC;oCACd,SAAS,WAAA;oCACT,IAAI,MAAA;oCACJ,KAAK,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO;iCAC/B,CAAC;6BAAA,CAAC;4BACL,KAAK,GAAG,gBAAgB,GAAG,MAAM,GAAG,QAAQ,CAAC;yBAC9C;wBAED,QACEA,IAAC,SAAS,aAER,QAAQ,QACR,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,gBAAgB,IAC3B,cAAc,GACb,UAAU;8BACX;gCACE,SAAS,WAAA;gCACT,KAAK,OAAA;6BACN;8BACD,EAAE,IAVD,SAAS,CAWd,EACF;qBACH,CAAC,GACC,GACC,CACT,EAEDA,yBACG,aAAa,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,QAAQ;oBACV,GAAG,CAAC,MAAM,KAAK,EAAE;oBAEtC,QACE,QAAQ,GAAG,CAAC,KACVA,YAAmB,SAAS,EAAE,MAAM,CAAC,EAAE,YACpC,GAAG,CAAC,GAAG,CAAC,UAAC,cAAc,EAAE,SAAS;4BACjC,IAAM,GAAG,GAAG,UAAG,QAAQ,cAAI,SAAS,CAAE,CAAC;4BACvC,IAAM,gBAAgB,GAAG,SAAS,KAAK,CAAC,CAAC;4BAEzC,IAAM,cAAc,GAAG,UAAC,IAAe;gCACrC,OAAA,eAAe,CAAC;oCACd,SAAS,WAAA;oCACT,IAAI,MAAA;oCACJ,KAAK,EAAE,gBAAgB;0CACnB,cAAc,CAAC,OAAO;0CACtB,SAAS;iCACd,CAAC;6BAAA,CAAC;4BAEL,IAAI,SAAS,CAAC;4BACd,IAAI,KAAK,GAAc,MAAM,CAAC;4BAE9B,IAAM,UAAU,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC;4BAExC,IAAI,UAAU,EAAE;gCACd,SAAS,GAAG,cAAc,CAAC;gCAC3B,KAAK,GAAG,gBAAgB,GAAG,MAAM,GAAG,QAAQ,CAAC;6BAC9C;4BAED,QACEC,cAAC,SAAS,gBACH,UAAU;kCACX;oCACE,SAAS,WAAA;oCACT,KAAK,OAAA;iCACN;kCACD,EAAE,KACN,gBAAgB,EAAE,gBAAgB,EAClC,GAAG,EAAE,GAAG,IACJ,cAAc,EAClB,EACF;yBACH,CAAC,IArCK,QAAQ,CAsCZ,CACN,EACD;iBACH,CAAC,GACI,IACF,EACR;AACJ;;;;"}
1	+ {"version":3,"file":"TableSection.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}