@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.
Files changed (56) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/package.json +7 -7
  3. package/src/appIcons.json +10 -0
  4. package/src/box.tsx +2 -2
  5. package/src/button/base-button.tsx +18 -3
  6. package/src/button/button.tsx +14 -6
  7. package/src/button/icon-button.tsx +4 -1
  8. package/src/button/select-button.tsx +11 -3
  9. package/src/collapsible/index.tsx +2 -2
  10. package/src/command-menu/index.tsx +4 -2
  11. package/src/copy-to-clipboard.ts +10 -0
  12. package/src/dot.tsx +36 -0
  13. package/src/file-item-2.tsx +223 -133
  14. package/src/file-item.tsx +2 -0
  15. package/src/guide-link.tsx +1 -1
  16. package/src/html-styles.ts +13 -27
  17. package/src/icons/ast/FileImage.ts +1 -1
  18. package/src/icons/ast/Mermaid.ts +8 -0
  19. package/src/icons/ast/QuickFilter.ts +8 -0
  20. package/src/icons/ast/QuickFilterPersonal.ts +8 -0
  21. package/src/icons/ast/TextNoWrap.ts +8 -0
  22. package/src/icons/ast/TextWrap.ts +8 -0
  23. package/src/icons/ast/TypeId.ts +8 -0
  24. package/src/icons/ast/index.tsx +6 -0
  25. package/src/icons/react/Mermaid.tsx +13 -0
  26. package/src/icons/react/QuickFilter.tsx +13 -0
  27. package/src/icons/react/QuickFilterPersonal.tsx +13 -0
  28. package/src/icons/react/TextNoWrap.tsx +13 -0
  29. package/src/icons/react/TextWrap.tsx +13 -0
  30. package/src/icons/react/TypeId.tsx +13 -0
  31. package/src/icons/react/index.tsx +6 -0
  32. package/src/icons/svg/file-image.svg +2 -2
  33. package/src/icons/svg/mermaid.svg +3 -0
  34. package/src/icons/svg/quick-filter-personal.svg +3 -0
  35. package/src/icons/svg/quick-filter.svg +3 -0
  36. package/src/icons/svg/text-no-wrap.svg +3 -0
  37. package/src/icons/svg/text-wrap.svg +3 -0
  38. package/src/icons/svg/type/id.svg +3 -0
  39. package/src/images-gallery/get-gallery-src.ts +71 -0
  40. package/src/images-gallery/images-gallery-fall-through-provider.tsx +2 -1
  41. package/src/images-gallery/images-gallery.tsx +524 -185
  42. package/src/{images-gallery-2 → images-gallery}/slide-buttons.tsx +25 -13
  43. package/src/images-gallery/thumbnails-mime-types-white-list.ts +17 -0
  44. package/src/images-gallery/zoom.tsx +5 -94
  45. package/src/notification-dot.tsx +11 -21
  46. package/src/popover/index.tsx +8 -4
  47. package/src/select/components/menu-list-virtualized.tsx +123 -84
  48. package/src/select/components/menu.tsx +6 -3
  49. package/src/select/index.tsx +95 -259
  50. package/src/select/select-in-popover.tsx +11 -3
  51. package/src/select/select.tsx +288 -0
  52. package/src/table.tsx +13 -10
  53. package/src/toggle-button/toggle-button.tsx +21 -4
  54. package/src/toggle-on-off.tsx +10 -1
  55. package/src/images-gallery-2/images-gallery-2.tsx +0 -522
  56. package/src/images-gallery-2/zoom.tsx +0 -35
@@ -142,7 +142,7 @@ const htmlStyles = {
142
142
  paddingTop: space.s3,
143
143
  paddingBottom: space.s3,
144
144
  ...textStyles.big,
145
- lineHeight: lineHeight.text,
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.text,
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.text,
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
- "& *:last-child": {
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: 0,
226
+ marginTop: space.s3,
231
227
  paddingTop: space.s3,
232
228
  paddingBottom: space.s3,
233
229
  },
234
230
  "& > *:last-child": {
235
- marginBottom: 0,
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.text,
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.text,
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.text,
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
- "& *:last-child": {
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.text,
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.text,
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.text,
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 16 14"},"children":[{"type":"element","tagName":"path","properties":{"d":"M13.75 0A2.25 2.25 0 0 1 16 2.25v9.5A2.25 2.25 0 0 1 13.75 14H2.25A2.25 2.25 0 0 1 0 11.75v-9.5A2.25 2.25 0 0 1 2.25 0h11.5ZM2.25 1.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-.75H2.25Zm9.896 8.646a.5.5 0 0 1-.353.854H4.207a.5.5 0 0 1-.353-.854L6 8l1 1 2-2 3.146 3.146ZM12 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"},"children":[]}],"metadata":""}]},"name":"file-image"};
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;
@@ -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 16 14">
2
- <path d="M13.75 0C14.9926 0 16 1.00736 16 2.25V11.75C16 12.9926 14.9926 14 13.75 14H2.25C1.00736 14 0 12.9926 0 11.75V2.25C0 1.00736 1.00736 0 2.25 0H13.75ZM2.25 1.5C1.83579 1.5 1.5 1.83579 1.5 2.25V11.75C1.5 12.1642 1.83579 12.5 2.25 12.5H13.75C14.1642 12.5 14.5 12.1642 14.5 11.75V2.25C14.5 1.83579 14.1642 1.5 13.75 1.5H2.25ZM12.1465 10.1465C12.4613 10.4614 12.2383 10.9999 11.793 11H4.20703C3.76165 10.9999 3.53861 10.4615 3.85352 10.1465L6 8L7 9L9 7L12.1465 10.1465ZM12 3C12.5523 3.00002 13 3.44773 13 4C13 4.55227 12.5523 4.99998 12 5C11.4477 4.99998 11 4.55227 11 4C11 3.44773 11.4477 3.00002 12 3Z" />
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 {ImagesGalleryProvider, ImagesGalleryStateContext} from "./images-gallery";
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);