@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.
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +492 -260
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/toast/index.d.ts +19 -0
- package/dist/cjs/lib/components/toast/index.stories.d.ts +49 -0
- package/dist/cjs/lib/components/toast/index.test.d.ts +1 -0
- package/dist/cjs/lib/index.d.ts +2 -1
- package/dist/esm/components/autocompleteAddress/index.test.js +1 -1
- package/dist/esm/components/badge/index.test.js +1 -1
- package/dist/esm/components/button/index.js +2 -2
- package/dist/esm/components/button/index.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js +1 -1
- package/dist/esm/components/comparisonTable/components/AccordionItem/index.js +1 -1
- package/dist/esm/components/comparisonTable/components/Row/index.js +2 -2
- package/dist/esm/components/comparisonTable/components/Row/index.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/TableButton/index.test.js +2 -2
- package/dist/esm/components/comparisonTable/components/TableRowHeader/index.test.js +2 -2
- package/dist/esm/components/comparisonTable/index.js +3 -3
- package/dist/esm/components/comparisonTable/index.js.map +1 -1
- package/dist/esm/components/dateSelector/index.js +1 -1
- package/dist/esm/components/dateSelector/index.stories.js +1 -1
- package/dist/esm/components/dateSelector/index.test.js +2 -2
- package/dist/esm/components/informationBox/index.test.js +1 -1
- package/dist/esm/components/input/autoSuggestInput/index.js +6 -6
- package/dist/esm/components/input/autoSuggestInput/index.js.map +1 -1
- package/dist/esm/components/input/checkbox/index.test.js +1 -1
- package/dist/esm/components/input/currency/index.test.js +1 -1
- package/dist/esm/components/input/index.js +2 -2
- package/dist/esm/components/input/index.js.map +1 -1
- package/dist/esm/components/input/radio/index.test.js +1 -1
- package/dist/esm/components/input/toggle/index.test.js +1 -1
- package/dist/esm/components/markdown/index.js +7 -7
- package/dist/esm/components/markdown/index.js.map +1 -1
- package/dist/esm/components/multiDropzone/index.js +3 -3
- package/dist/esm/components/multiDropzone/index.js.map +1 -1
- package/dist/esm/components/multiDropzone/index.stories.js +1 -1
- package/dist/esm/components/multiDropzone/index.test.js +3 -3
- package/dist/esm/components/segmentedControl/index.test.js +1 -1
- package/dist/esm/components/signaturePad/index.js +2 -2
- package/dist/esm/components/signaturePad/index.js.map +1 -1
- package/dist/esm/components/spinner/index.test.js +1 -1
- package/dist/esm/components/toast/index.js +10 -0
- package/dist/esm/components/toast/index.js.map +1 -0
- package/dist/esm/components/toast/index.stories.js +84 -0
- package/dist/esm/components/toast/index.stories.js.map +1 -0
- package/dist/esm/components/toast/index.test.js +81 -0
- package/dist/esm/components/toast/index.test.js.map +1 -0
- package/dist/esm/{customRender-20b5f7ec.js → customRender-9fd06f5b.js} +4 -4
- package/dist/esm/{customRender-20b5f7ec.js.map → customRender-9fd06f5b.js.map} +1 -1
- package/dist/esm/{extend-expect-25e5049d.js → extend-expect-3da98270.js} +2 -2
- package/dist/esm/{extend-expect-25e5049d.js.map → extend-expect-3da98270.js.map} +1 -1
- package/dist/esm/{index-83e177aa.js → index-73e77a47.js} +9 -9
- package/dist/esm/{index-83e177aa.js.map → index-73e77a47.js.map} +1 -1
- package/dist/esm/{index-e27b50cf.js → index-a0ef2ab4.js} +4 -4
- package/dist/esm/{index-e27b50cf.js.map → index-a0ef2ab4.js.map} +1 -1
- package/dist/esm/index-de7886d3.js +225 -0
- package/dist/esm/index-de7886d3.js.map +1 -0
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +3 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/components/toast/index.d.ts +19 -0
- package/dist/esm/lib/components/toast/index.stories.d.ts +49 -0
- package/dist/esm/lib/components/toast/index.test.d.ts +1 -0
- package/dist/esm/lib/index.d.ts +2 -1
- package/dist/esm/util/testUtils/customRender.js +1 -1
- package/package.json +2 -1
- package/src/index.tsx +3 -1
- package/src/lib/components/toast/index.stories.tsx +124 -0
- package/src/lib/components/toast/index.test.tsx +68 -0
- package/src/lib/components/toast/index.tsx +94 -0
- package/src/lib/components/toast/style.module.scss +85 -0
- 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 {};
|
package/dist/cjs/lib/index.d.ts
CHANGED
|
@@ -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-
|
|
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-
|
|
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
|
|
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 =
|
|
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,
|
|
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-
|
|
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-
|
|
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
|
|
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 =
|
|
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,
|
|
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-
|
|
4
|
-
import '../../../../extend-expect-
|
|
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-
|
|
4
|
-
import '../../../../extend-expect-
|
|
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
|
|
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-
|
|
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(
|
|
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
|