@popsure/dirty-swan 0.39.1 → 0.41.0-alpha

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 (72) hide show
  1. package/dist/cjs/index.d.ts +1 -1
  2. package/dist/cjs/index.js +492 -260
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/lib/components/toast/index.d.ts +19 -0
  5. package/dist/cjs/lib/components/toast/index.stories.d.ts +49 -0
  6. package/dist/cjs/lib/components/toast/index.test.d.ts +1 -0
  7. package/dist/cjs/lib/index.d.ts +2 -1
  8. package/dist/esm/components/autocompleteAddress/index.test.js +1 -1
  9. package/dist/esm/components/badge/index.test.js +1 -1
  10. package/dist/esm/components/button/index.js +2 -2
  11. package/dist/esm/components/button/index.js.map +1 -1
  12. package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js +1 -1
  13. package/dist/esm/components/comparisonTable/components/AccordionItem/index.js +1 -1
  14. package/dist/esm/components/comparisonTable/components/Row/index.js +2 -2
  15. package/dist/esm/components/comparisonTable/components/Row/index.js.map +1 -1
  16. package/dist/esm/components/comparisonTable/components/TableButton/index.test.js +2 -2
  17. package/dist/esm/components/comparisonTable/components/TableRowHeader/index.test.js +2 -2
  18. package/dist/esm/components/comparisonTable/index.js +3 -3
  19. package/dist/esm/components/comparisonTable/index.js.map +1 -1
  20. package/dist/esm/components/dateSelector/index.js +1 -1
  21. package/dist/esm/components/dateSelector/index.stories.js +1 -1
  22. package/dist/esm/components/dateSelector/index.test.js +2 -2
  23. package/dist/esm/components/informationBox/index.test.js +1 -1
  24. package/dist/esm/components/input/autoSuggestInput/index.js +6 -6
  25. package/dist/esm/components/input/autoSuggestInput/index.js.map +1 -1
  26. package/dist/esm/components/input/checkbox/index.test.js +1 -1
  27. package/dist/esm/components/input/currency/index.test.js +1 -1
  28. package/dist/esm/components/input/index.js +2 -2
  29. package/dist/esm/components/input/index.js.map +1 -1
  30. package/dist/esm/components/input/radio/index.test.js +1 -1
  31. package/dist/esm/components/input/toggle/index.test.js +1 -1
  32. package/dist/esm/components/markdown/index.js +7 -7
  33. package/dist/esm/components/markdown/index.js.map +1 -1
  34. package/dist/esm/components/multiDropzone/index.js +3 -3
  35. package/dist/esm/components/multiDropzone/index.js.map +1 -1
  36. package/dist/esm/components/multiDropzone/index.stories.js +1 -1
  37. package/dist/esm/components/multiDropzone/index.test.js +3 -3
  38. package/dist/esm/components/segmentedControl/index.test.js +1 -1
  39. package/dist/esm/components/signaturePad/index.js +2 -2
  40. package/dist/esm/components/signaturePad/index.js.map +1 -1
  41. package/dist/esm/components/spinner/index.test.js +1 -1
  42. package/dist/esm/components/toast/index.js +10 -0
  43. package/dist/esm/components/toast/index.js.map +1 -0
  44. package/dist/esm/components/toast/index.stories.js +84 -0
  45. package/dist/esm/components/toast/index.stories.js.map +1 -0
  46. package/dist/esm/components/toast/index.test.js +81 -0
  47. package/dist/esm/components/toast/index.test.js.map +1 -0
  48. package/dist/esm/{customRender-20b5f7ec.js → customRender-9fd06f5b.js} +4 -4
  49. package/dist/esm/{customRender-20b5f7ec.js.map → customRender-9fd06f5b.js.map} +1 -1
  50. package/dist/esm/{extend-expect-25e5049d.js → extend-expect-3da98270.js} +2 -2
  51. package/dist/esm/{extend-expect-25e5049d.js.map → extend-expect-3da98270.js.map} +1 -1
  52. package/dist/esm/{index-83e177aa.js → index-73e77a47.js} +9 -9
  53. package/dist/esm/{index-83e177aa.js.map → index-73e77a47.js.map} +1 -1
  54. package/dist/esm/{index-e27b50cf.js → index-a0ef2ab4.js} +4 -4
  55. package/dist/esm/{index-e27b50cf.js.map → index-a0ef2ab4.js.map} +1 -1
  56. package/dist/esm/index-de7886d3.js +225 -0
  57. package/dist/esm/index-de7886d3.js.map +1 -0
  58. package/dist/esm/index.d.ts +1 -1
  59. package/dist/esm/index.js +3 -2
  60. package/dist/esm/index.js.map +1 -1
  61. package/dist/esm/lib/components/toast/index.d.ts +19 -0
  62. package/dist/esm/lib/components/toast/index.stories.d.ts +49 -0
  63. package/dist/esm/lib/components/toast/index.test.d.ts +1 -0
  64. package/dist/esm/lib/index.d.ts +2 -1
  65. package/dist/esm/util/testUtils/customRender.js +1 -1
  66. package/package.json +2 -1
  67. package/src/index.tsx +3 -1
  68. package/src/lib/components/toast/index.stories.tsx +124 -0
  69. package/src/lib/components/toast/index.test.tsx +68 -0
  70. package/src/lib/components/toast/index.tsx +94 -0
  71. package/src/lib/components/toast/style.module.scss +85 -0
  72. package/src/lib/index.tsx +3 -0
@@ -0,0 +1,19 @@
1
+ import { ReactNode } from 'react';
2
+ export declare type ToastType = 'warning' | 'error' | 'success' | 'information';
3
+ export interface ToastOptions {
4
+ type?: ToastType;
5
+ description?: ReactNode;
6
+ duration?: number;
7
+ action?: {
8
+ title: string;
9
+ onClick: () => void;
10
+ };
11
+ }
12
+ export interface ToastProps extends ToastOptions {
13
+ onDismiss: () => void;
14
+ title: string;
15
+ }
16
+ declare const Toaster: () => JSX.Element;
17
+ declare const Toast: ({ action, description, onDismiss, title, type }: ToastProps) => JSX.Element;
18
+ declare const toast: (title: string, { duration, ...toastOptions }: ToastOptions) => string;
19
+ export { Toaster, Toast, toast };
@@ -0,0 +1,49 @@
1
+ import { ToastProps } from '.';
2
+ declare const story: {
3
+ title: string;
4
+ component: ({ action, description, onDismiss, title, type }: ToastProps) => JSX.Element;
5
+ argTypes: {
6
+ title: {
7
+ description: string;
8
+ };
9
+ description: {
10
+ description: string;
11
+ };
12
+ type: {
13
+ description: string;
14
+ };
15
+ action: {
16
+ description: string;
17
+ };
18
+ duration: {
19
+ description: string;
20
+ table: {
21
+ defaultValue: {
22
+ summary: number;
23
+ };
24
+ };
25
+ };
26
+ onDismiss: {
27
+ table: {
28
+ disable: boolean;
29
+ };
30
+ };
31
+ };
32
+ args: {
33
+ title: string;
34
+ description: string;
35
+ action: {
36
+ title: string;
37
+ onClick: () => void;
38
+ };
39
+ type: string;
40
+ duration: number;
41
+ };
42
+ };
43
+ export declare const ToastStory: {
44
+ ({ title, description, action, type, duration }: ToastProps): JSX.Element;
45
+ storyName: string;
46
+ };
47
+ export declare const ToastTypes: (props: ToastProps) => JSX.Element;
48
+ export declare const ToastContent: ({ title, description, action }: ToastProps) => JSX.Element;
49
+ export default story;
@@ -0,0 +1 @@
1
+ export {};
@@ -23,7 +23,8 @@ import { Link } from './components/link';
23
23
  import { images } from './util/images';
24
24
  import { Spinner } from './components/spinner';
25
25
  import { Toggle } from './components/input/toggle';
26
+ import { Toaster, toast } from './components/toast';
26
27
  export * from './components/icon';
27
- export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Markdown, Checkbox, Radio, Link, InformationBox, Badge, images, Spinner, Toggle, };
28
+ export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Markdown, Checkbox, Radio, Link, InformationBox, Badge, images, Spinner, Toggle, Toaster, toast };
28
29
  export type { FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, };
29
30
  export type { DownloadStatus } from './models/download';
@@ -1,6 +1,6 @@
1
1
  import { b as __awaiter, c as __generator } from '../../tslib.es6-5bc94358.js';
2
2
  import { jsx } from 'react/jsx-runtime';
3
- import { c as customRender, f as fireEvent } from '../../customRender-20b5f7ec.js';
3
+ import { c as customRender, f as fireEvent } from '../../customRender-9fd06f5b.js';
4
4
  import { AutocompleteAddress } from './index.js';
5
5
  import 'react';
6
6
  import 'react-dom';
@@ -1,6 +1,6 @@
1
1
  import { b as __awaiter, c as __generator } from '../../tslib.es6-5bc94358.js';
2
2
  import { jsx } from 'react/jsx-runtime';
3
- import { c as customRender, s as screen } from '../../customRender-20b5f7ec.js';
3
+ import { c as customRender, s as screen } from '../../customRender-9fd06f5b.js';
4
4
  import { Badge } from './index.js';
5
5
  import 'react';
6
6
  import 'react-dom';
@@ -1,6 +1,6 @@
1
1
  import { a as __rest, _ as __assign } from '../../tslib.es6-5bc94358.js';
2
2
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
3
- import React__default from 'react';
3
+ import require$$0__default from 'react';
4
4
  import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
5
5
 
6
6
  var css_248z = ".styles-module_content-container__4wuQ0 {\n display: flex;\n justify-content: center;\n align-items: center;\n}";
@@ -14,7 +14,7 @@ var buttonTypeClassNameMap = {
14
14
  outline: 'p-btn--outline',
15
15
  outlineGrey: 'p-btn--outline-grey',
16
16
  };
17
- var Button = React__default.forwardRef(function (_a, ref) {
17
+ var Button = require$$0__default.forwardRef(function (_a, ref) {
18
18
  var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, buttonTitle = _a.buttonTitle, _c = _a.buttonType, buttonType = _c === void 0 ? 'primary' : _c, leftIcon = _a.leftIcon, props = __rest(_a, ["className", "loading", "buttonTitle", "buttonType", "leftIcon"]);
19
19
  var buttonClassName = buttonTypeClassNameMap[buttonType];
20
20
  var loadingClassName = loading ? 'p-btn--loading' : '';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/lib/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.scss';\n\ntype ButtonType =\n | 'primary'\n | 'secondary'\n | 'secondaryGrey'\n | 'outline'\n | 'outlineGrey';\n\nconst buttonTypeClassNameMap: { [K in ButtonType]: string } = {\n primary: 'p-btn--primary',\n secondary: 'p-btn--secondary',\n secondaryGrey: 'p-btn--secondary-grey',\n outline: 'p-btn--outline',\n outlineGrey: 'p-btn--outline-grey',\n};\n\ninterface Icon {\n src: string;\n alt: string;\n}\n\ntype ButtonProps = {\n buttonTitle: string;\n buttonType?: ButtonType;\n leftIcon?: Icon;\n loading?: boolean;\n} & Omit<JSX.IntrinsicElements['button'], 'children'>;\n\nexport default React.forwardRef(\n (\n {\n className,\n loading = false,\n buttonTitle,\n buttonType = 'primary',\n leftIcon,\n ...props\n }: ButtonProps,\n ref?: React.ForwardedRef<HTMLButtonElement>\n ) => {\n const buttonClassName = buttonTypeClassNameMap[buttonType];\n const loadingClassName = loading ? 'p-btn--loading' : '';\n return (\n <button\n ref={ref}\n className={`${buttonClassName} ${loadingClassName} ${className ?? ''}`}\n {...props}\n >\n {leftIcon ? (\n <div className={styles['content-container']}>\n <img\n width=\"20px\"\n height=\"20px\"\n className=\"mr8\"\n src={leftIcon.src}\n alt={leftIcon.alt}\n />\n <div>{buttonTitle}</div>\n </div>\n ) : (\n <>{buttonTitle}</>\n )}\n </button>\n );\n }\n);\n"],"names":["React","_jsx","_jsxs"],"mappings":";;;;;;;;;AAWA,IAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,gBAAgB;IACzB,SAAS,EAAE,kBAAkB;IAC7B,aAAa,EAAE,uBAAuB;IACtC,OAAO,EAAE,gBAAgB;IACzB,WAAW,EAAE,qBAAqB;CACnC,CAAC;AAcF,aAAeA,cAAK,CAAC,UAAU,CAC7B,UACE,EAOc,EACd,GAA2C;IAPzC,IAAA,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,WAAW,iBAAA,EACX,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,QAAQ,cAAA,EACL,KAAK,cANV,iEAOC,CADS;IAIV,IAAM,eAAe,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAC3D,IAAM,gBAAgB,GAAG,OAAO,GAAG,gBAAgB,GAAG,EAAE,CAAC;IACzD,QACEC,yBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAK,eAAe,SAAI,gBAAgB,UAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,IAClE,KAAK,cAER,QAAQ,IACPC,uBAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,iBACzCD,aACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,KAAK,EACf,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,GAAG,EAAE,QAAQ,CAAC,GAAG,WACjB;gBACFA,uBAAM,WAAW,WAAO,aACpB,KAENA,0BAAG,WAAW,WAAI,CACnB,YACM,EACT;AACJ,CAAC,CACF;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/lib/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.scss';\n\ntype ButtonType =\n | 'primary'\n | 'secondary'\n | 'secondaryGrey'\n | 'outline'\n | 'outlineGrey';\n\nconst buttonTypeClassNameMap: { [K in ButtonType]: string } = {\n primary: 'p-btn--primary',\n secondary: 'p-btn--secondary',\n secondaryGrey: 'p-btn--secondary-grey',\n outline: 'p-btn--outline',\n outlineGrey: 'p-btn--outline-grey',\n};\n\ninterface Icon {\n src: string;\n alt: string;\n}\n\ntype ButtonProps = {\n buttonTitle: string;\n buttonType?: ButtonType;\n leftIcon?: Icon;\n loading?: boolean;\n} & Omit<JSX.IntrinsicElements['button'], 'children'>;\n\nexport default React.forwardRef(\n (\n {\n className,\n loading = false,\n buttonTitle,\n buttonType = 'primary',\n leftIcon,\n ...props\n }: ButtonProps,\n ref?: React.ForwardedRef<HTMLButtonElement>\n ) => {\n const buttonClassName = buttonTypeClassNameMap[buttonType];\n const loadingClassName = loading ? 'p-btn--loading' : '';\n return (\n <button\n ref={ref}\n className={`${buttonClassName} ${loadingClassName} ${className ?? ''}`}\n {...props}\n >\n {leftIcon ? (\n <div className={styles['content-container']}>\n <img\n width=\"20px\"\n height=\"20px\"\n className=\"mr8\"\n src={leftIcon.src}\n alt={leftIcon.alt}\n />\n <div>{buttonTitle}</div>\n </div>\n ) : (\n <>{buttonTitle}</>\n )}\n </button>\n );\n }\n);\n"],"names":["React","_jsx","_jsxs"],"mappings":";;;;;;;;;AAWA,IAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,gBAAgB;IACzB,SAAS,EAAE,kBAAkB;IAC7B,aAAa,EAAE,uBAAuB;IACtC,OAAO,EAAE,gBAAgB;IACzB,WAAW,EAAE,qBAAqB;CACnC,CAAC;AAcF,aAAeA,mBAAK,CAAC,UAAU,CAC7B,UACE,EAOc,EACd,GAA2C;IAPzC,IAAA,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,WAAW,iBAAA,EACX,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,QAAQ,cAAA,EACL,KAAK,cANV,iEAOC,CADS;IAIV,IAAM,eAAe,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAC3D,IAAM,gBAAgB,GAAG,OAAO,GAAG,gBAAgB,GAAG,EAAE,CAAC;IACzD,QACEC,yBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAK,eAAe,SAAI,gBAAgB,UAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,IAClE,KAAK,cAER,QAAQ,IACPC,uBAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,iBACzCD,aACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,KAAK,EACf,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,GAAG,EAAE,QAAQ,CAAC,GAAG,WACjB;gBACFA,uBAAM,WAAW,WAAO,aACpB,KAENA,0BAAG,WAAW,WAAI,CACnB,YACM,EACT;AACJ,CAAC,CACF;;;;"}
@@ -1,6 +1,6 @@
1
1
  import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
2
2
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
3
- import { A as AnimateHeight } from '../../../../index-e27b50cf.js';
3
+ import { A as AnimateHeight } from '../../../../index-a0ef2ab4.js';
4
4
  import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
5
5
  import 'react';
6
6
  import '../../../../index-6ea95111.js';
@@ -1,7 +1,7 @@
1
1
  export { AccordionItem } from './AccordionItem.js';
2
2
  import '../../../../tslib.es6-5bc94358.js';
3
3
  import 'react/jsx-runtime';
4
- import '../../../../index-e27b50cf.js';
4
+ import '../../../../index-a0ef2ab4.js';
5
5
  import 'react';
6
6
  import '../../../../index-6ea95111.js';
7
7
  import '../../../../style-inject.es-1f59c1d0.js';
@@ -1,6 +1,6 @@
1
1
  import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
- import React__default from 'react';
3
+ import require$$0__default from 'react';
4
4
  import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
5
5
 
6
6
  var css_248z = ".style-module_header__32rw- {\n position: relative;\n}\n.style-module_header__32rw- > div {\n width: var(--tableWidth);\n max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n margin: 0;\n}\n@media (min-width: 34rem) {\n .style-module_header__32rw- > div {\n width: 256px;\n width: var(--cellWidth, 256px);\n max-width: var(--tableWidth);\n scroll-snap-align: unset;\n }\n}\n\n.style-module_cell__1NoZ6 {\n display: flex;\n justify-content: center;\n align-items: center;\n scroll-snap-align: end;\n line-height: 24px;\n padding: 16px;\n color: #4c4c53;\n width: 50vw;\n max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n background-color: white;\n /** Add scroll snap to every column except the first one */\n scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n .style-module_cell__1NoZ6:nth-child(n+3) {\n margin-left: unset;\n }\n}\n@media (min-width: 34rem) {\n .style-module_cell__1NoZ6 {\n flex: 1 0 256px;\n flex: 1 0 var(--cellWidth, 256px);\n width: 256px;\n width: var(--cellWidth, 256px);\n padding: 24px;\n }\n .style-module_cell__1NoZ6:last-child {\n padding: 24px 8px 24px 24px;\n }\n}\n\nh4.style-module_cell__1NoZ6 {\n max-width: min(288px, calc(var(--tableWidth) / 2));\n max-width: min(var(--firstColumnWidth, 288px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n position: relative;\n color: #26262e;\n display: none;\n}\n.style-module_title__1xYvu:after {\n content: \"\";\n display: block;\n position: absolute;\n top: calc( 50% + 16px );\n height: 4px;\n width: 100%;\n max-width: 140px;\n background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n .style-module_title__1xYvu {\n display: flex;\n }\n}\n\n.style-module_sticky__2T5jm {\n position: sticky;\n justify-content: flex-start;\n z-index: 1;\n top: 0;\n left: 0;\n width: 50vw;\n}\n@media (min-width: 34rem) {\n .style-module_sticky__2T5jm {\n border-right: 1px solid #fafaff;\n flex: 1 0 288px;\n }\n}\n\nh4.style-module_addon__CPf60 {\n border-right: none;\n max-width: calc(100vw - 64px);\n width: 100vw;\n}\n@media (min-width: 64rem) {\n h4.style-module_addon__CPf60 {\n max-width: 976px;\n }\n}";
@@ -30,7 +30,7 @@ var Row = function (props) {
30
30
  : "" + item[cell.key] }), rowId + "-" + item.id));
31
31
  })] }), rowId));
32
32
  };
33
- var Row$1 = React__default.memo(Row);
33
+ var Row$1 = require$$0__default.memo(Row);
34
34
 
35
35
  export default Row$1;
36
36
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/Row/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Cell } from '../../index';\nimport styles from './style.module.scss';\n\ninterface RowProps<T> {\n cell: Cell<T>;\n data: Array<T>;\n isRowHeader?: boolean;\n rowId: string;\n}\n\nconst Row = <T extends { id: number }>(props: RowProps<T>) => {\n const { cell, data, isRowHeader, rowId } = props;\n\n return (\n <div\n key={rowId}\n className={`\n d-flex\n w-100\n ${isRowHeader ? styles.header : ''}\n `}\n >\n <h4\n className={`\n ${styles.cell}\n ${styles.sticky}\n ${isRowHeader ? `p-h2 p--serif ${styles.title}` : ''}\n ${typeof cell.key === 'undefined' ? styles.addon : ''}\n `}\n >\n {cell.label}\n </h4>\n\n {Array.isArray(data) &&\n data.map((item) => {\n /**\n * Do not render a cell if\n * the data source object doesn't have the current key\n */\n if (typeof cell.key === 'undefined') return null;\n if (typeof item[cell.key] === 'undefined') return null;\n\n return (\n <div\n className={`ta-center ${styles.cell}`}\n key={`${rowId}-${item.id}`}\n >\n {\n /**\n * Return a function if `render` option is present\n * else print the current data source value\n */\n typeof cell.render === 'function'\n ? cell.render(item[cell.key], item)\n : `${item[cell.key]}`\n }\n </div>\n );\n })}\n </div>\n );\n};\n\nexport default React.memo(Row) as typeof Row;\n"],"names":["_jsxs","_jsx","React"],"mappings":";;;;;;;;;AAYA,IAAM,GAAG,GAAG,UAA2B,KAAkB;IAC/C,IAAA,IAAI,GAA+B,KAAK,KAApC,EAAE,IAAI,GAAyB,KAAK,KAA9B,EAAE,WAAW,GAAY,KAAK,YAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAEjD,QACEA,uBAEE,SAAS,EAAE,+CAGP,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,EAAE,cACnC,iBAEDC,qBACE,SAAS,EAAE,iBACP,MAAM,CAAC,IAAI,oBACX,MAAM,CAAC,MAAM,qBACb,WAAW,GAAG,mBAAiB,MAAM,CAAC,KAAO,GAAG,EAAE,sBAClD,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW,GAAG,MAAM,CAAC,KAAK,GAAG,EAAE,gBACtD,gBAEA,IAAI,CAAC,KAAK,YACR;YAEJ,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBAClB,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI;;;;;oBAKZ,IAAI,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW;wBAAE,OAAO,IAAI,CAAC;oBACjD,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,WAAW;wBAAE,OAAO,IAAI,CAAC;oBAEvD,QACEA,sBACE,SAAS,EAAE,eAAa,MAAM,CAAC,IAAM;;;;;wBAQnC,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU;8BAC7B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;8BACjC,KAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAG,KATjB,KAAK,SAAI,IAAI,CAAC,EAAI,CAWtB,EACN;iBACH,CAAC,MA3CC,KAAK,CA4CN,EACN;AACJ,CAAC,CAAC;AAEF,YAAeC,cAAK,CAAC,IAAI,CAAC,GAAG,CAAe;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/Row/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Cell } from '../../index';\nimport styles from './style.module.scss';\n\ninterface RowProps<T> {\n cell: Cell<T>;\n data: Array<T>;\n isRowHeader?: boolean;\n rowId: string;\n}\n\nconst Row = <T extends { id: number }>(props: RowProps<T>) => {\n const { cell, data, isRowHeader, rowId } = props;\n\n return (\n <div\n key={rowId}\n className={`\n d-flex\n w-100\n ${isRowHeader ? styles.header : ''}\n `}\n >\n <h4\n className={`\n ${styles.cell}\n ${styles.sticky}\n ${isRowHeader ? `p-h2 p--serif ${styles.title}` : ''}\n ${typeof cell.key === 'undefined' ? styles.addon : ''}\n `}\n >\n {cell.label}\n </h4>\n\n {Array.isArray(data) &&\n data.map((item) => {\n /**\n * Do not render a cell if\n * the data source object doesn't have the current key\n */\n if (typeof cell.key === 'undefined') return null;\n if (typeof item[cell.key] === 'undefined') return null;\n\n return (\n <div\n className={`ta-center ${styles.cell}`}\n key={`${rowId}-${item.id}`}\n >\n {\n /**\n * Return a function if `render` option is present\n * else print the current data source value\n */\n typeof cell.render === 'function'\n ? cell.render(item[cell.key], item)\n : `${item[cell.key]}`\n }\n </div>\n );\n })}\n </div>\n );\n};\n\nexport default React.memo(Row) as typeof Row;\n"],"names":["_jsxs","_jsx","React"],"mappings":";;;;;;;;;AAYA,IAAM,GAAG,GAAG,UAA2B,KAAkB;IAC/C,IAAA,IAAI,GAA+B,KAAK,KAApC,EAAE,IAAI,GAAyB,KAAK,KAA9B,EAAE,WAAW,GAAY,KAAK,YAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAEjD,QACEA,uBAEE,SAAS,EAAE,+CAGP,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,EAAE,cACnC,iBAEDC,qBACE,SAAS,EAAE,iBACP,MAAM,CAAC,IAAI,oBACX,MAAM,CAAC,MAAM,qBACb,WAAW,GAAG,mBAAiB,MAAM,CAAC,KAAO,GAAG,EAAE,sBAClD,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW,GAAG,MAAM,CAAC,KAAK,GAAG,EAAE,gBACtD,gBAEA,IAAI,CAAC,KAAK,YACR;YAEJ,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBAClB,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI;;;;;oBAKZ,IAAI,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW;wBAAE,OAAO,IAAI,CAAC;oBACjD,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,WAAW;wBAAE,OAAO,IAAI,CAAC;oBAEvD,QACEA,sBACE,SAAS,EAAE,eAAa,MAAM,CAAC,IAAM;;;;;wBAQnC,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU;8BAC7B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;8BACjC,KAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAG,KATjB,KAAK,SAAI,IAAI,CAAC,EAAI,CAWtB,EACN;iBACH,CAAC,MA3CC,KAAK,CA4CN,EACN;AACJ,CAAC,CAAC;AAEF,YAAeC,mBAAK,CAAC,IAAI,CAAC,GAAG,CAAe;;;;"}
@@ -1,7 +1,7 @@
1
1
  import { _ as __assign, b as __awaiter, c as __generator } from '../../../../tslib.es6-5bc94358.js';
2
2
  import { jsx } from 'react/jsx-runtime';
3
- import { c as customRender } from '../../../../customRender-20b5f7ec.js';
4
- import '../../../../extend-expect-25e5049d.js';
3
+ import { c as customRender } from '../../../../customRender-9fd06f5b.js';
4
+ import '../../../../extend-expect-3da98270.js';
5
5
  import TableButton from './index.js';
6
6
  import 'react';
7
7
  import 'react-dom';
@@ -1,7 +1,7 @@
1
1
  import { _ as __assign, b as __awaiter, c as __generator } from '../../../../tslib.es6-5bc94358.js';
2
2
  import { jsx } from 'react/jsx-runtime';
3
- import { c as customRender } from '../../../../customRender-20b5f7ec.js';
4
- import '../../../../extend-expect-25e5049d.js';
3
+ import { c as customRender } from '../../../../customRender-9fd06f5b.js';
4
+ import '../../../../extend-expect-3da98270.js';
5
5
  import TableRowHeader from './index.js';
6
6
  import 'react';
7
7
  import 'react-dom';
@@ -1,7 +1,7 @@
1
1
  import { b as __awaiter, c as __generator, _ as __assign } from '../../tslib.es6-5bc94358.js';
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { c as classNames } from '../../index-6ea95111.js';
4
- import React__default, { useState, useRef, useCallback, useEffect, Fragment } from 'react';
4
+ import require$$0__default, { useState, useRef, useCallback, useEffect, Fragment } from 'react';
5
5
  import { c as commonjsGlobal } from '../../_commonjsHelpers-e7f67fd8.js';
6
6
  import Chevron from './components/Chevron.js';
7
7
  import Row from './components/Row/index.js';
@@ -18,13 +18,13 @@ import { AccordionItem } from './components/AccordionItem/AccordionItem.js';
18
18
  import './components/TableArrows/Arrow.js';
19
19
  import './components/TableRating/StarIcon.js';
20
20
  import './components/TableRating/ZapIcon.js';
21
- import '../../index-e27b50cf.js';
21
+ import '../../index-a0ef2ab4.js';
22
22
 
23
23
  var dist = {exports: {}};
24
24
 
25
25
  (function (module, exports) {
26
26
  (function webpackUniversalModuleDefinition(root, factory) {
27
- module.exports = factory(React__default);
27
+ module.exports = factory(require$$0__default);
28
28
  })(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE_4__) {
29
29
  return /******/ (function(modules) { // webpackBootstrap
30
30
  /******/ // The module cache