@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.
- package/dist/cjs/components/Collapse/Collapse.st.css.js +3 -3
- package/dist/cjs/components/Collapse/Collapse.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js +5 -5
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +3 -3
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
- package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.js +96 -136
- package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.js.map +1 -1
- package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js +0 -27
- package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js.map +1 -1
- package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js +17 -60
- package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js.map +1 -1
- package/dist/cjs/components/DataExtension/DataExtension.js +0 -2
- package/dist/cjs/components/DataExtension/DataExtension.js.map +1 -1
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map +1 -1
- package/dist/cjs/components/ExtendedColumn/ExtendedColumn.js +8 -28
- package/dist/cjs/components/ExtendedColumn/ExtendedColumn.js.map +1 -1
- package/dist/cjs/components/Fade/Fade.st.css.js +2 -2
- package/dist/cjs/components/Fade/Fade.st.css.js.map +1 -1
- package/dist/cjs/components/FormFieldInput/FormFieldInput.js +2 -3
- package/dist/cjs/components/FormFieldInput/FormFieldInput.js.map +1 -1
- package/dist/cjs/components/Heading/Heading.st.css.js +2 -2
- package/dist/cjs/components/Heading/Heading.st.css.js.map +1 -1
- package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js +2 -2
- package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
- package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
- package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
- package/dist/cjs/components/MaxLines/MaxLines.st.css.js +2 -2
- package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map +1 -1
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js +5 -5
- package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
- package/dist/cjs/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map +1 -1
- package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js +4 -4
- package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
- package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
- package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
- package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js +3 -3
- package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
- package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js +2 -2
- package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
- package/dist/cjs/components/Table/TableVirtualHeader.st.css.js +2 -2
- package/dist/cjs/components/Table/TableVirtualHeader.st.css.js.map +1 -1
- package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js +3 -3
- package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
- package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
- package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
- package/dist/cjs/components/common.st.css +0 -4
- package/dist/cjs/components/common.st.css.js +4 -5
- package/dist/cjs/components/common.st.css.js.map +1 -1
- package/dist/cjs/hooks/usePlaceholderStateOptions.js +1 -2
- package/dist/cjs/hooks/usePlaceholderStateOptions.js.map +1 -1
- package/dist/cjs/state/simplifyExtendedColumns.js +1 -5
- package/dist/cjs/state/simplifyExtendedColumns.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.js +36 -35
- package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.js.map +1 -1
- package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js +1 -25
- package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js.map +1 -1
- package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js +9 -23
- package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js.map +1 -1
- package/dist/esm/components/DataExtension/DataExtension.js +0 -2
- package/dist/esm/components/DataExtension/DataExtension.js.map +1 -1
- package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/esm/components/ExtendedColumn/ExtendedColumn.js +0 -9
- package/dist/esm/components/ExtendedColumn/ExtendedColumn.js.map +1 -1
- package/dist/esm/components/Fade/Fade.st.css.js +2 -2
- package/dist/esm/components/FormFieldInput/FormFieldInput.js +0 -1
- package/dist/esm/components/FormFieldInput/FormFieldInput.js.map +1 -1
- package/dist/esm/components/Heading/Heading.st.css.js +2 -2
- package/dist/esm/components/InputOverflow/InputOverflow.st.css.js +2 -2
- package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/esm/components/MaxLines/MaxLines.st.css.js +2 -2
- package/dist/esm/components/MaxLines/MaxLines.st.css.js.map +1 -1
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
- package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
- package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
- package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
- package/dist/esm/components/Table/TableVirtualHeader.st.css.js +2 -2
- package/dist/esm/components/Table/TableVirtualHeader.st.css.js.map +1 -1
- package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
- package/dist/esm/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/esm/components/common.st.css +0 -4
- package/dist/esm/components/common.st.css.js +2 -2
- package/dist/esm/components/common.st.css.js.map +1 -1
- package/dist/esm/hooks/usePlaceholderStateOptions.js +1 -1
- package/dist/esm/hooks/usePlaceholderStateOptions.js.map +1 -1
- package/dist/esm/state/simplifyExtendedColumns.js +0 -4
- package/dist/esm/state/simplifyExtendedColumns.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/types/components/CustomFieldsWidget/CustomFieldsViewWidget.d.ts.map +1 -1
- package/dist/types/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.d.ts +0 -37
- package/dist/types/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.d.ts.map +1 -1
- package/dist/types/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.d.ts.map +1 -1
- package/dist/types/components/DataExtension/DataExtension.d.ts +0 -2
- package/dist/types/components/DataExtension/DataExtension.d.ts.map +1 -1
- package/dist/types/components/ExtendedColumn/ExtendedColumn.d.ts +1 -1
- package/dist/types/components/ExtendedColumn/ExtendedColumn.d.ts.map +1 -1
- package/dist/types/components/FormFieldInput/FormFieldInput.d.ts.map +1 -1
- package/dist/types/components/MaxLines/MaxLines.st.css.d.ts.map +1 -1
- package/dist/types/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContentAdditionalStep.st.css.d.ts.map +1 -1
- package/dist/types/components/ScrollableContent/ScrollableContent.st.css.d.ts.map +1 -1
- package/dist/types/components/Table/TableVirtualHeader.st.css.d.ts.map +1 -1
- package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map +1 -1
- package/dist/types/components/common.st.css.d.ts +0 -1
- package/dist/types/components/common.st.css.d.ts.map +1 -1
- package/dist/types/hooks/usePlaceholderStateOptions.d.ts.map +1 -1
- package/dist/types/state/simplifyExtendedColumns.d.ts.map +1 -1
- package/dist/types/testkit/jsdom.d.ts +0 -37
- package/dist/types/testkit/jsdom.d.ts.map +1 -1
- package/dist/types/testkit/puppeteer.d.ts +0 -37
- package/dist/types/testkit/puppeteer.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/package.json +4 -4
- package/dist/cjs/components/CustomFieldsWidget/useCustomFieldsViewWidget.js +0 -33
- package/dist/cjs/components/CustomFieldsWidget/useCustomFieldsViewWidget.js.map +0 -1
- package/dist/cjs/components/FileCard/DownloadButton.js +0 -77
- package/dist/cjs/components/FileCard/DownloadButton.js.map +0 -1
- package/dist/cjs/components/FileCard/FileCard.js +0 -77
- package/dist/cjs/components/FileCard/FileCard.js.map +0 -1
- package/dist/cjs/components/FileCard/FileCardList.js +0 -31
- package/dist/cjs/components/FileCard/FileCardList.js.map +0 -1
- package/dist/cjs/components/FileCard/FileDetails.js +0 -57
- package/dist/cjs/components/FileCard/FileDetails.js.map +0 -1
- package/dist/cjs/components/FileCard/FilePreview.js +0 -74
- package/dist/cjs/components/FileCard/FilePreview.js.map +0 -1
- package/dist/cjs/components/FileCard/FilePreviewModal.js +0 -108
- package/dist/cjs/components/FileCard/FilePreviewModal.js.map +0 -1
- package/dist/cjs/components/FileCard/FileProps.js +0 -2
- package/dist/cjs/components/FileCard/FileProps.js.map +0 -1
- package/dist/cjs/components/FileCard/Thumbnail.js +0 -30
- package/dist/cjs/components/FileCard/Thumbnail.js.map +0 -1
- package/dist/cjs/components/FileCard/formatBytes.js +0 -13
- package/dist/cjs/components/FileCard/formatBytes.js.map +0 -1
- package/dist/cjs/components/FileCard/icons.js +0 -210
- package/dist/cjs/components/FileCard/icons.js.map +0 -1
- package/dist/cjs/components/FileCard/resolveFileByMediaType.js +0 -77
- package/dist/cjs/components/FileCard/resolveFileByMediaType.js.map +0 -1
- package/dist/cjs/components/FileCard/useDownloadFile.js +0 -54
- package/dist/cjs/components/FileCard/useDownloadFile.js.map +0 -1
- package/dist/esm/components/CustomFieldsWidget/useCustomFieldsViewWidget.js +0 -26
- package/dist/esm/components/CustomFieldsWidget/useCustomFieldsViewWidget.js.map +0 -1
- package/dist/esm/components/FileCard/DownloadButton.js +0 -15
- package/dist/esm/components/FileCard/DownloadButton.js.map +0 -1
- package/dist/esm/components/FileCard/FileCard.js +0 -16
- package/dist/esm/components/FileCard/FileCard.js.map +0 -1
- package/dist/esm/components/FileCard/FileCardList.js +0 -9
- package/dist/esm/components/FileCard/FileCardList.js.map +0 -1
- package/dist/esm/components/FileCard/FileDetails.js +0 -14
- package/dist/esm/components/FileCard/FileDetails.js.map +0 -1
- package/dist/esm/components/FileCard/FilePreview.js +0 -22
- package/dist/esm/components/FileCard/FilePreview.js.map +0 -1
- package/dist/esm/components/FileCard/FilePreviewModal.js +0 -20
- package/dist/esm/components/FileCard/FilePreviewModal.js.map +0 -1
- package/dist/esm/components/FileCard/FileProps.js +0 -2
- package/dist/esm/components/FileCard/FileProps.js.map +0 -1
- package/dist/esm/components/FileCard/Thumbnail.js +0 -8
- package/dist/esm/components/FileCard/Thumbnail.js.map +0 -1
- package/dist/esm/components/FileCard/formatBytes.js +0 -10
- package/dist/esm/components/FileCard/formatBytes.js.map +0 -1
- package/dist/esm/components/FileCard/icons.js +0 -22
- package/dist/esm/components/FileCard/icons.js.map +0 -1
- package/dist/esm/components/FileCard/resolveFileByMediaType.js +0 -45
- package/dist/esm/components/FileCard/resolveFileByMediaType.js.map +0 -1
- package/dist/esm/components/FileCard/useDownloadFile.js +0 -30
- package/dist/esm/components/FileCard/useDownloadFile.js.map +0 -1
- package/dist/types/components/CustomFieldsWidget/useCustomFieldsViewWidget.d.ts +0 -12
- package/dist/types/components/CustomFieldsWidget/useCustomFieldsViewWidget.d.ts.map +0 -1
- package/dist/types/components/FileCard/DownloadButton.d.ts +0 -8
- package/dist/types/components/FileCard/DownloadButton.d.ts.map +0 -1
- package/dist/types/components/FileCard/FileCard.d.ts +0 -10
- package/dist/types/components/FileCard/FileCard.d.ts.map +0 -1
- package/dist/types/components/FileCard/FileCardList.d.ts +0 -9
- package/dist/types/components/FileCard/FileCardList.d.ts.map +0 -1
- package/dist/types/components/FileCard/FileDetails.d.ts +0 -10
- package/dist/types/components/FileCard/FileDetails.d.ts.map +0 -1
- package/dist/types/components/FileCard/FilePreview.d.ts +0 -4
- package/dist/types/components/FileCard/FilePreview.d.ts.map +0 -1
- package/dist/types/components/FileCard/FilePreviewModal.d.ts +0 -9
- package/dist/types/components/FileCard/FilePreviewModal.d.ts.map +0 -1
- package/dist/types/components/FileCard/FileProps.d.ts +0 -31
- package/dist/types/components/FileCard/FileProps.d.ts.map +0 -1
- package/dist/types/components/FileCard/Thumbnail.d.ts +0 -8
- package/dist/types/components/FileCard/Thumbnail.d.ts.map +0 -1
- package/dist/types/components/FileCard/formatBytes.d.ts +0 -2
- package/dist/types/components/FileCard/formatBytes.d.ts.map +0 -1
- package/dist/types/components/FileCard/icons.d.ts +0 -7
- package/dist/types/components/FileCard/icons.d.ts.map +0 -1
- package/dist/types/components/FileCard/resolveFileByMediaType.d.ts +0 -9
- package/dist/types/components/FileCard/resolveFileByMediaType.d.ts.map +0 -1
- package/dist/types/components/FileCard/useDownloadFile.d.ts +0 -8
- 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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAOA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAoD,IAAAK,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAO7C,MAAMW,gBAAgB,GAAGA,CAAC;EAC/BC,IAAI;EACJC,MAAM;EACNC;AACqB,CAAC,KAAK;EAC3B,MAAM;IAAEC,YAAY;IAAEC;EAAc,CAAC,GAAG,IAAAC,gCAAe,EAAC;IAAEL;EAAK,CAAC,CAAC;EACjE,MAAM;IAAEM;EAAQ,CAAC,GAAG,IAAAC,8CAAsB,EAACP,IAAI,CAAC;EAChD,MAAMQ,UAAU,GAAG,IAAAC,cAAO,EACxB,mBACEtC,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAACpC,aAAA,CAAAqC,GAAG;IAACC,aAAa,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxBb,aAAa,gBAAGjC,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAACpC,aAAA,CAAA4C,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAAG9C,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAACjC,iBAAA,CAAA2C,QAAQ;IAACD,IAAI,EAAC,OAAO;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CACN,EACD,CAACb,aAAa,CAChB,CAAC;EACD,oBACEjC,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAACpC,aAAA,CAAA+C,KAAK;IAACpB,MAAM,EAAEA,MAAO;IAACqB,cAAc,EAAEpB,KAAM;IAACqB,yBAAyB;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrE9C,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAACpC,aAAA,CAAAkD,iBAAiB;IAChBC,KAAK,EAAEzB,IAAI,CAAC0B,WAAY;IACxBC,kBAAkB,EAAEzB,KAAM;IAC1B0B,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAClBrB;IACF,CAAE;IACFsB,oBAAoB,EAAE3B,YAAa;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElCjB,IAAI,CAAC+B,SAAS,KAAK,OAAO,gBACzB5D,MAAA,CAAAc,OAAA,CAAAyB,aAAA;IACEsB,QAAQ;IACRC,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,SAAS,EAAE,MAAM;MACjBC,MAAM,EAAE;IACV,CAAE;IACFC,GAAG,EAAEhC,OAAQ;IACbiC,QAAQ,EAAE,KAAM;IAAA1B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjB,CAAC,gBAEF9C,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAACpC,aAAA,CAAAkE,KAAK;IACJP,KAAK,EAAE;MAAEE,MAAM,EAAE,OAAO;MAAED,KAAK,EAAE,OAAO;MAAEO,SAAS,EAAE;IAAU,CAAE;IACjEH,GAAG,EAAEhC,OAAQ;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACd,CAEc,CACd,CAAC;AAEZ,CAAC;AAACyB,OAAA,CAAA3C,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -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":[]}
|