@searpent/react-image-annotate 2.3.4 → 2.3.6

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 (60) hide show
  1. package/Annotator/examplePhotos.js +28 -28
  2. package/Annotator/examplePhotos_repr.js +28 -28
  3. package/Annotator/index.js +40 -31
  4. package/Annotator/index.story_bugdemo_15_1.js +895 -773
  5. package/Annotator/index.story_repr.js +1048 -933
  6. package/Annotator/reducers/convert-expanding-line-to-polygon.js +15 -16
  7. package/ClassSelectionMenu/index.js +55 -35
  8. package/Crosshairs/index.js +30 -23
  9. package/DebugSidebarBox/index.js +40 -9
  10. package/DemoSite/Editor.js +124 -79
  11. package/DemoSite/ErrorBoundaryDialog.js +19 -6
  12. package/DemoSite/index.js +26 -17
  13. package/Editor/index.js +70 -36
  14. package/Editor/index_bugdemo_15_1.js +68 -35
  15. package/Editor/readOnly.js +178 -127
  16. package/Errorer/index.js +8 -3
  17. package/FullImageSegmentationAnnotator/index.js +6 -3
  18. package/GroupSelectorSidebarBox/index.js +48 -32
  19. package/GroupsEditorSidebarBox/index.js +75 -40
  20. package/HelpSidebarBox/index.js +24 -13
  21. package/HighlightBox/index.js +37 -30
  22. package/HistorySidebarBox/index.js +51 -29
  23. package/ImageCanvas/index.js +165 -130
  24. package/ImageMask/index.js +9 -6
  25. package/ImageSelectorSidebarBox/index.js +44 -26
  26. package/KeyframeTimeline/index.js +65 -45
  27. package/KeyframesSelectorSidebarBox/index.js +76 -54
  28. package/LandingPage/index.js +76 -38
  29. package/Locker/index.js +8 -3
  30. package/MainLayout/RightSidebarItemsWrapper.js +7 -4
  31. package/MainLayout/icon-dictionary.js +99 -66
  32. package/MainLayout/index.js +258 -196
  33. package/MainLayout/index_bugdemo_15_1.js +253 -195
  34. package/MetadataEditorSidebarBox/index.js +152 -102
  35. package/MetadataEditorSidebarBox/index_14_01_25.js +152 -102
  36. package/MetadataEditorSidebarBox/index_repr.js +183 -128
  37. package/PageSelector/UpdatedBySemaphore.js +95 -0
  38. package/PageSelector/index.js +181 -97
  39. package/PageSelector/page-selector.css +118 -2
  40. package/PointDistances/index.js +45 -33
  41. package/PreventScrollToParents/index.js +16 -9
  42. package/RegionLabel/index.js +217 -165
  43. package/RegionSelectAndTransformBoxes/index.js +131 -105
  44. package/RegionSelectorSidebarBox/index.js +243 -165
  45. package/RegionShapes/index.js +213 -153
  46. package/RegionTags/index.js +83 -69
  47. package/SettingsDialog/index.js +50 -37
  48. package/SettingsProvider/index.js +8 -5
  49. package/Shortcuts/ShortcutField.js +21 -14
  50. package/Shortcuts/index.js +18 -12
  51. package/ShortcutsManager/index.js +7 -4
  52. package/Sidebar/index.js +46 -29
  53. package/SidebarBoxContainer/index.js +14 -7
  54. package/SmallToolButton/index.js +23 -16
  55. package/TagsSidebarBox/index.js +41 -28
  56. package/TaskDescriptionSidebarBox/index.js +24 -13
  57. package/Theme/index.js +8 -3
  58. package/VideoOrImageCanvasBackground/index.js +30 -17
  59. package/package.json +1 -1
  60. package/utils/spellcheck-nspell.js +2 -2
package/Editor/index.js CHANGED
@@ -77,45 +77,79 @@ function Editor(_ref) {
77
77
  };
78
78
 
79
79
  if (blocks.length < 1) {
80
- return React.createElement("div", {
81
- className: "instructions"
82
- }, React.createElement("h1", null, "Click article to display text."));
80
+ return (
81
+ /*#__PURE__*/
82
+ React.createElement("div", {
83
+ className: "instructions"
84
+ },
85
+ /*#__PURE__*/
86
+ React.createElement("h1", null, "Click article to display text."))
87
+ );
83
88
  }
84
89
 
85
- return React.createElement("div", null, React.createElement("div", {
86
- className: "show-metadata-wrapper editor-toggle-wrapper"
87
- }, React.createElement("div", null, React.createElement("label", {
88
- className: "switch mr-2 editor-switch"
89
- }, React.createElement("input", {
90
- id: "automatic-spellcheck",
91
- type: "checkbox",
92
- checked: autoSpellcheck,
93
- onChange: toggleAutoSpellcheck
94
- }), React.createElement("span", {
95
- className: "slider round"
96
- })), React.createElement("label", {
97
- className: "mr-4"
98
- }, "Spellcheck")), React.createElement("div", null, React.createElement("label", {
99
- className: "switch mr-2 editor-switch"
100
- }, React.createElement("input", {
101
- id: "show-metadata",
102
- type: "checkbox",
103
- checked: editMode,
104
- onChange: toggleEditMode
105
- }), React.createElement("span", {
106
- className: "slider round"
107
- })), React.createElement("label", null, "Edit mode"))), !editMode ? React.createElement(ReadOnly, {
108
- article: blocksToArticle(blocks)
109
- }) : React.createElement(ReactEditorJS, {
110
- defaultValue: {
111
- blocks: blocks
90
+ return (
91
+ /*#__PURE__*/
92
+ React.createElement("div", null,
93
+ /*#__PURE__*/
94
+ React.createElement("div", {
95
+ className: "show-metadata-wrapper editor-toggle-wrapper"
96
+ },
97
+ /*#__PURE__*/
98
+ React.createElement("div", null,
99
+ /*#__PURE__*/
100
+ React.createElement("label", {
101
+ className: "switch mr-2 editor-switch"
102
+ },
103
+ /*#__PURE__*/
104
+ React.createElement("input", {
105
+ id: "automatic-spellcheck",
106
+ type: "checkbox",
107
+ checked: autoSpellcheck,
108
+ onChange: toggleAutoSpellcheck
109
+ }),
110
+ /*#__PURE__*/
111
+ React.createElement("span", {
112
+ className: "slider round"
113
+ })),
114
+ /*#__PURE__*/
115
+ React.createElement("label", {
116
+ className: "mr-4"
117
+ }, "Spellcheck")),
118
+ /*#__PURE__*/
119
+ React.createElement("div", null,
120
+ /*#__PURE__*/
121
+ React.createElement("label", {
122
+ className: "switch mr-2 editor-switch"
112
123
  },
113
- tools: EDITOR_JS_TOOLS,
114
- onChange: handleChange,
115
- onInitialize: function onInitialize() {},
116
- enableReInitialize: true,
117
- key: selectedFrame
118
- }));
124
+ /*#__PURE__*/
125
+ React.createElement("input", {
126
+ id: "show-metadata",
127
+ type: "checkbox",
128
+ checked: editMode,
129
+ onChange: toggleEditMode
130
+ }),
131
+ /*#__PURE__*/
132
+ React.createElement("span", {
133
+ className: "slider round"
134
+ })),
135
+ /*#__PURE__*/
136
+ React.createElement("label", null, "Edit mode"))), !editMode ?
137
+ /*#__PURE__*/
138
+ React.createElement(ReadOnly, {
139
+ article: blocksToArticle(blocks)
140
+ }) :
141
+ /*#__PURE__*/
142
+ React.createElement(ReactEditorJS, {
143
+ defaultValue: {
144
+ blocks: blocks
145
+ },
146
+ tools: EDITOR_JS_TOOLS,
147
+ onChange: handleChange,
148
+ onInitialize: function onInitialize() {},
149
+ enableReInitialize: true,
150
+ key: selectedFrame
151
+ }))
152
+ );
119
153
  }
120
154
 
121
155
  export default Editor;
@@ -110,42 +110,75 @@ function Editor(_ref) {
110
110
  return (i === null || i === void 0 ? void 0 : (_i$data3 = i.data) === null || _i$data3 === void 0 ? void 0 : _i$data3.groupId) === groupIdForEdit;
111
111
  }); // Normal: filter by selected article
112
112
 
113
- return React.createElement("div", null, React.createElement("div", {
114
- className: "show-metadata-wrapper editor-toggle-wrapper"
115
- }, React.createElement("div", null, React.createElement("label", {
116
- className: "switch mr-2 editor-switch"
117
- }, React.createElement("input", {
118
- id: "automatic-spellcheck",
119
- type: "checkbox",
120
- checked: autoSpellcheck,
121
- onChange: toggleAutoSpellcheck
122
- }), React.createElement("span", {
123
- className: "slider round"
124
- })), React.createElement("label", {
125
- className: "mr-4"
126
- }, "Spellcheck")), React.createElement("div", null, React.createElement("label", {
127
- className: "switch mr-2 editor-switch"
128
- }, React.createElement("input", {
129
- id: "show-metadata",
130
- type: "checkbox",
131
- checked: editMode,
132
- onChange: toggleEditMode
133
- }), React.createElement("span", {
134
- className: "slider round"
135
- })), React.createElement("label", null, "Edit mode"))), blocksForReadOnly.length < 1 ? React.createElement("div", {
136
- className: "instructions"
137
- }, React.createElement("h1", null, "Click article to display text.")) : !editMode ? React.createElement(ReadOnly, {
138
- article: blocksToArticle(blocksForReadOnly)
139
- }) : React.createElement(ReactEditorJS, {
140
- defaultValue: {
141
- blocks: blocksForEdit
113
+ return (
114
+ /*#__PURE__*/
115
+ React.createElement("div", null,
116
+ /*#__PURE__*/
117
+ React.createElement("div", {
118
+ className: "show-metadata-wrapper editor-toggle-wrapper"
119
+ },
120
+ /*#__PURE__*/
121
+ React.createElement("div", null,
122
+ /*#__PURE__*/
123
+ React.createElement("label", {
124
+ className: "switch mr-2 editor-switch"
142
125
  },
143
- tools: EDITOR_JS_TOOLS,
144
- onChange: handleChange,
145
- onInitialize: function onInitialize() {},
146
- enableReInitialize: true,
147
- key: selectedFrame
148
- }));
126
+ /*#__PURE__*/
127
+ React.createElement("input", {
128
+ id: "automatic-spellcheck",
129
+ type: "checkbox",
130
+ checked: autoSpellcheck,
131
+ onChange: toggleAutoSpellcheck
132
+ }),
133
+ /*#__PURE__*/
134
+ React.createElement("span", {
135
+ className: "slider round"
136
+ })),
137
+ /*#__PURE__*/
138
+ React.createElement("label", {
139
+ className: "mr-4"
140
+ }, "Spellcheck")),
141
+ /*#__PURE__*/
142
+ React.createElement("div", null,
143
+ /*#__PURE__*/
144
+ React.createElement("label", {
145
+ className: "switch mr-2 editor-switch"
146
+ },
147
+ /*#__PURE__*/
148
+ React.createElement("input", {
149
+ id: "show-metadata",
150
+ type: "checkbox",
151
+ checked: editMode,
152
+ onChange: toggleEditMode
153
+ }),
154
+ /*#__PURE__*/
155
+ React.createElement("span", {
156
+ className: "slider round"
157
+ })),
158
+ /*#__PURE__*/
159
+ React.createElement("label", null, "Edit mode"))), blocksForReadOnly.length < 1 ?
160
+ /*#__PURE__*/
161
+ React.createElement("div", {
162
+ className: "instructions"
163
+ },
164
+ /*#__PURE__*/
165
+ React.createElement("h1", null, "Click article to display text.")) : !editMode ?
166
+ /*#__PURE__*/
167
+ React.createElement(ReadOnly, {
168
+ article: blocksToArticle(blocksForReadOnly)
169
+ }) :
170
+ /*#__PURE__*/
171
+ React.createElement(ReactEditorJS, {
172
+ defaultValue: {
173
+ blocks: blocksForEdit
174
+ },
175
+ tools: EDITOR_JS_TOOLS,
176
+ onChange: handleChange,
177
+ onInitialize: function onInitialize() {},
178
+ enableReInitialize: true,
179
+ key: selectedFrame
180
+ }))
181
+ );
149
182
  }
150
183
 
151
184
  export default Editor;
@@ -347,133 +347,184 @@ function ReadOnly(_ref) {
347
347
  cancelled = true;
348
348
  };
349
349
  }, [article]);
350
- return React.createElement("div", {
351
- ref: containerRef,
352
- contentEditable: false,
353
- suppressContentEditableWarning: true,
354
- spellCheck: false,
355
- lang: "en-US",
356
- style: {
357
- outline: 'none',
358
- userSelect: 'text',
359
- minHeight: '100px'
360
- }
361
- }, React.createElement("style", null, ".spell-error { text-decoration: wavy underline red; text-decoration-skip-ink: auto; }"), React.createElement("h1", {
362
- className: "ro-title",
363
- dangerouslySetInnerHTML: {
364
- __html: titleHTML
365
- }
366
- }), React.createElement("h2", {
367
- className: "ro-subtitle",
368
- dangerouslySetInnerHTML: {
369
- __html: subtitleHTML
370
- }
371
- }), React.createElement("p", {
372
- className: "ro-text",
373
- dangerouslySetInnerHTML: {
374
- __html: textHTML
375
- }
376
- }), React.createElement("p", {
377
- className: "ro-author",
378
- dangerouslySetInnerHTML: {
379
- __html: authorHTML
380
- }
381
- }), React.createElement("p", {
382
- className: "ro-about-author",
383
- dangerouslySetInnerHTML: {
384
- __html: aboutHTML
385
- }
386
- }), React.createElement("p", {
387
- className: "ro-appendix",
388
- dangerouslySetInnerHTML: {
389
- __html: appendixHTML
390
- }
391
- }), React.createElement("p", {
392
- className: "ro-photo-author",
393
- dangerouslySetInnerHTML: {
394
- __html: photoAuthorHTML
395
- }
396
- }), React.createElement("p", {
397
- className: "ro-photo-caption",
398
- dangerouslySetInnerHTML: {
399
- __html: photoCaptionHTML
400
- }
401
- }), React.createElement("p", {
402
- className: "ro-advertisment",
403
- dangerouslySetInnerHTML: {
404
- __html: adHTML
405
- }
406
- }), React.createElement("p", {
407
- className: "ro-other-graphics",
408
- dangerouslySetInnerHTML: {
409
- __html: otherGraphicsHTML
410
- }
411
- }), React.createElement("p", {
412
- className: "ro-unknown",
413
- dangerouslySetInnerHTML: {
414
- __html: unknownHTML
415
- }
416
- }), React.createElement("p", {
417
- className: "ro-table",
418
- dangerouslySetInnerHTML: {
419
- __html: tableHTML
420
- }
421
- }), React.createElement("p", {
422
- className: "ro-section",
423
- dangerouslySetInnerHTML: {
424
- __html: sectionHTML
425
- }
426
- }), React.createElement("p", {
427
- className: "ro-continuation_ref",
428
- dangerouslySetInnerHTML: {
429
- __html: continuationRefHTML
430
- }
431
- }), React.createElement("p", {
432
- className: "ro-cover_clip",
433
- dangerouslySetInnerHTML: {
434
- __html: coverClipHTML
435
- }
436
- }), React.createElement("p", {
437
- className: "ro-page_id",
438
- dangerouslySetInnerHTML: {
439
- __html: pageIdHTML
440
- }
441
- }), React.createElement("p", {
442
- className: "ro-continuation_mark",
443
- dangerouslySetInnerHTML: {
444
- __html: continuationMarkHTML
445
- }
446
- }), React.createElement("p", {
447
- className: "ro-follow_up_mark",
448
- dangerouslySetInnerHTML: {
449
- __html: followUpMarkHTML
450
- }
451
- }), React.createElement("p", {
452
- className: "ro-article_termination_mark",
453
- dangerouslySetInnerHTML: {
454
- __html: articleTerminationMarkHTML
455
- }
456
- }), React.createElement("p", {
457
- className: "ro-page_splitting_stripe",
458
- dangerouslySetInnerHTML: {
459
- __html: pageSplittingStripeHTML
460
- }
461
- }), React.createElement("p", {
462
- className: "ro-column_id_stripe",
463
- dangerouslySetInnerHTML: {
464
- __html: columnIdStripeHTML
465
- }
466
- }), React.createElement("p", {
467
- className: "ro-prev_page_reference",
468
- dangerouslySetInnerHTML: {
469
- __html: prevPageReferenceHTML
470
- }
471
- }), React.createElement("p", {
472
- className: "ro-section_subcategory",
473
- dangerouslySetInnerHTML: {
474
- __html: sectionSubcategoryHTML
475
- }
476
- }));
350
+ return (
351
+ /*#__PURE__*/
352
+ React.createElement("div", {
353
+ ref: containerRef,
354
+ contentEditable: false,
355
+ suppressContentEditableWarning: true,
356
+ spellCheck: false,
357
+ lang: "en-US",
358
+ style: {
359
+ outline: 'none',
360
+ userSelect: 'text',
361
+ minHeight: '100px'
362
+ }
363
+ },
364
+ /*#__PURE__*/
365
+ React.createElement("style", null, ".spell-error { text-decoration: wavy underline red; text-decoration-skip-ink: auto; }"),
366
+ /*#__PURE__*/
367
+ React.createElement("h1", {
368
+ className: "ro-title",
369
+ dangerouslySetInnerHTML: {
370
+ __html: titleHTML
371
+ }
372
+ }),
373
+ /*#__PURE__*/
374
+ React.createElement("h2", {
375
+ className: "ro-subtitle",
376
+ dangerouslySetInnerHTML: {
377
+ __html: subtitleHTML
378
+ }
379
+ }),
380
+ /*#__PURE__*/
381
+ React.createElement("p", {
382
+ className: "ro-text",
383
+ dangerouslySetInnerHTML: {
384
+ __html: textHTML
385
+ }
386
+ }),
387
+ /*#__PURE__*/
388
+ React.createElement("p", {
389
+ className: "ro-author",
390
+ dangerouslySetInnerHTML: {
391
+ __html: authorHTML
392
+ }
393
+ }),
394
+ /*#__PURE__*/
395
+ React.createElement("p", {
396
+ className: "ro-about-author",
397
+ dangerouslySetInnerHTML: {
398
+ __html: aboutHTML
399
+ }
400
+ }),
401
+ /*#__PURE__*/
402
+ React.createElement("p", {
403
+ className: "ro-appendix",
404
+ dangerouslySetInnerHTML: {
405
+ __html: appendixHTML
406
+ }
407
+ }),
408
+ /*#__PURE__*/
409
+ React.createElement("p", {
410
+ className: "ro-photo-author",
411
+ dangerouslySetInnerHTML: {
412
+ __html: photoAuthorHTML
413
+ }
414
+ }),
415
+ /*#__PURE__*/
416
+ React.createElement("p", {
417
+ className: "ro-photo-caption",
418
+ dangerouslySetInnerHTML: {
419
+ __html: photoCaptionHTML
420
+ }
421
+ }),
422
+ /*#__PURE__*/
423
+ React.createElement("p", {
424
+ className: "ro-advertisment",
425
+ dangerouslySetInnerHTML: {
426
+ __html: adHTML
427
+ }
428
+ }),
429
+ /*#__PURE__*/
430
+ React.createElement("p", {
431
+ className: "ro-other-graphics",
432
+ dangerouslySetInnerHTML: {
433
+ __html: otherGraphicsHTML
434
+ }
435
+ }),
436
+ /*#__PURE__*/
437
+ React.createElement("p", {
438
+ className: "ro-unknown",
439
+ dangerouslySetInnerHTML: {
440
+ __html: unknownHTML
441
+ }
442
+ }),
443
+ /*#__PURE__*/
444
+ React.createElement("p", {
445
+ className: "ro-table",
446
+ dangerouslySetInnerHTML: {
447
+ __html: tableHTML
448
+ }
449
+ }),
450
+ /*#__PURE__*/
451
+ React.createElement("p", {
452
+ className: "ro-section",
453
+ dangerouslySetInnerHTML: {
454
+ __html: sectionHTML
455
+ }
456
+ }),
457
+ /*#__PURE__*/
458
+ React.createElement("p", {
459
+ className: "ro-continuation_ref",
460
+ dangerouslySetInnerHTML: {
461
+ __html: continuationRefHTML
462
+ }
463
+ }),
464
+ /*#__PURE__*/
465
+ React.createElement("p", {
466
+ className: "ro-cover_clip",
467
+ dangerouslySetInnerHTML: {
468
+ __html: coverClipHTML
469
+ }
470
+ }),
471
+ /*#__PURE__*/
472
+ React.createElement("p", {
473
+ className: "ro-page_id",
474
+ dangerouslySetInnerHTML: {
475
+ __html: pageIdHTML
476
+ }
477
+ }),
478
+ /*#__PURE__*/
479
+ React.createElement("p", {
480
+ className: "ro-continuation_mark",
481
+ dangerouslySetInnerHTML: {
482
+ __html: continuationMarkHTML
483
+ }
484
+ }),
485
+ /*#__PURE__*/
486
+ React.createElement("p", {
487
+ className: "ro-follow_up_mark",
488
+ dangerouslySetInnerHTML: {
489
+ __html: followUpMarkHTML
490
+ }
491
+ }),
492
+ /*#__PURE__*/
493
+ React.createElement("p", {
494
+ className: "ro-article_termination_mark",
495
+ dangerouslySetInnerHTML: {
496
+ __html: articleTerminationMarkHTML
497
+ }
498
+ }),
499
+ /*#__PURE__*/
500
+ React.createElement("p", {
501
+ className: "ro-page_splitting_stripe",
502
+ dangerouslySetInnerHTML: {
503
+ __html: pageSplittingStripeHTML
504
+ }
505
+ }),
506
+ /*#__PURE__*/
507
+ React.createElement("p", {
508
+ className: "ro-column_id_stripe",
509
+ dangerouslySetInnerHTML: {
510
+ __html: columnIdStripeHTML
511
+ }
512
+ }),
513
+ /*#__PURE__*/
514
+ React.createElement("p", {
515
+ className: "ro-prev_page_reference",
516
+ dangerouslySetInnerHTML: {
517
+ __html: prevPageReferenceHTML
518
+ }
519
+ }),
520
+ /*#__PURE__*/
521
+ React.createElement("p", {
522
+ className: "ro-section_subcategory",
523
+ dangerouslySetInnerHTML: {
524
+ __html: sectionSubcategoryHTML
525
+ }
526
+ }))
527
+ );
477
528
  }
478
529
 
479
530
  export default ReadOnly;
package/Errorer/index.js CHANGED
@@ -3,9 +3,14 @@ import ErrorIcon from '@mui/icons-material/Error';
3
3
  import './errorer.css';
4
4
 
5
5
  function Errorer() {
6
- return React.createElement("div", {
7
- className: "errorer"
8
- }, React.createElement(ErrorIcon, null));
6
+ return (
7
+ /*#__PURE__*/
8
+ React.createElement("div", {
9
+ className: "errorer"
10
+ },
11
+ /*#__PURE__*/
12
+ React.createElement(ErrorIcon, null))
13
+ );
9
14
  }
10
15
 
11
16
  export default Errorer;
@@ -1,7 +1,10 @@
1
1
  import React from "react";
2
2
  import Annotator from "../Annotator";
3
3
  export default (function (props) {
4
- return React.createElement(Annotator, Object.assign({}, props, {
5
- fullImageSegmentationMode: true
6
- }));
4
+ return (
5
+ /*#__PURE__*/
6
+ React.createElement(Annotator, Object.assign({}, props, {
7
+ fullImageSegmentationMode: true
8
+ }))
9
+ );
7
10
  });
@@ -25,39 +25,55 @@ export var GroupSelectorSidebarBox = function GroupSelectorSidebarBox(_ref) {
25
25
  onSelect = _ref.onSelect,
26
26
  selectedGroupId = _ref.selectedGroupId;
27
27
  var classes = useStyles();
28
- return React.createElement(ThemeProvider, {
29
- theme: theme
30
- }, React.createElement(SidebarBoxContainer, {
31
- title: title || '',
32
- subTitle: subtitle || '',
33
- icon: React.createElement(CollectionsIcon, {
34
- style: {
35
- color: grey[700]
36
- }
37
- })
38
- }, React.createElement(List, null, groups.map(function (_ref2, i) {
39
- var id = _ref2.id,
40
- groupTitle = _ref2.title,
41
- groupSubtitle = _ref2.subtitle,
42
- color = _ref2.color;
43
- return React.createElement(ListItem, {
44
- button: true,
45
- onClick: function onClick() {
46
- return onSelect(id);
47
- },
48
- dense: true,
49
- key: id,
50
- style: {
51
- backgroundColor: id === selectedGroupId ? '#bbdefb' : null
52
- }
53
- }, React.createElement(ListItemText, {
54
- primary: React.createElement("strong", {
28
+ return (
29
+ /*#__PURE__*/
30
+ React.createElement(ThemeProvider, {
31
+ theme: theme
32
+ },
33
+ /*#__PURE__*/
34
+ React.createElement(SidebarBoxContainer, {
35
+ title: title || '',
36
+ subTitle: subtitle || '',
37
+ icon:
38
+ /*#__PURE__*/
39
+ React.createElement(CollectionsIcon, {
55
40
  style: {
56
- color: color
41
+ color: grey[700]
57
42
  }
58
- }, uuidToHash(groupTitle)),
59
- secondary: groupSubtitle
60
- }));
61
- }))));
43
+ })
44
+ },
45
+ /*#__PURE__*/
46
+ React.createElement(List, null, groups.map(function (_ref2, i) {
47
+ var id = _ref2.id,
48
+ groupTitle = _ref2.title,
49
+ groupSubtitle = _ref2.subtitle,
50
+ color = _ref2.color;
51
+ return (
52
+ /*#__PURE__*/
53
+ React.createElement(ListItem, {
54
+ button: true,
55
+ onClick: function onClick() {
56
+ return onSelect(id);
57
+ },
58
+ dense: true,
59
+ key: id,
60
+ style: {
61
+ backgroundColor: id === selectedGroupId ? '#bbdefb' : null
62
+ }
63
+ },
64
+ /*#__PURE__*/
65
+ React.createElement(ListItemText, {
66
+ primary:
67
+ /*#__PURE__*/
68
+ React.createElement("strong", {
69
+ style: {
70
+ color: color
71
+ }
72
+ }, uuidToHash(groupTitle)),
73
+ secondary: groupSubtitle
74
+ }))
75
+ );
76
+ }))))
77
+ );
62
78
  };
63
79
  export default GroupSelectorSidebarBox;