@popsure/dirty-swan 0.62.3 → 0.63.0

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

@@ -1,51 +1,44 @@
-import { _ as __awaiter, a as __generator } from '../../tslib.es6-CVlKGIvp.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../customRender-DzdqZxUd.js';
+import { c as __awaiter, d as __generator } from '../../tslib.es6-a39f91fc.js';
+import { jsx } from 'react/jsx-runtime';
+import { c as customRender, s as screen } from '../../customRender-d03c10b6.js';
 import { Table } from './Table.js';
-import '../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import 'util';
+import '../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
 import './components/TableCell/TableCell.js';
-import '../../index-DLQEsiym.js';
-import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-6ea95111.js';
+import '../../style-inject.es-1f59c1d0.js';
 import './components/TableCell/BaseCell/BaseCell.js';
-import '../icon/icons/CheckThick.js';
+import '../icon/icons/Check.js';
 import '../icon/IconWrapper/IconWrapper.js';
 import '../icon/icons/StarFilled.js';
 import '../icon/icons/X.js';
 import '../icon/icons/ZapFilled.js';
 import './components/TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
-import '../../index-CqsS0Elu.js';
-import '../../index-DYcCCrfR.js';
-import '../comparisonTable/components/Row/index.js';
+import '../../index-caeac7cd.js';
 import '../comparisonTable/components/TableInfoButton/index.js';
 import '../icon/icons/Info.js';
-import '../../index-BClARCFl.js';
+import '../../index-5e72c3d4.js';
 import './components/TableCell/CTACell/CTACell.js';
-import './components/IconRenderer/IconRenderer.js';
-import '../button/index.js';
-import './components/TableCell/CardCell/CardCell.js';
-import '../cards/card/index.js';
-import '../icon/icons/ChevronRight.js';
 import './components/TableCell/ButtonCell/ButtonCell.js';
-import '../icon/icons/ChevronDown.js';
-import '../icon/icons/ChevronUp.js';
+import '../button/index.js';
 import '../modal/bottomOrRegularModal/index.js';
 import '../modal/bottomModal/index.js';
 import '../modal/genericModal/index.js';
-import '../../index-DuaJiEiT.js';
-import '../../index-hWqCLhoS.js';
 import '../modal/regularModal/index.js';
-import '../../useMediaQuery-BlEUymPA.js';
+import '../icon/icons/ChevronDown.js';
+import '../icon/icons/ChevronUp.js';
+import '../cards/card/index.js';
+import '../icon/icons/ChevronRight.js';
+import '../../Collapsible-a355828b.js';
+import '../../index-a0ef2ab4.js';
 import './components/TableContents/TableContents.js';
-import '../../TableSection-CEhD4eoy.js';
-import './components/TableContents/Collapsible.js';
-import '../../useTableNavigation-CrxoXTVd.js';
+import '../../TableSection-e703f17f.js';
+import '../../useTableNavigation-2899712c.js';
 import './components/TableControls/TableControls.js';
 import '../icon/icons/ChevronLeft.js';
-import '../../useScrollSync-C5UXYPIB.js';
+import '../../useScrollSync-b2d28bed.js';
 
 var tableData = [
     {
@@ -58,7 +51,7 @@ var tableData = [
     {
         section: {
             title: 'Section 2',
-            icon: 'https://placehold.co/30x30/orange/white',
+            icon: jsx("span", { children: "Icon 2" }),
         },
         rows: [
             [{ text: 'Item 3' }, { text: 'Item 4', modalContent: 'Additional item' }],
@@ -137,13 +130,5 @@ describe('Table', function () {
         expect(screen.getAllByText('Item 3')[0]).toBeInTheDocument();
         expect(screen.getAllByText('Item 4')[0]).toBeInTheDocument();
     });
-    it('renders icons with a custom image component', function () {
-        var CustomImageComponent = function (_a) {
-            var src = _a.src;
-            return (jsxs(Fragment, { children: [jsx("p", { children: "I am custom" }), jsx("img", { src: src, alt: "" })] }));
-        };
-        customRender(jsx(Table, { tableData: tableData, title: "Test Table", imageComponent: CustomImageComponent }));
-        expect(screen.getByText('I am custom')).toBeInTheDocument();
-    });
 });
 //# sourceMappingURL=Table.test.js.map

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

@@ -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: [[{ text: 'Item 1', cellId: '#item1' }, { text: 'Item 2' }]],\n  },\n  {\n    section: {\n      title: 'Section 2',\n      icon: 'https://placehold.co/30x30/orange/white',\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  it('renders the table with cell replacements', () => {\n    render(\n      <Table\n        tableData={tableData}\n        title=\"Test Table\"\n        cellReplacements={{\n          '#item1': {\n            text: 'I was replaced',\n          },\n        }}\n      />\n    );\n\n    expect(screen.getByText('Section 1')).toBeInTheDocument();\n    expect(screen.getByText('Section 2')).toBeInTheDocument();\n\n    expect(screen.getAllByText('I was replaced')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 2')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 3')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 4')[0]).toBeInTheDocument();\n  });\n\n  it('renders icons with a custom image component', () => {\n    const CustomImageComponent = ({ src }: { src: string }) => (\n      <>\n        <p>I am custom</p>\n        <img src={src} alt=\"\" />\n      </>\n    );\n\n    render(\n      <Table\n        tableData={tableData}\n        title=\"Test Table\"\n        imageComponent={CustomImageComponent}\n      />\n    );\n\n    expect(screen.getByText('I am custom')).toBeInTheDocument();\n  });\n});\n"],"names":["_jsx","render","_jsxs","_Fragment"],"mappings":"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"}
+{"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', cellId: '#item1' }, { 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  it('renders the table with cell replacements', () => {\n    render(\n      <Table\n        tableData={tableData}\n        title=\"Test Table\"\n        cellReplacements={{\n          '#item1': {\n            text: 'I was replaced',\n          },\n        }}\n      />\n    );\n\n    expect(screen.getByText('Section 1')).toBeInTheDocument();\n    expect(screen.getByText('Section 2')).toBeInTheDocument();\n\n    expect(screen.getAllByText('I was replaced')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 2')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 3')[0]).toBeInTheDocument();\n    expect(screen.getAllByText('Item 4')[0]).toBeInTheDocument();\n  });\n});\n"],"names":["_jsx","render"],"mappings":"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"}

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

@@ -1,24 +1,22 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as classNames } from '../../../../../index-DLQEsiym.js';
-import 'react';
-import CheckThickIcon from '../../../../icon/icons/CheckThick.js';
+import { c as classNames } from '../../../../../index-6ea95111.js';
+import CheckIcon from '../../../../icon/icons/Check.js';
 import StarFilledIcon from '../../../../icon/icons/StarFilled.js';
 import XIcon from '../../../../icon/icons/X.js';
 import ZapFilledIcon from '../../../../icon/icons/ZapFilled.js';
-import { s as styleInject } from '../../../../../style-inject.es-tgCJW-Cu.js';
+import { s as styleInject } from '../../../../../style-inject.es-1f59c1d0.js';
 import { MiniProgressBar } from './MiniProgressBar/MiniProgressBar.js';
-import '../../../../../index-CqsS0Elu.js';
-import '../../../../../index-DYcCCrfR.js';
-import '../../../../comparisonTable/components/Row/index.js';
+import 'react';
+import '../../../../../index-caeac7cd.js';
 import TableInfoButton from '../../../../comparisonTable/components/TableInfoButton/index.js';
-import '../../../../../index-BClARCFl.js';
-import '../../../../../_commonjsHelpers-BFTU3MAI.js';
+import '../../../../../index-5e72c3d4.js';
 import '../../../../icon/IconWrapper/IconWrapper.js';
-import '../../../../../tslib.es6-CVlKGIvp.js';
+import '../../../../../tslib.es6-a39f91fc.js';
+import '../../../../../_commonjsHelpers-4730bd53.js';
 import '../../../../icon/icons/Info.js';
 
-var css_248z = "@media (max-width: 34rem) {\n  .BaseCell-module_maxWidth__14Cly {\n    max-width: calc(100% - 64px);\n  }\n}\n\n.BaseCell-module_icon__1775U {\n  margin: 2px;\n}\n\n.BaseCell-module_description__3_kfe {\n  word-break: break-word;\n}";
-var styles = {"maxWidth":"BaseCell-module_maxWidth__14Cly","icon":"BaseCell-module_icon__1775U","description":"BaseCell-module_description__3_kfe"};
+var css_248z = ".BaseCell-module_relative__1v2X0 {\n  position: relative;\n}\n\n.BaseCell-module_infoButtonAbsolute__Mpjrz {\n  position: absolute;\n  right: -32px;\n}\n\n.BaseCell-module_icon__1775U {\n  margin: 2px;\n}\n\n.BaseCell-module_bigWithUnderline__2xx5X {\n  position: relative;\n  display: none;\n}\n.BaseCell-module_bigWithUnderline__2xx5X: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  .BaseCell-module_bigWithUnderline__2xx5X {\n    display: flex;\n  }\n}";
+var styles = {"relative":"BaseCell-module_relative__1v2X0","infoButtonAbsolute":"BaseCell-module_infoButtonAbsolute__Mpjrz","icon":"BaseCell-module_icon__1775U","bigWithUnderline":"BaseCell-module_bigWithUnderline__2xx5X"};
 styleInject(css_248z);
 
 var progressLookup = {
@@ -34,8 +32,7 @@ var progressLookup = {
     '100%': 5,
 };
 var BaseCell = function (_a) {
-    var _b;
-    var _c = _a.align, align = _c === void 0 ? 'center' : _c, checkmarkValue = _a.checkmarkValue, _d = _a.description, description = _d === void 0 ? '' : _d, _e = _a.fontVariant, fontVariant = _e === void 0 ? 'NORMAL' : _e, _f = _a.hideProgressBar, hideProgressBar = _f === void 0 ? false : _f, _g = _a.modalTitle, modalTitle = _g === void 0 ? '' : _g, _h = _a.modalContent, modalContent = _h === void 0 ? '' : _h, openModal = _a.openModal, rating = _a.rating, _j = _a.text, text = _j === void 0 ? '' : _j, className = _a.className;
+    var _b = _a.align, align = _b === void 0 ? 'center' : _b, checkmarkValue = _a.checkmarkValue, _c = _a.description, description = _c === void 0 ? '' : _c, _d = _a.fontVariant, fontVariant = _d === void 0 ? 'NORMAL' : _d, _e = _a.hideProgressBar, hideProgressBar = _e === void 0 ? false : _e, _f = _a.modalTitle, modalTitle = _f === void 0 ? '' : _f, _g = _a.modalContent, modalContent = _g === void 0 ? '' : _g, openModal = _a.openModal, rating = _a.rating, _h = _a.text, text = _h === void 0 ? '' : _h;
     var alignClassName = {
         center: 'ta-center jc-center ai-center',
         left: 'ta-left jc-start',
@@ -46,16 +43,19 @@ var BaseCell = function (_a) {
     var progressBarValue = !hideProgressBar && typeof text === 'string'
         ? progressLookup[text]
         : undefined;
-    return (jsx("div", { className: classNames(className, 'd-flex gap8 ai-center', {
+    return (jsx("div", { className: classNames('d-flex gap8 ai-center', {
             'jc-center': align === 'center',
-        }), children: jsxs("div", { className: classNames('d-flex fd-column', alignClassName, (_b = {},
-                _b[styles.maxWidth] = modalContent && align === 'center',
-                _b)), children: [jsxs("div", { className: "d-flex ai-center", children: [(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) ? 'neutral-900' : 'neutral-400', className: styles.icon, size: (rating === null || rating === void 0 ? void 0 : rating.type) === 'zap' ? 16 : 14 }, value)); }) })), checkmarkValue !== undefined && (jsx("span", { className: 'd-inline-block mx8', title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsx(CheckThickIcon, { noMargin: true, "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "neutral-900" })) : (jsx(XIcon, { noMargin: true, "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "neutral-400" })) })), jsxs("div", { className: "d-inline", children: [text && fontVariant === 'NORMAL' && (jsx("div", { className: classNames("p-p d-inline", { 'ml8': align !== 'left' }), "data-testid": "table-cell-text", children: text })), text && fontVariant === 'PRICE' && (jsx("div", { className: "p-h1 p--serif tc-neutral-900", "data-testid": "table-cell-content", children: text })), text && fontVariant === 'TITLE' && (jsx("h2", { "aria-hidden": true, className: "tc-grey-800 p-h2 p--serif", children: text })), modalContent && openModal && (jsx("span", { className: "ml8", children: jsx(TableInfoButton, { onClick: function () {
+        }), children: jsxs("div", { className: classNames('d-flex fd-column', alignClassName, styles.relative), 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" })) })), jsxs("div", { className: "d-inline", children: [text && fontVariant === 'NORMAL' && (jsx("div", { className: "p-p d-inline", "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 })), modalContent && openModal && align == 'left' && (jsx("span", { className: "ml8", children: jsx(TableInfoButton, { onClick: function () {
                                             return openModal({
                                                 title: modalTitle,
                                                 body: modalContent,
                                             });
-                                        } }) }))] })] }), progressBarValue !== undefined && (jsx(MiniProgressBar, { nFilledBars: progressBarValue })), description && (jsx("div", { className: classNames(styles.description, 'd-flex p-p--small tc-neutral-600', alignClassName), children: description }))] }) }));
+                                        } }) }))] })] }), description && (jsx("div", { className: classNames('d-flex p-p--small tc-grey-500', alignClassName), children: description })), modalContent && openModal && align == 'center' && (jsx("span", { className: styles.infoButtonAbsolute, children: jsx(TableInfoButton, { onClick: function () {
+                            return openModal({
+                                title: modalTitle,
+                                body: modalContent,
+                            });
+                        } }) }))] }) }));
 };
 
 export { BaseCell };

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

@@ -1 +1 @@
-{"version":3,"file":"BaseCell.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/BaseCell/BaseCell.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  CheckThickIcon,\n  StarFilledIcon,\n  XIcon,\n  ZapFilledIcon,\n} from '../../../../icon';\nimport { ReactNode } from 'react';\nimport styles from './BaseCell.module.scss';\nimport { MiniProgressBar } from './MiniProgressBar/MiniProgressBar';\nimport { TableInfoButton } from '../../../../comparisonTable';\nimport { ModalFunction } from '../../../types';\n\nexport type FontVariant = 'NORMAL' | 'TITLE' | '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  description?: ReactNode;\n  fontVariant?: FontVariant;\n  hideProgressBar?: boolean;\n  modalTitle?: ReactNode;\n  modalContent?: ReactNode;\n  openModal?: ModalFunction;\n  text?: ReactNode;\n  rating?: {\n    value: number;\n    type: 'zap' | 'star';\n  };\n  className?: string;\n  dataTestId?: string;\n  dataCy?: string;\n};\n\nexport const BaseCell = ({\n  align = 'center',\n  checkmarkValue,\n  description = '',\n  fontVariant = 'NORMAL',\n  hideProgressBar = false,\n  modalTitle = '',\n  modalContent = '',\n  openModal,\n  rating,\n  text = '',\n  className,\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    !hideProgressBar && typeof text === 'string'\n      ? progressLookup[text]\n      : undefined;\n\n  return (\n    <div\n      className={classNames(\n        className,\n        'd-flex gap8 ai-center', {\n        'jc-center': align === 'center',\n      })}\n    >\n      <div\n        className={classNames('d-flex fd-column', alignClassName, {\n          [styles.maxWidth]: modalContent && align === 'center',\n        })}\n      >\n        <div className=\"d-flex ai-center\">\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 ? 'neutral-900' : 'neutral-400'}\n                  className={styles.icon}\n                  size={rating?.type === 'zap' ? 16 : 14}\n                />\n              ))}\n            </span>\n          )}\n\n          {checkmarkValue !== undefined && (\n            <span className='d-inline-block mx8' title={checkmarkValue ? 'Yes' : 'No'}>\n              {checkmarkValue ? (\n                <CheckThickIcon\n                  noMargin\n                  data-testid=\"table-cell-boolean-yes\"\n                  size={24}\n                  aria-hidden\n                  color=\"neutral-900\"\n                />\n              ) : (\n                <XIcon\n                  noMargin\n                  data-testid=\"table-cell-boolean-no\"\n                  size={24}\n                  aria-hidden\n                  color=\"neutral-400\"\n                />\n              )}\n            </span>\n          )}\n\n          <div className=\"d-inline\">\n            {text && fontVariant === 'NORMAL' && (\n              <div className={classNames(\n                \"p-p d-inline\",\n                { 'ml8': align !== 'left' }\n              )}\n              data-testid=\"table-cell-text\"\n            >\n                {text}\n              </div>\n            )}\n\n            {text && fontVariant === 'PRICE' && (\n              <div\n                className=\"p-h1 p--serif tc-neutral-900\"\n                data-testid=\"table-cell-content\"\n              >\n                {text}\n              </div>\n            )}\n\n            {text && fontVariant === 'TITLE' && (\n              <h2\n                aria-hidden\n                className=\"tc-grey-800 p-h2 p--serif\"\n              >\n                {text}\n              </h2>\n            )}\n\n            {modalContent && openModal && (\n              <span className=\"ml8\">\n                <TableInfoButton\n                  onClick={() =>\n                    openModal({\n                      title: modalTitle,\n                      body: modalContent,\n                    })\n                  }\n                />\n              </span>\n            )}\n          </div>\n        </div>\n\n        {progressBarValue !== undefined && (\n          <MiniProgressBar nFilledBars={progressBarValue} />\n        )}\n\n        {description && (\n          <div\n            className={classNames(\n              styles.description,\n              'd-flex p-p--small tc-neutral-600',\n              alignClassName\n            )}\n          >\n            {description}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"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';\nimport { ModalFunction } from '../../../types';\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  description?: ReactNode;\n  fontVariant?: FontVariant;\n  hideProgressBar?: boolean;\n  modalTitle?: ReactNode;\n  modalContent?: ReactNode;\n  openModal?: ModalFunction;\n  text?: ReactNode;\n  rating?: {\n    value: number;\n    type: 'zap' | 'star';\n  };\n  cellId?: string;\n};\n\nexport const BaseCell = ({\n  align = 'center',\n  checkmarkValue,\n  description = '',\n  fontVariant = 'NORMAL',\n  hideProgressBar = false,\n  modalTitle = '',\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    !hideProgressBar && typeof text === 'string'\n      ? progressLookup[text]\n      : undefined;\n\n  return (\n    <div\n      className={classNames('d-flex gap8 ai-center', {\n        'jc-center': align === 'center',\n      })}\n    >\n      <div\n        className={classNames(\n          'd-flex fd-column',\n          alignClassName,\n          styles.relative\n        )}\n      >\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          <div className=\"d-inline\">\n            {text && fontVariant === 'NORMAL' && (\n              <div className=\"p-p d-inline\" 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\n            {modalContent && openModal && align == 'left' && (\n              <span className=\"ml8\">\n                <TableInfoButton\n                  onClick={() =>\n                    openModal({\n                      title: modalTitle,\n                      body: modalContent,\n                    })\n                  }\n                />\n              </span>\n            )}\n          </div>\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\n        {modalContent && openModal && align == 'center' && (\n          <span className={styles.infoButtonAbsolute}>\n            <TableInfoButton\n              onClick={() =>\n                openModal({\n                  title: modalTitle,\n                  body: modalContent,\n                })\n              }\n            />\n          </span>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAeA,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;IAqBW,QAAQ,GAAG,UAAC,EAWT;QAVd,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAChB,cAAc,oBAAA,EACd,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,SAAS,eAAA,EACT,MAAM,YAAA,EACN,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;IAET,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,CAAC,eAAe,IAAI,OAAO,IAAI,KAAK,QAAQ;UACxC,cAAc,CAAC,IAAI,CAAC;UACpB,SAAS,CAAC;IAEhB,QACEA,aACE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE;YAC7C,WAAW,EAAE,KAAK,KAAK,QAAQ;SAChC,CAAC,YAEFC,cACE,SAAS,EAAE,UAAU,CACnB,kBAAkB,EAClB,cAAc,EACd,MAAM,CAAC,QAAQ,CAChB,aAEA,gBAAgB,KAAK,SAAS,KAC7BD,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,EAEDC,cAAK,SAAS,EAAC,kBAAkB,aAC9B,cAAc,KAAK,SAAS,KAC3BD,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,EAEDC,cAAK,SAAS,EAAC,UAAU,aACtB,IAAI,IAAI,WAAW,KAAK,QAAQ,KAC/BD,aAAK,SAAS,EAAC,cAAc,iBAAa,iBAAiB,YACxD,IAAI,GACD,CACP,EAEA,IAAI,IAAI,WAAW,KAAK,OAAO,KAC9BA,aACE,SAAS,EAAC,8BAA8B,iBAC5B,oBAAoB,YAE/B,IAAI,GACD,CACP,EAEA,IAAI,IAAI,WAAW,KAAK,oBAAoB,KAC3CA,kCAEE,SAAS,EAAE,UAAU,CACnB,2BAA2B,EAC3B,MAAM,CAAC,gBAAgB,CACxB,YAEA,IAAI,GACD,CACP,EAEA,YAAY,IAAI,SAAS,IAAI,KAAK,IAAI,MAAM,KAC3CA,cAAM,SAAS,EAAC,KAAK,YACnBA,IAAC,eAAe,IACd,OAAO,EAAE;4CACP,OAAA,SAAS,CAAC;gDACR,KAAK,EAAE,UAAU;gDACjB,IAAI,EAAE,YAAY;6CACnB,CAAC;yCAAA,GAEJ,GACG,CACR,IACG,IACF,EAEL,WAAW,KACVA,aACE,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B,cAAc,CACf,YAEA,WAAW,GACR,CACP,EAEA,YAAY,IAAI,SAAS,IAAI,KAAK,IAAI,QAAQ,KAC7CA,cAAM,SAAS,EAAE,MAAM,CAAC,kBAAkB,YACxCA,IAAC,eAAe,IACd,OAAO,EAAE;4BACP,OAAA,SAAS,CAAC;gCACR,KAAK,EAAE,UAAU;gCACjB,IAAI,EAAE,YAAY;6BACnB,CAAC;yBAAA,GAEJ,GACG,CACR,IACG,GACF,EACN;AACJ;;;;"}

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

@@ -1,22 +1,20 @@
 import { jsx } from 'react/jsx-runtime';
 import { BaseCell } from './BaseCell.js';
-import '../../../../../index-DLQEsiym.js';
-import '../../../../../_commonjsHelpers-BFTU3MAI.js';
+import '../../../../../index-6ea95111.js';
+import '../../../../icon/icons/Check.js';
 import 'react';
-import '../../../../icon/icons/CheckThick.js';
 import '../../../../icon/IconWrapper/IconWrapper.js';
-import '../../../../../tslib.es6-CVlKGIvp.js';
-import '../../../../../style-inject.es-tgCJW-Cu.js';
+import '../../../../../tslib.es6-a39f91fc.js';
+import '../../../../../style-inject.es-1f59c1d0.js';
 import '../../../../icon/icons/StarFilled.js';
 import '../../../../icon/icons/X.js';
 import '../../../../icon/icons/ZapFilled.js';
 import './MiniProgressBar/MiniProgressBar.js';
-import '../../../../../index-CqsS0Elu.js';
-import '../../../../../index-DYcCCrfR.js';
-import '../../../../comparisonTable/components/Row/index.js';
+import '../../../../../index-caeac7cd.js';
+import '../../../../../_commonjsHelpers-4730bd53.js';
 import '../../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../../icon/icons/Info.js';
-import '../../../../../index-BClARCFl.js';
+import '../../../../../index-5e72c3d4.js';
 
 var story = {
     title: 'JSX/Table/Cells',
@@ -34,13 +32,12 @@ var story = {
         },
     },
 };
-var BaseCellStory = {
-    render: function (_a) {
-        var text = _a.text, description = _a.description, modalContent = _a.modalContent, checkmarkValue = _a.checkmarkValue, rating = _a.rating, fontVariant = _a.fontVariant, align = _a.align, hideProgressBar = _a.hideProgressBar;
-        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, hideProgressBar: hideProgressBar, openModal: function () { }, rating: rating, text: text }) }));
-    },
-    name: 'BaseCell',
+var BaseCellStory = function (_a) {
+    var text = _a.text, description = _a.description, modalContent = _a.modalContent, checkmarkValue = _a.checkmarkValue, rating = _a.rating, fontVariant = _a.fontVariant, align = _a.align, hideProgressBar = _a.hideProgressBar;
+    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, hideProgressBar: hideProgressBar, openModal: function () { }, rating: rating, text: text }) }));
 };
+BaseCellStory.storyName = 'BaseCell';
 
-export { BaseCellStory, story as default };
+export default story;
+export { BaseCellStory };
 //# sourceMappingURL=BaseCell.stories.js.map

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

@@ -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    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  render: ({\n    text,\n    description,\n    modalContent,\n    checkmarkValue,\n    rating,\n    fontVariant,\n    align,\n    hideProgressBar,\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        hideProgressBar={hideProgressBar}\n        openModal={() => {}}\n        rating={rating}\n        text={text}\n      />\n    </div>\n  ),\n\n  name: 'BaseCell',\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEA,IAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,iBAAiB;AACxB,IAAA,SAAS,EAAE,QAAQ;AACnB,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,YAAY,EAAE,WAAW;AACzB,QAAA,WAAW,EAAE,QAAQ;AACrB,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,IAAI,EAAE,KAAK;AACZ,SAAA;AACF,KAAA;;AAGI,IAAM,aAAa,GAAG;IAC3B,MAAM,EAAE,UAAC,EAS+B,EAAA;YARtC,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,eAAe,GAAA,EAAA,CAAA,eAAA;QAC4B,QAC3CA,aAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAClDA,GAAA,CAAC,QAAQ,EAAA,EACP,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,YAAA,EAAO,CAAC,EACnB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,CACV,EAAA,CACE;IAbqC,CAc5C;AAED,IAAA,IAAI,EAAE,UAAU;;;;;"}
+{"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  hideProgressBar,\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      hideProgressBar={hideProgressBar}\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,EASU;QARtC,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,eAAe,qBAAA;IAC4B,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,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,eAAQ,EACnB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,GACV,GACE;AAbqC,EAc3C;AAEF,aAAa,CAAC,SAAS,GAAG,UAAU;;;;;"}

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

@@ -1,9 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as classNames } from '../../../../../../index-DLQEsiym.js';
-import { s as styleInject } from '../../../../../../style-inject.es-tgCJW-Cu.js';
-import '../../../../../../_commonjsHelpers-BFTU3MAI.js';
+import { c as classNames } from '../../../../../../index-6ea95111.js';
+import { s as styleInject } from '../../../../../../style-inject.es-1f59c1d0.js';
 
-var css_248z = ".MiniProgressBar-module_progressBar__2K07F {\n  margin-top: 4px;\n}\n.MiniProgressBar-module_progressBar__2K07F rect {\n  fill: #f2f2f8;\n}\n\n.MiniProgressBar-module_filledBars1__ZhQbV rect:first-child {\n  fill: #919199;\n}\n\n.MiniProgressBar-module_filledBars2__2lH_z rect:nth-child(-n+2) {\n  fill: #919199;\n}\n\n.MiniProgressBar-module_filledBars3__1OKUj rect:nth-child(-n+3) {\n  fill: #919199;\n}\n\n.MiniProgressBar-module_filledBars4__T9kuj rect:nth-child(-n+4) {\n  fill: #696971;\n}\n\n.MiniProgressBar-module_filledBars5__WxVpb rect {\n  fill: #26262e;\n}";
+var css_248z = ".MiniProgressBar-module_progressBar__2K07F {\n  margin-bottom: 4px;\n}\n.MiniProgressBar-module_progressBar__2K07F rect {\n  fill: #ebebff;\n}\n\n.MiniProgressBar-module_filledBars1__ZhQbV rect:first-child {\n  fill: #91919c;\n}\n\n.MiniProgressBar-module_filledBars2__2lH_z rect:nth-child(-n+2) {\n  fill: #91919c;\n}\n\n.MiniProgressBar-module_filledBars3__1OKUj rect:nth-child(-n+3) {\n  fill: #b0cdf3;\n}\n\n.MiniProgressBar-module_filledBars4__T9kuj rect:nth-child(-n+4) {\n  fill: #b0cdf3;\n}\n\n.MiniProgressBar-module_filledBars5__WxVpb rect {\n  fill: #8e8cee;\n}";
 var styles = {"progressBar":"MiniProgressBar-module_progressBar__2K07F","filledBars1":"MiniProgressBar-module_filledBars1__ZhQbV","filledBars2":"MiniProgressBar-module_filledBars2__2lH_z","filledBars3":"MiniProgressBar-module_filledBars3__1OKUj","filledBars4":"MiniProgressBar-module_filledBars4__T9kuj","filledBars5":"MiniProgressBar-module_filledBars5__WxVpb"};
 styleInject(css_248z);
 

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

@@ -1 +1 @@
-{"version":3,"file":"MiniProgressBar.js","sources":["../../../../../../../../../src/lib/components/table/components/TableCell/BaseCell/MiniProgressBar/MiniProgressBar.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './MiniProgressBar.module.scss';\n\nexport const MiniProgressBar = ({ nFilledBars }: { nFilledBars: number }) => (\n  <svg\n    className={classNames(\n      styles.progressBar,\n      styles[`filledBars${nFilledBars}`]\n    )}\n    width=\"40\"\n    height=\"6\"\n    viewBox=\"0 0 40 6\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_37507_20658)\">\n      <rect id=\"r1\" x=\"0.5\" y=\"0.5\" width=\"7\" height=\"5\" rx=\"1\" />\n      <rect id=\"r2\" x=\"8.5\" y=\"0.5\" width=\"7\" height=\"5\" rx=\"1\" />\n      <rect id=\"r3\" x=\"16.5\" y=\"0.5\" width=\"7\" height=\"5\" rx=\"1\" />\n      <rect id=\"r4\" x=\"24.5\" y=\"0.5\" width=\"7\" height=\"5\" rx=\"1\" />\n      <rect id=\"r5\" x=\"32.5\" y=\"0.5\" width=\"7\" height=\"5\" rx=\"1\" />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_37507_20658\">\n        <rect\n          width=\"39\"\n          height=\"5\"\n          fill=\"white\"\n          transform=\"translate(0.5 0.5)\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAIO,IAAM,eAAe,GAAG,UAAC,EAAwC,EAAA;AAAtC,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA;IAAgC,QAC3EA,cACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,WAAW,EAClB,MAAM,CAAC,YAAA,CAAA,MAAA,CAAa,WAAW,CAAE,CAAC,CACnC,EACD,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,QAAA,EAAA,CAElCA,IAAA,CAAA,GAAA,EAAA,EAAG,QAAQ,EAAC,yBAAyB,aACnCC,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAG,EAC5DA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAG,EAC5DA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,MAAM,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAA,CAAG,EAC7DA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,MAAM,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAA,CAAG,EAC7DA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,MAAM,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAA,CAAG,CAAA,EAAA,CAC3D,EACJA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAA,UAAA,EAAA,EAAU,EAAE,EAAC,mBAAmB,YAC9BA,GAAA,CAAA,MAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,oBAAoB,EAAA,CAC9B,EAAA,CACO,EAAA,CACN,CAAA,EAAA,CACH;AA7BqE;;;;"}
+{"version":3,"file":"MiniProgressBar.js","sources":["../../../../../../../../../src/lib/components/table/components/TableCell/BaseCell/MiniProgressBar/MiniProgressBar.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './MiniProgressBar.module.scss';\n\nexport const MiniProgressBar = ({ nFilledBars }: { nFilledBars: number }) => (\n  <svg\n    className={classNames(\n      styles.progressBar,\n      styles[`filledBars${nFilledBars}`]\n    )}\n    width=\"40\"\n    height=\"6\"\n    viewBox=\"0 0 40 6\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_37507_20658)\">\n      <rect id=\"r1\" x=\"0.5\" y=\"0.5\" width=\"7\" height=\"5\" rx=\"1\" />\n      <rect id=\"r2\" x=\"8.5\" y=\"0.5\" width=\"7\" height=\"5\" rx=\"1\" />\n      <rect id=\"r3\" x=\"16.5\" y=\"0.5\" width=\"7\" height=\"5\" rx=\"1\" />\n      <rect id=\"r4\" x=\"24.5\" y=\"0.5\" width=\"7\" height=\"5\" rx=\"1\" />\n      <rect id=\"r5\" x=\"32.5\" y=\"0.5\" width=\"7\" height=\"5\" rx=\"1\" />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_37507_20658\">\n        <rect\n          width=\"39\"\n          height=\"5\"\n          fill=\"white\"\n          transform=\"translate(0.5 0.5)\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;IAIa,eAAe,GAAG,UAAC,EAAwC;QAAtC,WAAW,iBAAA;IAAgC,QAC3EA,cACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,WAAW,EAClB,MAAM,CAAC,oBAAa,WAAW,CAAE,CAAC,CACnC,EACD,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElCA,YAAG,QAAQ,EAAC,yBAAyB,aACnCC,cAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAG,EAC5DA,cAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAG,EAC5DA,cAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,MAAM,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAG,EAC7DA,cAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,MAAM,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAG,EAC7DA,cAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,MAAM,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAG,IAC3D,EACJA,wBACEA,kBAAU,EAAE,EAAC,mBAAmB,YAC9BA,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,oBAAoB,GAC9B,GACO,GACN,IACH;AA7BqE;;;;"}

package/dist/esm/components/table/components/TableCell/BaseCell/MiniProgressBar/MiniProgressBar.stories.js

@@ -1,8 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { MiniProgressBar } from './MiniProgressBar.js';
-import '../../../../../../index-DLQEsiym.js';
-import '../../../../../../_commonjsHelpers-BFTU3MAI.js';
-import '../../../../../../style-inject.es-tgCJW-Cu.js';
+import '../../../../../../index-6ea95111.js';
+import '../../../../../../style-inject.es-1f59c1d0.js';
 
 var story = {
     title: 'JSX/Table/Misc',
@@ -21,13 +20,12 @@ var story = {
         nFilledBars: 3,
     },
 };
-var MiniProgressBarStory = {
-    render: function (_a) {
-        var nFilledBars = _a.nFilledBars;
-        return (jsx(MiniProgressBar, { nFilledBars: nFilledBars }));
-    },
-    name: 'MiniProgressBar',
+var MiniProgressBarStory = function (_a) {
+    var nFilledBars = _a.nFilledBars;
+    return (jsx(MiniProgressBar, { nFilledBars: nFilledBars }));
 };
+MiniProgressBarStory.storyName = 'MiniProgressBar';
 
-export { MiniProgressBarStory, story as default };
+export default story;
+export { MiniProgressBarStory };
 //# sourceMappingURL=MiniProgressBar.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MiniProgressBar.stories.js","sources":["../../../../../../../../../src/lib/components/table/components/TableCell/BaseCell/MiniProgressBar/MiniProgressBar.stories.tsx"],"sourcesContent":["import { MiniProgressBar } from './MiniProgressBar';\n\nconst story = {\n  title: 'JSX/Table/Misc',\n  component: MiniProgressBar,\n  argTypes: {\n    nFilledBars: {\n      description: 'Number of filled bars to show (0-5)',\n      control: {\n        min: 0,\n        max: 5,\n        type: 'number',\n      },\n    },\n  },\n  args: {\n    nFilledBars: 3,\n  },\n};\n\nexport const MiniProgressBarStory = {\n  render: ({ nFilledBars }: React.ComponentProps<typeof MiniProgressBar>) => (\n    <MiniProgressBar nFilledBars={nFilledBars} />\n  ),\n\n  name: 'MiniProgressBar',\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;AAEA,IAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,gBAAgB;AACvB,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE;AACX,YAAA,WAAW,EAAE,qCAAqC;AAClD,YAAA,OAAO,EAAE;AACP,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,IAAI,EAAE,QAAQ;AACf,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,WAAW,EAAE,CAAC;AACf,KAAA;;AAGI,IAAM,oBAAoB,GAAG;IAClC,MAAM,EAAE,UAAC,EAA6D,EAAA;AAA3D,QAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA;QAAqD,QACzEA,IAAC,eAAe,EAAA,EAAC,WAAW,EAAE,WAAW,GAAI;IAD4B,CAE1E;AAED,IAAA,IAAI,EAAE,iBAAiB;;;;;"}
+{"version":3,"file":"MiniProgressBar.stories.js","sources":["../../../../../../../../../src/lib/components/table/components/TableCell/BaseCell/MiniProgressBar/MiniProgressBar.stories.tsx"],"sourcesContent":["import { MiniProgressBar } from './MiniProgressBar';\n\nconst story = {\n  title: 'JSX/Table/Misc',\n  component: MiniProgressBar,\n  argTypes: {\n    nFilledBars: {\n      description: 'Number of filled bars to show (0-5)',\n      control: {\n        min: 0,\n        max: 5,\n        type: 'number',\n      },\n    },\n  },\n  args: {\n    nFilledBars: 3,\n  },\n};\n\nexport const MiniProgressBarStory = ({\n  nFilledBars,\n}: React.ComponentProps<typeof MiniProgressBar>) => (\n  <MiniProgressBar nFilledBars={nFilledBars} />\n);\n\nMiniProgressBarStory.storyName = 'MiniProgressBar';\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,WAAW,EAAE,qCAAqC;YAClD,OAAO,EAAE;gBACP,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,QAAQ;aACf;SACF;KACF;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;KACf;EACD;IAEW,oBAAoB,GAAG,UAAC,EAEU;QAD7C,WAAW,iBAAA;IACuC,QAClDA,IAAC,eAAe,IAAC,WAAW,EAAE,WAAW,GAAI;AADK,EAElD;AAEF,oBAAoB,CAAC,SAAS,GAAG,iBAAiB;;;;;"}

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

@@ -1,23 +1,22 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as classNames } from '../../../../../index-DLQEsiym.js';
-import { s as styleInject } from '../../../../../style-inject.es-tgCJW-Cu.js';
+import { c as classNames } from '../../../../../index-6ea95111.js';
+import { s as styleInject } from '../../../../../style-inject.es-1f59c1d0.js';
 import { Button } from '../../../../button/index.js';
-import '../../../../../_commonjsHelpers-BFTU3MAI.js';
-import '../../../../../tslib.es6-CVlKGIvp.js';
+import '../../../../../tslib.es6-a39f91fc.js';
 import 'react';
 
-var css_248z = ".ButtonCell-module_buttonCell__x4NNi {\n  color: #26262e;\n  border: 1px solid #d2d2d9;\n  transition: all 0.3s ease-in-out;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled {\n  border: none;\n  background-color: #f7f7fd;\n  color: #26262e;\n  opacity: 1;\n  cursor: default;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled:hover {\n  background-color: #f7f7fd;\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 #26262e;\n}";
+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, buttonCaption = _a.buttonCaption, price = _a.price, disabled = _a.disabled, className = _a.className, dataCy = _a.dataCy, dataTestId = _a.dataTestId;
-    return (jsx("div", { className: classNames("w100 d-flex fd-column ai-center jc-center gap8", className), "data-cy": dataCy, "data-testid": dataTestId, children: jsxs(Button, { className: classNames('w100 wmx5 d-flex fd-column', styles.buttonCell, (_b = {},
+    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.withoutPrice] = !price,
                 _b[styles.withPrice] = !!price,
-                _b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [buttonCaption, price && jsx("span", { className: "p-p", children: 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

@@ -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  buttonCaption: ReactNode;\n  disabled?: boolean;\n  isSelected?: boolean;\n  onClick: () => void;\n  price?: ReactNode;\n  className?: string;\n  dataTestId?: string;\n  dataCy?: string;\n};\n\nexport const ButtonCell = ({\n  isSelected,\n  onClick,\n  buttonCaption,\n  price,\n  disabled,\n  className,\n  dataCy,\n  dataTestId,\n}: ButtonCellProps) => {\n  return (\n    <div\n      className={\n        classNames(\n          \"w100 d-flex fd-column ai-center jc-center gap8\",\n          className,\n        )\n      }\n      data-cy={dataCy}\n      data-testid={dataTestId}\n    >\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\">{price}</span>}\n      </Button>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;AAiBO,IAAM,UAAU,GAAG,UAAC,EAST,EAAA;;QARhB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA;IAEV,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EACP,UAAU,CACR,gDAAgD,EAChD,SAAS,CACV,EAAA,SAAA,EAEM,MAAM,EAAA,aAAA,EACF,UAAU,EAAA,QAAA,EAEvBC,IAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,MAAM,CAAC,UAAU,GAAA,EAAA,GAAA,EAAA;AACnE,gBAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,UAAU;AAC7B,gBAAA,EAAA,CAAC,MAAM,CAAC,YAAY,CAAA,GAAG,CAAC,KAAK;AAC7B,gBAAA,EAAA,CAAC,MAAM,CAAC,SAAS,CAAA,GAAG,CAAC,CAAC,KAAK;AAC3B,gBAAA,EAAA,EAAA,EACF,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAAA,CAEjB,aAAa,EACb,KAAK,IAAID,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,KAAK,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,CAAA,EAAA,CACvC,EAAA,CACL;AAEV;;;;"}
+{"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  cellId?: string;\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":";;;;;;;;;;;IAea,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

@@ -1,10 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ButtonCell } from './ButtonCell.js';
-import '../../../../../index-DLQEsiym.js';
-import '../../../../../_commonjsHelpers-BFTU3MAI.js';
-import '../../../../../style-inject.es-tgCJW-Cu.js';
+import '../../../../../index-6ea95111.js';
+import '../../../../../style-inject.es-1f59c1d0.js';
 import '../../../../button/index.js';
-import '../../../../../tslib.es6-CVlKGIvp.js';
+import '../../../../../tslib.es6-a39f91fc.js';
 import 'react';
 
 var story = {
@@ -18,13 +17,12 @@ var story = {
         disabled: false,
     },
 };
-var ButtonCellStory = {
-    render: function (_a) {
-        var isSelected = _a.isSelected, buttonCaption = _a.buttonCaption, price = _a.price, disabled = _a.disabled;
-        return (jsxs("div", { className: "p48 d-flex fd-column gap16 bg-white", children: [jsx(ButtonCell, { buttonCaption: buttonCaption, price: price, isSelected: isSelected, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, price: price, isSelected: true, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, price: price, disabled: true, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, isSelected: isSelected, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, isSelected: true, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, disabled: true, onClick: function () { } })] }));
-    },
-    name: 'ButtonCell',
+var ButtonCellStory = function (_a) {
+    var isSelected = _a.isSelected, buttonCaption = _a.buttonCaption, price = _a.price, disabled = _a.disabled;
+    return (jsxs("div", { className: "p48 d-flex fd-column gap16 bg-white", children: [jsx(ButtonCell, { buttonCaption: buttonCaption, price: price, isSelected: isSelected, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, price: price, isSelected: true, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, price: price, disabled: true, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, isSelected: isSelected, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, isSelected: true, disabled: disabled, onClick: function () { } }), jsx(ButtonCell, { buttonCaption: buttonCaption, disabled: true, onClick: function () { } })] }));
 };
+ButtonCellStory.storyName = 'ButtonCell';
 
-export { ButtonCellStory, story as default };
+export default story;
+export { ButtonCellStory };
 //# sourceMappingURL=ButtonCell.stories.js.map

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

@@ -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    buttonCaption: 'Premium',\n    price: '€277/mo',\n    isSelected: false,\n    disabled: false,\n  },\n};\n\nexport const ButtonCellStory = {\n  render: ({\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\n  name: 'ButtonCell',\n};\n\nexport default story;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAEA,IAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,iBAAiB;AACxB,IAAA,SAAS,EAAE,UAAU;AACrB,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,IAAI,EAAE;AACJ,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,UAAU,EAAE,KAAK;AACjB,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;;AAGI,IAAM,eAAe,GAAG;IAC7B,MAAM,EAAE,UAAC,EAKiC,EAAA;YAJxC,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA;AACqC,QAAA,QAC7CA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAClDC,GAAA,CAAC,UAAU,EAAA,EACT,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAA,EAAO,CAAC,EAAA,CACjB,EAEFA,GAAA,CAAC,UAAU,EAAA,EACT,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAA,IAAA,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAA,EAAO,CAAC,EAAA,CACjB,EAEFA,GAAA,CAAC,UAAU,EAAA,EACT,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAA,IAAA,EACR,OAAO,EAAE,YAAA,EAAO,CAAC,EAAA,CACjB,EAEFA,GAAA,CAAC,UAAU,EAAA,EACT,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAA,EAAO,CAAC,EAAA,CACjB,EAEFA,IAAC,UAAU,EAAA,EACT,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAA,IAAA,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAA,EAAO,CAAC,EAAA,CACjB,EAEFA,GAAA,CAAC,UAAU,EAAA,EAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAA,IAAA,EAAC,OAAO,EAAE,YAAA,EAAO,CAAC,EAAA,CAAI,IACpE;IAxCuC,CAyC9C;AAED,IAAA,IAAI,EAAE,YAAY;;;;;"}
+{"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;;;;;"}