@fibery/ui-kit 1.39.1 → 1.40.1
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/CHANGELOG.md +12 -0
- package/package.json +7 -7
- package/src/appIcons.json +10 -0
- package/src/box.tsx +2 -2
- package/src/button/base-button.tsx +18 -3
- package/src/button/button.tsx +14 -6
- package/src/button/icon-button.tsx +4 -1
- package/src/button/select-button.tsx +11 -3
- package/src/collapsible/index.tsx +2 -2
- package/src/command-menu/index.tsx +4 -2
- package/src/copy-to-clipboard.ts +10 -0
- package/src/dot.tsx +36 -0
- package/src/file-item-2.tsx +223 -133
- package/src/file-item.tsx +2 -0
- package/src/guide-link.tsx +1 -1
- package/src/html-styles.ts +13 -27
- package/src/icons/ast/FileImage.ts +1 -1
- package/src/icons/ast/Mermaid.ts +8 -0
- package/src/icons/ast/QuickFilter.ts +8 -0
- package/src/icons/ast/QuickFilterPersonal.ts +8 -0
- package/src/icons/ast/TextNoWrap.ts +8 -0
- package/src/icons/ast/TextWrap.ts +8 -0
- package/src/icons/ast/TypeId.ts +8 -0
- package/src/icons/ast/index.tsx +6 -0
- package/src/icons/react/Mermaid.tsx +13 -0
- package/src/icons/react/QuickFilter.tsx +13 -0
- package/src/icons/react/QuickFilterPersonal.tsx +13 -0
- package/src/icons/react/TextNoWrap.tsx +13 -0
- package/src/icons/react/TextWrap.tsx +13 -0
- package/src/icons/react/TypeId.tsx +13 -0
- package/src/icons/react/index.tsx +6 -0
- package/src/icons/svg/file-image.svg +2 -2
- package/src/icons/svg/mermaid.svg +3 -0
- package/src/icons/svg/quick-filter-personal.svg +3 -0
- package/src/icons/svg/quick-filter.svg +3 -0
- package/src/icons/svg/text-no-wrap.svg +3 -0
- package/src/icons/svg/text-wrap.svg +3 -0
- package/src/icons/svg/type/id.svg +3 -0
- package/src/images-gallery/get-gallery-src.ts +71 -0
- package/src/images-gallery/images-gallery-fall-through-provider.tsx +2 -1
- package/src/images-gallery/images-gallery.tsx +524 -185
- package/src/{images-gallery-2 → images-gallery}/slide-buttons.tsx +25 -13
- package/src/images-gallery/thumbnails-mime-types-white-list.ts +17 -0
- package/src/images-gallery/zoom.tsx +5 -94
- package/src/notification-dot.tsx +11 -21
- package/src/popover/index.tsx +8 -4
- package/src/select/components/menu-list-virtualized.tsx +123 -84
- package/src/select/components/menu.tsx +6 -3
- package/src/select/index.tsx +95 -259
- package/src/select/select-in-popover.tsx +11 -3
- package/src/select/select.tsx +288 -0
- package/src/table.tsx +13 -10
- package/src/toggle-button/toggle-button.tsx +21 -4
- package/src/toggle-on-off.tsx +10 -1
- package/src/images-gallery-2/images-gallery-2.tsx +0 -522
- package/src/images-gallery-2/zoom.tsx +0 -35
package/src/html-styles.ts
CHANGED
|
@@ -142,7 +142,7 @@ const htmlStyles = {
|
|
|
142
142
|
paddingTop: space.s3,
|
|
143
143
|
paddingBottom: space.s3,
|
|
144
144
|
...textStyles.big,
|
|
145
|
-
lineHeight: lineHeight.
|
|
145
|
+
lineHeight: lineHeight.regular,
|
|
146
146
|
},
|
|
147
147
|
"& .fibery-rich-text-check-item": {
|
|
148
148
|
marginTop: space.s3,
|
|
@@ -150,7 +150,7 @@ const htmlStyles = {
|
|
|
150
150
|
paddingTop: space.s3,
|
|
151
151
|
paddingBottom: space.s3,
|
|
152
152
|
...textStyles.big,
|
|
153
|
-
lineHeight: lineHeight.
|
|
153
|
+
lineHeight: lineHeight.regular,
|
|
154
154
|
},
|
|
155
155
|
"& table": {
|
|
156
156
|
marginTop: space.s8,
|
|
@@ -167,7 +167,7 @@ const htmlStyles = {
|
|
|
167
167
|
paddingTop: space.s3,
|
|
168
168
|
paddingBottom: space.s3,
|
|
169
169
|
...textStyles.big,
|
|
170
|
-
lineHeight: lineHeight.
|
|
170
|
+
lineHeight: lineHeight.regular,
|
|
171
171
|
},
|
|
172
172
|
},
|
|
173
173
|
"& .code-block": {
|
|
@@ -181,12 +181,8 @@ const htmlStyles = {
|
|
|
181
181
|
paddingBottom: space.s24 + space.s4,
|
|
182
182
|
paddingLeft: space.s12 + space.s4,
|
|
183
183
|
paddingRight: space.s12 + space.s4,
|
|
184
|
-
backgroundColor: themeVars.codeBlockBgColor,
|
|
185
|
-
borderRadius: 6,
|
|
186
184
|
...textStyles.code,
|
|
187
|
-
|
|
188
|
-
marginBottom: 0,
|
|
189
|
-
},
|
|
185
|
+
marginBottom: 0,
|
|
190
186
|
},
|
|
191
187
|
"& code": {
|
|
192
188
|
...textStyles.code,
|
|
@@ -227,14 +223,12 @@ const htmlStyles = {
|
|
|
227
223
|
},
|
|
228
224
|
},
|
|
229
225
|
"& > *:first-child": {
|
|
230
|
-
marginTop:
|
|
226
|
+
marginTop: space.s3,
|
|
231
227
|
paddingTop: space.s3,
|
|
232
228
|
paddingBottom: space.s3,
|
|
233
229
|
},
|
|
234
230
|
"& > *:last-child": {
|
|
235
|
-
marginBottom:
|
|
236
|
-
paddingTop: space.s3,
|
|
237
|
-
paddingBottom: space.s3,
|
|
231
|
+
marginBottom: space.s3,
|
|
238
232
|
},
|
|
239
233
|
"& > .fibery-rich-text-image-block:last-child": {
|
|
240
234
|
marginBottom: space.s4,
|
|
@@ -356,7 +350,7 @@ const smallHtmlStyles = {
|
|
|
356
350
|
paddingTop: space.s2,
|
|
357
351
|
paddingBottom: space.s2,
|
|
358
352
|
...textStyles.regular,
|
|
359
|
-
lineHeight: lineHeight.
|
|
353
|
+
lineHeight: lineHeight.regular,
|
|
360
354
|
},
|
|
361
355
|
"& .fibery-rich-text-check-item": {
|
|
362
356
|
marginTop: space.s2,
|
|
@@ -364,7 +358,7 @@ const smallHtmlStyles = {
|
|
|
364
358
|
paddingTop: space.s2,
|
|
365
359
|
paddingBottom: space.s2,
|
|
366
360
|
...textStyles.regular,
|
|
367
|
-
lineHeight: lineHeight.
|
|
361
|
+
lineHeight: lineHeight.regular,
|
|
368
362
|
},
|
|
369
363
|
"& table": {
|
|
370
364
|
marginTop: space.s6,
|
|
@@ -381,7 +375,7 @@ const smallHtmlStyles = {
|
|
|
381
375
|
paddingTop: space.s2,
|
|
382
376
|
paddingBottom: space.s2,
|
|
383
377
|
...textStyles.regular,
|
|
384
|
-
lineHeight: lineHeight.
|
|
378
|
+
lineHeight: lineHeight.regular,
|
|
385
379
|
},
|
|
386
380
|
},
|
|
387
381
|
"& .code-block": {
|
|
@@ -395,12 +389,8 @@ const smallHtmlStyles = {
|
|
|
395
389
|
paddingBottom: space.s20 + space.s4,
|
|
396
390
|
paddingLeft: space.s10 + space.s4,
|
|
397
391
|
paddingRight: space.s10 + space.s4,
|
|
398
|
-
backgroundColor: themeVars.codeBlockBgColor,
|
|
399
|
-
borderRadius: 6,
|
|
400
392
|
...textStyles.code,
|
|
401
|
-
|
|
402
|
-
marginBottom: 0,
|
|
403
|
-
},
|
|
393
|
+
marginBottom: 0,
|
|
404
394
|
},
|
|
405
395
|
"& code": {
|
|
406
396
|
...textStyles.code,
|
|
@@ -447,8 +437,6 @@ const smallHtmlStyles = {
|
|
|
447
437
|
},
|
|
448
438
|
"& > *:last-child": {
|
|
449
439
|
marginBottom: 0,
|
|
450
|
-
paddingTop: space.s2,
|
|
451
|
-
paddingBottom: space.s2,
|
|
452
440
|
},
|
|
453
441
|
"& > .fibery-rich-text-image-block:last-child": {
|
|
454
442
|
marginBottom: space.s2,
|
|
@@ -554,7 +542,7 @@ const chatHtmlStyles = {
|
|
|
554
542
|
paddingTop: space.s2,
|
|
555
543
|
paddingBottom: space.s2,
|
|
556
544
|
...textStyles.regular,
|
|
557
|
-
lineHeight: lineHeight.
|
|
545
|
+
lineHeight: lineHeight.regular,
|
|
558
546
|
[`${mobileRootSelector} &`]: {
|
|
559
547
|
...textStyles.big,
|
|
560
548
|
},
|
|
@@ -565,7 +553,7 @@ const chatHtmlStyles = {
|
|
|
565
553
|
paddingTop: space.s2,
|
|
566
554
|
paddingBottom: space.s2,
|
|
567
555
|
...textStyles.regular,
|
|
568
|
-
lineHeight: lineHeight.
|
|
556
|
+
lineHeight: lineHeight.regular,
|
|
569
557
|
},
|
|
570
558
|
"& table": {
|
|
571
559
|
marginTop: space.s4,
|
|
@@ -582,7 +570,7 @@ const chatHtmlStyles = {
|
|
|
582
570
|
paddingTop: space.s2,
|
|
583
571
|
paddingBottom: space.s2,
|
|
584
572
|
...textStyles.regular,
|
|
585
|
-
lineHeight: lineHeight.
|
|
573
|
+
lineHeight: lineHeight.regular,
|
|
586
574
|
},
|
|
587
575
|
},
|
|
588
576
|
"& .code-block": {
|
|
@@ -596,8 +584,6 @@ const chatHtmlStyles = {
|
|
|
596
584
|
paddingBottom: space.s20 + space.s4,
|
|
597
585
|
paddingLeft: space.s10 + space.s4,
|
|
598
586
|
paddingRight: space.s10 + space.s4,
|
|
599
|
-
backgroundColor: themeVars.codeBlockBgColor,
|
|
600
|
-
borderRadius: 6,
|
|
601
587
|
...textStyles.code,
|
|
602
588
|
fontSize: typeSizes[5],
|
|
603
589
|
"& *:last-child": {
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
|
|
4
4
|
import { IconDefinition } from '../types';
|
|
5
5
|
|
|
6
|
-
const FileImage: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0
|
|
6
|
+
const FileImage: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M15.75 3A2.25 2.25 0 0 1 18 5.25v9.5A2.25 2.25 0 0 1 15.75 17H4.25A2.25 2.25 0 0 1 2 14.75v-9.5A2.25 2.25 0 0 1 4.25 3h11.5ZM4.25 4.5a.75.75 0 0 0-.75.75v9.5c0 .414.336.75.75.75h11.5a.75.75 0 0 0 .75-.75v-9.5a.75.75 0 0 0-.75-.75H4.25Zm9.896 8.646a.5.5 0 0 1-.353.854H6.207a.5.5 0 0 1-.353-.854L8 11l1 1 2-2 3.146 3.146ZM14 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"},"children":[]}],"metadata":""}]},"name":"file-image"};
|
|
7
7
|
|
|
8
8
|
export default FileImage;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const Mermaid: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M13.967 15.32c0 .446-.18.873-.498 1.188a1.71 1.71 0 0 1-1.202.492H7.733a1.71 1.71 0 0 1-1.202-.492 1.67 1.67 0 0 1-.498-1.188v-.922a3.45 3.45 0 0 0-.405-1.624c-.267-.5-.653-.93-1.125-1.25A6.87 6.87 0 0 1 2.296 9.07 6.779 6.779 0 0 1 1.5 5.882V4.68c0-.446.18-.873.498-1.188A1.71 1.71 0 0 1 3.2 3h.755c1.194 0 2.37.291 3.425.846A7.258 7.258 0 0 1 10 6.184a7.258 7.258 0 0 1 2.62-2.338A7.357 7.357 0 0 1 16.045 3h.755c.45 0 .883.177 1.202.492.319.315.498.742.498 1.188v1.202a6.78 6.78 0 0 1-.796 3.188 6.87 6.87 0 0 1-2.207 2.454c-.472.32-.858.75-1.125 1.25a3.45 3.45 0 0 0-.405 1.624v.922ZM4.9 4.758c.94.16 1.824.555 2.566 1.148a5.515 5.515 0 0 1 1.67 2.24c.312.771 1.416.771 1.728 0a5.524 5.524 0 0 1 2.052-2.519 5.623 5.623 0 0 1 3.13-.947h.754v1.202a5.12 5.12 0 0 1-.719 2.615 5.188 5.188 0 0 1-1.548 1.643 5.15 5.15 0 0 0-2.266 4.258v.922H7.733v-.922a5.15 5.15 0 0 0-2.266-4.258A5.184 5.184 0 0 1 3.8 8.288 5.115 5.115 0 0 1 3.2 5.882V4.68h.755c.32 0 .636.026.945.078Z"},"children":[]}],"metadata":""}]},"name":"mermaid"};
|
|
7
|
+
|
|
8
|
+
export default Mermaid;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const QuickFilter: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M15.25 2A2.75 2.75 0 0 1 18 4.75v10.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25V4.75A2.75 2.75 0 0 1 4.75 2h10.5ZM4.75 3.5c-.69 0-1.25.56-1.25 1.25v10.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25V4.75c0-.69-.56-1.25-1.25-1.25H4.75Zm6.5 8.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1 0-1.5h2.5Zm1-2.75a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5h4.5Zm1-2.75a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h6.5Z","fill":"#000"},"children":[]}],"metadata":""}]},"name":"quick-filter"};
|
|
7
|
+
|
|
8
|
+
export default QuickFilter;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const QuickFilterPersonal: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M2.75 11.25a.75.75 0 0 1 .75.75v3.25c0 .69.56 1.25 1.25 1.25H8A.75.75 0 0 1 8 18H4.75A2.75 2.75 0 0 1 2 15.25V12a.75.75 0 0 1 .75-.75Zm14.5 0A.75.75 0 0 1 18 12v3.25A2.75 2.75 0 0 1 15.25 18H12a.75.75 0 0 1 0-1.5h3.25c.69 0 1.25-.56 1.25-1.25V12a.75.75 0 0 1 .75-.75Zm-6 .75a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1 0-1.5h2.5Zm1-2.75a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5h4.5ZM8 2a.75.75 0 0 1 0 1.5H4.75c-.69 0-1.25.56-1.25 1.25V8A.75.75 0 0 1 2 8V4.75A2.75 2.75 0 0 1 4.75 2H8Zm7.25 0A2.75 2.75 0 0 1 18 4.75V8a.75.75 0 0 1-1.5 0V4.75c0-.69-.56-1.25-1.25-1.25H12A.75.75 0 0 1 12 2h3.25Zm-2 4.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h6.5Z","fill":"#000"},"children":[]}],"metadata":""}]},"name":"quick-filter-personal"};
|
|
7
|
+
|
|
8
|
+
export default QuickFilterPersonal;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const TextNoWrap: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M14.709 12.025a.75.75 0 0 1 1.06-.01l1.75 1.713a.752.752 0 0 1 0 1.072l-1.75 1.715a.75.75 0 0 1-1.048-1.073l.436-.427H12.37a.75.75 0 0 1 0-1.5h2.788l-.437-.43a.75.75 0 0 1-.012-1.06ZM9 13.5A.75.75 0 0 1 9 15H3a.75.75 0 0 1 0-1.5h6Zm8-5a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h14Zm0-5.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h14Z"},"children":[]}],"metadata":""}]},"name":"text-no-wrap"};
|
|
7
|
+
|
|
8
|
+
export default TextNoWrap;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const TextWrap: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"d":"M16.25 11.714c0-.478-.194-.94-.544-1.282a1.903 1.903 0 0 0-1.331-.54H3a.75.75 0 0 1 0-1.5h11.375c.89 0 1.747.347 2.38.968.635.622.995 1.468.995 2.354 0 .886-.36 1.733-.994 2.354a3.404 3.404 0 0 1-2.381.968h-1.662l.436.428a.75.75 0 0 1-1.048 1.072l-1.75-1.715a.75.75 0 0 1 0-1.071l1.75-1.714a.75.75 0 1 1 1.048 1.071l-.437.43h1.663l.188-.01c.432-.043.836-.23 1.143-.53.35-.343.544-.805.544-1.283Zm-8.875 1.822a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h4.375ZM17 3.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h14Z"},"children":[]}],"metadata":""}]},"name":"text-wrap"};
|
|
7
|
+
|
|
8
|
+
export default TextWrap;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const TypeId: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M14.75 3A2.25 2.25 0 0 1 17 5.25v9.5A2.25 2.25 0 0 1 14.75 17h-9.5A2.25 2.25 0 0 1 3 14.75v-9.5A2.25 2.25 0 0 1 5.25 3h9.5ZM5.3 7a.3.3 0 0 0-.3.3v.416a.3.3 0 0 0 .3.3h.962v3.967H5.3a.3.3 0 0 0-.3.301v.416a.3.3 0 0 0 .3.3h3.123a.3.3 0 0 0 .3-.3v-.416a.3.3 0 0 0-.3-.3h-.961V8.016h.96a.3.3 0 0 0 .3-.301V7.3a.3.3 0 0 0-.3-.3H5.3Zm5.713 0a.3.3 0 0 0-.3.3v5.4a.3.3 0 0 0 .3.3h1.112c.947 0 1.686-.235 2.17-.741.483-.507.705-1.271.705-2.253 0-.987-.222-1.754-.704-2.26C13.81 7.235 13.073 7 12.125 7h-1.112Zm.901 1.001c.5 0 1.13-.01 1.482.406l.002.002c.223.26.36.772.36 1.597 0 .816-.136 1.326-.36 1.589-.357.412-.983.404-1.484.404V8.001Z"},"children":[]}],"metadata":""}]},"name":"type-id"};
|
|
7
|
+
|
|
8
|
+
export default TypeId;
|
package/src/icons/ast/index.tsx
CHANGED
|
@@ -203,6 +203,7 @@ export { default as ManyPeople } from './ManyPeople';
|
|
|
203
203
|
export { default as MapMode } from './MapMode';
|
|
204
204
|
export { default as Markdown } from './Markdown';
|
|
205
205
|
export { default as MenuCollapser } from './MenuCollapser';
|
|
206
|
+
export { default as Mermaid } from './Mermaid';
|
|
206
207
|
export { default as MessagePlusSquare } from './MessagePlusSquare';
|
|
207
208
|
export { default as MessagePlus } from './MessagePlus';
|
|
208
209
|
export { default as Milestones } from './Milestones';
|
|
@@ -245,6 +246,8 @@ export { default as PresentPlay } from './PresentPlay';
|
|
|
245
246
|
export { default as PresentStop } from './PresentStop';
|
|
246
247
|
export { default as PrivateItems } from './PrivateItems';
|
|
247
248
|
export { default as Question } from './Question';
|
|
249
|
+
export { default as QuickFilterPersonal } from './QuickFilterPersonal';
|
|
250
|
+
export { default as QuickFilter } from './QuickFilter';
|
|
248
251
|
export { default as ReadOnly } from './ReadOnly';
|
|
249
252
|
export { default as Refresh } from './Refresh';
|
|
250
253
|
export { default as RemovePeople } from './RemovePeople';
|
|
@@ -344,9 +347,11 @@ export { default as Template } from './Template';
|
|
|
344
347
|
export { default as TemplatesFilled } from './TemplatesFilled';
|
|
345
348
|
export { default as Templates } from './Templates';
|
|
346
349
|
export { default as Terminal } from './Terminal';
|
|
350
|
+
export { default as TextNoWrap } from './TextNoWrap';
|
|
347
351
|
export { default as TextToolAlignBottom } from './TextToolAlignBottom';
|
|
348
352
|
export { default as TextToolAlignMiddle } from './TextToolAlignMiddle';
|
|
349
353
|
export { default as TextToolAlignTop } from './TextToolAlignTop';
|
|
354
|
+
export { default as TextWrap } from './TextWrap';
|
|
350
355
|
export { default as ThumbsDown } from './ThumbsDown';
|
|
351
356
|
export { default as ThumbsUp } from './ThumbsUp';
|
|
352
357
|
export { default as Twitter } from './Twitter';
|
|
@@ -358,6 +363,7 @@ export { default as TypeEmail } from './TypeEmail';
|
|
|
358
363
|
export { default as TypeEmoji } from './TypeEmoji';
|
|
359
364
|
export { default as TypeFormula } from './TypeFormula';
|
|
360
365
|
export { default as TypeFunction } from './TypeFunction';
|
|
366
|
+
export { default as TypeId } from './TypeId';
|
|
361
367
|
export { default as TypeLocation } from './TypeLocation';
|
|
362
368
|
export { default as TypeLookup } from './TypeLookup';
|
|
363
369
|
export { default as TypeMoney } from './TypeMoney';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import {forwardRef} from 'react';
|
|
4
|
+
import MermaidSvg from '../ast/Mermaid';
|
|
5
|
+
import { Icon } from '../Icon';
|
|
6
|
+
import { IconBaseProps } from '../types';
|
|
7
|
+
|
|
8
|
+
const Mermaid = forwardRef<SVGSVGElement, IconBaseProps>(function Mermaid(
|
|
9
|
+
props: IconBaseProps,
|
|
10
|
+
ref: React.Ref<SVGSVGElement>
|
|
11
|
+
) {return <Icon {...props} className={props.className} ref={ref} icon={MermaidSvg} />});
|
|
12
|
+
|
|
13
|
+
export default Mermaid;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import {forwardRef} from 'react';
|
|
4
|
+
import QuickFilterSvg from '../ast/QuickFilter';
|
|
5
|
+
import { Icon } from '../Icon';
|
|
6
|
+
import { IconBaseProps } from '../types';
|
|
7
|
+
|
|
8
|
+
const QuickFilter = forwardRef<SVGSVGElement, IconBaseProps>(function QuickFilter(
|
|
9
|
+
props: IconBaseProps,
|
|
10
|
+
ref: React.Ref<SVGSVGElement>
|
|
11
|
+
) {return <Icon {...props} className={props.className} ref={ref} icon={QuickFilterSvg} />});
|
|
12
|
+
|
|
13
|
+
export default QuickFilter;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import {forwardRef} from 'react';
|
|
4
|
+
import QuickFilterPersonalSvg from '../ast/QuickFilterPersonal';
|
|
5
|
+
import { Icon } from '../Icon';
|
|
6
|
+
import { IconBaseProps } from '../types';
|
|
7
|
+
|
|
8
|
+
const QuickFilterPersonal = forwardRef<SVGSVGElement, IconBaseProps>(function QuickFilterPersonal(
|
|
9
|
+
props: IconBaseProps,
|
|
10
|
+
ref: React.Ref<SVGSVGElement>
|
|
11
|
+
) {return <Icon {...props} className={props.className} ref={ref} icon={QuickFilterPersonalSvg} />});
|
|
12
|
+
|
|
13
|
+
export default QuickFilterPersonal;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import {forwardRef} from 'react';
|
|
4
|
+
import TextNoWrapSvg from '../ast/TextNoWrap';
|
|
5
|
+
import { Icon } from '../Icon';
|
|
6
|
+
import { IconBaseProps } from '../types';
|
|
7
|
+
|
|
8
|
+
const TextNoWrap = forwardRef<SVGSVGElement, IconBaseProps>(function TextNoWrap(
|
|
9
|
+
props: IconBaseProps,
|
|
10
|
+
ref: React.Ref<SVGSVGElement>
|
|
11
|
+
) {return <Icon {...props} className={props.className} ref={ref} icon={TextNoWrapSvg} />});
|
|
12
|
+
|
|
13
|
+
export default TextNoWrap;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import {forwardRef} from 'react';
|
|
4
|
+
import TextWrapSvg from '../ast/TextWrap';
|
|
5
|
+
import { Icon } from '../Icon';
|
|
6
|
+
import { IconBaseProps } from '../types';
|
|
7
|
+
|
|
8
|
+
const TextWrap = forwardRef<SVGSVGElement, IconBaseProps>(function TextWrap(
|
|
9
|
+
props: IconBaseProps,
|
|
10
|
+
ref: React.Ref<SVGSVGElement>
|
|
11
|
+
) {return <Icon {...props} className={props.className} ref={ref} icon={TextWrapSvg} />});
|
|
12
|
+
|
|
13
|
+
export default TextWrap;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import {forwardRef} from 'react';
|
|
4
|
+
import TypeIdSvg from '../ast/TypeId';
|
|
5
|
+
import { Icon } from '../Icon';
|
|
6
|
+
import { IconBaseProps } from '../types';
|
|
7
|
+
|
|
8
|
+
const TypeId = forwardRef<SVGSVGElement, IconBaseProps>(function TypeId(
|
|
9
|
+
props: IconBaseProps,
|
|
10
|
+
ref: React.Ref<SVGSVGElement>
|
|
11
|
+
) {return <Icon {...props} className={props.className} ref={ref} icon={TypeIdSvg} />});
|
|
12
|
+
|
|
13
|
+
export default TypeId;
|
|
@@ -203,6 +203,7 @@ export { default as ManyPeople } from './ManyPeople';
|
|
|
203
203
|
export { default as MapMode } from './MapMode';
|
|
204
204
|
export { default as Markdown } from './Markdown';
|
|
205
205
|
export { default as MenuCollapser } from './MenuCollapser';
|
|
206
|
+
export { default as Mermaid } from './Mermaid';
|
|
206
207
|
export { default as MessagePlusSquare } from './MessagePlusSquare';
|
|
207
208
|
export { default as MessagePlus } from './MessagePlus';
|
|
208
209
|
export { default as Milestones } from './Milestones';
|
|
@@ -245,6 +246,8 @@ export { default as PresentPlay } from './PresentPlay';
|
|
|
245
246
|
export { default as PresentStop } from './PresentStop';
|
|
246
247
|
export { default as PrivateItems } from './PrivateItems';
|
|
247
248
|
export { default as Question } from './Question';
|
|
249
|
+
export { default as QuickFilterPersonal } from './QuickFilterPersonal';
|
|
250
|
+
export { default as QuickFilter } from './QuickFilter';
|
|
248
251
|
export { default as ReadOnly } from './ReadOnly';
|
|
249
252
|
export { default as Refresh } from './Refresh';
|
|
250
253
|
export { default as RemovePeople } from './RemovePeople';
|
|
@@ -344,9 +347,11 @@ export { default as Template } from './Template';
|
|
|
344
347
|
export { default as TemplatesFilled } from './TemplatesFilled';
|
|
345
348
|
export { default as Templates } from './Templates';
|
|
346
349
|
export { default as Terminal } from './Terminal';
|
|
350
|
+
export { default as TextNoWrap } from './TextNoWrap';
|
|
347
351
|
export { default as TextToolAlignBottom } from './TextToolAlignBottom';
|
|
348
352
|
export { default as TextToolAlignMiddle } from './TextToolAlignMiddle';
|
|
349
353
|
export { default as TextToolAlignTop } from './TextToolAlignTop';
|
|
354
|
+
export { default as TextWrap } from './TextWrap';
|
|
350
355
|
export { default as ThumbsDown } from './ThumbsDown';
|
|
351
356
|
export { default as ThumbsUp } from './ThumbsUp';
|
|
352
357
|
export { default as Twitter } from './Twitter';
|
|
@@ -358,6 +363,7 @@ export { default as TypeEmail } from './TypeEmail';
|
|
|
358
363
|
export { default as TypeEmoji } from './TypeEmoji';
|
|
359
364
|
export { default as TypeFormula } from './TypeFormula';
|
|
360
365
|
export { default as TypeFunction } from './TypeFunction';
|
|
366
|
+
export { default as TypeId } from './TypeId';
|
|
361
367
|
export { default as TypeLocation } from './TypeLocation';
|
|
362
368
|
export { default as TypeLookup } from './TypeLookup';
|
|
363
369
|
export { default as TypeMoney } from './TypeMoney';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
2
|
-
<path d="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
|
2
|
+
<path d="M15.75 3C16.9926 3 18 4.00736 18 5.25V14.75C18 15.9926 16.9926 17 15.75 17H4.25C3.00736 17 2 15.9926 2 14.75V5.25C2 4.00736 3.00736 3 4.25 3H15.75ZM4.25 4.5C3.83579 4.5 3.5 4.83579 3.5 5.25V14.75C3.5 15.1642 3.83579 15.5 4.25 15.5H15.75C16.1642 15.5 16.5 15.1642 16.5 14.75V5.25C16.5 4.83579 16.1642 4.5 15.75 4.5H4.25ZM14.1465 13.1465C14.4613 13.4614 14.2383 13.9999 13.793 14H6.20703C5.76165 13.9999 5.53861 13.4615 5.85352 13.1465L8 11L9 12L11 10L14.1465 13.1465ZM14 6C14.5523 6.00002 15 6.44773 15 7C15 7.55227 14.5523 7.99998 14 8C13.4477 7.99998 13 7.55227 13 7C13 6.44773 13.4477 6.00002 14 6Z" />
|
|
3
3
|
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.9667 15.32C13.9667 15.7656 13.7876 16.1929 13.4687 16.5079C13.1499 16.823 12.7175 17 12.2667 17H7.73333C7.28246 17 6.85006 16.823 6.53125 16.5079C6.21244 16.1929 6.03333 15.7656 6.03333 15.32V14.3982C6.03369 13.8324 5.89456 13.275 5.62797 12.7743C5.36139 12.2736 4.97538 11.8445 4.50333 11.5243C3.57692 10.8953 2.81937 10.0529 2.29611 9.0698C1.77285 8.08672 1.49962 6.99254 1.5 5.88176V4.68C1.5 4.23444 1.67911 3.80712 1.99792 3.49206C2.31673 3.177 2.74913 3 3.2 3H3.9548C5.14934 3.00046 6.32545 3.29111 7.3796 3.84636C8.43375 4.40161 9.33362 5.20443 10 6.18416C10.6664 5.20443 11.5662 4.40161 12.6204 3.84636C13.6746 3.29111 14.8507 3.00046 16.0452 3H16.8C17.2509 3 17.6833 3.177 18.0021 3.49206C18.3209 3.80712 18.5 4.23444 18.5 4.68V5.88176C18.5004 6.99254 18.2271 8.08672 17.7039 9.0698C17.1806 10.0529 16.4231 10.8953 15.4967 11.5243C15.0246 11.8445 14.6386 12.2736 14.372 12.7743C14.1054 13.275 13.9663 13.8324 13.9667 14.3982V15.32ZM4.9 4.7584C5.84047 4.91773 6.72384 5.31289 7.46557 5.90608C8.20731 6.49928 8.7826 7.27065 9.1364 8.1464C9.44807 8.91696 10.5519 8.91696 10.8636 8.1464C11.2774 7.12271 11.9923 6.24518 12.916 5.62723C13.8397 5.00929 14.9297 4.67933 16.0452 4.68H16.8V5.88176C16.8 6.04229 16.7924 6.20171 16.7773 6.36C16.7067 7.11415 16.4691 7.84371 16.0813 8.49696C15.6935 9.15021 15.165 9.71114 14.5333 10.14C13.1144 11.1032 12.2667 12.697 12.2667 14.3982V15.32H7.73333V14.3982C7.73333 12.6958 6.8856 11.1043 5.46667 10.14C4.76743 9.66539 4.19566 9.02966 3.80074 8.28775C3.40582 7.54584 3.19963 6.72006 3.2 5.88176V4.68H3.9548C4.27591 4.68 4.59098 4.70613 4.9 4.7584Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M2.75 11.25C3.16421 11.25 3.5 11.5858 3.5 12V15.25C3.5 15.9404 4.05964 16.5 4.75 16.5H8C8.41421 16.5 8.75 16.8358 8.75 17.25C8.75 17.6642 8.41421 18 8 18H4.75C3.23122 18 2 16.7688 2 15.25V12C2 11.5858 2.33579 11.25 2.75 11.25ZM17.25 11.25C17.6642 11.25 18 11.5858 18 12V15.25C18 16.7688 16.7688 18 15.25 18H12C11.5858 18 11.25 17.6642 11.25 17.25C11.25 16.8358 11.5858 16.5 12 16.5H15.25C15.9404 16.5 16.5 15.9404 16.5 15.25V12C16.5 11.5858 16.8358 11.25 17.25 11.25ZM11.25 12C11.6642 12 12 12.3358 12 12.75C12 13.1642 11.6642 13.5 11.25 13.5H8.75C8.33579 13.5 8 13.1642 8 12.75C8 12.3358 8.33579 12 8.75 12H11.25ZM12.25 9.25C12.6642 9.25 13 9.58579 13 10C13 10.4142 12.6642 10.75 12.25 10.75H7.75C7.33579 10.75 7 10.4142 7 10C7 9.58579 7.33579 9.25 7.75 9.25H12.25ZM8 2C8.41421 2 8.75 2.33579 8.75 2.75C8.75 3.16421 8.41421 3.5 8 3.5H4.75C4.05964 3.5 3.5 4.05964 3.5 4.75V8C3.5 8.41421 3.16421 8.75 2.75 8.75C2.33579 8.75 2 8.41421 2 8V4.75C2 3.23122 3.23122 2 4.75 2H8ZM15.25 2C16.7688 2 18 3.23122 18 4.75V8C18 8.41421 17.6642 8.75 17.25 8.75C16.8358 8.75 16.5 8.41421 16.5 8V4.75C16.5 4.05964 15.9404 3.5 15.25 3.5H12C11.5858 3.5 11.25 3.16421 11.25 2.75C11.25 2.33579 11.5858 2 12 2H15.25ZM13.25 6.5C13.6642 6.5 14 6.83579 14 7.25C14 7.66421 13.6642 8 13.25 8H6.75C6.33579 8 6 7.66421 6 7.25C6 6.83579 6.33579 6.5 6.75 6.5H13.25Z" fill="black"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M15.25 2C16.7688 2 18 3.23122 18 4.75V15.25C18 16.7688 16.7688 18 15.25 18H4.75C3.23122 18 2 16.7688 2 15.25V4.75C2 3.23122 3.23122 2 4.75 2H15.25ZM4.75 3.5C4.05964 3.5 3.5 4.05964 3.5 4.75V15.25C3.5 15.9404 4.05964 16.5 4.75 16.5H15.25C15.9404 16.5 16.5 15.9404 16.5 15.25V4.75C16.5 4.05964 15.9404 3.5 15.25 3.5H4.75ZM11.25 12C11.6642 12 12 12.3358 12 12.75C12 13.1642 11.6642 13.5 11.25 13.5H8.75C8.33579 13.5 8 13.1642 8 12.75C8 12.3358 8.33579 12 8.75 12H11.25ZM12.25 9.25C12.6642 9.25 13 9.58579 13 10C13 10.4142 12.6642 10.75 12.25 10.75H7.75C7.33579 10.75 7 10.4142 7 10C7 9.58579 7.33579 9.25 7.75 9.25H12.25ZM13.25 6.5C13.6642 6.5 14 6.83579 14 7.25C14 7.66421 13.6642 8 13.25 8H6.75C6.33579 8 6 7.66421 6 7.25C6 6.83579 6.33579 6.5 6.75 6.5H13.25Z" fill="black"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
|
2
|
+
<path d="M14.709 12.0254C14.9988 11.7295 15.4736 11.7248 15.7695 12.0146L17.5195 13.7285C17.6634 13.8696 17.7451 14.0632 17.7451 14.2646C17.7449 14.466 17.6634 14.6589 17.5195 14.7998L15.7695 16.5146C15.4737 16.8039 14.9987 16.7984 14.709 16.5029C14.4196 16.207 14.425 15.7321 14.7207 15.4424L15.1572 15.0146H12.3701C11.956 15.0146 11.6203 14.6787 11.6201 14.2646C11.6201 13.8504 11.9559 13.5146 12.3701 13.5146H15.1582L14.7207 13.0859C14.4249 12.7962 14.4195 12.3213 14.709 12.0254ZM9 13.5C9.41421 13.5 9.75 13.8358 9.75 14.25C9.75 14.6642 9.41421 15 9 15H3C2.58579 15 2.25 14.6642 2.25 14.25C2.25 13.8358 2.58579 13.5 3 13.5H9ZM17 8.5C17.4142 8.5 17.75 8.83579 17.75 9.25C17.75 9.66421 17.4142 10 17 10H3C2.58579 10 2.25 9.66421 2.25 9.25C2.25 8.83579 2.58579 8.5 3 8.5H17ZM17 3.25C17.4142 3.25 17.75 3.58579 17.75 4C17.75 4.41421 17.4142 4.75 17 4.75H3C2.58579 4.75 2.25 4.41421 2.25 4C2.25 3.58579 2.58579 3.25 3 3.25H17Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
|
2
|
+
<path d="M16.25 11.7139C16.2499 11.236 16.0559 10.7744 15.7061 10.4316C15.3556 10.0884 14.8771 9.89258 14.375 9.89258H3C2.58579 9.89258 2.25 9.55679 2.25 9.14258C2.25015 8.72849 2.58588 8.39258 3 8.39258H14.375C15.2652 8.39258 16.1218 8.73923 16.7559 9.36035C17.3904 9.9819 17.7499 10.8281 17.75 11.7139C17.75 12.5998 17.3905 13.4467 16.7559 14.0684C16.1218 14.6894 15.2651 15.0361 14.375 15.0361H12.7129L13.1494 15.4639C13.4452 15.7536 13.4506 16.2285 13.1611 16.5244C12.8714 16.8202 12.3965 16.8256 12.1006 16.5361L10.3506 14.8213C10.2067 14.6803 10.1251 14.4876 10.125 14.2861C10.125 14.0845 10.2066 13.8911 10.3506 13.75L12.1006 12.0361C12.3965 11.7463 12.8713 11.751 13.1611 12.0469C13.4507 12.3428 13.4452 12.8177 13.1494 13.1074L12.7119 13.5361H14.375L14.5625 13.5264C14.995 13.4842 15.3995 13.2972 15.7061 12.9971C16.056 12.6542 16.25 12.1919 16.25 11.7139ZM7.375 13.5361C7.78921 13.5361 8.125 13.8719 8.125 14.2861C8.12477 14.7002 7.78907 15.0361 7.375 15.0361H3C2.58593 15.0361 2.25023 14.7002 2.25 14.2861C2.25 13.8719 2.58579 13.5361 3 13.5361H7.375ZM17 3.25C17.4142 3.25 17.75 3.58579 17.75 4C17.75 4.41421 17.4142 4.75 17 4.75H3C2.58579 4.75 2.25 4.41421 2.25 4C2.25 3.58579 2.58579 3.25 3 3.25H17Z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M14.75 3C15.9926 3 17 4.0074 17 5.25V14.75C17 15.9926 15.9926 17 14.75 17H5.25C4.00736 17 3 15.9926 3 14.75V5.25C3 4.0074 4.00736 3 5.25 3H14.75ZM5.2998 7C5.13427 7.00011 5.00011 7.13427 5 7.2998V7.71582C5 7.88144 5.13421 8.0165 5.2998 8.0166H6.26172V11.9834H5.2998C5.13421 11.9835 5 12.1186 5 12.2842V12.7002C5.00011 12.8657 5.13427 12.9999 5.2998 13H8.42285C8.58847 13 8.72255 12.8658 8.72266 12.7002V12.2842C8.72266 12.1185 8.58854 11.9834 8.42285 11.9834H7.46191V8.0166H8.42285C8.58854 8.0166 8.72266 7.88151 8.72266 7.71582V7.2998C8.72255 7.13421 8.58847 7 8.42285 7H5.2998ZM11.0127 7C10.8473 7.00026 10.713 7.13437 10.7129 7.2998V12.7002C10.713 12.8656 10.8473 12.9997 11.0127 13H12.125C13.0725 13 13.8111 12.7652 14.2959 12.2588C14.7778 11.7525 14.9999 10.9879 15 10.0059C15 9.01903 14.7779 8.25162 14.2959 7.74512C13.8111 7.23599 13.0727 7 12.125 7H11.0127ZM11.9141 8.00098C12.4144 8.00097 13.0434 7.99129 13.3965 8.40723L13.3975 8.40918C13.6212 8.66853 13.7588 9.18092 13.7588 10.0059C13.7587 10.8219 13.6217 11.3323 13.3975 11.5947C13.0408 12.0074 12.4154 11.999 11.9141 11.999V8.00098Z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import {thumbnailsMimeTypesWhiteList} from "./thumbnails-mime-types-white-list";
|
|
2
|
+
|
|
3
|
+
export function getGallerySrc({
|
|
4
|
+
src,
|
|
5
|
+
contentType,
|
|
6
|
+
contentLength,
|
|
7
|
+
isPhone,
|
|
8
|
+
}: {
|
|
9
|
+
src: string;
|
|
10
|
+
contentType: string;
|
|
11
|
+
contentLength: number;
|
|
12
|
+
isPhone: boolean;
|
|
13
|
+
}): null | {
|
|
14
|
+
type: "iframe" | "video" | "image";
|
|
15
|
+
src: string;
|
|
16
|
+
} {
|
|
17
|
+
const isFiberyFile = src?.startsWith("/api/files");
|
|
18
|
+
|
|
19
|
+
if (!isPhone && isFiberyFile && contentType?.startsWith("text/") && contentLength < 2 * 1024 * 1024) {
|
|
20
|
+
const url = new URL(src, `${window.location}`);
|
|
21
|
+
url.searchParams.append("plain-text", "true");
|
|
22
|
+
|
|
23
|
+
return {
|
|
24
|
+
type: "iframe",
|
|
25
|
+
src: url.href,
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
if (!contentType || !thumbnailsMimeTypesWhiteList.has(contentType)) {
|
|
30
|
+
return null;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
if (ImageContentTypes.includes(contentType)) {
|
|
34
|
+
return {
|
|
35
|
+
type: "image",
|
|
36
|
+
src,
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
if (VideoContentTypes.includes(contentType)) {
|
|
41
|
+
return {
|
|
42
|
+
type: "video",
|
|
43
|
+
src,
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
if (!isPhone && IframeContentTypes.includes(contentType)) {
|
|
48
|
+
return {
|
|
49
|
+
type: "iframe",
|
|
50
|
+
src: new URL(src, `${window.location}`).href,
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
return null;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
const ImageContentTypes = [
|
|
58
|
+
"image/apng",
|
|
59
|
+
"image/png",
|
|
60
|
+
"image/jpeg",
|
|
61
|
+
"image/webp",
|
|
62
|
+
"image/avif",
|
|
63
|
+
"image/gif",
|
|
64
|
+
"image/x-icon",
|
|
65
|
+
"image/bmp",
|
|
66
|
+
"image/tiff",
|
|
67
|
+
"image/svg+xml",
|
|
68
|
+
];
|
|
69
|
+
|
|
70
|
+
const VideoContentTypes = ["video/mp4", "video/quicktime"];
|
|
71
|
+
const IframeContentTypes = ["application/pdf"];
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, {PropsWithChildren, useContext} from "react";
|
|
2
|
-
import {
|
|
2
|
+
import {ImagesGalleryStateContext} from "./images-gallery";
|
|
3
|
+
import {ImagesGalleryProvider} from "../images-gallery/images-gallery";
|
|
3
4
|
|
|
4
5
|
export function ImagesGalleryFallThroughProvider(props: PropsWithChildren) {
|
|
5
6
|
const context = useContext(ImagesGalleryStateContext);
|