@wix/patterns 1.106.0 → 1.108.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/NestedTableDragAndDrop/NestedTableDragAndDropState.js +8 -4
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropState.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/createUseIsDropDisabled.js +0 -4
- package/dist/cjs/components/NestedTableDragAndDrop/createUseIsDropDisabled.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/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/AutoCompleteReadonly.st.css.js.map +1 -1
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
- 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/Fade/Fade.st.css.js.map +1 -1
- 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/Heading/Heading.st.css.js.map +1 -1
- 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/LoadingRow/LoadingRow.st.css.js.map +1 -1
- 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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
- 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/NestedTableDragAndDrop/NestedTableDragAndDropState.js +8 -6
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropState.js.map +1 -1
- package/dist/esm/components/NestedTableDragAndDrop/createUseIsDropDisabled.js +0 -4
- package/dist/esm/components/NestedTableDragAndDrop/createUseIsDropDisabled.js.map +1 -1
- 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/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- 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/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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
- 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/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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/ViewsDropdown.st.css.d.ts.map +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/Fade/Fade.st.css.d.ts.map +1 -1
- package/dist/types/components/FormFieldInput/FormFieldInput.d.ts.map +1 -1
- package/dist/types/components/Heading/Heading.st.css.d.ts.map +1 -1
- package/dist/types/components/LoadingRow/LoadingRow.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTable/NestedTableRow.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/NestedTableDragAndDropState.d.ts +3 -1
- package/dist/types/components/NestedTableDragAndDrop/NestedTableDragAndDropState.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/createUseIsDropDisabled.d.ts.map +1 -1
- package/dist/types/components/PickerTableListItem/PickerTableListItem.st.css.d.ts.map +1 -1
- package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map +1 -1
- package/dist/types/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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/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,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports.resolveFileByMediaType = exports.THUMB_WIDTH = void 0;
|
|
6
|
-
var _designSystem = require("@wix/design-system");
|
|
7
|
-
var _sdkReact = require("@wix/sdk-react");
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _icons = require("./icons");
|
|
10
|
-
var _lodash = require("lodash");
|
|
11
|
-
var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/resolveFileByMediaType.tsx";
|
|
12
|
-
const THUMB_WIDTH = exports.THUMB_WIDTH = 44;
|
|
13
|
-
const resolveFileByMediaType = exports.resolveFileByMediaType = (0, _lodash.memoize)(({
|
|
14
|
-
mediaType,
|
|
15
|
-
mediaId
|
|
16
|
-
}) => {
|
|
17
|
-
let thumbnail;
|
|
18
|
-
let fileUrl;
|
|
19
|
-
switch (mediaType) {
|
|
20
|
-
case 'audio':
|
|
21
|
-
{
|
|
22
|
-
const audio = _sdkReact.media.getAudioUrl(`wix:audio://v1/${mediaId}`);
|
|
23
|
-
fileUrl = audio.url;
|
|
24
|
-
thumbnail = _icons.audioIcon;
|
|
25
|
-
break;
|
|
26
|
-
}
|
|
27
|
-
case 'video':
|
|
28
|
-
{
|
|
29
|
-
const video = _sdkReact.media.getVideoUrl(`wix:video://v1/${mediaId}`);
|
|
30
|
-
fileUrl = video.url;
|
|
31
|
-
thumbnail = _icons.videoIcon;
|
|
32
|
-
break;
|
|
33
|
-
}
|
|
34
|
-
case 'picture':
|
|
35
|
-
{
|
|
36
|
-
const image = _sdkReact.media.getImageUrl(`wix:image://v1/${mediaId}`);
|
|
37
|
-
const thumbImage = _sdkReact.media.getScaledToFillImageUrl(image.url, THUMB_WIDTH + 20, THUMB_WIDTH + 20, {});
|
|
38
|
-
fileUrl = image.url;
|
|
39
|
-
thumbnail = /*#__PURE__*/_react.default.createElement(_designSystem.Image, {
|
|
40
|
-
src: thumbImage,
|
|
41
|
-
height: `100%`,
|
|
42
|
-
width: `${THUMB_WIDTH}px`,
|
|
43
|
-
style: {
|
|
44
|
-
minWidth: '36px'
|
|
45
|
-
},
|
|
46
|
-
fit: "cover",
|
|
47
|
-
borderRadius: 0,
|
|
48
|
-
__self: void 0,
|
|
49
|
-
__source: {
|
|
50
|
-
fileName: _jsxFileName,
|
|
51
|
-
lineNumber: 38,
|
|
52
|
-
columnNumber: 11
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
break;
|
|
56
|
-
}
|
|
57
|
-
case 'document':
|
|
58
|
-
{
|
|
59
|
-
const document = _sdkReact.media.getDocumentUrl(`wix:document://v1/${mediaId}`);
|
|
60
|
-
fileUrl = document.url;
|
|
61
|
-
thumbnail = fileUrl.toLowerCase().endsWith('.pdf') ? _icons.pdfIcon : _icons.docIcon;
|
|
62
|
-
break;
|
|
63
|
-
}
|
|
64
|
-
default:
|
|
65
|
-
{
|
|
66
|
-
const document = _sdkReact.media.getDocumentUrl(`wix:document://v1/${mediaId}`);
|
|
67
|
-
fileUrl = document.url;
|
|
68
|
-
thumbnail = _icons.defaultIcon;
|
|
69
|
-
break;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
return {
|
|
73
|
-
thumbnail,
|
|
74
|
-
fileUrl
|
|
75
|
-
};
|
|
76
|
-
});
|
|
77
|
-
//# sourceMappingURL=resolveFileByMediaType.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_designSystem","require","_sdkReact","_react","_interopRequireDefault","_icons","_lodash","_jsxFileName","THUMB_WIDTH","exports","resolveFileByMediaType","memoize","mediaType","mediaId","thumbnail","fileUrl","audio","media","getAudioUrl","url","audioIcon","video","getVideoUrl","videoIcon","image","getImageUrl","thumbImage","getScaledToFillImageUrl","default","createElement","Image","src","height","width","style","minWidth","fit","borderRadius","__self","__source","fileName","lineNumber","columnNumber","document","getDocumentUrl","toLowerCase","endsWith","pdfIcon","docIcon","defaultIcon"],"sources":["../../../../src/components/FileCard/resolveFileByMediaType.tsx"],"sourcesContent":["import { Image } from '@wix/design-system';\nimport { media } from '@wix/sdk-react';\nimport React, { ReactNode } from 'react';\nimport { File } from './FileProps';\nimport { audioIcon, docIcon, videoIcon, defaultIcon, pdfIcon } from './icons';\nimport { memoize } from 'lodash';\n\nexport const THUMB_WIDTH = 44;\nexport const resolveFileByMediaType = memoize(\n ({ mediaType, mediaId }: Pick<File, 'mediaType' | 'mediaId'>) => {\n let thumbnail: ReactNode;\n let fileUrl: string | undefined;\n\n switch (mediaType) {\n case 'audio': {\n const audio = media.getAudioUrl(`wix:audio://v1/${mediaId}`);\n fileUrl = audio.url;\n thumbnail = audioIcon;\n break;\n }\n case 'video': {\n const video = media.getVideoUrl(`wix:video://v1/${mediaId}`);\n fileUrl = video.url;\n thumbnail = videoIcon;\n break;\n }\n case 'picture': {\n const image = media.getImageUrl(`wix:image://v1/${mediaId}`);\n const thumbImage = media.getScaledToFillImageUrl(\n image.url,\n THUMB_WIDTH + 20,\n THUMB_WIDTH + 20,\n {},\n );\n\n fileUrl = image.url;\n thumbnail = (\n <Image\n src={thumbImage}\n height={`100%`}\n width={`${THUMB_WIDTH}px`}\n style={{ minWidth: '36px' }}\n fit=\"cover\"\n borderRadius={0}\n />\n );\n break;\n }\n case 'document': {\n const document = media.getDocumentUrl(`wix:document://v1/${mediaId}`);\n fileUrl = document.url;\n thumbnail = fileUrl.toLowerCase().endsWith('.pdf') ? pdfIcon : docIcon;\n break;\n }\n default: {\n const document = media.getDocumentUrl(`wix:document://v1/${mediaId}`);\n fileUrl = document.url;\n thumbnail = defaultIcon;\n break;\n }\n }\n\n return { thumbnail, fileUrl };\n },\n);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAiC,IAAAM,YAAA;AAE1B,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,EAAE;AACtB,MAAME,sBAAsB,GAAAD,OAAA,CAAAC,sBAAA,GAAG,IAAAC,eAAO,EAC3C,CAAC;EAAEC,SAAS;EAAEC;AAA6C,CAAC,KAAK;EAC/D,IAAIC,SAAoB;EACxB,IAAIC,OAA2B;EAE/B,QAAQH,SAAS;IACf,KAAK,OAAO;MAAE;QACZ,MAAMI,KAAK,GAAGC,eAAK,CAACC,WAAW,CAAC,kBAAkBL,OAAO,EAAE,CAAC;QAC5DE,OAAO,GAAGC,KAAK,CAACG,GAAG;QACnBL,SAAS,GAAGM,gBAAS;QACrB;MACF;IACA,KAAK,OAAO;MAAE;QACZ,MAAMC,KAAK,GAAGJ,eAAK,CAACK,WAAW,CAAC,kBAAkBT,OAAO,EAAE,CAAC;QAC5DE,OAAO,GAAGM,KAAK,CAACF,GAAG;QACnBL,SAAS,GAAGS,gBAAS;QACrB;MACF;IACA,KAAK,SAAS;MAAE;QACd,MAAMC,KAAK,GAAGP,eAAK,CAACQ,WAAW,CAAC,kBAAkBZ,OAAO,EAAE,CAAC;QAC5D,MAAMa,UAAU,GAAGT,eAAK,CAACU,uBAAuB,CAC9CH,KAAK,CAACL,GAAG,EACTX,WAAW,GAAG,EAAE,EAChBA,WAAW,GAAG,EAAE,EAChB,CAAC,CACH,CAAC;QAEDO,OAAO,GAAGS,KAAK,CAACL,GAAG;QACnBL,SAAS,gBACPX,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8B,KAAK;UACJC,GAAG,EAAEL,UAAW;UAChBM,MAAM,EAAE,MAAO;UACfC,KAAK,EAAE,GAAGzB,WAAW,IAAK;UAC1B0B,KAAK,EAAE;YAAEC,QAAQ,EAAE;UAAO,CAAE;UAC5BC,GAAG,EAAC,OAAO;UACXC,YAAY,EAAE,CAAE;UAAAC,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAjC,YAAA;YAAAkC,UAAA;YAAAC,YAAA;UAAA;QAAA,CACjB,CACF;QACD;MACF;IACA,KAAK,UAAU;MAAE;QACf,MAAMC,QAAQ,GAAG1B,eAAK,CAAC2B,cAAc,CAAC,qBAAqB/B,OAAO,EAAE,CAAC;QACrEE,OAAO,GAAG4B,QAAQ,CAACxB,GAAG;QACtBL,SAAS,GAAGC,OAAO,CAAC8B,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC,MAAM,CAAC,GAAGC,cAAO,GAAGC,cAAO;QACtE;MACF;IACA;MAAS;QACP,MAAML,QAAQ,GAAG1B,eAAK,CAAC2B,cAAc,CAAC,qBAAqB/B,OAAO,EAAE,CAAC;QACrEE,OAAO,GAAG4B,QAAQ,CAACxB,GAAG;QACtBL,SAAS,GAAGmC,kBAAW;QACvB;MACF;EACF;EAEA,OAAO;IAAEnC,SAAS;IAAEC;EAAQ,CAAC;AAC/B,CACF,CAAC","ignoreList":[]}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.useDownloadFile = void 0;
|
|
5
|
-
var _react = require("@wix/bex-core/react");
|
|
6
|
-
var _react2 = require("react");
|
|
7
|
-
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); }
|
|
8
|
-
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; }
|
|
9
|
-
const useDownloadFile = ({
|
|
10
|
-
file
|
|
11
|
-
}) => {
|
|
12
|
-
const {
|
|
13
|
-
httpClient,
|
|
14
|
-
window,
|
|
15
|
-
errorHandler: {
|
|
16
|
-
withErrorHandler,
|
|
17
|
-
showError
|
|
18
|
-
}
|
|
19
|
-
} = (0, _react.useWixPatternsContainer)();
|
|
20
|
-
const [isDownloading, setIsDownloading] = (0, _react2.useState)(false);
|
|
21
|
-
const downloadFile = async () => {
|
|
22
|
-
try {
|
|
23
|
-
var _data$downloadUrls;
|
|
24
|
-
setIsDownloading(true);
|
|
25
|
-
const {
|
|
26
|
-
generateFileDownloadUrl
|
|
27
|
-
} = await Promise.resolve().then(() => _interopRequireWildcard(require('@wix/bex-utils/@wix/ambassador-media-site-media-v1-file-descriptor/http')));
|
|
28
|
-
const {
|
|
29
|
-
data
|
|
30
|
-
} = await withErrorHandler(() => httpClient.request(generateFileDownloadUrl({
|
|
31
|
-
fileId: file.mediaId
|
|
32
|
-
})), {
|
|
33
|
-
errorCodesMap: {
|
|
34
|
-
applicationError: {}
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
const downloadableUrl = (_data$downloadUrls = data.downloadUrls) == null || (_data$downloadUrls = _data$downloadUrls[0]) == null ? void 0 : _data$downloadUrls.url;
|
|
38
|
-
if (!downloadableUrl) {
|
|
39
|
-
throw new Error('Failed to download file');
|
|
40
|
-
}
|
|
41
|
-
window.download(downloadableUrl, file.displayName);
|
|
42
|
-
} catch (error) {
|
|
43
|
-
showError == null || showError(error);
|
|
44
|
-
} finally {
|
|
45
|
-
setIsDownloading(false);
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
return {
|
|
49
|
-
downloadFile,
|
|
50
|
-
isDownloading
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
|
-
exports.useDownloadFile = useDownloadFile;
|
|
54
|
-
//# sourceMappingURL=useDownloadFile.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_react2","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useDownloadFile","file","httpClient","window","errorHandler","withErrorHandler","showError","useWixPatternsContainer","isDownloading","setIsDownloading","useState","downloadFile","_data$downloadUrls","generateFileDownloadUrl","Promise","resolve","then","data","request","fileId","mediaId","errorCodesMap","applicationError","downloadableUrl","downloadUrls","url","Error","download","displayName","error","exports"],"sources":["../../../../src/components/FileCard/useDownloadFile.ts"],"sourcesContent":["import { File } from './FileProps';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useState } from 'react';\n\nexport const useDownloadFile = ({ file }: { file: File }) => {\n const {\n httpClient,\n window,\n errorHandler: { withErrorHandler, showError },\n } = useWixPatternsContainer();\n\n const [isDownloading, setIsDownloading] = useState(false);\n\n const downloadFile = async () => {\n try {\n setIsDownloading(true);\n\n const { generateFileDownloadUrl } = await import(\n '@wix/bex-utils/@wix/ambassador-media-site-media-v1-file-descriptor/http'\n );\n\n const { data } = await withErrorHandler(\n () =>\n httpClient.request(generateFileDownloadUrl({ fileId: file.mediaId })),\n {\n errorCodesMap: {\n applicationError: {},\n },\n },\n );\n\n const downloadableUrl = data.downloadUrls?.[0]?.url;\n\n if (!downloadableUrl) {\n throw new Error('Failed to download file');\n }\n\n window.download(downloadableUrl, file.displayName);\n } catch (error) {\n showError?.(error);\n } finally {\n setIsDownloading(false);\n }\n };\n\n return { downloadFile, isDownloading };\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAiC,SAAAE,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,SAAAI,wBAAAJ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAM,OAAA,EAAAN,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAI,GAAA,CAAAP,CAAA,UAAAG,CAAA,CAAAK,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,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,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAN,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAE1B,MAAMW,eAAe,GAAGA,CAAC;EAAEC;AAAqB,CAAC,KAAK;EAC3D,MAAM;IACJC,UAAU;IACVC,MAAM;IACNC,YAAY,EAAE;MAAEC,gBAAgB;MAAEC;IAAU;EAC9C,CAAC,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAE7B,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,gBAAQ,EAAC,KAAK,CAAC;EAEzD,MAAMC,YAAY,GAAG,MAAAA,CAAA,KAAY;IAC/B,IAAI;MAAA,IAAAC,kBAAA;MACFH,gBAAgB,CAAC,IAAI,CAAC;MAEtB,MAAM;QAAEI;MAAwB,CAAC,GAAG,MAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAhC,uBAAA,CAAAP,OAAA,CAClC,yEAAyE,GAC1E;MAED,MAAM;QAAEwC;MAAK,CAAC,GAAG,MAAMZ,gBAAgB,CACrC,MACEH,UAAU,CAACgB,OAAO,CAACL,uBAAuB,CAAC;QAAEM,MAAM,EAAElB,IAAI,CAACmB;MAAQ,CAAC,CAAC,CAAC,EACvE;QACEC,aAAa,EAAE;UACbC,gBAAgB,EAAE,CAAC;QACrB;MACF,CACF,CAAC;MAED,MAAMC,eAAe,IAAAX,kBAAA,GAAGK,IAAI,CAACO,YAAY,cAAAZ,kBAAA,GAAjBA,kBAAA,CAAoB,CAAC,CAAC,qBAAtBA,kBAAA,CAAwBa,GAAG;MAEnD,IAAI,CAACF,eAAe,EAAE;QACpB,MAAM,IAAIG,KAAK,CAAC,yBAAyB,CAAC;MAC5C;MAEAvB,MAAM,CAACwB,QAAQ,CAACJ,eAAe,EAAEtB,IAAI,CAAC2B,WAAW,CAAC;IACpD,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdvB,SAAS,YAATA,SAAS,CAAGuB,KAAK,CAAC;IACpB,CAAC,SAAS;MACRpB,gBAAgB,CAAC,KAAK,CAAC;IACzB;EACF,CAAC;EAED,OAAO;IAAEE,YAAY;IAAEH;EAAc,CAAC;AACxC,CAAC;AAACsB,OAAA,CAAA9B,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { CustomFieldsViewWidgetState, parseFqdn, } from '@wix/bex-core';
|
|
2
|
-
import { useWixPatternsContainer } from '@wix/bex-core/react';
|
|
3
|
-
import { useEffect, useMemo, useState } from 'react';
|
|
4
|
-
export const useCustomFieldsViewWidget = ({ fqdn, extendedFields, }) => {
|
|
5
|
-
const container = useWixPatternsContainer();
|
|
6
|
-
const [state] = useState(() => new CustomFieldsViewWidgetState({
|
|
7
|
-
container,
|
|
8
|
-
fqdn: parseFqdn(fqdn),
|
|
9
|
-
url: window.location.href,
|
|
10
|
-
}));
|
|
11
|
-
useEffect(() => state.init(), []);
|
|
12
|
-
const userCustomFields = state.dataExtension.availableUserCustomFields;
|
|
13
|
-
const appsCustomFields = state.dataExtension.availableAppsCustomFields;
|
|
14
|
-
const areAllCustomFieldsEmpty = useMemo(() => {
|
|
15
|
-
return state.dataExtension.allNamespaces.every((namespace) => state.getExtendedFieldsToDisplayForNamespace(namespace, extendedFields)
|
|
16
|
-
.length === 0);
|
|
17
|
-
}, [extendedFields, userCustomFields, state.dataExtension.appSchemas]);
|
|
18
|
-
return {
|
|
19
|
-
state,
|
|
20
|
-
userCustomFields,
|
|
21
|
-
appsCustomFields,
|
|
22
|
-
container,
|
|
23
|
-
areAllCustomFieldsEmpty,
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=useCustomFieldsViewWidget.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useCustomFieldsViewWidget.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/useCustomFieldsViewWidget.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAE3B,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,IAAI,EACJ,cAAc,GAIf,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE,CACH,IAAI,2BAA2B,CAAC;QAC9B,SAAS;QACT,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC;QACrB,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;KAC1B,CAAC,CACL,CAAC;IACF,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC;IACvE,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC;IAEvE,MAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,OAAO,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,CAC5C,CAAC,SAAS,EAAE,EAAE,CACZ,KAAK,CAAC,sCAAsC,CAAC,SAAS,EAAE,cAAc,CAAC;aACpE,MAAM,KAAK,CAAC,CAClB,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IAEvE,OAAO;QACL,KAAK;QACL,gBAAgB;QAChB,gBAAgB;QAChB,SAAS;QACT,uBAAuB;KACxB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Box, Loader, TextButton, Tooltip } from '@wix/design-system';
|
|
3
|
-
import { Download } from '@wix/wix-ui-icons-common';
|
|
4
|
-
import { useDownloadFile } from './useDownloadFile';
|
|
5
|
-
export function DownloadButton({ file }) {
|
|
6
|
-
const { downloadFile, isDownloading } = useDownloadFile({ file });
|
|
7
|
-
return (React.createElement(Box, { paddingInlineEnd: 4, marginLeft: "auto", dataHook: `download-button-${file.mediaId}` }, isDownloading ? (React.createElement(Loader, { size: "tiny" })) : (React.createElement(Tooltip, { content: "Download" },
|
|
8
|
-
React.createElement(TextButton, { underline: "onHover", onClick: (e) => {
|
|
9
|
-
e.stopPropagation();
|
|
10
|
-
downloadFile();
|
|
11
|
-
} },
|
|
12
|
-
React.createElement(Box, { verticalAlign: "middle" },
|
|
13
|
-
React.createElement(Download, { width: 20, height: 20 })))))));
|
|
14
|
-
}
|
|
15
|
-
//# sourceMappingURL=DownloadButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DownloadButton.js","sourceRoot":"","sources":["../../../../src/components/FileCard/DownloadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMpD,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,EAAuB;IAC1D,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAElE,OAAO,CACL,oBAAC,GAAG,IACF,gBAAgB,EAAE,CAAC,EACnB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,mBAAmB,IAAI,CAAC,OAAO,EAAE,IAE1C,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,GAAG,CACvB,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,OAAO,EAAC,UAAU;QACzB,oBAAC,UAAU,IACT,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,CAAC,CAAgC,EAAE,EAAE;gBAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,YAAY,EAAE,CAAC;YACjB,CAAC;YAED,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ;gBACzB,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAC/B,CACK,CACL,CACX,CACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Box } from '@wix/design-system';
|
|
3
|
-
import { THUMB_WIDTH } from './resolveFileByMediaType';
|
|
4
|
-
import { Thumbnail } from './Thumbnail';
|
|
5
|
-
import { FileDetails } from './FileDetails';
|
|
6
|
-
import { DownloadButton } from './DownloadButton';
|
|
7
|
-
import { st, classes } from '../common.st.css.js';
|
|
8
|
-
export const FileCard = ({ file, showDownloadCTA = false, showDetails = false, onClick, }) => {
|
|
9
|
-
const downloadIconWidth = showDownloadCTA ? 36 : 0;
|
|
10
|
-
return (React.createElement("div", { onClick: onClick, style: { width: '100%', cursor: 'pointer' }, "data-hook": `file-card-${file.mediaId}`, className: st(classes.hightlightOnHover) },
|
|
11
|
-
React.createElement(Box, { verticalAlign: "middle", align: "left", gap: "SP1", paddingBlockEnd: 1, maxWidth: "100%", height: "100%" },
|
|
12
|
-
React.createElement(Thumbnail, { file: file }),
|
|
13
|
-
React.createElement(FileDetails, { file: file, showDetails: showDetails, maxWidth: `calc(100% - ${downloadIconWidth + THUMB_WIDTH + 10}px)` }),
|
|
14
|
-
showDownloadCTA && !file.private ? (React.createElement(DownloadButton, { file: file })) : null)));
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=FileCard.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileCard.js","sourceRoot":"","sources":["../../../../src/components/FileCard/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AASlD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,IAAI,EACJ,eAAe,GAAG,KAAK,EACvB,WAAW,GAAG,KAAK,EACnB,OAAO,GACO,EAAE,EAAE;IAClB,MAAM,iBAAiB,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnD,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,eAChC,aAAa,IAAI,CAAC,OAAO,EAAE,EACtC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC;QAExC,oBAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAC,MAAM,EACZ,GAAG,EAAC,KAAK,EACT,eAAe,EAAE,CAAC,EAClB,QAAQ,EAAC,MAAM,EACf,MAAM,EAAC,MAAM;YAEb,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI;YACzB,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,eAAe,iBAAiB,GAAG,WAAW,GAAG,EAAE,KAAK,GAClE;YACD,eAAe,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAClC,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,GAAI,CAC/B,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { FilePreview } from './FilePreview';
|
|
3
|
-
export const FileCardList = ({ files, showDownloadCTA, showDetails, }) => {
|
|
4
|
-
if (!files) {
|
|
5
|
-
return null;
|
|
6
|
-
}
|
|
7
|
-
return (React.createElement(React.Fragment, null, files.map((file) => (React.createElement(FilePreview, { file: file, key: file.mediaId, showDownloadCTA: showDownloadCTA, showDetails: showDetails })))));
|
|
8
|
-
};
|
|
9
|
-
//# sourceMappingURL=FileCardList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileCardList.js","sourceRoot":"","sources":["../../../../src/components/FileCard/FileCardList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,eAAe,EACf,WAAW,GACO,EAAE,EAAE;IACtB,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,0CACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,CAAC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React, { useMemo } from 'react';
|
|
2
|
-
import { Box, Text } from '@wix/design-system';
|
|
3
|
-
import { formatBytes } from './formatBytes';
|
|
4
|
-
export function FileDetails({ file, showDetails, maxWidth }) {
|
|
5
|
-
const fileSize = useMemo(() => formatBytes(file.sizeInBytes), [file.sizeInBytes]);
|
|
6
|
-
return (React.createElement(Box, { gap: "SP1", direction: "vertical", maxWidth: maxWidth, dataHook: `file-details-${file.mediaId}` },
|
|
7
|
-
React.createElement(Text, { ellipsis: true, size: "small", dataHook: `file-details-name-${file.mediaId}` }, file.displayName),
|
|
8
|
-
showDetails && (React.createElement(Box, { verticalAlign: "middle" },
|
|
9
|
-
React.createElement(Text, { size: "tiny", dataHook: `file-details-size-${file.mediaId}` },
|
|
10
|
-
fileSize,
|
|
11
|
-
" ",
|
|
12
|
-
file.mediaType)))));
|
|
13
|
-
}
|
|
14
|
-
//# sourceMappingURL=FileDetails.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileDetails.js","sourceRoot":"","sources":["../../../../src/components/FileCard/FileDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAoB;IAC3E,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,EACnC,CAAC,IAAI,CAAC,WAAW,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,IAAI,CAAC,OAAO,EAAE;QAExC,oBAAC,IAAI,IACH,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,qBAAqB,IAAI,CAAC,OAAO,EAAE,IAE5C,IAAI,CAAC,WAAW,CACZ;QACN,WAAW,IAAI,CACd,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ;YACzB,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,qBAAqB,IAAI,CAAC,OAAO,EAAE;gBAC5D,QAAQ;;gBAAG,IAAI,CAAC,SAAS,CACrB,CACH,CACP,CACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import { Box } from '@wix/design-system';
|
|
3
|
-
import { useDownloadFile } from './useDownloadFile';
|
|
4
|
-
import { FilePreviewModal } from './FilePreviewModal';
|
|
5
|
-
import { FileCard } from './FileCard';
|
|
6
|
-
export function FilePreview({ file, showDownloadCTA, showDetails, }) {
|
|
7
|
-
const { mediaType } = file;
|
|
8
|
-
const [isPreviewOpen, setIsPreviewOpen] = useState(false);
|
|
9
|
-
const { downloadFile } = useDownloadFile({ file });
|
|
10
|
-
const supportedPreviewTypes = ['picture', 'video'];
|
|
11
|
-
return (React.createElement(Box, { height: showDetails ? 56 : 36, maxWidth: showDetails ? '420px' : '280px', overflow: "hidden", backgroundColor: "D80", border: "1px solid", borderColor: "D55", borderRadius: 8, dataHook: `file-upload-formatted-${file.mediaId}`, marginBottom: "SP1" },
|
|
12
|
-
React.createElement(FileCard, { onClick: (e) => {
|
|
13
|
-
e.stopPropagation();
|
|
14
|
-
if (!supportedPreviewTypes.includes(mediaType)) {
|
|
15
|
-
downloadFile();
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
setIsPreviewOpen(true);
|
|
19
|
-
}, file: file, showDownloadCTA: showDownloadCTA, showDetails: showDetails }),
|
|
20
|
-
supportedPreviewTypes.includes(mediaType) ? (React.createElement(FilePreviewModal, { file: file, isOpen: isPreviewOpen, close: () => setIsPreviewOpen(false) })) : null));
|
|
21
|
-
}
|
|
22
|
-
//# sourceMappingURL=FilePreview.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilePreview.js","sourceRoot":"","sources":["../../../../src/components/FileCard/FilePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,UAAU,WAAW,CAAC,EAC1B,IAAI,EACJ,eAAe,EACf,WAAW,GACG;IACd,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACnD,MAAM,qBAAqB,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAEnD,OAAO,CACL,oBAAC,GAAG,IACF,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAC7B,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACzC,QAAQ,EAAC,QAAQ,EACjB,eAAe,EAAC,KAAK,EACrB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAE,CAAC,EACf,QAAQ,EAAE,yBAAyB,IAAI,CAAC,OAAO,EAAE,EACjD,YAAY,EAAC,KAAK;QAElB,oBAAC,QAAQ,IACP,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;oBAC9C,YAAY,EAAE,CAAC;oBACf,OAAO;iBACR;gBACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACzB,CAAC,EACD,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,GACxB;QACD,qBAAqB,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAC3C,oBAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,GACpC,CACH,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React, { useMemo } from 'react';
|
|
2
|
-
import { CustomModalLayout, Loader, Modal, Image, Box, } from '@wix/design-system';
|
|
3
|
-
import { resolveFileByMediaType } from './resolveFileByMediaType';
|
|
4
|
-
import { useDownloadFile } from './useDownloadFile';
|
|
5
|
-
import { Download } from '@wix/wix-ui-icons-common';
|
|
6
|
-
export const FilePreviewModal = ({ file, isOpen, close, }) => {
|
|
7
|
-
const { downloadFile, isDownloading } = useDownloadFile({ file });
|
|
8
|
-
const { fileUrl } = resolveFileByMediaType(file);
|
|
9
|
-
const prefixIcon = useMemo(() => (React.createElement(Box, { verticalAlign: "middle" }, isDownloading ? React.createElement(Loader, { size: "tiny" }) : React.createElement(Download, { size: "small" }))), [isDownloading]);
|
|
10
|
-
return (React.createElement(Modal, { isOpen: isOpen, onRequestClose: close, shouldCloseOnOverlayClick: true },
|
|
11
|
-
React.createElement(CustomModalLayout, { title: file.displayName, onCloseButtonClick: close, primaryButtonText: "Download", primaryButtonProps: {
|
|
12
|
-
prefixIcon,
|
|
13
|
-
}, primaryButtonOnClick: downloadFile }, file.mediaType === 'video' ? (React.createElement("video", { controls: true, style: {
|
|
14
|
-
width: '100%',
|
|
15
|
-
height: 'auto',
|
|
16
|
-
maxHeight: '70vh',
|
|
17
|
-
margin: '0 auto',
|
|
18
|
-
}, src: fileUrl, autoPlay: false })) : (React.createElement(Image, { style: { height: '500px', width: '500px', objectFit: 'contain' }, src: fileUrl })))));
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=FilePreviewModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilePreviewModal.js","sourceRoot":"","sources":["../../../../src/components/FileCard/FilePreviewModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,iBAAiB,EACjB,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,GACJ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAOpD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,KAAK,GACiB,EAAE,EAAE;IAC1B,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAClE,MAAM,EAAE,OAAO,EAAE,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CACJ,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,IACxB,aAAa,CAAC,CAAC,CAAC,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,GAAG,CAC/D,CACP,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,yBAAyB;QACrE,oBAAC,iBAAiB,IAChB,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,kBAAkB,EAAE,KAAK,EACzB,iBAAiB,EAAC,UAAU,EAC5B,kBAAkB,EAAE;gBAClB,UAAU;aACX,EACD,oBAAoB,EAAE,YAAY,IAEjC,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,CAC5B,+BACE,QAAQ,QACR,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,MAAM;gBACjB,MAAM,EAAE,QAAQ;aACjB,EACD,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,KAAK,GACf,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IACJ,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,EAChE,GAAG,EAAE,OAAO,GACZ,CACH,CACiB,CACd,CACT,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileProps.js","sourceRoot":"","sources":["../../../../src/components/FileCard/FileProps.ts"],"names":[],"mappings":""}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Box } from '@wix/design-system';
|
|
3
|
-
import { resolveFileByMediaType, THUMB_WIDTH } from './resolveFileByMediaType';
|
|
4
|
-
export function Thumbnail({ file }) {
|
|
5
|
-
const { thumbnail } = resolveFileByMediaType(file);
|
|
6
|
-
return (React.createElement(Box, { dataHook: `file-thumbnail-${file.mediaType}-${file.mediaId}`, align: "center", verticalAlign: "middle", width: THUMB_WIDTH, height: "100%" }, thumbnail));
|
|
7
|
-
}
|
|
8
|
-
//# sourceMappingURL=Thumbnail.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Thumbnail.js","sourceRoot":"","sources":["../../../../src/components/FileCard/Thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,sBAAsB,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAM/E,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAkB;IAChD,MAAM,EAAE,SAAS,EAAE,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IACnD,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,kBAAkB,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE,EAC5D,KAAK,EAAC,QAAQ,EACd,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAC,MAAM,IAEZ,SAAS,CACN,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export function formatBytes(bytes, decimals = 2) {
|
|
2
|
-
if (!+bytes)
|
|
3
|
-
return '0 Bytes';
|
|
4
|
-
const k = 1024;
|
|
5
|
-
const dm = decimals < 0 ? 0 : decimals;
|
|
6
|
-
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YiB'];
|
|
7
|
-
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
8
|
-
return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
|
|
9
|
-
}
|
|
10
|
-
//# sourceMappingURL=formatBytes.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"formatBytes.js","sourceRoot":"","sources":["../../../../src/components/FileCard/formatBytes.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CAAC,KAAa,EAAE,QAAQ,GAAG,CAAC;IACrD,IAAI,CAAC,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAE9B,MAAM,CAAC,GAAG,IAAI,CAAC;IACf,MAAM,EAAE,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAEzE,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpD,OAAO,GAAG,UAAU,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAC3E,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const videoIcon = (React.createElement("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
3
|
-
React.createElement("path", { d: "M27.75 6V30H14.8725C14.658 30.0007 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z", fill: "#6544F9" }),
|
|
4
|
-
React.createElement("path", { d: "M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z", fill: "#DAC4FB" }),
|
|
5
|
-
React.createElement("path", { d: "M15.75 19.2202C15.6515 19.2202 15.5539 19.2008 15.4628 19.1631C15.3718 19.1253 15.2891 19.07 15.2194 19.0003C15.1498 18.9306 15.0946 18.8478 15.0569 18.7567C15.0193 18.6657 14.9999 18.5681 15 18.4695V12.2805C14.9991 12.1817 15.0179 12.0838 15.0553 11.9923C15.0926 11.9009 15.1478 11.8178 15.2177 11.7479C15.2875 11.678 15.3705 11.6227 15.4619 11.5853C15.5533 11.5478 15.6513 11.5289 15.75 11.5297C15.8821 11.5304 16.0116 11.5664 16.125 11.634L21.3855 14.7285C21.4986 14.7942 21.5924 14.8885 21.6573 15.002C21.7223 15.1156 21.756 15.2442 21.7553 15.375C21.756 15.5058 21.7223 15.6344 21.6573 15.748C21.5924 15.8615 21.4986 15.9558 21.3855 16.0215L16.1258 19.116C16.0119 19.1833 15.8823 19.2192 15.75 19.2202ZM15.75 12.2805V18.4695L21.0105 15.375L15.75 12.2805Z", fill: "white" })));
|
|
6
|
-
export const docIcon = (React.createElement("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
7
|
-
React.createElement("path", { d: "M27.75 6V30H14.8725C14.658 30.0007 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z", fill: "#166AEA" }),
|
|
8
|
-
React.createElement("path", { d: "M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z", fill: "#8CBAFF" }),
|
|
9
|
-
React.createElement("path", { d: "M22.5 12.75H13.5V12H22.5V12.75ZM22.5 15H13.5V15.75H22.5V15ZM18.75 18H13.5V18.75H18.75V18Z", fill: "white" })));
|
|
10
|
-
export const pdfIcon = (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "36", height: "36", viewBox: "0 0 36 36", fill: "none" },
|
|
11
|
-
React.createElement("path", { d: "M27.75 6V30H14.8725C14.658 30.0007 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z", fill: "#FA6050" }),
|
|
12
|
-
React.createElement("path", { d: "M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z", fill: "#FCCCC2" }),
|
|
13
|
-
React.createElement("path", { d: "M13.9605 12.9507C13.6516 12.8103 13.3149 12.7416 12.9757 12.7497H10.8555V17.9997H11.8425V15.9455H12.975C13.314 15.953 13.65 15.884 13.959 15.7445C14.226 15.6207 14.454 15.4265 14.6175 15.1812C14.7782 14.9318 14.861 14.6402 14.8552 14.3435C14.8612 14.0482 14.7783 13.7579 14.6175 13.5102C14.4539 13.267 14.2266 13.0734 13.9605 12.9507ZM13.6207 14.9067C13.4385 15.0522 13.2097 15.1242 12.9772 15.1115H11.8432V13.583H12.9757C13.2082 13.5702 13.4377 13.643 13.62 13.7877C13.6979 13.8571 13.7593 13.943 13.7998 14.0391C13.8403 14.1353 13.8588 14.2393 13.854 14.3435C13.8594 14.4489 13.8412 14.5542 13.8007 14.6516C13.7602 14.7491 13.6985 14.8362 13.62 14.9067H13.6207ZM19.2982 13.0835C18.8425 12.8534 18.3371 12.7388 17.8267 12.7497H15.9982V17.9997H17.8267C18.3382 18.0113 18.8445 17.895 19.2997 17.6615C19.7077 17.4492 20.0497 17.1275 20.2867 16.733C20.5282 16.3205 20.6512 15.8487 20.6422 15.371C20.6514 14.8929 20.5283 14.4216 20.2867 14.009C20.0501 13.6148 19.7083 13.2943 19.2997 13.0835H19.2982ZM19.3867 16.3145C19.2465 16.577 19.0335 16.793 18.7717 16.9355C18.4803 17.088 18.1548 17.1636 17.826 17.1552H16.9852V13.5942H17.8252C18.1542 13.5854 18.4801 13.66 18.7725 13.811C19.0342 13.9512 19.248 14.1657 19.3867 14.4275C19.5367 14.7192 19.611 15.0432 19.6027 15.371C19.6102 15.6987 19.5367 16.0235 19.3867 16.3145ZM22.842 13.583V14.9142H25.2472V15.7497H22.842V17.9997H21.855V12.7497H25.3867V13.583H22.842Z", fill: "white" })));
|
|
14
|
-
export const audioIcon = (React.createElement("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
15
|
-
React.createElement("path", { d: "M27.75 6V30H14.8725C14.658 30.0008 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z", fill: "#F97A44" }),
|
|
16
|
-
React.createElement("path", { d: "M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z", fill: "#FBDEC4" }),
|
|
17
|
-
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 12.8074L16.5 13.4502V19.5C16.5 20.3284 15.6605 21 14.625 21C13.5895 21 12.75 20.3284 12.75 19.5C12.75 18.6716 13.5895 18 14.625 18C15.0471 18 15.4366 18.1116 15.75 18.2999V12.7998L21.3438 12.0006L21.75 12V18.75C21.75 19.5784 20.9105 20.25 19.875 20.25C18.8395 20.25 18 19.5784 18 18.75C18 17.9216 18.8395 17.25 19.875 17.25C20.2942 17.25 20.6813 17.3601 20.9936 17.5461L21 12.8074ZM19.875 18C19.2215 18 18.75 18.3772 18.75 18.75C18.75 19.1228 19.2215 19.5 19.875 19.5C20.5285 19.5 21 19.125 21 18.75C21 18.375 20.4792 18 19.875 18ZM14.625 20.25C15.2785 20.25 15.75 19.8728 15.75 19.5C15.75 19.1272 15.2785 18.75 14.625 18.75C13.9715 18.75 13.5 19.1272 13.5 19.5C13.5 19.8728 13.9715 20.25 14.625 20.25Z", fill: "white" })));
|
|
18
|
-
export const defaultIcon = (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "36", height: "36", viewBox: "0 0 36 36", fill: "none" },
|
|
19
|
-
React.createElement("path", { d: "M27.75 6V30H14.8725C14.658 30.0007 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z", fill: "#343842" }),
|
|
20
|
-
React.createElement("path", { d: "M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z", fill: "#D0D0D0" }),
|
|
21
|
-
React.createElement("path", { d: "M17.766 16.7933L15.891 15.2933L16.359 14.7067L17.625 15.72V12H18.375V15.72L19.641 14.7067L20.109 15.2933L18.234 16.7933C18.1676 16.8463 18.085 16.8752 18 16.8752C17.915 16.8752 17.8324 16.8463 17.766 16.7933ZM21.75 15.75V17.625C21.75 17.7245 21.7105 17.8198 21.6402 17.8902C21.5698 17.9605 21.4745 18 21.375 18H14.625C14.5255 18 14.4302 17.9605 14.3598 17.8902C14.2895 17.8198 14.25 17.7245 14.25 17.625V15.75H13.5V17.625C13.5 17.9234 13.6185 18.2095 13.8295 18.4205C14.0405 18.6315 14.3266 18.75 14.625 18.75H21.375C21.6734 18.75 21.9595 18.6315 22.1705 18.4205C22.3815 18.2095 22.5 17.9234 22.5 17.625V15.75H21.75Z", fill: "white" })));
|
|
22
|
-
//# sourceMappingURL=icons.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/components/FileCard/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;IAElC,8BACE,CAAC,EAAC,gMAAgM,EAClM,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,mIAAmI,EACrI,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,yvBAAyvB,EAC3vB,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;IAElC,8BACE,CAAC,EAAC,gMAAgM,EAClM,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,mIAAmI,EACrI,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,2FAA2F,EAC7F,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM;IAEX,8BACE,CAAC,EAAC,gMAAgM,EAClM,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,mIAAmI,EACrI,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,g4CAAg4C,EACl4C,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;IAElC,8BACE,CAAC,EAAC,gMAAgM,EAClM,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,mIAAmI,EACrI,IAAI,EAAC,SAAS,GACd;IACF,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,osBAAosB,EACtsB,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM;IAEX,8BACE,CAAC,EAAC,gMAAgM,EAClM,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,mIAAmI,EACrI,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,0mBAA0mB,EAC5mB,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { Image } from '@wix/design-system';
|
|
2
|
-
import { media } from '@wix/sdk-react';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { audioIcon, docIcon, videoIcon, defaultIcon, pdfIcon } from './icons';
|
|
5
|
-
import { memoize } from 'lodash';
|
|
6
|
-
export const THUMB_WIDTH = 44;
|
|
7
|
-
export const resolveFileByMediaType = memoize(({ mediaType, mediaId }) => {
|
|
8
|
-
let thumbnail;
|
|
9
|
-
let fileUrl;
|
|
10
|
-
switch (mediaType) {
|
|
11
|
-
case 'audio': {
|
|
12
|
-
const audio = media.getAudioUrl(`wix:audio://v1/${mediaId}`);
|
|
13
|
-
fileUrl = audio.url;
|
|
14
|
-
thumbnail = audioIcon;
|
|
15
|
-
break;
|
|
16
|
-
}
|
|
17
|
-
case 'video': {
|
|
18
|
-
const video = media.getVideoUrl(`wix:video://v1/${mediaId}`);
|
|
19
|
-
fileUrl = video.url;
|
|
20
|
-
thumbnail = videoIcon;
|
|
21
|
-
break;
|
|
22
|
-
}
|
|
23
|
-
case 'picture': {
|
|
24
|
-
const image = media.getImageUrl(`wix:image://v1/${mediaId}`);
|
|
25
|
-
const thumbImage = media.getScaledToFillImageUrl(image.url, THUMB_WIDTH + 20, THUMB_WIDTH + 20, {});
|
|
26
|
-
fileUrl = image.url;
|
|
27
|
-
thumbnail = (React.createElement(Image, { src: thumbImage, height: `100%`, width: `${THUMB_WIDTH}px`, style: { minWidth: '36px' }, fit: "cover", borderRadius: 0 }));
|
|
28
|
-
break;
|
|
29
|
-
}
|
|
30
|
-
case 'document': {
|
|
31
|
-
const document = media.getDocumentUrl(`wix:document://v1/${mediaId}`);
|
|
32
|
-
fileUrl = document.url;
|
|
33
|
-
thumbnail = fileUrl.toLowerCase().endsWith('.pdf') ? pdfIcon : docIcon;
|
|
34
|
-
break;
|
|
35
|
-
}
|
|
36
|
-
default: {
|
|
37
|
-
const document = media.getDocumentUrl(`wix:document://v1/${mediaId}`);
|
|
38
|
-
fileUrl = document.url;
|
|
39
|
-
thumbnail = defaultIcon;
|
|
40
|
-
break;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
return { thumbnail, fileUrl };
|
|
44
|
-
});
|
|
45
|
-
//# sourceMappingURL=resolveFileByMediaType.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"resolveFileByMediaType.js","sourceRoot":"","sources":["../../../../src/components/FileCard/resolveFileByMediaType.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEjC,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;AAC9B,MAAM,CAAC,MAAM,sBAAsB,GAAG,OAAO,CAC3C,CAAC,EAAE,SAAS,EAAE,OAAO,EAAuC,EAAE,EAAE;IAC9D,IAAI,SAAoB,CAAC;IACzB,IAAI,OAA2B,CAAC;IAEhC,QAAQ,SAAS,EAAE;QACjB,KAAK,OAAO,CAAC,CAAC;YACZ,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,kBAAkB,OAAO,EAAE,CAAC,CAAC;YAC7D,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;YACpB,SAAS,GAAG,SAAS,CAAC;YACtB,MAAM;SACP;QACD,KAAK,OAAO,CAAC,CAAC;YACZ,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,kBAAkB,OAAO,EAAE,CAAC,CAAC;YAC7D,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;YACpB,SAAS,GAAG,SAAS,CAAC;YACtB,MAAM;SACP;QACD,KAAK,SAAS,CAAC,CAAC;YACd,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,kBAAkB,OAAO,EAAE,CAAC,CAAC;YAC7D,MAAM,UAAU,GAAG,KAAK,CAAC,uBAAuB,CAC9C,KAAK,CAAC,GAAG,EACT,WAAW,GAAG,EAAE,EAChB,WAAW,GAAG,EAAE,EAChB,EAAE,CACH,CAAC;YAEF,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;YACpB,SAAS,GAAG,CACV,oBAAC,KAAK,IACJ,GAAG,EAAE,UAAU,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,GAAG,WAAW,IAAI,EACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC3B,GAAG,EAAC,OAAO,EACX,YAAY,EAAE,CAAC,GACf,CACH,CAAC;YACF,MAAM;SACP;QACD,KAAK,UAAU,CAAC,CAAC;YACf,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,qBAAqB,OAAO,EAAE,CAAC,CAAC;YACtE,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC;YACvB,SAAS,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;YACvE,MAAM;SACP;QACD,OAAO,CAAC,CAAC;YACP,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,qBAAqB,OAAO,EAAE,CAAC,CAAC;YACtE,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC;YACvB,SAAS,GAAG,WAAW,CAAC;YACxB,MAAM;SACP;KACF;IAED,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAChC,CAAC,CACF,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { useWixPatternsContainer } from '@wix/bex-core/react';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
export const useDownloadFile = ({ file }) => {
|
|
4
|
-
const { httpClient, window, errorHandler: { withErrorHandler, showError }, } = useWixPatternsContainer();
|
|
5
|
-
const [isDownloading, setIsDownloading] = useState(false);
|
|
6
|
-
const downloadFile = async () => {
|
|
7
|
-
try {
|
|
8
|
-
setIsDownloading(true);
|
|
9
|
-
const { generateFileDownloadUrl } = await import('@wix/bex-utils/@wix/ambassador-media-site-media-v1-file-descriptor/http');
|
|
10
|
-
const { data } = await withErrorHandler(() => httpClient.request(generateFileDownloadUrl({ fileId: file.mediaId })), {
|
|
11
|
-
errorCodesMap: {
|
|
12
|
-
applicationError: {},
|
|
13
|
-
},
|
|
14
|
-
});
|
|
15
|
-
const downloadableUrl = data.downloadUrls?.[0]?.url;
|
|
16
|
-
if (!downloadableUrl) {
|
|
17
|
-
throw new Error('Failed to download file');
|
|
18
|
-
}
|
|
19
|
-
window.download(downloadableUrl, file.displayName);
|
|
20
|
-
}
|
|
21
|
-
catch (error) {
|
|
22
|
-
showError?.(error);
|
|
23
|
-
}
|
|
24
|
-
finally {
|
|
25
|
-
setIsDownloading(false);
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
return { downloadFile, isDownloading };
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=useDownloadFile.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useDownloadFile.js","sourceRoot":"","sources":["../../../../src/components/FileCard/useDownloadFile.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAkB,EAAE,EAAE;IAC1D,MAAM,EACJ,UAAU,EACV,MAAM,EACN,YAAY,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAC9C,GAAG,uBAAuB,EAAE,CAAC;IAE9B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE;QAC9B,IAAI;YACF,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAEvB,MAAM,EAAE,uBAAuB,EAAE,GAAG,MAAM,MAAM,CAC9C,yEAAyE,CAC1E,CAAC;YAEF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,gBAAgB,CACrC,GAAG,EAAE,CACH,UAAU,CAAC,OAAO,CAAC,uBAAuB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,EACvE;gBACE,aAAa,EAAE;oBACb,gBAAgB,EAAE,EAAE;iBACrB;aACF,CACF,CAAC;YAEF,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;YAEpD,IAAI,CAAC,eAAe,EAAE;gBACpB,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;aAC5C;YAED,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SACpD;QAAC,OAAO,KAAK,EAAE;YACd,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;SACpB;gBAAS;YACR,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC,CAAC;IAEF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACzC,CAAC,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { CustomFieldsViewWidgetState, ExtendedFields } from '@wix/bex-core';
|
|
2
|
-
export declare const useCustomFieldsViewWidget: ({ fqdn, extendedFields, }: {
|
|
3
|
-
fqdn: string;
|
|
4
|
-
extendedFields?: ExtendedFields | undefined;
|
|
5
|
-
}) => {
|
|
6
|
-
state: CustomFieldsViewWidgetState;
|
|
7
|
-
userCustomFields: import("@wix/bex-core").CustomField[];
|
|
8
|
-
appsCustomFields: import("@wix/bex-core").CustomField[];
|
|
9
|
-
container: import("@wix/bex-core").WixPatternsContainer;
|
|
10
|
-
areAllCustomFieldsEmpty: boolean;
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=useCustomFieldsViewWidget.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useCustomFieldsViewWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/useCustomFieldsViewWidget.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAC3B,cAAc,EAEf,MAAM,eAAe,CAAC;AAIvB,eAAO,MAAM,yBAAyB;UAI9B,MAAM;;;;;;;;CAgCb,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { File } from './FileProps';
|
|
3
|
-
interface DownloadButtonProps {
|
|
4
|
-
file: File;
|
|
5
|
-
}
|
|
6
|
-
export declare function DownloadButton({ file }: DownloadButtonProps): React.JSX.Element;
|
|
7
|
-
export {};
|
|
8
|
-
//# sourceMappingURL=DownloadButton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DownloadButton.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCard/DownloadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGnC,UAAU,mBAAmB;IAC3B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,mBAAmB,qBA4B3D"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { File } from './FileProps';
|
|
3
|
-
export interface FileCardProps {
|
|
4
|
-
file: File;
|
|
5
|
-
showDownloadCTA?: boolean;
|
|
6
|
-
showDetails?: boolean;
|
|
7
|
-
onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
|
|
8
|
-
}
|
|
9
|
-
export declare const FileCard: ({ file, showDownloadCTA, showDetails, onClick, }: FileCardProps) => React.JSX.Element;
|
|
10
|
-
//# sourceMappingURL=FileCard.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCard/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAOnC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAClE;AAED,eAAO,MAAM,QAAQ,qDAKlB,aAAa,sBA8Bf,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { File } from './FileProps';
|
|
3
|
-
export interface FileCardListProps {
|
|
4
|
-
files: File[];
|
|
5
|
-
showDownloadCTA?: boolean;
|
|
6
|
-
showDetails?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export declare const FileCardList: ({ files, showDownloadCTA, showDetails, }: FileCardListProps) => React.JSX.Element | null;
|
|
9
|
-
//# sourceMappingURL=FileCardList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileCardList.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCard/FileCardList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGnC,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,6CAItB,iBAAiB,6BAgBnB,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { File } from './FileProps';
|
|
3
|
-
interface FileDetailsProps {
|
|
4
|
-
file: File;
|
|
5
|
-
showDetails: boolean;
|
|
6
|
-
maxWidth: string;
|
|
7
|
-
}
|
|
8
|
-
export declare function FileDetails({ file, showDetails, maxWidth }: FileDetailsProps): React.JSX.Element;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=FileDetails.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCard/FileDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGnC,UAAU,gBAAgB;IACxB,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,gBAAgB,qBA6B5E"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCard/FilePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAK5C,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,eAAe,EACf,WAAW,GACZ,EAAE,aAAa,qBAwCf"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { FileViewProps } from './FileProps';
|
|
3
|
-
interface FilePreviewModalProps extends FileViewProps {
|
|
4
|
-
isOpen: boolean;
|
|
5
|
-
close: () => void;
|
|
6
|
-
}
|
|
7
|
-
export declare const FilePreviewModal: ({ file, isOpen, close, }: FilePreviewModalProps) => React.JSX.Element;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=FilePreviewModal.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilePreviewModal.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCard/FilePreviewModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,UAAU,qBAAsB,SAAQ,aAAa;IACnD,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AACD,eAAO,MAAM,gBAAgB,6BAI1B,qBAAqB,sBA2CvB,CAAC"}
|