@popsure/dirty-swan 0.58.3 → 0.58.5
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.js +110 -59
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/icon/icons/Bone.d.ts +4 -0
- package/dist/cjs/lib/components/icon/icons/Car.d.ts +4 -0
- package/dist/cjs/lib/components/icon/icons/Files.d.ts +4 -0
- package/dist/cjs/lib/components/icon/icons/Id.d.ts +4 -0
- package/dist/cjs/lib/components/icon/icons/Prohibit.d.ts +4 -0
- package/dist/cjs/lib/components/icon/icons/Receipt.d.ts +4 -0
- package/dist/cjs/lib/components/icon/icons/Signature.d.ts +4 -0
- package/dist/cjs/lib/components/icon/icons/Stamp.d.ts +4 -0
- package/dist/cjs/lib/components/icon/icons/Translation.d.ts +4 -0
- package/dist/cjs/lib/components/icon/icons/index.d.ts +9 -0
- package/dist/cjs/lib/components/multiDropzone/index.stories.d.ts +9 -0
- package/dist/cjs/lib/components/multiDropzone/types.d.ts +3 -2
- package/dist/esm/{TableSection-ebace923.js → TableSection-f41d4248.js} +4 -60
- package/dist/esm/TableSection-f41d4248.js.map +1 -0
- package/dist/esm/components/icon/icons/Bone.js +13 -0
- package/dist/esm/components/icon/icons/Bone.js.map +1 -0
- package/dist/esm/components/icon/icons/Car.js +13 -0
- package/dist/esm/components/icon/icons/Car.js.map +1 -0
- package/dist/esm/components/icon/icons/Files.js +13 -0
- package/dist/esm/components/icon/icons/Files.js.map +1 -0
- package/dist/esm/components/icon/icons/Id.js +13 -0
- package/dist/esm/components/icon/icons/Id.js.map +1 -0
- package/dist/esm/components/icon/icons/Prohibit.js +13 -0
- package/dist/esm/components/icon/icons/Prohibit.js.map +1 -0
- package/dist/esm/components/icon/icons/Receipt.js +13 -0
- package/dist/esm/components/icon/icons/Receipt.js.map +1 -0
- package/dist/esm/components/icon/icons/Signature.js +13 -0
- package/dist/esm/components/icon/icons/Signature.js.map +1 -0
- package/dist/esm/components/icon/icons/Stamp.js +13 -0
- package/dist/esm/components/icon/icons/Stamp.js.map +1 -0
- package/dist/esm/components/icon/icons/Translation.js +13 -0
- package/dist/esm/components/icon/icons/Translation.js.map +1 -0
- package/dist/esm/components/icon/icons.stories.js +10 -1
- package/dist/esm/components/icon/icons.stories.js.map +1 -1
- package/dist/esm/components/icon/index.stories.js +10 -1
- package/dist/esm/components/icon/index.stories.js.map +1 -1
- package/dist/esm/components/multiDropzone/index.js +9 -2
- package/dist/esm/components/multiDropzone/index.js.map +1 -1
- package/dist/esm/components/multiDropzone/index.stories.js +22 -7
- package/dist/esm/components/multiDropzone/index.stories.js.map +1 -1
- package/dist/esm/components/multiDropzone/index.test.js +1 -0
- package/dist/esm/components/multiDropzone/index.test.js.map +1 -1
- package/dist/esm/components/table/Table.js +2 -1
- package/dist/esm/components/table/Table.js.map +1 -1
- package/dist/esm/components/table/Table.stories.js +2 -1
- package/dist/esm/components/table/Table.stories.js.map +1 -1
- package/dist/esm/components/table/Table.test.js +2 -1
- package/dist/esm/components/table/Table.test.js.map +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.js +2 -1
- package/dist/esm/components/table/components/TableContents/TableContents.js.map +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.test.js +2 -1
- package/dist/esm/components/table/components/TableContents/TableContents.test.js.map +1 -1
- package/dist/esm/components/table/components/TableSection/TableSection.js +2 -1
- package/dist/esm/components/table/components/TableSection/TableSection.js.map +1 -1
- package/dist/esm/components/table/components/TableSection/TableSection.test.js +2 -1
- package/dist/esm/components/table/components/TableSection/TableSection.test.js.map +1 -1
- package/dist/esm/{index-2faa4731.js → index-608a56e3.js} +19 -1
- package/dist/esm/{index-2faa4731.js.map → index-608a56e3.js.map} +1 -1
- package/dist/esm/index.js +11 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/components/icon/icons/Bone.d.ts +4 -0
- package/dist/esm/lib/components/icon/icons/Car.d.ts +4 -0
- package/dist/esm/lib/components/icon/icons/Files.d.ts +4 -0
- package/dist/esm/lib/components/icon/icons/Id.d.ts +4 -0
- package/dist/esm/lib/components/icon/icons/Prohibit.d.ts +4 -0
- package/dist/esm/lib/components/icon/icons/Receipt.d.ts +4 -0
- package/dist/esm/lib/components/icon/icons/Signature.d.ts +4 -0
- package/dist/esm/lib/components/icon/icons/Stamp.d.ts +4 -0
- package/dist/esm/lib/components/icon/icons/Translation.d.ts +4 -0
- package/dist/esm/lib/components/icon/icons/index.d.ts +9 -0
- package/dist/esm/lib/components/multiDropzone/index.stories.d.ts +9 -0
- package/dist/esm/lib/components/multiDropzone/types.d.ts +3 -2
- package/dist/esm/useMediaQuery-1a3a2432.js +61 -0
- package/dist/esm/useMediaQuery-1a3a2432.js.map +1 -0
- package/package.json +1 -1
- package/src/lib/components/icon/assets/bone.svg +10 -0
- package/src/lib/components/icon/assets/car.svg +15 -0
- package/src/lib/components/icon/assets/files.svg +13 -0
- package/src/lib/components/icon/assets/id.svg +14 -0
- package/src/lib/components/icon/assets/prohibit.svg +11 -0
- package/src/lib/components/icon/assets/receipt.svg +12 -0
- package/src/lib/components/icon/assets/signature.svg +11 -0
- package/src/lib/components/icon/assets/stamp.svg +12 -0
- package/src/lib/components/icon/assets/translation.svg +15 -0
- package/src/lib/components/icon/icons/Bone.tsx +23 -0
- package/src/lib/components/icon/icons/Car.tsx +30 -0
- package/src/lib/components/icon/icons/Files.tsx +24 -0
- package/src/lib/components/icon/icons/Id.tsx +24 -0
- package/src/lib/components/icon/icons/Prohibit.tsx +25 -0
- package/src/lib/components/icon/icons/Receipt.tsx +23 -0
- package/src/lib/components/icon/icons/Signature.tsx +23 -0
- package/src/lib/components/icon/icons/Stamp.tsx +23 -0
- package/src/lib/components/icon/icons/Translation.tsx +35 -0
- package/src/lib/components/icon/icons/index.ts +9 -0
- package/src/lib/components/multiDropzone/index.stories.tsx +49 -19
- package/src/lib/components/multiDropzone/index.tsx +13 -1
- package/src/lib/components/multiDropzone/types.ts +19 -18
- package/dist/esm/TableSection-ebace923.js.map +0 -1
|
@@ -52,6 +52,7 @@ export { default as BikeBicycleIcon } from './BikeBicycle';
|
|
|
52
52
|
export { default as BlogIcon } from './Blog';
|
|
53
53
|
export { default as BluetoothIcon } from './Bluetooth';
|
|
54
54
|
export { default as BoldIcon } from './Bold';
|
|
55
|
+
export { default as BoneIcon } from './Bone';
|
|
55
56
|
export { default as BookOpenIcon } from './BookOpen';
|
|
56
57
|
export { default as BookIcon } from './Book';
|
|
57
58
|
export { default as BookmarkIcon } from './Bookmark';
|
|
@@ -67,6 +68,7 @@ export { default as CalendarIcon } from './Calendar';
|
|
|
67
68
|
export { default as CameraOffIcon } from './CameraOff';
|
|
68
69
|
export { default as CameraIcon } from './Camera';
|
|
69
70
|
export { default as CarTrafficIcon } from './CarTraffic';
|
|
71
|
+
export { default as CarIcon } from './Car';
|
|
70
72
|
export { default as CastIcon } from './Cast';
|
|
71
73
|
export { default as ChainBikeBrokenIcon } from './ChainBikeBroken';
|
|
72
74
|
export { default as CheckCircleIcon } from './CheckCircle';
|
|
@@ -156,6 +158,7 @@ export { default as FileMinusIcon } from './FileMinus';
|
|
|
156
158
|
export { default as FilePlusIcon } from './FilePlus';
|
|
157
159
|
export { default as FileTextIcon } from './FileText';
|
|
158
160
|
export { default as FileIcon } from './File';
|
|
161
|
+
export { default as FilesIcon } from './Files';
|
|
159
162
|
export { default as FilmIcon } from './Film';
|
|
160
163
|
export { default as FilterIcon } from './Filter';
|
|
161
164
|
export { default as FireIcon } from './Fire';
|
|
@@ -184,6 +187,7 @@ export { default as HeartIcon } from './Heart';
|
|
|
184
187
|
export { default as HexagonIcon } from './Hexagon';
|
|
185
188
|
export { default as HomeIcon } from './Home';
|
|
186
189
|
export { default as HospitalBuildingIcon } from './HospitalBuilding';
|
|
190
|
+
export { default as IdIcon } from './Id';
|
|
187
191
|
export { default as ImagePictureIcon } from './ImagePicture';
|
|
188
192
|
export { default as InboxIcon } from './Inbox';
|
|
189
193
|
export { default as InfoFilledIcon } from './InfoFilled';
|
|
@@ -269,10 +273,12 @@ export { default as PowerIcon } from './Power';
|
|
|
269
273
|
export { default as PregnacyIcon } from './Pregnacy';
|
|
270
274
|
export { default as PrinterIcon } from './Printer';
|
|
271
275
|
export { default as ProgressIcon } from './Progress';
|
|
276
|
+
export { default as ProhibitIcon } from './Prohibit';
|
|
272
277
|
export { default as QrCodeIcon } from './QrCode';
|
|
273
278
|
export { default as QuestionmarkHelpCircleIcon } from './QuestionmarkHelpCircle';
|
|
274
279
|
export { default as QuotationMarksIcon } from './QuotationMarks';
|
|
275
280
|
export { default as RadioIcon } from './Radio';
|
|
281
|
+
export { default as ReceiptIcon } from './Receipt';
|
|
276
282
|
export { default as RefreshCcwIcon } from './RefreshCcw';
|
|
277
283
|
export { default as RefreshCwIcon } from './RefreshCw';
|
|
278
284
|
export { default as RepeatIcon } from './Repeat';
|
|
@@ -298,6 +304,7 @@ export { default as ShoppingBagIcon } from './ShoppingBag';
|
|
|
298
304
|
export { default as ShoppingCartIcon } from './ShoppingCart';
|
|
299
305
|
export { default as ShuffleIcon } from './Shuffle';
|
|
300
306
|
export { default as SidebarIcon } from './Sidebar';
|
|
307
|
+
export { default as SignatureIcon } from './Signature';
|
|
301
308
|
export { default as SkipBackIcon } from './SkipBack';
|
|
302
309
|
export { default as SkipForwardIcon } from './SkipForward';
|
|
303
310
|
export { default as SlackIcon } from './Slack';
|
|
@@ -308,6 +315,7 @@ export { default as SmileIcon } from './Smile';
|
|
|
308
315
|
export { default as SofaIcon } from './Sofa';
|
|
309
316
|
export { default as SpeakerIcon } from './Speaker';
|
|
310
317
|
export { default as SquareIcon } from './Square';
|
|
318
|
+
export { default as StampIcon } from './Stamp';
|
|
311
319
|
export { default as StarFilledIcon } from './StarFilled';
|
|
312
320
|
export { default as StarHalfIcon } from './StarHalf';
|
|
313
321
|
export { default as StarIcon } from './Star';
|
|
@@ -329,6 +337,7 @@ export { default as ToggleRightIcon } from './ToggleRight';
|
|
|
329
337
|
export { default as ToolIcon } from './Tool';
|
|
330
338
|
export { default as ToothFillingCrackedIcon } from './ToothFillingCracked';
|
|
331
339
|
export { default as TrailerPartsIcon } from './TrailerParts';
|
|
340
|
+
export { default as TranslationIcon } from './Translation';
|
|
332
341
|
export { default as Trash2Icon } from './Trash2';
|
|
333
342
|
export { default as TrashIcon } from './Trash';
|
|
334
343
|
export { default as TrelloIcon } from './Trello';
|
|
@@ -77,4 +77,13 @@ export declare const AcceptingOnlyDocuments: () => JSX.Element;
|
|
|
77
77
|
export declare const AcceptingOnlyVideos: () => JSX.Element;
|
|
78
78
|
export declare const LimitingFileSizeTo2MB: () => JSX.Element;
|
|
79
79
|
export declare const I18nSupport: () => JSX.Element;
|
|
80
|
+
export declare const NonDesktopDevice: {
|
|
81
|
+
(): JSX.Element;
|
|
82
|
+
parameters: {
|
|
83
|
+
viewport: {
|
|
84
|
+
viewports: import("@storybook/addon-viewport").ViewportMap;
|
|
85
|
+
defaultViewport: string;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
};
|
|
80
89
|
export default story;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Accept } from
|
|
1
|
+
import { Accept } from 'react-dropzone';
|
|
2
2
|
export declare enum FileMimeTypes {
|
|
3
3
|
avi = "video/x-msvideo",
|
|
4
4
|
bmp = "image/bmp",
|
|
@@ -30,12 +30,13 @@ export interface UploadedFile {
|
|
|
30
30
|
showProgressBar?: boolean;
|
|
31
31
|
showLoadingSpinner?: boolean;
|
|
32
32
|
}
|
|
33
|
-
export type AcceptType =
|
|
33
|
+
export type AcceptType = 'document' | 'image' | 'video' | Accept;
|
|
34
34
|
export interface TextOverrides {
|
|
35
35
|
currentlyUploadingText?: string;
|
|
36
36
|
fileTypeError?: string;
|
|
37
37
|
fileTooLargeError?: string;
|
|
38
38
|
instructionsText?: string;
|
|
39
|
+
instructionsTextMobile?: string;
|
|
39
40
|
sizeUpToText?: string;
|
|
40
41
|
supportsText?: string;
|
|
41
42
|
supportsTextShort?: string;
|
|
@@ -3,7 +3,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { c as classNames } from './index-6ea95111.js';
|
|
4
4
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
5
5
|
import { TableCell } from './components/table/components/TableCell/TableCell.js';
|
|
6
|
-
import {
|
|
6
|
+
import { useCallback } from 'react';
|
|
7
|
+
import { u as useMediaQuery } from './useMediaQuery-1a3a2432.js';
|
|
7
8
|
|
|
8
9
|
var css_248z = ".TableSection-module_table__sNbDq {\n border-collapse: collapse;\n table-layout: fixed;\n}\n@media (min-width: 34rem) {\n .TableSection-module_table__sNbDq {\n min-width: 845px;\n }\n}\n\n.TableSection-module_tr__UbkbE {\n min-height: 72px;\n}";
|
|
9
10
|
var styles = {"table":"TableSection-module_table__sNbDq","tr":"TableSection-module_tr__UbkbE"};
|
|
@@ -13,63 +14,6 @@ var isBaseCell = function (tableCellData) {
|
|
|
13
14
|
return !tableCellData.type;
|
|
14
15
|
};
|
|
15
16
|
|
|
16
|
-
var breakpointLookup = function (breakpoint) {
|
|
17
|
-
if (typeof window === 'undefined') {
|
|
18
|
-
return {
|
|
19
|
-
initialValue: false,
|
|
20
|
-
queryString: '',
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
switch (breakpoint) {
|
|
24
|
-
case 'BELOW_TABLET':
|
|
25
|
-
return {
|
|
26
|
-
initialValue: window.innerWidth <= 720, // 45rem = 720px = tablet breakpoint
|
|
27
|
-
queryString: '(max-width: 45rem)',
|
|
28
|
-
};
|
|
29
|
-
case 'BELOW_DESKTOP':
|
|
30
|
-
return {
|
|
31
|
-
initialValue: window.innerWidth <= 1024, // 64rem = 1024px = desktop breakpoint
|
|
32
|
-
queryString: '(max-width: 64rem)',
|
|
33
|
-
};
|
|
34
|
-
case 'ABOVE_MOBILE':
|
|
35
|
-
return {
|
|
36
|
-
initialValue: window.innerWidth >= 544, // 34rem = 544px = mobile breakpoint}
|
|
37
|
-
queryString: '(min-width: 34rem)',
|
|
38
|
-
};
|
|
39
|
-
case 'ABOVE_TABLET':
|
|
40
|
-
return {
|
|
41
|
-
initialValue: window.innerWidth >= 720, // 45rem = 720px = tablet breakpoint
|
|
42
|
-
queryString: '(min-width: 45rem)',
|
|
43
|
-
};
|
|
44
|
-
case 'ABOVE_DESKTOP':
|
|
45
|
-
return {
|
|
46
|
-
initialValue: window.innerWidth >= 1024, // 64rem = 1024px = desktop breakpoint
|
|
47
|
-
queryString: '(min-width: 64rem)',
|
|
48
|
-
};
|
|
49
|
-
case 'BELOW_MOBILE':
|
|
50
|
-
default:
|
|
51
|
-
return {
|
|
52
|
-
initialValue: window.innerWidth <= 544, // 34rem = 544px = mobile breakpoint}
|
|
53
|
-
queryString: '(max-width: 34rem)',
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
var useMediaQuery = function (breakpoint) {
|
|
58
|
-
var _a = breakpointLookup(breakpoint), initialValue = _a.initialValue, queryString = _a.queryString;
|
|
59
|
-
var _b = useState(initialValue), matchesBreakpoint = _b[0], setMatchesBreakpoint = _b[1];
|
|
60
|
-
useEffect(function () {
|
|
61
|
-
var mediaQuery = window.matchMedia(queryString);
|
|
62
|
-
var updateMediaQuery = function (e) {
|
|
63
|
-
return setMatchesBreakpoint(e.matches);
|
|
64
|
-
};
|
|
65
|
-
mediaQuery.addEventListener('change', updateMediaQuery);
|
|
66
|
-
return function () {
|
|
67
|
-
mediaQuery.removeEventListener('change', updateMediaQuery);
|
|
68
|
-
};
|
|
69
|
-
}, [queryString]);
|
|
70
|
-
return matchesBreakpoint;
|
|
71
|
-
};
|
|
72
|
-
|
|
73
17
|
var TableSection = function (_a) {
|
|
74
18
|
var className = _a.className, tableCellRows = _a.tableCellRows, _b = _a.hideColumns, hideColumns = _b === void 0 ? [] : _b, hideHeader = _a.hideHeader, openModal = _a.openModal, title = _a.title, width = _a.width, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
|
|
75
19
|
var headerRow = tableCellRows === null || tableCellRows === void 0 ? void 0 : tableCellRows[0];
|
|
@@ -127,5 +71,5 @@ var TableSection = function (_a) {
|
|
|
127
71
|
}) })] }));
|
|
128
72
|
};
|
|
129
73
|
|
|
130
|
-
export { TableSection as T, isBaseCell as i
|
|
131
|
-
//# sourceMappingURL=TableSection-
|
|
74
|
+
export { TableSection as T, isBaseCell as i };
|
|
75
|
+
//# sourceMappingURL=TableSection-f41d4248.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableSection-f41d4248.js","sources":["../../../src/lib/components/table/types.ts","../../../src/lib/components/table/components/TableSection/TableSection.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { BaseCellProps } from './components/TableCell/BaseCell/BaseCell';\nimport { CTACellProps } from './components/TableCell/CTACell/CTACell';\nimport { ButtonCellProps } from './components/TableCell/ButtonCell/ButtonCell';\nimport { CardCellProps } from './components/TableCell/CardCell/CardCell';\n\ntype DefaultCellProps = {\n cellId?: string;\n colSpan?: number;\n modalTitle?: ReactNode;\n};\n\ntype BaseCellData = BaseCellProps & { type?: undefined } & DefaultCellProps;\ntype CTACellData = CTACellProps & { type: 'CTA' } & DefaultCellProps;\ntype ButtonCellData = ButtonCellProps & { type: 'BUTTON' } & DefaultCellProps;\ntype CardCellData = CardCellProps & { type: 'CARD' } & DefaultCellProps;\n\nexport type TableCellData =\n | BaseCellData\n | CTACellData\n | ButtonCellData\n | CardCellData;\n\nexport const isBaseCell = (\n tableCellData: TableCellData\n): tableCellData is BaseCellData => {\n return !tableCellData.type;\n};\n\nexport type TableSectionType = {\n title?: string;\n icon?: ReactNode;\n};\n\nexport type ModalData = {\n title?: ReactNode;\n body?: ReactNode;\n};\n\nexport type TableCellRowData = TableCellData[];\n\nexport type TableSectionData = {\n section?: TableSectionType;\n rows: TableCellRowData[];\n};\n\nexport type TableData = TableSectionData[];\n\nexport type ModalFunction = (modalData: ModalData) => void;\n\nexport type CellReplacements = Record<string, Partial<TableCellData>>;\n","import classNames from 'classnames';\n\nimport styles from './TableSection.module.scss';\nimport { TableCell } from '../TableCell/TableCell';\nimport {\n CellReplacements,\n isBaseCell,\n ModalFunction,\n TableCellData,\n TableCellRowData,\n} from '../../types';\nimport { useCallback } from 'react';\nimport { useMediaQuery } from '../../../../hooks/useMediaQuery';\n\nexport interface TableSectionProps {\n className?: string;\n tableCellRows: TableCellRowData[];\n hideColumns?: number[];\n hideHeader?: boolean;\n openModal?: ModalFunction;\n title: string;\n width?: number | string;\n cellReplacements?: CellReplacements;\n imageComponent?: (args: any) => JSX.Element;\n}\n\nconst TableSection = ({\n className,\n tableCellRows,\n hideColumns = [],\n hideHeader,\n openModal,\n title,\n width,\n cellReplacements,\n imageComponent,\n}: TableSectionProps) => {\n const headerRow = tableCellRows?.[0];\n const isBelowDesktop = useMediaQuery('BELOW_DESKTOP');\n\n const getModalTitleFromColumnHeader = (cellIndex: number) => {\n const firstCellInColumn = tableCellRows?.[0]?.[cellIndex];\n let titleFromColumn;\n\n switch (firstCellInColumn.type) {\n case 'BUTTON':\n titleFromColumn = firstCellInColumn.buttonCaption;\n break;\n case 'CTA':\n titleFromColumn = firstCellInColumn.title;\n break;\n case undefined:\n titleFromColumn = firstCellInColumn.text || '';\n break;\n }\n\n return titleFromColumn;\n };\n\n const getModalTitleFromRowHeader = (currentRow: TableCellRowData) => {\n const firstCellInRow = currentRow?.[0];\n const titleFromRow =\n (isBaseCell(firstCellInRow) && firstCellInRow.text) || '';\n\n return titleFromRow;\n };\n\n const isVisibleColumn = useCallback(\n (cellIndex: number) => !hideColumns.includes(cellIndex),\n [hideColumns]\n );\n\n return (\n <table\n className={classNames(className, 'w100', styles.table)}\n width={width}\n >\n <caption className=\"sr-only\">{title}</caption>\n\n {headerRow && (\n <thead className={hideHeader ? 'sr-only' : ''}>\n <tr>\n {headerRow.map((tableCellData, cellIndex) => {\n const isFirstCellInRow = cellIndex === 0;\n const cellReplacementData =\n (tableCellData.cellId &&\n cellReplacements?.[tableCellData.cellId]) ||\n {};\n\n const cellProps = {\n ...tableCellData,\n ...cellReplacementData,\n ...{\n openModal,\n modalTitle:\n (isBaseCell(tableCellData) && tableCellData.text) ||\n getModalTitleFromColumnHeader(cellIndex),\n align: isFirstCellInRow ? 'left' : 'center',\n },\n } as TableCellData;\n\n return (\n isVisibleColumn(cellIndex) && (\n <TableCell\n key={cellIndex}\n isBelowDesktop={isBelowDesktop}\n isHeader\n isFirstCellInRow={isFirstCellInRow}\n isTopLeftCell={isFirstCellInRow}\n {...cellProps}\n imageComponent={imageComponent}\n />\n )\n );\n })}\n </tr>\n </thead>\n )}\n\n <tbody>\n {tableCellRows.map(\n (row, rowIndex) =>\n rowIndex > 0 && (\n <tr key={rowIndex} className={styles.tr}>\n {row.map((tableCellData, cellIndex) => {\n const key = `${rowIndex}-${cellIndex}`;\n const isFirstCellInRow = cellIndex === 0;\n const titleFromRow = getModalTitleFromRowHeader(row);\n\n const cellReplacementData =\n (tableCellData.cellId &&\n cellReplacements?.[tableCellData.cellId]) ||\n {};\n\n const cellProps = {\n ...tableCellData,\n ...cellReplacementData,\n ...{\n openModal,\n modalTitle: tableCellData?.modalTitle || titleFromRow,\n align: isFirstCellInRow ? 'left' : 'center',\n },\n } as TableCellData;\n\n return (\n !hideColumns.includes(cellIndex) && (\n <TableCell\n isBelowDesktop={isBelowDesktop}\n isFirstCellInRow={isFirstCellInRow}\n key={key}\n {...cellProps}\n imageComponent={imageComponent}\n />\n )\n );\n })}\n </tr>\n )\n )}\n </tbody>\n </table>\n );\n};\n\nexport { TableSection };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;IAuBa,UAAU,GAAG,UACxB,aAA4B;IAE5B,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC;AAC7B;;ICDM,YAAY,GAAG,UAAC,EAUF;QATlB,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,KAAK,WAAA,EACL,KAAK,WAAA,EACL,gBAAgB,sBAAA,EAChB,cAAc,oBAAA;IAEd,IAAM,SAAS,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,CAAC;IACrC,IAAM,cAAc,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,6BAA6B,GAAG,UAAC,SAAiB;;QACtD,IAAM,iBAAiB,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,0CAAG,SAAS,CAAC,CAAC;QAC1D,IAAI,eAAe,CAAC;QAEpB,QAAQ,iBAAiB,CAAC,IAAI;YAC5B,KAAK,QAAQ;gBACX,eAAe,GAAG,iBAAiB,CAAC,aAAa,CAAC;gBAClD,MAAM;YACR,KAAK,KAAK;gBACR,eAAe,GAAG,iBAAiB,CAAC,KAAK,CAAC;gBAC1C,MAAM;YACR,KAAK,SAAS;gBACZ,eAAe,GAAG,iBAAiB,CAAC,IAAI,IAAI,EAAE,CAAC;gBAC/C,MAAM;SACT;QAED,OAAO,eAAe,CAAC;KACxB,CAAC;IAEF,IAAM,0BAA0B,GAAG,UAAC,UAA4B;QAC9D,IAAM,cAAc,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,CAAC,CAAC,CAAC;QACvC,IAAM,YAAY,GAChB,CAAC,UAAU,CAAC,cAAc,CAAC,IAAI,cAAc,CAAC,IAAI,KAAK,EAAE,CAAC;QAE5D,OAAO,YAAY,CAAC;KACrB,CAAC;IAEF,IAAM,eAAe,GAAG,WAAW,CACjC,UAAC,SAAiB,IAAK,OAAA,CAAC,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAA,EACvD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,QACEA,gBACE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,EACtD,KAAK,EAAE,KAAK,aAEZC,iBAAS,SAAS,EAAC,SAAS,YAAE,KAAK,GAAW,EAE7C,SAAS,KACRA,eAAO,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,EAAE,YAC3CA,sBACG,SAAS,CAAC,GAAG,CAAC,UAAC,aAAa,EAAE,SAAS;wBACtC,IAAM,gBAAgB,GAAG,SAAS,KAAK,CAAC,CAAC;wBACzC,IAAM,mBAAmB,GACvB,CAAC,aAAa,CAAC,MAAM;6BACnB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,aAAa,CAAC,MAAM,CAAC,CAAA;4BAC1C,EAAE,CAAC;wBAEL,IAAM,SAAS,GAAG,+BACb,aAAa,GACb,mBAAmB,GACnB;4BACD,SAAS,WAAA;4BACT,UAAU,EACR,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,IAAI;gCAChD,6BAA6B,CAAC,SAAS,CAAC;4BAC1C,KAAK,EAAE,gBAAgB,GAAG,MAAM,GAAG,QAAQ;yBAC5C,CACe,CAAC;wBAEnB,QACE,eAAe,CAAC,SAAS,CAAC,KACxBA,IAAC,SAAS,aAER,cAAc,EAAE,cAAc,EAC9B,QAAQ,QACR,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,gBAAgB,IAC3B,SAAS,IACb,cAAc,EAAE,cAAc,KANzB,SAAS,CAOd,CACH,EACD;qBACH,CAAC,GACC,GACC,CACT,EAEDA,yBACG,aAAa,CAAC,GAAG,CAChB,UAAC,GAAG,EAAE,QAAQ;oBACZ,OAAA,QAAQ,GAAG,CAAC,KACVA,YAAmB,SAAS,EAAE,MAAM,CAAC,EAAE,YACpC,GAAG,CAAC,GAAG,CAAC,UAAC,aAAa,EAAE,SAAS;4BAChC,IAAM,GAAG,GAAG,UAAG,QAAQ,cAAI,SAAS,CAAE,CAAC;4BACvC,IAAM,gBAAgB,GAAG,SAAS,KAAK,CAAC,CAAC;4BACzC,IAAM,YAAY,GAAG,0BAA0B,CAAC,GAAG,CAAC,CAAC;4BAErD,IAAM,mBAAmB,GACvB,CAAC,aAAa,CAAC,MAAM;iCACnB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,aAAa,CAAC,MAAM,CAAC,CAAA;gCAC1C,EAAE,CAAC;4BAEL,IAAM,SAAS,GAAG,+BACb,aAAa,GACb,mBAAmB,GACnB;gCACD,SAAS,WAAA;gCACT,UAAU,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,KAAI,YAAY;gCACrD,KAAK,EAAE,gBAAgB,GAAG,MAAM,GAAG,QAAQ;6BAC5C,CACe,CAAC;4BAEnB,QACE,CAAC,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,KAC9BA,IAAC,SAAS,aACR,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,IAE9B,SAAS,IACb,cAAc,EAAE,cAAc,KAFzB,GAAG,CAGR,CACH,EACD;yBACH,CAAC,IAhCK,QAAQ,CAiCZ,CACN;iBAAA,CACJ,GACK,IACF,EACR;AACJ;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { createElement } from 'react';
|
|
3
|
+
import { IconWrapper } from '../IconWrapper/IconWrapper.js';
|
|
4
|
+
import '../../../tslib.es6-a39f91fc.js';
|
|
5
|
+
import '../../../index-6ea95111.js';
|
|
6
|
+
import '../../../style-inject.es-1f59c1d0.js';
|
|
7
|
+
|
|
8
|
+
var Bone = (function (props) {
|
|
9
|
+
return createElement(IconWrapper, props, jsx("g", { clipPath: "url(#bone_svg__a)", children: jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, d: "M4.4 15.6a2.188 2.188 0 1 1 .821-4.017.625.625 0 0 0 .781-.084l5.499-5.498a.625.625 0 0 0 .083-.781 2.187 2.187 0 1 1 4.018-.821 2.188 2.188 0 1 1-.822 4.017.625.625 0 0 0-.78.083l-5.5 5.499a.625.625 0 0 0-.083.781A2.188 2.188 0 1 1 4.4 15.6Z" }) }), jsx("defs", { children: jsx("clipPath", { id: "bone_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
export default Bone;
|
|
13
|
+
//# sourceMappingURL=Bone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Bone.js","sources":["../../../../../../src/lib/components/icon/icons/Bone.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n createElement(\n IconWrapper,\n props,\n <g clipPath=\"url(#bone_svg__a)\">\n <path\n stroke=\"currentColor\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={1.8}\n d=\"M4.4 15.6a2.188 2.188 0 1 1 .821-4.017.625.625 0 0 0 .781-.084l5.499-5.498a.625.625 0 0 0 .083-.781 2.187 2.187 0 1 1 4.018-.821 2.188 2.188 0 1 1-.822 4.017.625.625 0 0 0-.78.083l-5.5 5.499a.625.625 0 0 0-.083.781A2.188 2.188 0 1 1 4.4 15.6Z\"\n />\n </g>,\n <defs>\n <clipPath id=\"bone_svg__a\">\n <path fill=\"#fff\" d=\"M0 0h20v20H0z\" />\n </clipPath>\n </defs>\n );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,YAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,WAAG,QAAQ,EAAC,mBAAmB,YAC7BA,cACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,GAAG,EAChB,CAAC,EAAC,oPAAoP,GACtP,GACA,EACJA,wBACEA,kBAAU,EAAE,EAAC,aAAa,YACxBA,cAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG,GAC7B,GACN,CACR;AAjBD,CAiBC;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { createElement } from 'react';
|
|
3
|
+
import { IconWrapper } from '../IconWrapper/IconWrapper.js';
|
|
4
|
+
import '../../../tslib.es6-a39f91fc.js';
|
|
5
|
+
import '../../../index-6ea95111.js';
|
|
6
|
+
import '../../../style-inject.es-1f59c1d0.js';
|
|
7
|
+
|
|
8
|
+
var Car = (function (props) {
|
|
9
|
+
return createElement(IconWrapper, props, jsxs("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", clipPath: "url(#car_svg__a)", children: [jsx("path", { strokeWidth: 1.8, d: "M1.25 8.75h17.5M17.5 13.75v1.875a.624.624 0 0 1-.625.625H15a.624.624 0 0 1-.625-.625V13.75M5.625 13.75v1.875A.625.625 0 0 1 5 16.25H3.125a.625.625 0 0 1-.625-.625V13.75" }), jsx("path", { strokeWidth: 1.3, d: "M5 11.25h1.25M13.75 11.25H15" }), jsx("path", { strokeWidth: 1.8, d: "m17.5 8.75-2.335-5.254a.625.625 0 0 0-.571-.371H5.406a.625.625 0 0 0-.57.371L2.5 8.75v5h15v-5Z" })] }), jsx("defs", { children: jsx("clipPath", { id: "car_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
export default Car;
|
|
13
|
+
//# sourceMappingURL=Car.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Car.js","sources":["../../../../../../src/lib/components/icon/icons/Car.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n createElement(\n IconWrapper,\n props,\n <g\n stroke=\"currentColor\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n clipPath=\"url(#car_svg__a)\"\n >\n <path\n strokeWidth={1.8}\n d=\"M1.25 8.75h17.5M17.5 13.75v1.875a.624.624 0 0 1-.625.625H15a.624.624 0 0 1-.625-.625V13.75M5.625 13.75v1.875A.625.625 0 0 1 5 16.25H3.125a.625.625 0 0 1-.625-.625V13.75\"\n />\n <path strokeWidth={1.3} d=\"M5 11.25h1.25M13.75 11.25H15\" />\n <path\n strokeWidth={1.8}\n d=\"m17.5 8.75-2.335-5.254a.625.625 0 0 0-.571-.371H5.406a.625.625 0 0 0-.57.371L2.5 8.75v5h15v-5Z\"\n />\n </g>,\n <defs>\n <clipPath id=\"car_svg__a\">\n <path fill=\"#fff\" d=\"M0 0h20v20H0z\" />\n </clipPath>\n </defs>\n );\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAIA,WAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,YACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,QAAQ,EAAC,kBAAkB,aAE3BC,cACE,WAAW,EAAE,GAAG,EAChB,CAAC,EAAC,0KAA0K,GAC5K,EACFA,cAAM,WAAW,EAAE,GAAG,EAAE,CAAC,EAAC,8BAA8B,GAAG,EAC3DA,cACE,WAAW,EAAE,GAAG,EAChB,CAAC,EAAC,gGAAgG,GAClG,IACA,EACJA,wBACEA,kBAAU,EAAE,EAAC,YAAY,YACvBA,cAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG,GAC7B,GACN,CACR;AAxBD,CAwBC;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { createElement } from 'react';
|
|
3
|
+
import { IconWrapper } from '../IconWrapper/IconWrapper.js';
|
|
4
|
+
import '../../../tslib.es6-a39f91fc.js';
|
|
5
|
+
import '../../../index-6ea95111.js';
|
|
6
|
+
import '../../../style-inject.es-1f59c1d0.js';
|
|
7
|
+
|
|
8
|
+
var Files = (function (props) {
|
|
9
|
+
return createElement(IconWrapper, props, jsxs("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#files_svg__a)", children: [jsx("path", { d: "M13.125 17.5h-8.75a.625.625 0 0 1-.625-.625V5.625A.625.625 0 0 1 4.375 5h6.25l3.125 3.125v8.75a.624.624 0 0 1-.625.625Z" }), jsx("path", { d: "M6.25 5V3.125a.625.625 0 0 1 .625-.625h6.25l3.125 3.125v8.75a.624.624 0 0 1-.625.625H13.75M6.875 11.875h3.75M6.875 14.375h3.75" })] }), jsx("defs", { children: jsx("clipPath", { id: "files_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
export default Files;
|
|
13
|
+
//# sourceMappingURL=Files.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Files.js","sources":["../../../../../../src/lib/components/icon/icons/Files.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n createElement(\n IconWrapper,\n props,\n <g\n stroke=\"currentColor\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={1.8}\n clipPath=\"url(#files_svg__a)\"\n >\n <path d=\"M13.125 17.5h-8.75a.625.625 0 0 1-.625-.625V5.625A.625.625 0 0 1 4.375 5h6.25l3.125 3.125v8.75a.624.624 0 0 1-.625.625Z\" />\n <path d=\"M6.25 5V3.125a.625.625 0 0 1 .625-.625h6.25l3.125 3.125v8.75a.624.624 0 0 1-.625.625H13.75M6.875 11.875h3.75M6.875 14.375h3.75\" />\n </g>,\n <defs>\n <clipPath id=\"files_svg__a\">\n <path fill=\"#fff\" d=\"M0 0h20v20H0z\" />\n </clipPath>\n </defs>\n );\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAIA,aAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,YACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,GAAG,EAChB,QAAQ,EAAC,oBAAoB,aAE7BC,cAAM,CAAC,EAAC,yHAAyH,GAAG,EACpIA,cAAM,CAAC,EAAC,gIAAgI,GAAG,IACzI,EACJA,wBACEA,kBAAU,EAAE,EAAC,cAAc,YACzBA,cAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG,GAC7B,GACN,CACR;AAlBD,CAkBC;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { createElement } from 'react';
|
|
3
|
+
import { IconWrapper } from '../IconWrapper/IconWrapper.js';
|
|
4
|
+
import '../../../tslib.es6-a39f91fc.js';
|
|
5
|
+
import '../../../index-6ea95111.js';
|
|
6
|
+
import '../../../style-inject.es-1f59c1d0.js';
|
|
7
|
+
|
|
8
|
+
var Id = (function (props) {
|
|
9
|
+
return createElement(IconWrapper, props, jsxs("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#id_svg__a)", children: [jsx("path", { d: "M11.875 8.75H15M11.875 11.25H15M16.875 3.75H3.125a.625.625 0 0 0-.625.625v11.25c0 .345.28.625.625.625h13.75c.345 0 .625-.28.625-.625V4.375a.625.625 0 0 0-.625-.625Z" }), jsx("path", { d: "M7.5 11.25a1.875 1.875 0 1 0 0-3.75 1.875 1.875 0 0 0 0 3.75ZM5 13.125c.277-1.078 1.335-1.875 2.5-1.875s2.223.796 2.5 1.875" })] }), jsx("defs", { children: jsx("clipPath", { id: "id_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
export default Id;
|
|
13
|
+
//# sourceMappingURL=Id.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Id.js","sources":["../../../../../../src/lib/components/icon/icons/Id.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n createElement(\n IconWrapper,\n props,\n <g\n stroke=\"currentColor\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={1.8}\n clipPath=\"url(#id_svg__a)\"\n >\n <path d=\"M11.875 8.75H15M11.875 11.25H15M16.875 3.75H3.125a.625.625 0 0 0-.625.625v11.25c0 .345.28.625.625.625h13.75c.345 0 .625-.28.625-.625V4.375a.625.625 0 0 0-.625-.625Z\" />\n <path d=\"M7.5 11.25a1.875 1.875 0 1 0 0-3.75 1.875 1.875 0 0 0 0 3.75ZM5 13.125c.277-1.078 1.335-1.875 2.5-1.875s2.223.796 2.5 1.875\" />\n </g>,\n <defs>\n <clipPath id=\"id_svg__a\">\n <path fill=\"#fff\" d=\"M0 0h20v20H0z\" />\n </clipPath>\n </defs>\n );\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAIA,UAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,YACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,GAAG,EAChB,QAAQ,EAAC,iBAAiB,aAE1BC,cAAM,CAAC,EAAC,sKAAsK,GAAG,EACjLA,cAAM,CAAC,EAAC,6HAA6H,GAAG,IACtI,EACJA,wBACEA,kBAAU,EAAE,EAAC,WAAW,YACtBA,cAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG,GAC7B,GACN,CACR;AAlBD,CAkBC;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { createElement } from 'react';
|
|
3
|
+
import { IconWrapper } from '../IconWrapper/IconWrapper.js';
|
|
4
|
+
import '../../../tslib.es6-a39f91fc.js';
|
|
5
|
+
import '../../../index-6ea95111.js';
|
|
6
|
+
import '../../../style-inject.es-1f59c1d0.js';
|
|
7
|
+
|
|
8
|
+
var Prohibit = (function (props) {
|
|
9
|
+
return createElement(IconWrapper, props, jsxs("g", { stroke: "currentColor", strokeWidth: 1.8, clipPath: "url(#prohibit_svg__a)", children: [jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.303 15.303 4.697 4.697" }), jsx("path", { strokeMiterlimit: 10, d: "M10 17.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z" })] }), jsx("defs", { children: jsx("clipPath", { id: "prohibit_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
export default Prohibit;
|
|
13
|
+
//# sourceMappingURL=Prohibit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Prohibit.js","sources":["../../../../../../src/lib/components/icon/icons/Prohibit.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n createElement(\n IconWrapper,\n props,\n <g stroke=\"currentColor\" strokeWidth={1.8} clipPath=\"url(#prohibit_svg__a)\">\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n d=\"M15.303 15.303 4.697 4.697\"\n />\n <path\n strokeMiterlimit={10}\n d=\"M10 17.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z\"\n />\n </g>,\n <defs>\n <clipPath id=\"prohibit_svg__a\">\n <path fill=\"#fff\" d=\"M0 0h20v20H0z\" />\n </clipPath>\n </defs>\n );\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAIA,gBAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,YAAG,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAC,uBAAuB,aACzEC,cACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,4BAA4B,GAC9B,EACFA,cACE,gBAAgB,EAAE,EAAE,EACpB,CAAC,EAAC,iDAAiD,GACnD,IACA,EACJA,wBACEA,kBAAU,EAAE,EAAC,iBAAiB,YAC5BA,cAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG,GAC7B,GACN,CACR;AAnBD,CAmBC;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { createElement } from 'react';
|
|
3
|
+
import { IconWrapper } from '../IconWrapper/IconWrapper.js';
|
|
4
|
+
import '../../../tslib.es6-a39f91fc.js';
|
|
5
|
+
import '../../../index-6ea95111.js';
|
|
6
|
+
import '../../../style-inject.es-1f59c1d0.js';
|
|
7
|
+
|
|
8
|
+
var Receipt = (function (props) {
|
|
9
|
+
return createElement(IconWrapper, props, jsx("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#receipt_svg__a)", children: jsx("path", { d: "M6.25 8.125h7.5M6.25 10.625h7.5M2.5 16.25V4.375a.625.625 0 0 1 .625-.625h13.75a.625.625 0 0 1 .625.625V16.25L15 15l-2.5 1.25L10 15l-2.5 1.25L5 15l-2.5 1.25Z" }) }), jsx("defs", { children: jsx("clipPath", { id: "receipt_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
export default Receipt;
|
|
13
|
+
//# sourceMappingURL=Receipt.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Receipt.js","sources":["../../../../../../src/lib/components/icon/icons/Receipt.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n createElement(\n IconWrapper,\n props,\n <g\n stroke=\"currentColor\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={1.8}\n clipPath=\"url(#receipt_svg__a)\"\n >\n <path d=\"M6.25 8.125h7.5M6.25 10.625h7.5M2.5 16.25V4.375a.625.625 0 0 1 .625-.625h13.75a.625.625 0 0 1 .625.625V16.25L15 15l-2.5 1.25L10 15l-2.5 1.25L5 15l-2.5 1.25Z\" />\n </g>,\n <defs>\n <clipPath id=\"receipt_svg__a\">\n <path fill=\"#fff\" d=\"M0 0h20v20H0z\" />\n </clipPath>\n </defs>\n );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,eAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,WACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,GAAG,EAChB,QAAQ,EAAC,sBAAsB,YAE/BA,cAAM,CAAC,EAAC,8JAA8J,GAAG,GACvK,EACJA,wBACEA,kBAAU,EAAE,EAAC,gBAAgB,YAC3BA,cAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG,GAC7B,GACN,CACR;AAjBD,CAiBC;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { createElement } from 'react';
|
|
3
|
+
import { IconWrapper } from '../IconWrapper/IconWrapper.js';
|
|
4
|
+
import '../../../tslib.es6-a39f91fc.js';
|
|
5
|
+
import '../../../index-6ea95111.js';
|
|
6
|
+
import '../../../style-inject.es-1f59c1d0.js';
|
|
7
|
+
|
|
8
|
+
var Signature = (function (props) {
|
|
9
|
+
return createElement(IconWrapper, props, jsx("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#signature_svg__a)", children: jsx("path", { d: "M1.875 14h16.25M1.875 17.5s9.025-15 4.212-15C2.505 2.5 2.467 17.587 10 8.14c0 0 .634 3.081 2.127 3.11.603.012 1.348-.493 2.248-1.875 0 0 0 1.875 3.75 1.875" }) }), jsx("defs", { children: jsx("clipPath", { id: "signature_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
export default Signature;
|
|
13
|
+
//# sourceMappingURL=Signature.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Signature.js","sources":["../../../../../../src/lib/components/icon/icons/Signature.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n createElement(\n IconWrapper,\n props,\n <g\n stroke=\"currentColor\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={1.8}\n clipPath=\"url(#signature_svg__a)\"\n >\n <path d=\"M1.875 14h16.25M1.875 17.5s9.025-15 4.212-15C2.505 2.5 2.467 17.587 10 8.14c0 0 .634 3.081 2.127 3.11.603.012 1.348-.493 2.248-1.875 0 0 0 1.875 3.75 1.875\" />\n </g>,\n <defs>\n <clipPath id=\"signature_svg__a\">\n <path fill=\"#fff\" d=\"M0 0h20v20H0z\" />\n </clipPath>\n </defs>\n );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,iBAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,WACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,GAAG,EAChB,QAAQ,EAAC,wBAAwB,YAEjCA,cAAM,CAAC,EAAC,6JAA6J,GAAG,GACtK,EACJA,wBACEA,kBAAU,EAAE,EAAC,kBAAkB,YAC7BA,cAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG,GAC7B,GACN,CACR;AAjBD,CAiBC;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { createElement } from 'react';
|
|
3
|
+
import { IconWrapper } from '../IconWrapper/IconWrapper.js';
|
|
4
|
+
import '../../../tslib.es6-a39f91fc.js';
|
|
5
|
+
import '../../../index-6ea95111.js';
|
|
6
|
+
import '../../../style-inject.es-1f59c1d0.js';
|
|
7
|
+
|
|
8
|
+
var Stamp = (function (props) {
|
|
9
|
+
return createElement(IconWrapper, props, jsx("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#stamp_svg__a)", children: jsx("path", { d: "M3.125 17.5h13.75M8.931 10.625 7.542 4.141a1.875 1.875 0 0 1 1.833-2.266h1.25a1.875 1.875 0 0 1 1.834 2.266l-1.39 6.484M16.25 10.625H3.75a.625.625 0 0 0-.625.625v3.125c0 .345.28.625.625.625h12.5c.345 0 .625-.28.625-.625V11.25a.625.625 0 0 0-.625-.625Z" }) }), jsx("defs", { children: jsx("clipPath", { id: "stamp_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
export default Stamp;
|
|
13
|
+
//# sourceMappingURL=Stamp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stamp.js","sources":["../../../../../../src/lib/components/icon/icons/Stamp.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n createElement(\n IconWrapper,\n props,\n <g\n stroke=\"currentColor\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={1.8}\n clipPath=\"url(#stamp_svg__a)\"\n >\n <path d=\"M3.125 17.5h13.75M8.931 10.625 7.542 4.141a1.875 1.875 0 0 1 1.833-2.266h1.25a1.875 1.875 0 0 1 1.834 2.266l-1.39 6.484M16.25 10.625H3.75a.625.625 0 0 0-.625.625v3.125c0 .345.28.625.625.625h12.5c.345 0 .625-.28.625-.625V11.25a.625.625 0 0 0-.625-.625Z\" />\n </g>,\n <defs>\n <clipPath id=\"stamp_svg__a\">\n <path fill=\"#fff\" d=\"M0 0h20v20H0z\" />\n </clipPath>\n </defs>\n );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,aAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,WACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,GAAG,EAChB,QAAQ,EAAC,oBAAoB,YAE7BA,cAAM,CAAC,EAAC,6PAA6P,GAAG,GACtQ,EACJA,wBACEA,kBAAU,EAAE,EAAC,cAAc,YACzBA,cAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG,GAC7B,GACN,CACR;AAjBD,CAiBC;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { createElement } from 'react';
|
|
3
|
+
import { IconWrapper } from '../IconWrapper/IconWrapper.js';
|
|
4
|
+
import '../../../tslib.es6-a39f91fc.js';
|
|
5
|
+
import '../../../index-6ea95111.js';
|
|
6
|
+
import '../../../style-inject.es-1f59c1d0.js';
|
|
7
|
+
|
|
8
|
+
var Translation = (function (props) {
|
|
9
|
+
return createElement(IconWrapper, props, jsxs("g", { stroke: "currentColor", strokeWidth: 1.8, clipPath: "url(#translation_svg__a)", children: [jsx("circle", { cx: 11.25, cy: 8.75, r: 7.083 }), jsx("path", { strokeLinecap: "round", d: "M11.667 1.667c-2.808 2.237-3.842 5.888-3.102 9.166" }), jsx("path", { strokeLinecap: "round", d: "M10.833 1.667c4.445 3.541 4.445 10.625 0 14.166M5 6.667h12.5M5 10.833h12.5" }), jsx("path", { fill: "#fff", strokeLinecap: "round", strokeLinejoin: "round", d: "M10 16.146c0 .276-.109.541-.301.736a1.022 1.022 0 0 1-.728.305H3.724l-2.058 1.146v-6.458c0-.276.109-.541.302-.737.193-.195.454-.305.727-.305h6.276c.273 0 .535.11.728.305.192.196.3.46.3.737v4.27Z" })] }), jsx("defs", { children: jsx("clipPath", { id: "translation_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
export default Translation;
|
|
13
|
+
//# sourceMappingURL=Translation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Translation.js","sources":["../../../../../../src/lib/components/icon/icons/Translation.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n createElement(\n IconWrapper,\n props,\n <g\n stroke=\"currentColor\"\n strokeWidth={1.8}\n clipPath=\"url(#translation_svg__a)\"\n >\n <circle cx={11.25} cy={8.75} r={7.083} />\n <path\n strokeLinecap=\"round\"\n d=\"M11.667 1.667c-2.808 2.237-3.842 5.888-3.102 9.166\"\n />\n <path\n strokeLinecap=\"round\"\n d=\"M10.833 1.667c4.445 3.541 4.445 10.625 0 14.166M5 6.667h12.5M5 10.833h12.5\"\n />\n <path\n fill=\"#fff\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n d=\"M10 16.146c0 .276-.109.541-.301.736a1.022 1.022 0 0 1-.728.305H3.724l-2.058 1.146v-6.458c0-.276.109-.541.302-.737.193-.195.454-.305.727-.305h6.276c.273 0 .535.11.728.305.192.196.3.46.3.737v4.27Z\"\n />\n </g>,\n <defs>\n <clipPath id=\"translation_svg__a\">\n <path fill=\"#fff\" d=\"M0 0h20v20H0z\" />\n </clipPath>\n </defs>\n );\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAIA,mBAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,YACE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,QAAQ,EAAC,0BAA0B,aAEnCC,gBAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,GAAI,EACzCA,cACE,aAAa,EAAC,OAAO,EACrB,CAAC,EAAC,oDAAoD,GACtD,EACFA,cACE,aAAa,EAAC,OAAO,EACrB,CAAC,EAAC,4EAA4E,GAC9E,EACFA,cACE,IAAI,EAAC,MAAM,EACX,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,oMAAoM,GACtM,IACA,EACJA,wBACEA,kBAAU,EAAE,EAAC,oBAAoB,YAC/BA,cAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG,GAC7B,GACN,CACR;AA7BD,CA6BC;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { Input } from '../input/index.js';
|
|
4
|
-
import { i as icons } from '../../index-
|
|
4
|
+
import { i as icons } from '../../index-608a56e3.js';
|
|
5
5
|
import { Button } from '../button/index.js';
|
|
6
6
|
import { c as classNames } from '../../index-6ea95111.js';
|
|
7
7
|
import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
|
|
@@ -62,6 +62,7 @@ import './icons/BikeBicycle.js';
|
|
|
62
62
|
import './icons/Blog.js';
|
|
63
63
|
import './icons/Bluetooth.js';
|
|
64
64
|
import './icons/Bold.js';
|
|
65
|
+
import './icons/Bone.js';
|
|
65
66
|
import './icons/BookOpen.js';
|
|
66
67
|
import './icons/Book.js';
|
|
67
68
|
import './icons/Bookmark.js';
|
|
@@ -77,6 +78,7 @@ import './icons/Calendar.js';
|
|
|
77
78
|
import './icons/CameraOff.js';
|
|
78
79
|
import './icons/Camera.js';
|
|
79
80
|
import './icons/CarTraffic.js';
|
|
81
|
+
import './icons/Car.js';
|
|
80
82
|
import './icons/Cast.js';
|
|
81
83
|
import './icons/ChainBikeBroken.js';
|
|
82
84
|
import './icons/CheckCircle.js';
|
|
@@ -166,6 +168,7 @@ import './icons/FileMinus.js';
|
|
|
166
168
|
import './icons/FilePlus.js';
|
|
167
169
|
import './icons/FileText.js';
|
|
168
170
|
import './icons/File.js';
|
|
171
|
+
import './icons/Files.js';
|
|
169
172
|
import './icons/Film.js';
|
|
170
173
|
import './icons/Filter.js';
|
|
171
174
|
import './icons/Fire.js';
|
|
@@ -194,6 +197,7 @@ import './icons/Heart.js';
|
|
|
194
197
|
import './icons/Hexagon.js';
|
|
195
198
|
import './icons/Home.js';
|
|
196
199
|
import './icons/HospitalBuilding.js';
|
|
200
|
+
import './icons/Id.js';
|
|
197
201
|
import './icons/ImagePicture.js';
|
|
198
202
|
import './icons/Inbox.js';
|
|
199
203
|
import './icons/InfoFilled.js';
|
|
@@ -279,10 +283,12 @@ import './icons/Power.js';
|
|
|
279
283
|
import './icons/Pregnacy.js';
|
|
280
284
|
import './icons/Printer.js';
|
|
281
285
|
import './icons/Progress.js';
|
|
286
|
+
import './icons/Prohibit.js';
|
|
282
287
|
import './icons/QrCode.js';
|
|
283
288
|
import './icons/QuestionmarkHelpCircle.js';
|
|
284
289
|
import './icons/QuotationMarks.js';
|
|
285
290
|
import './icons/Radio.js';
|
|
291
|
+
import './icons/Receipt.js';
|
|
286
292
|
import './icons/RefreshCcw.js';
|
|
287
293
|
import './icons/RefreshCw.js';
|
|
288
294
|
import './icons/Repeat.js';
|
|
@@ -308,6 +314,7 @@ import './icons/ShoppingBag.js';
|
|
|
308
314
|
import './icons/ShoppingCart.js';
|
|
309
315
|
import './icons/Shuffle.js';
|
|
310
316
|
import './icons/Sidebar.js';
|
|
317
|
+
import './icons/Signature.js';
|
|
311
318
|
import './icons/SkipBack.js';
|
|
312
319
|
import './icons/SkipForward.js';
|
|
313
320
|
import './icons/Slack.js';
|
|
@@ -318,6 +325,7 @@ import './icons/Smile.js';
|
|
|
318
325
|
import './icons/Sofa.js';
|
|
319
326
|
import './icons/Speaker.js';
|
|
320
327
|
import './icons/Square.js';
|
|
328
|
+
import './icons/Stamp.js';
|
|
321
329
|
import './icons/StarFilled.js';
|
|
322
330
|
import './icons/StarHalf.js';
|
|
323
331
|
import './icons/Star.js';
|
|
@@ -339,6 +347,7 @@ import './icons/ToggleRight.js';
|
|
|
339
347
|
import './icons/Tool.js';
|
|
340
348
|
import './icons/ToothFillingCracked.js';
|
|
341
349
|
import './icons/TrailerParts.js';
|
|
350
|
+
import './icons/Translation.js';
|
|
342
351
|
import './icons/Trash2.js';
|
|
343
352
|
import './icons/Trash.js';
|
|
344
353
|
import './icons/Trello.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.stories.js","sources":["../../../../../src/lib/components/icon/icons.stories.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport { Input } from '../input';\nimport * as icons from './icons';\nimport { Button } from '../button';\nimport classNames from 'classnames';\nimport styles from './style.module.scss';\n\nconst story = {\n title: 'JSX/Icon/IconsList',\n};\n\nconst iconsList = Object.entries(icons);\n\nexport const IconsList = () => {\n const [value, setValue] = useState('');\n const [options, setOptions] = useState(iconsList);\n\n const clearSearch = () => {\n setValue('');\n setOptions(iconsList);\n };\n\n const handleOnSearch = (event: ChangeEvent<HTMLInputElement>) => {\n const searchValue = event.target.value;\n setValue(event.target.value);\n\n if (searchValue === '') {\n setOptions(iconsList);\n return;\n }\n\n setOptions(iconsList.filter(([key]) => \n key.toLowerCase()\n .includes(searchValue.toLowerCase())\n ));\n };\n\n return (\n <div>\n <div className={classNames(styles.searchBar, 'bg-white')}>\n <div className='d-flex gap8 wmx12 m-auto'>\n <Input\n className='w70'\n onChange={handleOnSearch}\n placeholder='Search icon'\n value={value} \n />\n <Button className='w30' disabled={!value} onClick={clearSearch}>\n Clear search\n </Button>\n </div>\n </div>\n\n <div className='d-flex f-wrap mt80'>\n {options.map(([iconKey, Icon]) => (\n <div key={iconKey} className=\"w20 p8\">\n <div className='br4 p24 pt16 pb16 bg-grey-100 w100 d-flex fd-column ai-center'>\n <Icon size={32} />\n <span className='p-p--small'>{iconKey}</span>\n </div>\n </div>\n ))}\n </div>\n </div>\n );\n}\n\nexport default story;\n"],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"icons.stories.js","sources":["../../../../../src/lib/components/icon/icons.stories.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport { Input } from '../input';\nimport * as icons from './icons';\nimport { Button } from '../button';\nimport classNames from 'classnames';\nimport styles from './style.module.scss';\n\nconst story = {\n title: 'JSX/Icon/IconsList',\n};\n\nconst iconsList = Object.entries(icons);\n\nexport const IconsList = () => {\n const [value, setValue] = useState('');\n const [options, setOptions] = useState(iconsList);\n\n const clearSearch = () => {\n setValue('');\n setOptions(iconsList);\n };\n\n const handleOnSearch = (event: ChangeEvent<HTMLInputElement>) => {\n const searchValue = event.target.value;\n setValue(event.target.value);\n\n if (searchValue === '') {\n setOptions(iconsList);\n return;\n }\n\n setOptions(iconsList.filter(([key]) => \n key.toLowerCase()\n .includes(searchValue.toLowerCase())\n ));\n };\n\n return (\n <div>\n <div className={classNames(styles.searchBar, 'bg-white')}>\n <div className='d-flex gap8 wmx12 m-auto'>\n <Input\n className='w70'\n onChange={handleOnSearch}\n placeholder='Search icon'\n value={value} \n />\n <Button className='w30' disabled={!value} onClick={clearSearch}>\n Clear search\n </Button>\n </div>\n </div>\n\n <div className='d-flex f-wrap mt80'>\n {options.map(([iconKey, Icon]) => (\n <div key={iconKey} className=\"w20 p8\">\n <div className='br4 p24 pt16 pb16 bg-grey-100 w100 d-flex fd-column ai-center'>\n <Icon size={32} />\n <span className='p-p--small'>{iconKey}</span>\n </div>\n </div>\n ))}\n </div>\n </div>\n );\n}\n\nexport default story;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOM,KAAK,GAAG;IACZ,KAAK,EAAE,oBAAoB;EAC3B;AAEF,IAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAE3B,SAAS,GAAG;IACjB,IAAA,KAAoB,QAAQ,CAAC,EAAE,CAAC,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAC;IACjC,IAAA,KAAwB,QAAQ,CAAC,SAAS,CAAC,EAA1C,OAAO,QAAA,EAAE,UAAU,QAAuB,CAAC;IAElD,IAAM,WAAW,GAAG;QAClB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,UAAU,CAAC,SAAS,CAAC,CAAC;KACvB,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,KAAoC;QAC1D,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACvC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,WAAW,KAAK,EAAE,EAAE;YACtB,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,OAAO;SACR;QAED,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,UAAC,EAAK;gBAAJ,GAAG,QAAA;YAC/B,OAAA,GAAG,CAAC,WAAW,EAAE;iBACd,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;SAAA,CACvC,CAAC,CAAC;KACJ,CAAC;IAEF,QACEA,yBACEC,aAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,YACtDD,cAAK,SAAS,EAAC,0BAA0B,aACzCC,IAAC,KAAK,IACJ,SAAS,EAAC,KAAK,EACf,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,KAAK,GACZ,EACFA,IAAC,MAAM,IAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,6BAErD,IACH,GACF,EAENA,aAAK,SAAS,EAAC,oBAAoB,YAChC,OAAO,CAAC,GAAG,CAAC,UAAC,EAAe;wBAAd,OAAO,QAAA,EAAE,IAAI,QAAA;oBAAM,QAChCA,aAAmB,SAAS,EAAC,QAAQ,YACnCD,cAAK,SAAS,EAAC,+DAA+D,aAC5EC,IAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EAClBA,cAAM,SAAS,EAAC,YAAY,YAAE,OAAO,GAAQ,IACzC,IAJE,OAAO,CAKX;iBACP,CAAC,GACE,IACF,EACN;AACJ;;;;;"}
|