@wix/patterns 1.109.0 → 1.111.0

package/dist/cjs/components/ExtendedColumn/ExtendedColumn.js

@@ -8,11 +8,15 @@ var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ExtendedColumn/ExtendedColumn.tsx";
 function _ExtendedColumn(props) {
   const {
     dateFormatters
   } = (0, _react2.useWixPatternsContainer)();
+  const {
+    collectionDataExtension
+  } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   switch (props.type) {
     case 'shortText':
       return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -22,7 +26,7 @@ function _ExtendedColumn(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 19,
+          lineNumber: 20,
           columnNumber: 9
         }
       }, props.value);
@@ -34,7 +38,7 @@ function _ExtendedColumn(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 25,
+          lineNumber: 26,
           columnNumber: 9
         }
       }, props.value && dateFormatters.medium.format(new Date(props.value)));
@@ -46,7 +50,7 @@ function _ExtendedColumn(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 31,
+          lineNumber: 32,
           columnNumber: 9
         }
       }, props.value && dateFormatters.mediumTime.format(new Date(props.value)));
@@ -58,21 +62,21 @@ function _ExtendedColumn(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 38,
+          lineNumber: 39,
           columnNumber: 9
         }
       }, props.value ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Confirm, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 43,
+          lineNumber: 44,
           columnNumber: 26
         }
       }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Minus, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 43,
+          lineNumber: 44,
           columnNumber: 40
         }
       }));
@@ -84,10 +88,26 @@ function _ExtendedColumn(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 48,
+          lineNumber: 49,
           columnNumber: 9
         }
       }, props.value);
+    case 'files':
+      {
+        if (!props.value || !collectionDataExtension) {
+          return null;
+        }
+        const files = Array.isArray(props.value) ? props.value : [props.value];
+        return /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.FileCardList, {
+          files: files,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 59,
+            columnNumber: 9
+          }
+        });
+      }
     case 'dropdown':
     case 'integer':
     case 'decimal':
@@ -99,7 +119,7 @@ function _ExtendedColumn(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 57,
+          lineNumber: 67,
           columnNumber: 9
         }
       }, props.value);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_mobxReactLite","_jsxFileName","_ExtendedColumn","props","dateFormatters","useWixPatternsContainer","type","default","createElement","Text","size","ellipsis","maxLines","__self","__source","fileName","lineNumber","columnNumber","value","medium","format","Date","mediumTime","Box","align","verticalAlign","color","Confirm","Minus","ExtendedColumn","exports","observer"],"sources":["../../../../src/components/ExtendedColumn/ExtendedColumn.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { Confirm, Minus } from '@wix/wix-ui-icons-common';\nimport { CustomFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\n\nexport interface ExtendedColumnProps {\n  value?: any;\n  type: CustomFieldType;\n}\n\nfunction _ExtendedColumn(props: ExtendedColumnProps) {\n  const { dateFormatters } = useWixPatternsContainer();\n\n  switch (props.type) {\n    case 'shortText':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value}\n        </Text>\n      );\n    case 'date':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value && dateFormatters.medium.format(new Date(props.value))}\n        </Text>\n      );\n    case 'dateTime':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value &&\n            dateFormatters.mediumTime.format(new Date(props.value))}\n        </Text>\n      );\n    case 'checkbox':\n      return (\n        <Box\n          align=\"center\"\n          verticalAlign=\"middle\"\n          color={props.value ? 'G10' : 'D10'}\n        >\n          {props.value ? <Confirm /> : <Minus />}\n        </Box>\n      );\n    case 'longText':\n      return (\n        <Text size=\"small\" ellipsis maxLines={3}>\n          {props.value}\n        </Text>\n      );\n    case 'dropdown':\n    case 'integer':\n    case 'decimal':\n    default:\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value}\n        </Text>\n      );\n  }\n}\n\nexport const ExtendedColumn = observer(_ExtendedColumn);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_mobxReactLite","_ToolbarCollectionContext","_jsxFileName","_ExtendedColumn","props","dateFormatters","useWixPatternsContainer","collectionDataExtension","useToolbarCollectionContext","type","default","createElement","Text","size","ellipsis","maxLines","__self","__source","fileName","lineNumber","columnNumber","value","medium","format","Date","mediumTime","Box","align","verticalAlign","color","Confirm","Minus","files","Array","isArray","DataExtension","FileCardList","ExtendedColumn","exports","observer"],"sources":["../../../../src/components/ExtendedColumn/ExtendedColumn.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { Confirm, Minus } from '@wix/wix-ui-icons-common';\nimport { CustomFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nexport interface ExtendedColumnProps {\n  value?: any;\n  type: CustomFieldType;\n}\n\nfunction _ExtendedColumn(props: ExtendedColumnProps) {\n  const { dateFormatters } = useWixPatternsContainer();\n  const { collectionDataExtension } = useToolbarCollectionContext();\n  switch (props.type) {\n    case 'shortText':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value}\n        </Text>\n      );\n    case 'date':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value && dateFormatters.medium.format(new Date(props.value))}\n        </Text>\n      );\n    case 'dateTime':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value &&\n            dateFormatters.mediumTime.format(new Date(props.value))}\n        </Text>\n      );\n    case 'checkbox':\n      return (\n        <Box\n          align=\"center\"\n          verticalAlign=\"middle\"\n          color={props.value ? 'G10' : 'D10'}\n        >\n          {props.value ? <Confirm /> : <Minus />}\n        </Box>\n      );\n    case 'longText':\n      return (\n        <Text size=\"small\" ellipsis maxLines={3}>\n          {props.value}\n        </Text>\n      );\n    case 'files': {\n      if (!props.value || !collectionDataExtension) {\n        return null;\n      }\n      const files = Array.isArray(props.value) ? props.value : [props.value];\n      return (\n        <collectionDataExtension.DataExtension.FileCardList files={files} />\n      );\n    }\n    case 'dropdown':\n    case 'integer':\n    case 'decimal':\n    default:\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value}\n        </Text>\n      );\n  }\n}\n\nexport const ExtendedColumn = observer(_ExtendedColumn);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Fade2580826020";
+var _namespace_ = "Fade1095717325";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Fade2580826020__root"
+  "root": "Fade1095717325__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade2580826020\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade2580826020__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade1095717325\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade1095717325__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DownloadButton = DownloadButton;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _useDownloadFile = require("./useDownloadFile");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/DownloadButton.tsx";
+function DownloadButton({
+  file
+}) {
+  const {
+    downloadFile,
+    isDownloading
+  } = (0, _useDownloadFile.useDownloadFile)({
+    file
+  });
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    paddingInlineEnd: 4,
+    marginLeft: "auto",
+    dataHook: `download-button-${file.mediaId}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 5
+    }
+  }, isDownloading ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    size: "tiny",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 9
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: t('cairo.customFields.fileUpload.download.cta'),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+    priority: "secondary",
+    size: "small",
+    onClick: e => {
+      e.stopPropagation();
+      downloadFile();
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DownloadImportSmall, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 13
+    }
+  }))));
+}
+//# sourceMappingURL=DownloadButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_useDownloadFile","_react2","_jsxFileName","DownloadButton","file","downloadFile","isDownloading","useDownloadFile","translate","t","useWixPatternsContainer","default","createElement","Box","paddingInlineEnd","marginLeft","dataHook","mediaId","__self","__source","fileName","lineNumber","columnNumber","Loader","size","Tooltip","content","IconButton","priority","onClick","e","stopPropagation","DownloadImportSmall"],"sources":["../../../../src/components/FileCard/DownloadButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Loader, Tooltip } from '@wix/design-system';\nimport { DownloadImportSmall } from '@wix/wix-ui-icons-common';\nimport { File } from './FileProps';\nimport { useDownloadFile } from './useDownloadFile';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\ninterface DownloadButtonProps {\n  file: File;\n}\n\nexport function DownloadButton({ file }: DownloadButtonProps) {\n  const { downloadFile, isDownloading } = useDownloadFile({ file });\n\n  const { translate: t } = useWixPatternsContainer();\n  return (\n    <Box\n      paddingInlineEnd={4}\n      marginLeft=\"auto\"\n      dataHook={`download-button-${file.mediaId}`}\n    >\n      {isDownloading ? (\n        <Loader size=\"tiny\" />\n      ) : (\n        <Tooltip content={t('cairo.customFields.fileUpload.download.cta')}>\n          <IconButton\n            priority=\"secondary\"\n            size=\"small\"\n            onClick={(e: React.MouseEvent<HTMLElement>) => {\n              e.stopPropagation();\n              downloadFile();\n            }}\n          >\n            <DownloadImportSmall />\n          </IconButton>\n        </Tooltip>\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAMvD,SAASC,cAAcA,CAAC;EAAEC;AAA0B,CAAC,EAAE;EAC5D,MAAM;IAAEC,YAAY;IAAEC;EAAc,CAAC,GAAG,IAAAC,gCAAe,EAAC;IAAEH;EAAK,CAAC,CAAC;EAEjE,MAAM;IAAEI,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IACFC,gBAAgB,EAAE,CAAE;IACpBC,UAAU,EAAC,MAAM;IACjBC,QAAQ,EAAE,mBAAmBZ,IAAI,CAACa,OAAO,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3ChB,aAAa,gBACZX,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAyB,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAEtB3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA2B,OAAO;IAACC,OAAO,EAAEjB,CAAC,CAAC,4CAA4C,CAAE;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChE3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,UAAU;IACTC,QAAQ,EAAC,WAAW;IACpBJ,IAAI,EAAC,OAAO;IACZK,OAAO,EAAGC,CAAgC,IAAK;MAC7CA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnB1B,YAAY,CAAC,CAAC;IAChB,CAAE;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEF3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,iBAAA,CAAAiC,mBAAmB;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACZ,CACL,CAER,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/FileCard/FileCard.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FileCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _Thumbnail = require("./Thumbnail");
+var _FileDetails = require("./FileDetails");
+var _DownloadButton = require("./DownloadButton");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FileCard.tsx";
+const FileCard = ({
+  file,
+  showDownloadCTA = false,
+  showDetails = false
+}) => {
+  // const downloadIconWidth = showDownloadCTA ? 36 : 0;
+
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    align: "left",
+    gap: showDetails ? 'SP2' : 'SP1',
+    paddingBlockEnd: 1,
+    maxWidth: "100%",
+    width: "100%",
+    height: "100%",
+    dataHook: `file-card-${file.mediaId}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Thumbnail.Thumbnail, {
+    file: file,
+    showDetails: showDetails,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_FileDetails.FileDetails, {
+    file: file,
+    showDetails: showDetails,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 7
+    }
+  }), showDownloadCTA && !file.private ? /*#__PURE__*/_react.default.createElement(_DownloadButton.DownloadButton, {
+    file: file,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 43
+    }
+  }) : null);
+};
+exports.FileCard = FileCard;
+//# sourceMappingURL=FileCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_Thumbnail","_FileDetails","_DownloadButton","_jsxFileName","FileCard","file","showDownloadCTA","showDetails","default","createElement","Box","verticalAlign","align","gap","paddingBlockEnd","maxWidth","width","height","dataHook","mediaId","__self","__source","fileName","lineNumber","columnNumber","Thumbnail","FileDetails","private","DownloadButton","exports"],"sources":["../../../../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { File } from './FileProps';\nimport { Thumbnail } from './Thumbnail';\nimport { FileDetails } from './FileDetails';\nimport { DownloadButton } from './DownloadButton';\n\nexport interface FileCardProps {\n  file: File;\n  showDownloadCTA?: boolean;\n  showDetails?: boolean;\n}\n\nexport const FileCard = ({\n  file,\n  showDownloadCTA = false,\n  showDetails = false,\n}: FileCardProps) => {\n  // const downloadIconWidth = showDownloadCTA ? 36 : 0;\n\n  return (\n    <Box\n      verticalAlign=\"middle\"\n      align=\"left\"\n      gap={showDetails ? 'SP2' : 'SP1'}\n      paddingBlockEnd={1}\n      maxWidth=\"100%\"\n      width=\"100%\"\n      height=\"100%\"\n      dataHook={`file-card-${file.mediaId}`}\n    >\n      <Thumbnail file={file} showDetails={showDetails} />\n      <FileDetails file={file} showDetails={showDetails} />\n      {showDownloadCTA && !file.private ? <DownloadButton file={file} /> : null}\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAAkD,IAAAK,YAAA;AAQ3C,MAAMC,QAAQ,GAAGA,CAAC;EACvBC,IAAI;EACJC,eAAe,GAAG,KAAK;EACvBC,WAAW,GAAG;AACD,CAAC,KAAK;EACnB;;EAEA,oBACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IACFC,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAC,MAAM;IACZC,GAAG,EAAEN,WAAW,GAAG,KAAK,GAAG,KAAM;IACjCO,eAAe,EAAE,CAAE;IACnBC,QAAQ,EAAC,MAAM;IACfC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbC,QAAQ,EAAE,aAAab,IAAI,CAACc,OAAO,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEtC5B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,UAAA,CAAAyB,SAAS;IAACpB,IAAI,EAAEA,IAAK;IAACE,WAAW,EAAEA,WAAY;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACnD5B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,YAAA,CAAAyB,WAAW;IAACrB,IAAI,EAAEA,IAAK;IAACE,WAAW,EAAEA,WAAY;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EACpDlB,eAAe,IAAI,CAACD,IAAI,CAACsB,OAAO,gBAAG/B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,eAAA,CAAA0B,cAAc;IAACvB,IAAI,EAAEA,IAAK;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAAG,IAClE,CAAC;AAEV,CAAC;AAACK,OAAA,CAAAzB,QAAA,GAAAA,QAAA","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FileCardList = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _FilePreview = require("./FilePreview");
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FileCardList.tsx";
+const FileCardList = ({
+  files,
+  showDownloadCTA,
+  showDetails
+}) => {
+  if (!files) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 5
+    }
+  }, files.map(file => /*#__PURE__*/_react.default.createElement(_FilePreview.FilePreview, {
+    file: file,
+    key: file.mediaId,
+    showDownloadCTA: showDownloadCTA,
+    showDetails: showDetails,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 9
+    }
+  })));
+};
+exports.FileCardList = FileCardList;
+//# sourceMappingURL=FileCardList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_FilePreview","_designSystem","_jsxFileName","FileCardList","files","showDownloadCTA","showDetails","default","createElement","Box","direction","__self","__source","fileName","lineNumber","columnNumber","map","file","FilePreview","key","mediaId","exports"],"sources":["../../../../src/components/FileCard/FileCardList.tsx"],"sourcesContent":["import React from 'react';\nimport { File } from './FileProps';\nimport { FilePreview } from './FilePreview';\nimport { Box } from '@wix/design-system';\n\nexport interface FileCardListProps {\n  files: File[];\n  showDownloadCTA?: boolean;\n  showDetails?: boolean;\n}\n\nexport const FileCardList = ({\n  files,\n  showDownloadCTA,\n  showDetails,\n}: FileCardListProps) => {\n  if (!files) {\n    return null;\n  }\n  return (\n    <Box direction=\"vertical\">\n      {files.map((file) => (\n        <FilePreview\n          file={file}\n          key={file.mediaId}\n          showDownloadCTA={showDownloadCTA}\n          showDetails={showDetails}\n        />\n      ))}\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAyC,IAAAG,YAAA;AAQlC,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,KAAK;EACLC,eAAe;EACfC;AACiB,CAAC,KAAK;EACvB,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,oBACEP,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACC,SAAS,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtBX,KAAK,CAACY,GAAG,CAAEC,IAAI,iBACdpB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,YAAA,CAAAkB,WAAW;IACVD,IAAI,EAAEA,IAAK;IACXE,GAAG,EAAEF,IAAI,CAACG,OAAQ;IAClBf,eAAe,EAAEA,eAAgB;IACjCC,WAAW,EAAEA,WAAY;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACF,CACE,CAAC;AAEV,CAAC;AAACM,OAAA,CAAAlB,YAAA,GAAAA,YAAA","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FileDetails = FileDetails;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _formatBytes = require("./formatBytes");
+var _resolveFileByMediaType = require("./resolveFileByMediaType");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FileDetails.tsx";
+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); }
+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; }
+function FileDetails({
+  file,
+  showDetails
+}) {
+  const fileSize = (0, _react.useMemo)(() => (0, _formatBytes.formatBytes)(file.sizeInBytes), [file.sizeInBytes]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "4px",
+    direction: "vertical",
+    dataHook: `file-details-${file.mediaId}`,
+    maxWidth: `calc(100% - ${showDetails ? _resolveFileByMediaType.THUMB_WIDTH + 60 : _resolveFileByMediaType.SMALL_THUMB_WIDTH + 10}px)`,
+    paddingRight: !showDetails ? 'SP2' : '0',
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    ellipsis: true,
+    size: "small",
+    dataHook: `file-details-name-${file.mediaId}`,
+    paddingRight: "SP2",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 7
+    }
+  }, file.displayName), showDetails && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    paddingRight: "SP2",
+    size: "tiny",
+    secondary: true,
+    ellipsis: true,
+    dataHook: `file-details-size-${file.mediaId}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 11
+    }
+  }, fileSize, " ", file.mediaType)));
+}
+//# sourceMappingURL=FileDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_formatBytes","_resolveFileByMediaType","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FileDetails","file","showDetails","fileSize","useMemo","formatBytes","sizeInBytes","createElement","Box","gap","direction","dataHook","mediaId","maxWidth","THUMB_WIDTH","SMALL_THUMB_WIDTH","paddingRight","__self","__source","fileName","lineNumber","columnNumber","Text","ellipsis","size","displayName","verticalAlign","secondary","mediaType"],"sources":["../../../../src/components/FileCard/FileDetails.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { File } from './FileProps';\nimport { formatBytes } from './formatBytes';\nimport { THUMB_WIDTH, SMALL_THUMB_WIDTH } from './resolveFileByMediaType';\n\ninterface FileDetailsProps {\n  file: File;\n  showDetails: boolean;\n}\n\nexport function FileDetails({ file, showDetails }: FileDetailsProps) {\n  const fileSize = useMemo(\n    () => formatBytes(file.sizeInBytes),\n    [file.sizeInBytes],\n  );\n\n  return (\n    <Box\n      gap=\"4px\"\n      direction=\"vertical\"\n      dataHook={`file-details-${file.mediaId}`}\n      maxWidth={`calc(100% - ${\n        showDetails ? THUMB_WIDTH + 60 : SMALL_THUMB_WIDTH + 10\n      }px)`}\n      paddingRight={!showDetails ? 'SP2' : '0'}\n    >\n      <Text\n        ellipsis\n        size=\"small\"\n        dataHook={`file-details-name-${file.mediaId}`}\n        paddingRight=\"SP2\"\n      >\n        {file.displayName}\n      </Text>\n      {showDetails && (\n        <Box verticalAlign=\"middle\">\n          <Text\n            paddingRight=\"SP2\"\n            size=\"tiny\"\n            secondary\n            ellipsis\n            dataHook={`file-details-size-${file.mediaId}`}\n          >\n            {fileSize} {file.mediaType}\n          </Text>\n        </Box>\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,94 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FilePreview = FilePreview;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _useDownloadFile = require("./useDownloadFile");
+var _FilePreviewModal = require("./FilePreviewModal");
+var _FileCard = require("./FileCard");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FilePreview.tsx";
+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); }
+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; }
+function FilePreview({
+  file,
+  showDownloadCTA,
+  showDetails
+}) {
+  const {
+    mediaType
+  } = file;
+  const [isPreviewOpen, setIsPreviewOpen] = (0, _react.useState)(false);
+  const {
+    downloadFile
+  } = (0, _useDownloadFile.useDownloadFile)({
+    file
+  });
+  const supportedPreviewTypes = ['picture', 'video'];
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    marginBottom: "SP1",
+    direction: "vertical",
+    width: showDetails ? '100%' : 'fit-content',
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
+    verticalPadding: "xxTiny",
+    horizontalPadding: "xxTiny",
+    border: true,
+    onClick: e => {
+      e.stopPropagation();
+      if (!supportedPreviewTypes.includes(mediaType)) {
+        downloadFile();
+        return;
+      }
+      setIsPreviewOpen(true);
+    },
+    options: [{
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        height: showDetails ? 48 : 36,
+        overflow: "hidden",
+        dataHook: `file-upload-formatted-${file.mediaId}`,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 39,
+          columnNumber: 15
+        }
+      }, /*#__PURE__*/_react.default.createElement(_FileCard.FileCard, {
+        file: file,
+        showDownloadCTA: showDownloadCTA,
+        showDetails: showDetails,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 44,
+          columnNumber: 17
+        }
+      }))
+    }],
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 7
+    }
+  }), supportedPreviewTypes.includes(mediaType) ? /*#__PURE__*/_react.default.createElement(_FilePreviewModal.FilePreviewModal, {
+    file: file,
+    showDetails: showDetails,
+    isOpen: isPreviewOpen,
+    close: () => {
+      setIsPreviewOpen(false);
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 9
+    }
+  }) : null);
+}
+//# sourceMappingURL=FilePreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useDownloadFile","_FilePreviewModal","_FileCard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilePreview","file","showDownloadCTA","showDetails","mediaType","isPreviewOpen","setIsPreviewOpen","useState","downloadFile","useDownloadFile","supportedPreviewTypes","createElement","Box","marginBottom","direction","width","__self","__source","fileName","lineNumber","columnNumber","TableListItem","verticalPadding","horizontalPadding","border","onClick","stopPropagation","includes","options","value","height","overflow","dataHook","mediaId","FileCard","FilePreviewModal","isOpen","close"],"sources":["../../../../src/components/FileCard/FilePreview.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, TableListItem } from '@wix/design-system';\nimport { FileViewProps } from './FileProps';\nimport { useDownloadFile } from './useDownloadFile';\nimport { FilePreviewModal } from './FilePreviewModal';\nimport { FileCard } from './FileCard';\n\nexport function FilePreview({\n  file,\n  showDownloadCTA,\n  showDetails,\n}: FileViewProps) {\n  const { mediaType } = file;\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n  const { downloadFile } = useDownloadFile({ file });\n  const supportedPreviewTypes = ['picture', 'video'];\n\n  return (\n    <Box\n      marginBottom=\"SP1\"\n      direction=\"vertical\"\n      width={showDetails ? '100%' : 'fit-content'}\n    >\n      <TableListItem\n        verticalPadding=\"xxTiny\"\n        horizontalPadding=\"xxTiny\"\n        border\n        onClick={(e) => {\n          e.stopPropagation();\n          if (!supportedPreviewTypes.includes(mediaType)) {\n            downloadFile();\n            return;\n          }\n          setIsPreviewOpen(true);\n        }}\n        options={[\n          {\n            value: (\n              <Box\n                height={showDetails ? 48 : 36}\n                overflow=\"hidden\"\n                dataHook={`file-upload-formatted-${file.mediaId}`}\n              >\n                <FileCard\n                  file={file}\n                  showDownloadCTA={showDownloadCTA}\n                  showDetails={showDetails}\n                />\n              </Box>\n            ),\n          },\n        ]}\n      />\n      {supportedPreviewTypes.includes(mediaType) ? (\n        <FilePreviewModal\n          file={file}\n          showDetails={showDetails}\n          isOpen={isPreviewOpen}\n          close={() => {\n            setIsPreviewOpen(false);\n          }}\n        />\n      ) : null}\n    </Box>\n  );\n}\n"],"mappings":"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","ignoreList":[]}