@wix/patterns 1.107.0 → 1.109.0

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 (235) hide show
  1. package/dist/cjs/components/Collapse/Collapse.st.css.js +3 -3
  2. package/dist/cjs/components/Collapse/Collapse.st.css.js.map +1 -1
  3. package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js +5 -5
  4. package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
  5. package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +3 -3
  6. package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
  7. package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
  8. package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
  9. package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
  10. package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
  11. package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.js +96 -136
  12. package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.js.map +1 -1
  13. package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js +0 -27
  14. package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js.map +1 -1
  15. package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js +17 -60
  16. package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js.map +1 -1
  17. package/dist/cjs/components/DataExtension/DataExtension.js +0 -2
  18. package/dist/cjs/components/DataExtension/DataExtension.js.map +1 -1
  19. package/dist/cjs/components/DragHandle/DragHandle.st.css.js +2 -2
  20. package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map +1 -1
  21. package/dist/cjs/components/ExtendedColumn/ExtendedColumn.js +8 -28
  22. package/dist/cjs/components/ExtendedColumn/ExtendedColumn.js.map +1 -1
  23. package/dist/cjs/components/Fade/Fade.st.css.js +2 -2
  24. package/dist/cjs/components/Fade/Fade.st.css.js.map +1 -1
  25. package/dist/cjs/components/FormFieldInput/FormFieldInput.js +2 -3
  26. package/dist/cjs/components/FormFieldInput/FormFieldInput.js.map +1 -1
  27. package/dist/cjs/components/Heading/Heading.st.css.js +2 -2
  28. package/dist/cjs/components/Heading/Heading.st.css.js.map +1 -1
  29. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js +2 -2
  30. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
  31. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js +3 -3
  32. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
  33. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
  34. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
  35. package/dist/cjs/components/MaxLines/MaxLines.st.css.js +2 -2
  36. package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map +1 -1
  37. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
  38. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
  39. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  40. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
  41. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js +5 -5
  42. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
  43. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  44. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
  45. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  46. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
  47. package/dist/cjs/components/PickerContent/PickerContent.st.css.js +2 -2
  48. package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map +1 -1
  49. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js +4 -4
  50. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
  51. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  52. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
  53. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  54. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
  55. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js +3 -3
  56. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
  57. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js +2 -2
  58. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
  59. package/dist/cjs/components/Table/TableVirtualHeader.st.css.js +2 -2
  60. package/dist/cjs/components/Table/TableVirtualHeader.st.css.js.map +1 -1
  61. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js +3 -3
  62. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
  63. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  64. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
  65. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  66. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
  67. package/dist/cjs/components/common.st.css +0 -4
  68. package/dist/cjs/components/common.st.css.js +4 -5
  69. package/dist/cjs/components/common.st.css.js.map +1 -1
  70. package/dist/cjs/hooks/usePlaceholderStateOptions.js +1 -2
  71. package/dist/cjs/hooks/usePlaceholderStateOptions.js.map +1 -1
  72. package/dist/cjs/state/simplifyExtendedColumns.js +1 -5
  73. package/dist/cjs/state/simplifyExtendedColumns.js.map +1 -1
  74. package/dist/cjs/styles.global.css +1 -1
  75. package/dist/cjs/version.js +1 -1
  76. package/dist/cjs/version.js.map +1 -1
  77. package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
  78. package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
  79. package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
  80. package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
  81. package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
  82. package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.js +36 -35
  83. package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.js.map +1 -1
  84. package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js +1 -25
  85. package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js.map +1 -1
  86. package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js +9 -23
  87. package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js.map +1 -1
  88. package/dist/esm/components/DataExtension/DataExtension.js +0 -2
  89. package/dist/esm/components/DataExtension/DataExtension.js.map +1 -1
  90. package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
  91. package/dist/esm/components/ExtendedColumn/ExtendedColumn.js +0 -9
  92. package/dist/esm/components/ExtendedColumn/ExtendedColumn.js.map +1 -1
  93. package/dist/esm/components/Fade/Fade.st.css.js +2 -2
  94. package/dist/esm/components/FormFieldInput/FormFieldInput.js +0 -1
  95. package/dist/esm/components/FormFieldInput/FormFieldInput.js.map +1 -1
  96. package/dist/esm/components/Heading/Heading.st.css.js +2 -2
  97. package/dist/esm/components/InputOverflow/InputOverflow.st.css.js +2 -2
  98. package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
  99. package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
  100. package/dist/esm/components/MaxLines/MaxLines.st.css.js +2 -2
  101. package/dist/esm/components/MaxLines/MaxLines.st.css.js.map +1 -1
  102. package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
  103. package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
  104. package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  105. package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
  106. package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
  107. package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  108. package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  109. package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
  110. package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
  111. package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
  112. package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  113. package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  114. package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
  115. package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
  116. package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
  117. package/dist/esm/components/Table/TableVirtualHeader.st.css.js +2 -2
  118. package/dist/esm/components/Table/TableVirtualHeader.st.css.js.map +1 -1
  119. package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
  120. package/dist/esm/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
  121. package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  122. package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  123. package/dist/esm/components/common.st.css +0 -4
  124. package/dist/esm/components/common.st.css.js +2 -2
  125. package/dist/esm/components/common.st.css.js.map +1 -1
  126. package/dist/esm/hooks/usePlaceholderStateOptions.js +1 -1
  127. package/dist/esm/hooks/usePlaceholderStateOptions.js.map +1 -1
  128. package/dist/esm/state/simplifyExtendedColumns.js +0 -4
  129. package/dist/esm/state/simplifyExtendedColumns.js.map +1 -1
  130. package/dist/esm/styles.global.css +1 -1
  131. package/dist/esm/version.js +1 -1
  132. package/dist/types/components/CustomFieldsWidget/CustomFieldsViewWidget.d.ts.map +1 -1
  133. package/dist/types/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.d.ts +0 -37
  134. package/dist/types/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.d.ts.map +1 -1
  135. package/dist/types/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.d.ts.map +1 -1
  136. package/dist/types/components/DataExtension/DataExtension.d.ts +0 -2
  137. package/dist/types/components/DataExtension/DataExtension.d.ts.map +1 -1
  138. package/dist/types/components/ExtendedColumn/ExtendedColumn.d.ts +1 -1
  139. package/dist/types/components/ExtendedColumn/ExtendedColumn.d.ts.map +1 -1
  140. package/dist/types/components/FormFieldInput/FormFieldInput.d.ts.map +1 -1
  141. package/dist/types/components/MaxLines/MaxLines.st.css.d.ts.map +1 -1
  142. package/dist/types/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.d.ts.map +1 -1
  143. package/dist/types/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.d.ts.map +1 -1
  144. package/dist/types/components/PickerContent/PickerContentAdditionalStep.st.css.d.ts.map +1 -1
  145. package/dist/types/components/ScrollableContent/ScrollableContent.st.css.d.ts.map +1 -1
  146. package/dist/types/components/Table/TableVirtualHeader.st.css.d.ts.map +1 -1
  147. package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map +1 -1
  148. package/dist/types/components/common.st.css.d.ts +0 -1
  149. package/dist/types/components/common.st.css.d.ts.map +1 -1
  150. package/dist/types/hooks/usePlaceholderStateOptions.d.ts.map +1 -1
  151. package/dist/types/state/simplifyExtendedColumns.d.ts.map +1 -1
  152. package/dist/types/testkit/jsdom.d.ts +0 -37
  153. package/dist/types/testkit/jsdom.d.ts.map +1 -1
  154. package/dist/types/testkit/puppeteer.d.ts +0 -37
  155. package/dist/types/testkit/puppeteer.d.ts.map +1 -1
  156. package/dist/types/version.d.ts +1 -1
  157. package/package.json +4 -4
  158. package/dist/cjs/components/CustomFieldsWidget/useCustomFieldsViewWidget.js +0 -33
  159. package/dist/cjs/components/CustomFieldsWidget/useCustomFieldsViewWidget.js.map +0 -1
  160. package/dist/cjs/components/FileCard/DownloadButton.js +0 -77
  161. package/dist/cjs/components/FileCard/DownloadButton.js.map +0 -1
  162. package/dist/cjs/components/FileCard/FileCard.js +0 -77
  163. package/dist/cjs/components/FileCard/FileCard.js.map +0 -1
  164. package/dist/cjs/components/FileCard/FileCardList.js +0 -31
  165. package/dist/cjs/components/FileCard/FileCardList.js.map +0 -1
  166. package/dist/cjs/components/FileCard/FileDetails.js +0 -57
  167. package/dist/cjs/components/FileCard/FileDetails.js.map +0 -1
  168. package/dist/cjs/components/FileCard/FilePreview.js +0 -74
  169. package/dist/cjs/components/FileCard/FilePreview.js.map +0 -1
  170. package/dist/cjs/components/FileCard/FilePreviewModal.js +0 -108
  171. package/dist/cjs/components/FileCard/FilePreviewModal.js.map +0 -1
  172. package/dist/cjs/components/FileCard/FileProps.js +0 -2
  173. package/dist/cjs/components/FileCard/FileProps.js.map +0 -1
  174. package/dist/cjs/components/FileCard/Thumbnail.js +0 -30
  175. package/dist/cjs/components/FileCard/Thumbnail.js.map +0 -1
  176. package/dist/cjs/components/FileCard/formatBytes.js +0 -13
  177. package/dist/cjs/components/FileCard/formatBytes.js.map +0 -1
  178. package/dist/cjs/components/FileCard/icons.js +0 -210
  179. package/dist/cjs/components/FileCard/icons.js.map +0 -1
  180. package/dist/cjs/components/FileCard/resolveFileByMediaType.js +0 -77
  181. package/dist/cjs/components/FileCard/resolveFileByMediaType.js.map +0 -1
  182. package/dist/cjs/components/FileCard/useDownloadFile.js +0 -54
  183. package/dist/cjs/components/FileCard/useDownloadFile.js.map +0 -1
  184. package/dist/esm/components/CustomFieldsWidget/useCustomFieldsViewWidget.js +0 -26
  185. package/dist/esm/components/CustomFieldsWidget/useCustomFieldsViewWidget.js.map +0 -1
  186. package/dist/esm/components/FileCard/DownloadButton.js +0 -15
  187. package/dist/esm/components/FileCard/DownloadButton.js.map +0 -1
  188. package/dist/esm/components/FileCard/FileCard.js +0 -16
  189. package/dist/esm/components/FileCard/FileCard.js.map +0 -1
  190. package/dist/esm/components/FileCard/FileCardList.js +0 -9
  191. package/dist/esm/components/FileCard/FileCardList.js.map +0 -1
  192. package/dist/esm/components/FileCard/FileDetails.js +0 -14
  193. package/dist/esm/components/FileCard/FileDetails.js.map +0 -1
  194. package/dist/esm/components/FileCard/FilePreview.js +0 -22
  195. package/dist/esm/components/FileCard/FilePreview.js.map +0 -1
  196. package/dist/esm/components/FileCard/FilePreviewModal.js +0 -20
  197. package/dist/esm/components/FileCard/FilePreviewModal.js.map +0 -1
  198. package/dist/esm/components/FileCard/FileProps.js +0 -2
  199. package/dist/esm/components/FileCard/FileProps.js.map +0 -1
  200. package/dist/esm/components/FileCard/Thumbnail.js +0 -8
  201. package/dist/esm/components/FileCard/Thumbnail.js.map +0 -1
  202. package/dist/esm/components/FileCard/formatBytes.js +0 -10
  203. package/dist/esm/components/FileCard/formatBytes.js.map +0 -1
  204. package/dist/esm/components/FileCard/icons.js +0 -22
  205. package/dist/esm/components/FileCard/icons.js.map +0 -1
  206. package/dist/esm/components/FileCard/resolveFileByMediaType.js +0 -45
  207. package/dist/esm/components/FileCard/resolveFileByMediaType.js.map +0 -1
  208. package/dist/esm/components/FileCard/useDownloadFile.js +0 -30
  209. package/dist/esm/components/FileCard/useDownloadFile.js.map +0 -1
  210. package/dist/types/components/CustomFieldsWidget/useCustomFieldsViewWidget.d.ts +0 -12
  211. package/dist/types/components/CustomFieldsWidget/useCustomFieldsViewWidget.d.ts.map +0 -1
  212. package/dist/types/components/FileCard/DownloadButton.d.ts +0 -8
  213. package/dist/types/components/FileCard/DownloadButton.d.ts.map +0 -1
  214. package/dist/types/components/FileCard/FileCard.d.ts +0 -10
  215. package/dist/types/components/FileCard/FileCard.d.ts.map +0 -1
  216. package/dist/types/components/FileCard/FileCardList.d.ts +0 -9
  217. package/dist/types/components/FileCard/FileCardList.d.ts.map +0 -1
  218. package/dist/types/components/FileCard/FileDetails.d.ts +0 -10
  219. package/dist/types/components/FileCard/FileDetails.d.ts.map +0 -1
  220. package/dist/types/components/FileCard/FilePreview.d.ts +0 -4
  221. package/dist/types/components/FileCard/FilePreview.d.ts.map +0 -1
  222. package/dist/types/components/FileCard/FilePreviewModal.d.ts +0 -9
  223. package/dist/types/components/FileCard/FilePreviewModal.d.ts.map +0 -1
  224. package/dist/types/components/FileCard/FileProps.d.ts +0 -31
  225. package/dist/types/components/FileCard/FileProps.d.ts.map +0 -1
  226. package/dist/types/components/FileCard/Thumbnail.d.ts +0 -8
  227. package/dist/types/components/FileCard/Thumbnail.d.ts.map +0 -1
  228. package/dist/types/components/FileCard/formatBytes.d.ts +0 -2
  229. package/dist/types/components/FileCard/formatBytes.d.ts.map +0 -1
  230. package/dist/types/components/FileCard/icons.d.ts +0 -7
  231. package/dist/types/components/FileCard/icons.d.ts.map +0 -1
  232. package/dist/types/components/FileCard/resolveFileByMediaType.d.ts +0 -9
  233. package/dist/types/components/FileCard/resolveFileByMediaType.d.ts.map +0 -1
  234. package/dist/types/components/FileCard/useDownloadFile.d.ts +0 -8
  235. package/dist/types/components/FileCard/useDownloadFile.d.ts.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_useDownloadFile","_jsxFileName","DownloadButton","file","downloadFile","isDownloading","useDownloadFile","default","createElement","Box","paddingInlineEnd","marginLeft","dataHook","mediaId","__self","__source","fileName","lineNumber","columnNumber","Loader","size","Tooltip","content","TextButton","underline","onClick","e","stopPropagation","verticalAlign","Download","width","height"],"sources":["../../../../src/components/FileCard/DownloadButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Loader, TextButton, Tooltip } from '@wix/design-system';\nimport { Download } from '@wix/wix-ui-icons-common';\nimport { File } from './FileProps';\nimport { useDownloadFile } from './useDownloadFile';\n\ninterface DownloadButtonProps {\n file: File;\n}\n\nexport function DownloadButton({ file }: DownloadButtonProps) {\n const { downloadFile, isDownloading } = useDownloadFile({ file });\n\n return (\n <Box\n paddingInlineEnd={4}\n marginLeft=\"auto\"\n dataHook={`download-button-${file.mediaId}`}\n >\n {isDownloading ? (\n <Loader size=\"tiny\" />\n ) : (\n <Tooltip content=\"Download\">\n <TextButton\n underline=\"onHover\"\n onClick={(e: React.MouseEvent<HTMLElement>) => {\n e.stopPropagation();\n downloadFile();\n }}\n >\n <Box verticalAlign=\"middle\">\n <Download width={20} height={20} />\n </Box>\n </TextButton>\n </Tooltip>\n )}\n </Box>\n );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,gBAAA,GAAAH,OAAA;AAAoD,IAAAI,YAAA;AAM7C,SAASC,cAAcA,CAAC;EAAEC;AAA0B,CAAC,EAAE;EAC5D,MAAM;IAAEC,YAAY;IAAEC;EAAc,CAAC,GAAG,IAAAC,gCAAe,EAAC;IAAEH;EAAK,CAAC,CAAC;EAEjE,oBACER,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IACFC,gBAAgB,EAAE,CAAE;IACpBC,UAAU,EAAC,MAAM;IACjBC,QAAQ,EAAE,mBAAmBT,IAAI,CAACU,OAAO,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3Cb,aAAa,gBACZV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAqB,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAEtBvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAuB,OAAO;IAACC,OAAO,EAAC,UAAU;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAyB,UAAU;IACTC,SAAS,EAAC,SAAS;IACnBC,OAAO,EAAGC,CAAgC,IAAK;MAC7CA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBvB,YAAY,CAAC,CAAC;IAChB,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACmB,aAAa,EAAC,QAAQ;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,iBAAA,CAAA8B,QAAQ;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/B,CACK,CACL,CAER,CAAC;AAEV","ignoreList":[]}
@@ -1,77 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports.FileCard = void 0;
6
- var _react = _interopRequireDefault(require("react"));
7
- var _designSystem = require("@wix/design-system");
8
- var _resolveFileByMediaType = require("./resolveFileByMediaType");
9
- var _Thumbnail = require("./Thumbnail");
10
- var _FileDetails = require("./FileDetails");
11
- var _DownloadButton = require("./DownloadButton");
12
- var _commonStCss = require("../common.st.css.js");
13
- var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FileCard.tsx";
14
- const FileCard = ({
15
- file,
16
- showDownloadCTA = false,
17
- showDetails = false,
18
- onClick
19
- }) => {
20
- const downloadIconWidth = showDownloadCTA ? 36 : 0;
21
- return /*#__PURE__*/_react.default.createElement("div", {
22
- onClick: onClick,
23
- style: {
24
- width: '100%',
25
- cursor: 'pointer'
26
- },
27
- "data-hook": `file-card-${file.mediaId}`,
28
- className: (0, _commonStCss.st)(_commonStCss.classes.hightlightOnHover),
29
- __self: void 0,
30
- __source: {
31
- fileName: _jsxFileName,
32
- lineNumber: 26,
33
- columnNumber: 5
34
- }
35
- }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
36
- verticalAlign: "middle",
37
- align: "left",
38
- gap: "SP1",
39
- paddingBlockEnd: 1,
40
- maxWidth: "100%",
41
- height: "100%",
42
- __self: void 0,
43
- __source: {
44
- fileName: _jsxFileName,
45
- lineNumber: 32,
46
- columnNumber: 7
47
- }
48
- }, /*#__PURE__*/_react.default.createElement(_Thumbnail.Thumbnail, {
49
- file: file,
50
- __self: void 0,
51
- __source: {
52
- fileName: _jsxFileName,
53
- lineNumber: 40,
54
- columnNumber: 9
55
- }
56
- }), /*#__PURE__*/_react.default.createElement(_FileDetails.FileDetails, {
57
- file: file,
58
- showDetails: showDetails,
59
- maxWidth: `calc(100% - ${downloadIconWidth + _resolveFileByMediaType.THUMB_WIDTH + 10}px)`,
60
- __self: void 0,
61
- __source: {
62
- fileName: _jsxFileName,
63
- lineNumber: 41,
64
- columnNumber: 9
65
- }
66
- }), showDownloadCTA && !file.private ? /*#__PURE__*/_react.default.createElement(_DownloadButton.DownloadButton, {
67
- file: file,
68
- __self: void 0,
69
- __source: {
70
- fileName: _jsxFileName,
71
- lineNumber: 47,
72
- columnNumber: 11
73
- }
74
- }) : null));
75
- };
76
- exports.FileCard = FileCard;
77
- //# sourceMappingURL=FileCard.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_resolveFileByMediaType","_Thumbnail","_FileDetails","_DownloadButton","_commonStCss","_jsxFileName","FileCard","file","showDownloadCTA","showDetails","onClick","downloadIconWidth","default","createElement","style","width","cursor","mediaId","className","st","classes","hightlightOnHover","__self","__source","fileName","lineNumber","columnNumber","Box","verticalAlign","align","gap","paddingBlockEnd","maxWidth","height","Thumbnail","FileDetails","THUMB_WIDTH","private","DownloadButton","exports"],"sources":["../../../../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { File } from './FileProps';\nimport { THUMB_WIDTH } from './resolveFileByMediaType';\nimport { Thumbnail } from './Thumbnail';\nimport { FileDetails } from './FileDetails';\nimport { DownloadButton } from './DownloadButton';\nimport { st, classes } from '../common.st.css.js';\n\nexport interface FileCardProps {\n file: File;\n showDownloadCTA?: boolean;\n showDetails?: boolean;\n onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n}\n\nexport const FileCard = ({\n file,\n showDownloadCTA = false,\n showDetails = false,\n onClick,\n}: FileCardProps) => {\n const downloadIconWidth = showDownloadCTA ? 36 : 0;\n\n return (\n <div\n onClick={onClick}\n style={{ width: '100%', cursor: 'pointer' }}\n data-hook={`file-card-${file.mediaId}`}\n className={st(classes.hightlightOnHover)}\n >\n <Box\n verticalAlign=\"middle\"\n align=\"left\"\n gap=\"SP1\"\n paddingBlockEnd={1}\n maxWidth=\"100%\"\n height=\"100%\"\n >\n <Thumbnail file={file} />\n <FileDetails\n file={file}\n showDetails={showDetails}\n maxWidth={`calc(100% - ${downloadIconWidth + THUMB_WIDTH + 10}px)`}\n />\n {showDownloadCTA && !file.private ? (\n <DownloadButton file={file} />\n ) : null}\n </Box>\n </div>\n );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAAkD,IAAAO,YAAA;AAS3C,MAAMC,QAAQ,GAAGA,CAAC;EACvBC,IAAI;EACJC,eAAe,GAAG,KAAK;EACvBC,WAAW,GAAG,KAAK;EACnBC;AACa,CAAC,KAAK;EACnB,MAAMC,iBAAiB,GAAGH,eAAe,GAAG,EAAE,GAAG,CAAC;EAElD,oBACEZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IACEH,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAE;MAAEC,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAU,CAAE;IAC5C,aAAW,aAAaT,IAAI,CAACU,OAAO,EAAG;IACvCC,SAAS,EAAE,IAAAC,eAAE,EAACC,oBAAO,CAACC,iBAAiB,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEzC9B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA4B,GAAG;IACFC,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAC,MAAM;IACZC,GAAG,EAAC,KAAK;IACTC,eAAe,EAAE,CAAE;IACnBC,QAAQ,EAAC,MAAM;IACfC,MAAM,EAAC,MAAM;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEb9B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,UAAA,CAAAiC,SAAS;IAAC3B,IAAI,EAAEA,IAAK;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACzB9B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,YAAA,CAAAiC,WAAW;IACV5B,IAAI,EAAEA,IAAK;IACXE,WAAW,EAAEA,WAAY;IACzBuB,QAAQ,EAAE,eAAerB,iBAAiB,GAAGyB,mCAAW,GAAG,EAAE,KAAM;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpE,CAAC,EACDlB,eAAe,IAAI,CAACD,IAAI,CAAC8B,OAAO,gBAC/BzC,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,eAAA,CAAAmC,cAAc;IAAC/B,IAAI,EAAEA,IAAK;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAC5B,IACD,CACF,CAAC;AAEV,CAAC;AAACa,OAAA,CAAAjC,QAAA,GAAAA,QAAA","ignoreList":[]}
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports.FileCardList = void 0;
6
- var _react = _interopRequireDefault(require("react"));
7
- var _FilePreview = require("./FilePreview");
8
- var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FileCardList.tsx";
9
- const FileCardList = ({
10
- files,
11
- showDownloadCTA,
12
- showDetails
13
- }) => {
14
- if (!files) {
15
- return null;
16
- }
17
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, files.map(file => /*#__PURE__*/_react.default.createElement(_FilePreview.FilePreview, {
18
- file: file,
19
- key: file.mediaId,
20
- showDownloadCTA: showDownloadCTA,
21
- showDetails: showDetails,
22
- __self: void 0,
23
- __source: {
24
- fileName: _jsxFileName,
25
- lineNumber: 22,
26
- columnNumber: 9
27
- }
28
- })));
29
- };
30
- exports.FileCardList = FileCardList;
31
- //# sourceMappingURL=FileCardList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_FilePreview","_jsxFileName","FileCardList","files","showDownloadCTA","showDetails","default","createElement","Fragment","map","file","FilePreview","key","mediaId","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/FileCard/FileCardList.tsx"],"sourcesContent":["import React from 'react';\nimport { File } from './FileProps';\nimport { FilePreview } from './FilePreview';\n\nexport interface FileCardListProps {\n files: File[];\n showDownloadCTA?: boolean;\n showDetails?: boolean;\n}\n\nexport const FileCardList = ({\n files,\n showDownloadCTA,\n showDetails,\n}: FileCardListProps) => {\n if (!files) {\n return null;\n }\n return (\n <>\n {files.map((file) => (\n <FilePreview\n file={file}\n key={file.mediaId}\n showDownloadCTA={showDownloadCTA}\n showDetails={showDetails}\n />\n ))}\n </>\n );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA4C,IAAAE,YAAA;AAQrC,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,KAAK;EACLC,eAAe;EACfC;AACiB,CAAC,KAAK;EACvB,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,QACGL,KAAK,CAACM,GAAG,CAAEC,IAAI,iBACdb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,YAAA,CAAAW,WAAW;IACVD,IAAI,EAAEA,IAAK;IACXE,GAAG,EAAEF,IAAI,CAACG,OAAQ;IAClBT,eAAe,EAAEA,eAAgB;IACjCC,WAAW,EAAEA,WAAY;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACF,CACD,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAjB,YAAA,GAAAA,YAAA","ignoreList":[]}
@@ -1,57 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.FileDetails = FileDetails;
5
- var _react = _interopRequireWildcard(require("react"));
6
- var _designSystem = require("@wix/design-system");
7
- var _formatBytes = require("./formatBytes");
8
- var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FileDetails.tsx";
9
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
10
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
11
- function FileDetails({
12
- file,
13
- showDetails,
14
- maxWidth
15
- }) {
16
- const fileSize = (0, _react.useMemo)(() => (0, _formatBytes.formatBytes)(file.sizeInBytes), [file.sizeInBytes]);
17
- return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
18
- gap: "SP1",
19
- direction: "vertical",
20
- maxWidth: maxWidth,
21
- dataHook: `file-details-${file.mediaId}`,
22
- __self: this,
23
- __source: {
24
- fileName: _jsxFileName,
25
- lineNumber: 19,
26
- columnNumber: 5
27
- }
28
- }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
29
- ellipsis: true,
30
- size: "small",
31
- dataHook: `file-details-name-${file.mediaId}`,
32
- __self: this,
33
- __source: {
34
- fileName: _jsxFileName,
35
- lineNumber: 25,
36
- columnNumber: 7
37
- }
38
- }, file.displayName), showDetails && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
39
- verticalAlign: "middle",
40
- __self: this,
41
- __source: {
42
- fileName: _jsxFileName,
43
- lineNumber: 33,
44
- columnNumber: 9
45
- }
46
- }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
47
- size: "tiny",
48
- dataHook: `file-details-size-${file.mediaId}`,
49
- __self: this,
50
- __source: {
51
- fileName: _jsxFileName,
52
- lineNumber: 34,
53
- columnNumber: 11
54
- }
55
- }, fileSize, " ", file.mediaType)));
56
- }
57
- //# sourceMappingURL=FileDetails.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_formatBytes","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FileDetails","file","showDetails","maxWidth","fileSize","useMemo","formatBytes","sizeInBytes","createElement","Box","gap","direction","dataHook","mediaId","__self","__source","fileName","lineNumber","columnNumber","Text","ellipsis","size","displayName","verticalAlign","mediaType"],"sources":["../../../../src/components/FileCard/FileDetails.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { File } from './FileProps';\nimport { formatBytes } from './formatBytes';\n\ninterface FileDetailsProps {\n file: File;\n showDetails: boolean;\n maxWidth: string;\n}\n\nexport function FileDetails({ file, showDetails, maxWidth }: FileDetailsProps) {\n const fileSize = useMemo(\n () => formatBytes(file.sizeInBytes),\n [file.sizeInBytes],\n );\n\n return (\n <Box\n gap=\"SP1\"\n direction=\"vertical\"\n maxWidth={maxWidth}\n dataHook={`file-details-${file.mediaId}`}\n >\n <Text\n ellipsis\n size=\"small\"\n dataHook={`file-details-name-${file.mediaId}`}\n >\n {file.displayName}\n </Text>\n {showDetails && (\n <Box verticalAlign=\"middle\">\n <Text size=\"tiny\" dataHook={`file-details-size-${file.mediaId}`}>\n {fileSize} {file.mediaType}\n </Text>\n </Box>\n )}\n </Box>\n );\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,74 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.FilePreview = FilePreview;
5
- var _react = _interopRequireWildcard(require("react"));
6
- var _designSystem = require("@wix/design-system");
7
- var _useDownloadFile = require("./useDownloadFile");
8
- var _FilePreviewModal = require("./FilePreviewModal");
9
- var _FileCard = require("./FileCard");
10
- var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FilePreview.tsx";
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
- function FilePreview({
14
- file,
15
- showDownloadCTA,
16
- showDetails
17
- }) {
18
- const {
19
- mediaType
20
- } = file;
21
- const [isPreviewOpen, setIsPreviewOpen] = (0, _react.useState)(false);
22
- const {
23
- downloadFile
24
- } = (0, _useDownloadFile.useDownloadFile)({
25
- file
26
- });
27
- const supportedPreviewTypes = ['picture', 'video'];
28
- return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
29
- height: showDetails ? 56 : 36,
30
- maxWidth: showDetails ? '420px' : '280px',
31
- overflow: "hidden",
32
- backgroundColor: "D80",
33
- border: "1px solid",
34
- borderColor: "D55",
35
- borderRadius: 8,
36
- dataHook: `file-upload-formatted-${file.mediaId}`,
37
- marginBottom: "SP1",
38
- __self: this,
39
- __source: {
40
- fileName: _jsxFileName,
41
- lineNumber: 19,
42
- columnNumber: 5
43
- }
44
- }, /*#__PURE__*/_react.default.createElement(_FileCard.FileCard, {
45
- onClick: e => {
46
- e.stopPropagation();
47
- if (!supportedPreviewTypes.includes(mediaType)) {
48
- downloadFile();
49
- return;
50
- }
51
- setIsPreviewOpen(true);
52
- },
53
- file: file,
54
- showDownloadCTA: showDownloadCTA,
55
- showDetails: showDetails,
56
- __self: this,
57
- __source: {
58
- fileName: _jsxFileName,
59
- lineNumber: 30,
60
- columnNumber: 7
61
- }
62
- }), supportedPreviewTypes.includes(mediaType) ? /*#__PURE__*/_react.default.createElement(_FilePreviewModal.FilePreviewModal, {
63
- file: file,
64
- isOpen: isPreviewOpen,
65
- close: () => setIsPreviewOpen(false),
66
- __self: this,
67
- __source: {
68
- fileName: _jsxFileName,
69
- lineNumber: 44,
70
- columnNumber: 9
71
- }
72
- }) : null);
73
- }
74
- //# sourceMappingURL=FilePreview.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useDownloadFile","_FilePreviewModal","_FileCard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilePreview","file","showDownloadCTA","showDetails","mediaType","isPreviewOpen","setIsPreviewOpen","useState","downloadFile","useDownloadFile","supportedPreviewTypes","createElement","Box","height","maxWidth","overflow","backgroundColor","border","borderColor","borderRadius","dataHook","mediaId","marginBottom","__self","__source","fileName","lineNumber","columnNumber","FileCard","onClick","stopPropagation","includes","FilePreviewModal","isOpen","close"],"sources":["../../../../src/components/FileCard/FilePreview.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box } from '@wix/design-system';\nimport { FileViewProps } from './FileProps';\nimport { useDownloadFile } from './useDownloadFile';\nimport { FilePreviewModal } from './FilePreviewModal';\nimport { FileCard } from './FileCard';\n\nexport function FilePreview({\n file,\n showDownloadCTA,\n showDetails,\n}: FileViewProps) {\n const { mediaType } = file;\n const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n const { downloadFile } = useDownloadFile({ file });\n const supportedPreviewTypes = ['picture', 'video'];\n\n return (\n <Box\n height={showDetails ? 56 : 36}\n maxWidth={showDetails ? '420px' : '280px'}\n overflow=\"hidden\"\n backgroundColor=\"D80\"\n border=\"1px solid\"\n borderColor=\"D55\"\n borderRadius={8}\n dataHook={`file-upload-formatted-${file.mediaId}`}\n marginBottom=\"SP1\"\n >\n <FileCard\n onClick={(e) => {\n e.stopPropagation();\n if (!supportedPreviewTypes.includes(mediaType)) {\n downloadFile();\n return;\n }\n setIsPreviewOpen(true);\n }}\n file={file}\n showDownloadCTA={showDownloadCTA}\n showDetails={showDetails}\n />\n {supportedPreviewTypes.includes(mediaType) ? (\n <FilePreviewModal\n file={file}\n isOpen={isPreviewOpen}\n close={() => setIsPreviewOpen(false)}\n />\n ) : null}\n </Box>\n );\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,108 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.FilePreviewModal = void 0;
5
- var _react = _interopRequireWildcard(require("react"));
6
- var _designSystem = require("@wix/design-system");
7
- var _resolveFileByMediaType = require("./resolveFileByMediaType");
8
- var _useDownloadFile = require("./useDownloadFile");
9
- var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
10
- var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FilePreviewModal.tsx";
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
- const FilePreviewModal = ({
14
- file,
15
- isOpen,
16
- close
17
- }) => {
18
- const {
19
- downloadFile,
20
- isDownloading
21
- } = (0, _useDownloadFile.useDownloadFile)({
22
- file
23
- });
24
- const {
25
- fileUrl
26
- } = (0, _resolveFileByMediaType.resolveFileByMediaType)(file);
27
- const prefixIcon = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
28
- verticalAlign: "middle",
29
- __self: void 0,
30
- __source: {
31
- fileName: _jsxFileName,
32
- lineNumber: 27,
33
- columnNumber: 7
34
- }
35
- }, isDownloading ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
36
- size: "tiny",
37
- __self: void 0,
38
- __source: {
39
- fileName: _jsxFileName,
40
- lineNumber: 28,
41
- columnNumber: 26
42
- }
43
- }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
44
- size: "small",
45
- __self: void 0,
46
- __source: {
47
- fileName: _jsxFileName,
48
- lineNumber: 28,
49
- columnNumber: 51
50
- }
51
- })), [isDownloading]);
52
- return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
53
- isOpen: isOpen,
54
- onRequestClose: close,
55
- shouldCloseOnOverlayClick: true,
56
- __self: void 0,
57
- __source: {
58
- fileName: _jsxFileName,
59
- lineNumber: 34,
60
- columnNumber: 5
61
- }
62
- }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
63
- title: file.displayName,
64
- onCloseButtonClick: close,
65
- primaryButtonText: "Download",
66
- primaryButtonProps: {
67
- prefixIcon
68
- },
69
- primaryButtonOnClick: downloadFile,
70
- __self: void 0,
71
- __source: {
72
- fileName: _jsxFileName,
73
- lineNumber: 35,
74
- columnNumber: 7
75
- }
76
- }, file.mediaType === 'video' ? /*#__PURE__*/_react.default.createElement("video", {
77
- controls: true,
78
- style: {
79
- width: '100%',
80
- height: 'auto',
81
- maxHeight: '70vh',
82
- margin: '0 auto'
83
- },
84
- src: fileUrl,
85
- autoPlay: false,
86
- __self: void 0,
87
- __source: {
88
- fileName: _jsxFileName,
89
- lineNumber: 45,
90
- columnNumber: 11
91
- }
92
- }) : /*#__PURE__*/_react.default.createElement(_designSystem.Image, {
93
- style: {
94
- height: '500px',
95
- width: '500px',
96
- objectFit: 'contain'
97
- },
98
- src: fileUrl,
99
- __self: void 0,
100
- __source: {
101
- fileName: _jsxFileName,
102
- lineNumber: 57,
103
- columnNumber: 11
104
- }
105
- })));
106
- };
107
- exports.FilePreviewModal = FilePreviewModal;
108
- //# sourceMappingURL=FilePreviewModal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_resolveFileByMediaType","_useDownloadFile","_wixUiIconsCommon","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilePreviewModal","file","isOpen","close","downloadFile","isDownloading","useDownloadFile","fileUrl","resolveFileByMediaType","prefixIcon","useMemo","createElement","Box","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Loader","size","Download","Modal","onRequestClose","shouldCloseOnOverlayClick","CustomModalLayout","title","displayName","onCloseButtonClick","primaryButtonText","primaryButtonProps","primaryButtonOnClick","mediaType","controls","style","width","height","maxHeight","margin","src","autoPlay","Image","objectFit","exports"],"sources":["../../../../src/components/FileCard/FilePreviewModal.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n CustomModalLayout,\n Loader,\n Modal,\n Image,\n Box,\n} from '@wix/design-system';\nimport { resolveFileByMediaType } from './resolveFileByMediaType';\nimport { useDownloadFile } from './useDownloadFile';\nimport { Download } from '@wix/wix-ui-icons-common';\nimport { FileViewProps } from './FileProps';\n\ninterface FilePreviewModalProps extends FileViewProps {\n isOpen: boolean;\n close: () => void;\n}\nexport const FilePreviewModal = ({\n file,\n isOpen,\n close,\n}: FilePreviewModalProps) => {\n const { downloadFile, isDownloading } = useDownloadFile({ file });\n const { fileUrl } = resolveFileByMediaType(file);\n const prefixIcon = useMemo(\n () => (\n <Box verticalAlign=\"middle\">\n {isDownloading ? <Loader size=\"tiny\" /> : <Download size=\"small\" />}\n </Box>\n ),\n [isDownloading],\n );\n return (\n <Modal isOpen={isOpen} onRequestClose={close} shouldCloseOnOverlayClick>\n <CustomModalLayout\n title={file.displayName}\n onCloseButtonClick={close}\n primaryButtonText=\"Download\"\n primaryButtonProps={{\n prefixIcon,\n }}\n primaryButtonOnClick={downloadFile}\n >\n {file.mediaType === 'video' ? (\n <video\n controls\n style={{\n width: '100%',\n height: 'auto',\n maxHeight: '70vh',\n margin: '0 auto',\n }}\n src={fileUrl}\n autoPlay={false}\n />\n ) : (\n <Image\n style={{ height: '500px', width: '500px', objectFit: 'contain' }}\n src={fileUrl}\n />\n )}\n </CustomModalLayout>\n </Modal>\n );\n};\n"],"mappings":"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","ignoreList":[]}
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=FileProps.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../../../src/components/FileCard/FileProps.ts"],"sourcesContent":["/**\n * Represents a file.\n */\nexport interface File {\n /**\n * The unique identifier of the media in mediaManager.\n */\n mediaId: string;\n\n /**\n * The size of the file in bytes.\n */\n sizeInBytes: number;\n\n /**\n * The type of media.\n */\n mediaType: 'picture' | 'audio' | 'video' | 'document';\n\n /**\n * The display name of the file.\n */\n displayName: string;\n\n /**\n * Whether the file is private.\n */\n private: boolean;\n}\n\nexport interface FileViewProps {\n file: File;\n showDownloadCTA?: boolean;\n showDetails?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports.Thumbnail = Thumbnail;
6
- var _react = _interopRequireDefault(require("react"));
7
- var _designSystem = require("@wix/design-system");
8
- var _resolveFileByMediaType = require("./resolveFileByMediaType");
9
- var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/Thumbnail.tsx";
10
- function Thumbnail({
11
- file
12
- }) {
13
- const {
14
- thumbnail
15
- } = (0, _resolveFileByMediaType.resolveFileByMediaType)(file);
16
- return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
17
- dataHook: `file-thumbnail-${file.mediaType}-${file.mediaId}`,
18
- align: "center",
19
- verticalAlign: "middle",
20
- width: _resolveFileByMediaType.THUMB_WIDTH,
21
- height: "100%",
22
- __self: this,
23
- __source: {
24
- fileName: _jsxFileName,
25
- lineNumber: 13,
26
- columnNumber: 5
27
- }
28
- }, thumbnail);
29
- }
30
- //# sourceMappingURL=Thumbnail.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_resolveFileByMediaType","_jsxFileName","Thumbnail","file","thumbnail","resolveFileByMediaType","default","createElement","Box","dataHook","mediaType","mediaId","align","verticalAlign","width","THUMB_WIDTH","height","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/FileCard/Thumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { File } from './FileProps';\nimport { resolveFileByMediaType, THUMB_WIDTH } from './resolveFileByMediaType';\n\ninterface ThumbnailProps {\n file: File;\n}\n\nexport function Thumbnail({ file }: ThumbnailProps) {\n const { thumbnail } = resolveFileByMediaType(file);\n return (\n <Box\n dataHook={`file-thumbnail-${file.mediaType}-${file.mediaId}`}\n align=\"center\"\n verticalAlign=\"middle\"\n width={THUMB_WIDTH}\n height=\"100%\"\n >\n {thumbnail}\n </Box>\n );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AAA+E,IAAAG,YAAA;AAMxE,SAASC,SAASA,CAAC;EAAEC;AAAqB,CAAC,EAAE;EAClD,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,8CAAsB,EAACF,IAAI,CAAC;EAClD,oBACEP,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;IACFC,QAAQ,EAAE,kBAAkBN,IAAI,CAACO,SAAS,IAAIP,IAAI,CAACQ,OAAO,EAAG;IAC7DC,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAEC,mCAAY;IACnBC,MAAM,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEZjB,SACE,CAAC;AAEV","ignoreList":[]}
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.formatBytes = formatBytes;
5
- function formatBytes(bytes, decimals = 2) {
6
- if (!+bytes) return '0 Bytes';
7
- const k = 1024;
8
- const dm = decimals < 0 ? 0 : decimals;
9
- const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YiB'];
10
- const i = Math.floor(Math.log(bytes) / Math.log(k));
11
- return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
12
- }
13
- //# sourceMappingURL=formatBytes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["formatBytes","bytes","decimals","k","dm","sizes","i","Math","floor","log","parseFloat","pow","toFixed"],"sources":["../../../../src/components/FileCard/formatBytes.ts"],"sourcesContent":["export function formatBytes(bytes: number, decimals = 2) {\n if (!+bytes) return '0 Bytes';\n\n const k = 1024;\n const dm = decimals < 0 ? 0 : decimals;\n const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YiB'];\n\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n}\n"],"mappings":";;;;AAAO,SAASA,WAAWA,CAACC,KAAa,EAAEC,QAAQ,GAAG,CAAC,EAAE;EACvD,IAAI,CAAC,CAACD,KAAK,EAAE,OAAO,SAAS;EAE7B,MAAME,CAAC,GAAG,IAAI;EACd,MAAMC,EAAE,GAAGF,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAGA,QAAQ;EACtC,MAAMG,KAAK,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC;EAExE,MAAMC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,GAAG,CAACR,KAAK,CAAC,GAAGM,IAAI,CAACE,GAAG,CAACN,CAAC,CAAC,CAAC;EAEnD,OAAO,GAAGO,UAAU,CAAC,CAACT,KAAK,GAAGM,IAAI,CAACI,GAAG,CAACR,CAAC,EAAEG,CAAC,CAAC,EAAEM,OAAO,CAACR,EAAE,CAAC,CAAC,IAAIC,KAAK,CAACC,CAAC,CAAC,EAAE;AAC1E","ignoreList":[]}