@wix/patterns 1.103.0 → 1.105.0

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.103.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.105.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse4201865225";
+var _namespace_ = "Collapse51236928";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse4201865225__root", "exit": "Collapse4201865225__exit" };
+export var classes = { "root": "Collapse51236928__root", "exit": "Collapse51236928__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Collapse/Collapse.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AAC3F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,MAAM,EAAC,wBAAwB,EAAC,CAAC;AACvF,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar3121201899";
+var _namespace_ = "CollectionToolbar3864983723";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar3121201899__root", "left": "CollectionToolbar3121201899__left", "right": "CollectionToolbar3121201899__right", "fullWidth": "CollectionToolbar3121201899__fullWidth" };
+export var classes = { "root": "CollectionToolbar3864983723__root", "left": "CollectionToolbar3864983723__left", "right": "CollectionToolbar3864983723__right", "fullWidth": "CollectionToolbar3864983723__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter2662963627";
+var _namespace_ = "SearchOrCustomFilter2298712300";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter2662963627__root", "search": "SearchOrCustomFilter2662963627__search" };
+export var classes = { "root": "SearchOrCustomFilter2298712300__root", "search": "SearchOrCustomFilter2298712300__search" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly1486359556";
+var _namespace_ = "AutoCompleteReadonly1800298164";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AutoCompleteReadonly1486359556__root" };
+export var classes = { "root": "AutoCompleteReadonly1800298164__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown3314430338";
+var _namespace_ = "ViewsDropdown4235635178";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ViewsDropdown3314430338__root" };
+export var classes = { "root": "ViewsDropdown4235635178__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.js

@@ -1,49 +1,48 @@
-import { parseFqdn, CustomFieldsViewWidgetState, } from '@wix/bex-core';
 import { observer } from 'mobx-react-lite';
-import React, { useEffect, useMemo, useState } from 'react';
+import React from 'react';
 import { Box, Card, EmptyState, Heading, Text } from '@wix/design-system';
-import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { SkeletonContent } from './Skeletons';
 import { ErrorStateContent } from './ErrorStateContent';
 import { CustomFieldsViewWidgetContent } from './CustomFieldsViewWidgetContent';
+import { useCustomFieldsViewWidget } from './useCustomFieldsViewWidget';
 const _CustomFieldsViewWidget = ({ dataHook, fqdn, extendedFields, title, userFieldsTitle, }) => {
-    const container = useWixPatternsContainer();
+    const { state, userCustomFields, appsCustomFields, container, areAllCustomFieldsEmpty, } = useCustomFieldsViewWidget({ fqdn, extendedFields });
     const { translate: t } = container;
-    const [state] = useState(() => new CustomFieldsViewWidgetState({
-        container,
-        fqdn: parseFqdn(fqdn),
-        url: window.location.href,
-    }));
-    const userCustomFields = state.dataExtension.availableUserCustomFields;
-    const appsCustomFields = state.dataExtension.availableAppsCustomFields;
-    useEffect(() => state.init(), []);
-    const headerTitle = (React.createElement(Box, { gap: "SP1" },
-        React.createElement(Heading, { appearance: "H3" }, title ?? t('cairo.customFields.entityPage.title'))));
-    const areAllCustomFieldsEmpty = useMemo(() => {
-        return state.dataExtension.allNamespaces.every((namespace) => state.getExtendedFieldsToDisplayForNamespace(namespace, extendedFields)
-            .length === 0);
-    }, [extendedFields, userCustomFields, state.dataExtension.appSchemas]);
-    let child;
-    switch (true) {
-        case state.isLoading:
-            child = React.createElement(SkeletonContent, null);
-            break;
-        case state.isError:
-            child = React.createElement(ErrorStateContent, { state: state });
-            break;
-        case areAllCustomFieldsEmpty:
-            child = (React.createElement(EmptyState, { dataHook: "empty-state", title: t('cairo.customFields.entityPage.emptyState.title'), subtitle: React.createElement(Text, { dataHook: "empty-state-subtitle", size: "small", secondary: true, widows: true }, t('cairo.customFields.entityPage.emptyState.subtitle')) }));
-            break;
-        default:
-            child = (React.createElement(CustomFieldsViewWidgetContent, { state: state, extendedFields: extendedFields, userFieldsTitle: userFieldsTitle }));
-    }
+    const getContentElement = () => {
+        if (!state.isLoading &&
+            !state.isError &&
+            !userCustomFields.length &&
+            !appsCustomFields.length) {
+            return null;
+        }
+        switch (true) {
+            case state.isLoading:
+                return React.createElement(SkeletonContent, null);
+            case state.isError:
+                return React.createElement(ErrorStateContent, { state: state });
+            case areAllCustomFieldsEmpty:
+                return (React.createElement(EmptyStateCard, { title: t('cairo.customFields.entityPage.emptyState.title'), subtitle: t('cairo.customFields.entityPage.emptyState.subtitle') }));
+            default:
+                return (React.createElement(CustomFieldsViewWidgetContent, { state: state, extendedFields: extendedFields, userFieldsTitle: userFieldsTitle }));
+        }
+    };
     return userCustomFields.length ||
         appsCustomFields.length ||
         state.isLoading ||
-        state.isError ? (React.createElement(Card, { dataHook: dataHook, stretchVertically: true },
-        React.createElement(Card.Header, { dataHook: "custom-fields-view-widget-header", title: headerTitle }),
-        React.createElement(Card.Divider, null),
-        React.createElement(Card.Content, { dataHook: "custom-fields-view-widget-content" }, child))) : null;
+        state.isError ? (React.createElement(CustomFieldsCard, { dataHook: dataHook, title: title ?? t('cairo.customFields.entityPage.title') }, getContentElement())) : null;
 };
 export const CustomFieldsViewWidget = observer(_CustomFieldsViewWidget);
+const CustomFieldsCard = ({ dataHook, title, children, }) => {
+    return (React.createElement(Card, { dataHook: dataHook, stretchVertically: true },
+        React.createElement(Card.Header, { dataHook: "custom-fields-view-widget-header", title: React.createElement(HeaderTitle, { title: title }) }),
+        React.createElement(Card.Divider, null),
+        React.createElement(Card.Content, { dataHook: "custom-fields-view-widget-content" }, children)));
+};
+const HeaderTitle = ({ title }) => {
+    return (React.createElement(Box, { gap: "SP1" },
+        React.createElement(Heading, { appearance: "H3" }, title)));
+};
+const EmptyStateCard = ({ title, subtitle, }) => {
+    return (React.createElement(EmptyState, { dataHook: "empty-state", title: title, subtitle: React.createElement(Text, { dataHook: "empty-state-subtitle", size: "small", secondary: true, widows: true }, subtitle) }));
+};
 //# sourceMappingURL=CustomFieldsViewWidget.js.map

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldsViewWidget.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomFieldsViewWidget.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js

@@ -1,5 +1,5 @@
 import { baseUniDriverFactory } from '../../unidriver';
-import { EmptyStateUniDriver, TextButtonUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { EmptyStateUniDriver, TextButtonUniDriver, BoxUniDriver, TextUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
 export default (base, body) => {
     const errorState = () => EmptyStateUniDriver(base.$(`[data-hook="error-state"]`), body);
     const emptyState = () => EmptyStateUniDriver(base.$(`[data-hook="empty-state"]`), body);
@@ -29,7 +29,31 @@ export default (base, body) => {
     };
     const getCustomFieldValue = (namespace, fieldId) => base.$(`[data-hook="custom-field-value-${namespace}-${fieldId}"]`).text();
     const getSectionTitleForNamespace = (namespace) => base.$(`[data-hook="custom-field-section-title-${namespace}"]`).text();
+    const getFileCard = (mediaId) => {
+        return BoxUniDriver(base.$(`[data-hook="file-card-${mediaId}"]`), body);
+    };
+    const getFileThumbnail = ({ mediaId, mediaType, }) => {
+        return BoxUniDriver(base.$(`[data-hook="file-thumbnail-${mediaType}-${mediaId}"]`), body);
+    };
+    const getFileDownloadButton = (mediaId) => {
+        return BoxUniDriver(base.$(`[data-hook="download-button-${mediaId}"]`), body);
+    };
+    const getFileDetails = (mediaId) => {
+        return BoxUniDriver(base.$(`[data-hook="file-details-${mediaId}"]`), body);
+    };
+    const getFileDetailsSize = (mediaId) => {
+        return TextUniDriver(base.$(`[data-hook="file-details-size-${mediaId}"]`), body);
+    };
+    const getFileDetailsName = (mediaId) => {
+        return TextUniDriver(base.$(`[data-hook="file-details-name-${mediaId}"]`), body);
+    };
     return {
+        getFileCard,
+        getFileThumbnail,
+        getFileDownloadButton,
+        getFileDetails,
+        getFileDetailsName,
+        getFileDetailsSize,
         /** Returns title text */
         getTitle: () => base.$(`[data-hook="title"]`).text(),
         /** Indicates whether the widget loading state shows */

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldsViewWidget.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomFieldsViewWidget.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js

@@ -2,6 +2,7 @@ import { Text, Layout, Cell, Box, Heading, } from '@wix/design-system';
 import React from 'react';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { observer } from 'mobx-react-lite';
+import { FileCardList } from '../FileCard/FileCardList';
 const _CustomFieldsViewWidgetSection = ({ customFields, fieldValues, namespace, title, }) => {
     const container = useWixPatternsContainer();
     const { translate: t, dateFormatters } = container;
@@ -10,6 +11,9 @@ const _CustomFieldsViewWidgetSection = ({ customFields, fieldValues, namespace,
             // if there are no space symbols we apply ellipsis (e.g. for links, emails, etc.)
             return (React.createElement(Text, { ...props, overflowWrap: "break-word" }, value));
         }
+        if (typeof value !== 'string' && React.isValidElement(value)) {
+            return value;
+        }
         return React.createElement(Text, { ...props }, value);
     };
     const getViewValue = (value, type, valueDataHook) => {
@@ -24,9 +28,14 @@ const _CustomFieldsViewWidgetSection = ({ customFields, fieldValues, namespace,
         }
         let newValue = value;
         switch (type) {
-            case 'dropdown':
+            case 'dropdown': {
                 newValue = Array.isArray(value) ? value.join(', ') : value;
                 break;
+            }
+            case 'files': {
+                let files = Array.isArray(value) ? value : [value];
+                return React.createElement(FileCardList, { files: files, showDownloadCTA: true, showDetails: true });
+            }
             case 'date':
                 newValue = dateFormatters.medium.format(new Date(value));
                 break;
@@ -43,15 +52,20 @@ const _CustomFieldsViewWidgetSection = ({ customFields, fieldValues, namespace,
         }
         return valueWrapper(newValue, textProps);
     };
-    return (React.createElement(Layout, { gap: "SP3" },
-        title && (React.createElement(Cell, null,
+    return (React.createElement(Layout, { gap: "SP3", dataHook: `custom-field-section-${namespace}` },
+        title && (React.createElement(Cell, { span: 12 },
             React.createElement(Heading, { size: "tiny", ellipsis: true, dataHook: `custom-field-section-title-${namespace}` }, title))),
-        customFields.map((field) => (React.createElement(Cell, { key: field.id },
-            React.createElement(Box, { direction: "vertical", gap: "SP1" },
-                React.createElement(Text, { weight: "normal", size: "small", ellipsis: true, dataHook: `custom-field-label-${namespace}-${field.id}` },
-                    field.label || field.id,
-                    ":"),
-                getViewValue(fieldValues[field.id], field.type, `custom-field-value-${namespace}-${field.id}`)))))));
+        customFields.map((field) => {
+            return (React.createElement(CustomFieldCell, { key: field.id, field: field, value: getViewValue(fieldValues[field.id], field.type, `custom-field-value-${namespace}-${field.id}`), labelDataHook: `custom-field-label-${namespace}-${field.id}` }));
+        })));
 };
 export const CustomFieldsViewWidgetSection = observer(_CustomFieldsViewWidgetSection);
+const CustomFieldCell = ({ field, value, labelDataHook, }) => {
+    return (React.createElement(Cell, { key: field.id },
+        React.createElement(Box, { direction: "vertical", gap: "SP1" },
+            React.createElement(Text, { weight: "normal", size: "small", ellipsis: true, dataHook: labelDataHook },
+                field.label || field.id,
+                ":"),
+            value)));
+};
 //# sourceMappingURL=CustomFieldsViewWidgetSection.js.map

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldsViewWidgetSection.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomFieldsViewWidgetSection.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CustomFieldsWidget/useCustomFieldsViewWidget.js

@@ -0,0 +1,26 @@
+import { CustomFieldsViewWidgetState, parseFqdn, } from '@wix/bex-core';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useEffect, useMemo, useState } from 'react';
+export const useCustomFieldsViewWidget = ({ fqdn, extendedFields, }) => {
+    const container = useWixPatternsContainer();
+    const [state] = useState(() => new CustomFieldsViewWidgetState({
+        container,
+        fqdn: parseFqdn(fqdn),
+        url: window.location.href,
+    }));
+    useEffect(() => state.init(), []);
+    const userCustomFields = state.dataExtension.availableUserCustomFields;
+    const appsCustomFields = state.dataExtension.availableAppsCustomFields;
+    const areAllCustomFieldsEmpty = useMemo(() => {
+        return state.dataExtension.allNamespaces.every((namespace) => state.getExtendedFieldsToDisplayForNamespace(namespace, extendedFields)
+            .length === 0);
+    }, [extendedFields, userCustomFields, state.dataExtension.appSchemas]);
+    return {
+        state,
+        userCustomFields,
+        appsCustomFields,
+        container,
+        areAllCustomFieldsEmpty,
+    };
+};
+//# sourceMappingURL=useCustomFieldsViewWidget.js.map

package/dist/esm/components/CustomFieldsWidget/useCustomFieldsViewWidget.js.map

@@ -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"}

package/dist/esm/components/DataExtension/DataExtension.js

@@ -4,6 +4,7 @@ import { ArchiveFieldModal } from '../CustomFieldsPanel/ArchiveFieldModal';
 import { CustomColumnsAddCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton';
 import { CustomColumnsEditCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton';
 import { CollectionDataExtensionState } from './CollectionDataExtensionState';
+import { FileCardList } from '../FileCard/FileCardList';
 export const DataExtension = (_) => {
     return null;
 };
@@ -15,6 +16,7 @@ DataExtension.setDataExtensionOnTable = function (toolbar, overrides) {
         ...overrides,
     });
 };
+DataExtension.FileCardList = FileCardList;
 DataExtension.CustomFieldModal = CustomFieldModal;
 DataExtension.ArchiveFieldModal = ArchiveFieldModal;
 DataExtension.CustomColumns = CustomColumnsFull;

package/dist/esm/components/DataExtension/DataExtension.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataExtension.js","sourceRoot":"","sources":["../../../../src/components/DataExtension/DataExtension.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,oCAAoC,EAAE,MAAM,2DAA2D,CAAC;AACjH,OAAO,EAAE,qCAAqC,EAAE,MAAM,4DAA4D,CAAC;AACnH,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAiB9E,MAAM,CAAC,MAAM,aAAa,GACE,CAAC,CAAqB,EAAE,EAAE;IACpD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AASF,aAAa,CAAC,uBAAuB,GAAG,UAAU,OAAO,EAAE,SAAS;IAClE,OAAO,CAAC,uBAAuB,KAAK,IAAI,4BAA4B,CAAC;QACnE,OAAO;QACP,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,aAAa;QACb,GAAG,SAAS;KACb,CAAC,CAAC;AACL,CAAC,CAAC;AACF,aAAa,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;AAClD,aAAa,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;AACpD,aAAa,CAAC,aAAa,GAAG,iBAAiB,CAAC;AAChD,aAAa,CAAC,oCAAoC;IAChD,oCAAoC,CAAC;AACvC,aAAa,CAAC,qCAAqC;IACjD,qCAAqC,CAAC"}
+{"version":3,"file":"DataExtension.js","sourceRoot":"","sources":["../../../../src/components/DataExtension/DataExtension.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,oCAAoC,EAAE,MAAM,2DAA2D,CAAC;AACjH,OAAO,EAAE,qCAAqC,EAAE,MAAM,4DAA4D,CAAC;AACnH,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAiBxD,MAAM,CAAC,MAAM,aAAa,GACE,CAAC,CAAqB,EAAE,EAAE;IACpD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AASF,aAAa,CAAC,uBAAuB,GAAG,UAAU,OAAO,EAAE,SAAS;IAClE,OAAO,CAAC,uBAAuB,KAAK,IAAI,4BAA4B,CAAC;QACnE,OAAO;QACP,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,aAAa;QACb,GAAG,SAAS;KACb,CAAC,CAAC;AACL,CAAC,CAAC;AACF,aAAa,CAAC,YAAY,GAAG,YAAY,CAAC;AAC1C,aAAa,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;AAClD,aAAa,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;AACpD,aAAa,CAAC,aAAa,GAAG,iBAAiB,CAAC;AAChD,aAAa,CAAC,oCAAoC;IAChD,oCAAoC,CAAC;AACvC,aAAa,CAAC,qCAAqC;IACjD,qCAAqC,CAAC"}

package/dist/esm/components/DragHandle/DragHandle.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle230582604";
+var _namespace_ = "DragHandle3889797144";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "DragHandle230582604__root" };
+export var classes = { "root": "DragHandle3889797144__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/DragHandle/DragHandle.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.st.css.js","sourceRoot":"","sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,CAAC;AAC1D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"DragHandle.st.css.js","sourceRoot":"","sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/ExtendedColumn/ExtendedColumn.js

@@ -3,8 +3,10 @@ import { Box, Text } from '@wix/design-system';
 import { Confirm, Minus } from '@wix/wix-ui-icons-common';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { observer } from 'mobx-react-lite';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 function _ExtendedColumn(props) {
     const { dateFormatters } = useWixPatternsContainer();
+    const { collectionDataExtension } = useToolbarCollectionContext();
     switch (props.type) {
         case 'shortText':
             return (React.createElement(Text, { size: "small", ellipsis: true, maxLines: 1 }, props.value));
@@ -17,6 +19,13 @@ function _ExtendedColumn(props) {
             return (React.createElement(Box, { align: "center", verticalAlign: "middle", color: props.value ? 'G10' : 'D10' }, props.value ? React.createElement(Confirm, null) : React.createElement(Minus, null)));
         case 'longText':
             return (React.createElement(Text, { size: "small", ellipsis: true, maxLines: 3 }, props.value));
+        case 'files': {
+            if (!props.value || !collectionDataExtension) {
+                return null;
+            }
+            const files = Array.isArray(props.value) ? props.value : [props.value];
+            return (React.createElement(collectionDataExtension.DataExtension.FileCardList, { files: files }));
+        }
         case 'dropdown':
         case 'integer':
         case 'decimal':

package/dist/esm/components/ExtendedColumn/ExtendedColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtendedColumn.js","sourceRoot":"","sources":["../../../../src/components/ExtendedColumn/ExtendedColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAO3C,SAAS,eAAe,CAAC,KAA0B;IACjD,MAAM,EAAE,cAAc,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAErD,QAAQ,KAAK,CAAC,IAAI,EAAE;QAClB,KAAK,WAAW;YACd,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,QAAQ,EAAE,CAAC,IACpC,KAAK,CAAC,KAAK,CACP,CACR,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,QAAQ,EAAE,CAAC,IACpC,KAAK,CAAC,KAAK,IAAI,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAC9D,CACR,CAAC;QACJ,KAAK,UAAU;YACb,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,QAAQ,EAAE,CAAC,IACpC,KAAK,CAAC,KAAK;gBACV,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CACpD,CACR,CAAC;QACJ,KAAK,UAAU;YACb,OAAO,CACL,oBAAC,GAAG,IACF,KAAK,EAAC,QAAQ,EACd,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAEjC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAC,OAAO,OAAG,CAAC,CAAC,CAAC,oBAAC,KAAK,OAAG,CAClC,CACP,CAAC;QACJ,KAAK,UAAU;YACb,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,QAAQ,EAAE,CAAC,IACpC,KAAK,CAAC,KAAK,CACP,CACR,CAAC;QACJ,KAAK,UAAU,CAAC;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,SAAS,CAAC;QACf;YACE,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,QAAQ,EAAE,CAAC,IACpC,KAAK,CAAC,KAAK,CACP,CACR,CAAC;KACL;AACH,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC"}
+{"version":3,"file":"ExtendedColumn.js","sourceRoot":"","sources":["../../../../src/components/ExtendedColumn/ExtendedColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAO1E,SAAS,eAAe,CAAC,KAA0B;IACjD,MAAM,EAAE,cAAc,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACrD,MAAM,EAAE,uBAAuB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAClE,QAAQ,KAAK,CAAC,IAAI,EAAE;QAClB,KAAK,WAAW;YACd,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,QAAQ,EAAE,CAAC,IACpC,KAAK,CAAC,KAAK,CACP,CACR,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,QAAQ,EAAE,CAAC,IACpC,KAAK,CAAC,KAAK,IAAI,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAC9D,CACR,CAAC;QACJ,KAAK,UAAU;YACb,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,QAAQ,EAAE,CAAC,IACpC,KAAK,CAAC,KAAK;gBACV,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CACpD,CACR,CAAC;QACJ,KAAK,UAAU;YACb,OAAO,CACL,oBAAC,GAAG,IACF,KAAK,EAAC,QAAQ,EACd,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAEjC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAC,OAAO,OAAG,CAAC,CAAC,CAAC,oBAAC,KAAK,OAAG,CAClC,CACP,CAAC;QACJ,KAAK,UAAU;YACb,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,QAAQ,EAAE,CAAC,IACpC,KAAK,CAAC,KAAK,CACP,CACR,CAAC;QACJ,KAAK,OAAO,CAAC,CAAC;YACZ,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,uBAAuB,EAAE;gBAC5C,OAAO,IAAI,CAAC;aACb;YACD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACvE,OAAO,CACL,oBAAC,uBAAuB,CAAC,aAAa,CAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CACrE,CAAC;SACH;QACD,KAAK,UAAU,CAAC;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,SAAS,CAAC;QACf;YACE,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,QAAQ,EAAE,CAAC,IACpC,KAAK,CAAC,KAAK,CACP,CACR,CAAC;KACL;AACH,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC"}

package/dist/esm/components/Fade/Fade.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade2417275143";
+var _namespace_ = "Fade1062174163";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Fade2417275143__root" };
+export var classes = { "root": "Fade1062174163__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/FileCard/DownloadButton.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Box, Loader, TextButton, Tooltip } from '@wix/design-system';
+import { Download } from '@wix/wix-ui-icons-common';
+import { useDownloadFile } from './useDownloadFile';
+export function DownloadButton({ file }) {
+    const { downloadFile, isDownloading } = useDownloadFile({ file });
+    return (React.createElement(Box, { paddingInlineEnd: 4, marginLeft: "auto", dataHook: `download-button-${file.mediaId}` }, isDownloading ? (React.createElement(Loader, { size: "tiny" })) : (React.createElement(Tooltip, { content: "Download" },
+        React.createElement(TextButton, { underline: "onHover", onClick: (e) => {
+                e.stopPropagation();
+                downloadFile();
+            } },
+            React.createElement(Box, { verticalAlign: "middle" },
+                React.createElement(Download, { width: 20, height: 20 })))))));
+}
+//# sourceMappingURL=DownloadButton.js.map

package/dist/esm/components/FileCard/DownloadButton.js.map

@@ -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"}

package/dist/esm/components/FileCard/FileCard.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Box } from '@wix/design-system';
+import { THUMB_WIDTH } from './resolveFileByMediaType';
+import { Thumbnail } from './Thumbnail';
+import { FileDetails } from './FileDetails';
+import { DownloadButton } from './DownloadButton';
+import { st, classes } from '../common.st.css.js';
+export const FileCard = ({ file, showDownloadCTA = false, showDetails = false, onClick, }) => {
+    const downloadIconWidth = showDownloadCTA ? 36 : 0;
+    return (React.createElement("div", { onClick: onClick, style: { width: '100%', cursor: 'pointer' }, "data-hook": `file-card-${file.mediaId}`, className: st(classes.hightlightOnHover) },
+        React.createElement(Box, { verticalAlign: "middle", align: "left", gap: "SP1", paddingBlockEnd: 1, maxWidth: "100%", height: "100%" },
+            React.createElement(Thumbnail, { file: file }),
+            React.createElement(FileDetails, { file: file, showDetails: showDetails, maxWidth: `calc(100% - ${downloadIconWidth + THUMB_WIDTH + 10}px)` }),
+            showDownloadCTA && !file.private ? (React.createElement(DownloadButton, { file: file })) : null)));
+};
+//# sourceMappingURL=FileCard.js.map

package/dist/esm/components/FileCard/FileCard.js.map

@@ -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"}

package/dist/esm/components/FileCard/FileCardList.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { FilePreview } from './FilePreview';
+export const FileCardList = ({ files, showDownloadCTA, showDetails, }) => {
+    if (!files) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null, files.map((file) => (React.createElement(FilePreview, { file: file, key: file.mediaId, showDownloadCTA: showDownloadCTA, showDetails: showDetails })))));
+};
+//# sourceMappingURL=FileCardList.js.map

package/dist/esm/components/FileCard/FileCardList.js.map

@@ -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"}

package/dist/esm/components/FileCard/FileDetails.js

@@ -0,0 +1,14 @@
+import React, { useMemo } from 'react';
+import { Box, Text } from '@wix/design-system';
+import { formatBytes } from './formatBytes';
+export function FileDetails({ file, showDetails, maxWidth }) {
+    const fileSize = useMemo(() => formatBytes(file.sizeInBytes), [file.sizeInBytes]);
+    return (React.createElement(Box, { gap: "SP1", direction: "vertical", maxWidth: maxWidth, dataHook: `file-details-${file.mediaId}` },
+        React.createElement(Text, { ellipsis: true, size: "small", dataHook: `file-details-name-${file.mediaId}` }, file.displayName),
+        showDetails && (React.createElement(Box, { verticalAlign: "middle" },
+            React.createElement(Text, { size: "tiny", dataHook: `file-details-size-${file.mediaId}` },
+                fileSize,
+                " ",
+                file.mediaType)))));
+}
+//# sourceMappingURL=FileDetails.js.map

package/dist/esm/components/FileCard/FileDetails.js.map

@@ -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"}

package/dist/esm/components/FileCard/FilePreview.js

@@ -0,0 +1,22 @@
+import React, { useState } from 'react';
+import { Box } from '@wix/design-system';
+import { useDownloadFile } from './useDownloadFile';
+import { FilePreviewModal } from './FilePreviewModal';
+import { FileCard } from './FileCard';
+export function FilePreview({ file, showDownloadCTA, showDetails, }) {
+    const { mediaType } = file;
+    const [isPreviewOpen, setIsPreviewOpen] = useState(false);
+    const { downloadFile } = useDownloadFile({ file });
+    const supportedPreviewTypes = ['picture', 'video'];
+    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" },
+        React.createElement(FileCard, { onClick: (e) => {
+                e.stopPropagation();
+                if (!supportedPreviewTypes.includes(mediaType)) {
+                    downloadFile();
+                    return;
+                }
+                setIsPreviewOpen(true);
+            }, file: file, showDownloadCTA: showDownloadCTA, showDetails: showDetails }),
+        supportedPreviewTypes.includes(mediaType) ? (React.createElement(FilePreviewModal, { file: file, isOpen: isPreviewOpen, close: () => setIsPreviewOpen(false) })) : null));
+}
+//# sourceMappingURL=FilePreview.js.map

package/dist/esm/components/FileCard/FilePreview.js.map

@@ -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"}