@wix/patterns 1.110.0 → 1.113.0

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_ = "Fade3957997490";
+var _namespace_ = "Fade3593838497";
 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": "Fade3957997490__root"
+  "root": "Fade3593838497__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_ = \"Fade3957997490\";\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\":\"Fade3957997490__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_ = \"Fade3593838497\";\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\":\"Fade3593838497__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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAA0E,IAAAI,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOnE,SAASW,WAAWA,CAAC;EAAEC,IAAI;EAAEC;AAA8B,CAAC,EAAE;EACnE,MAAMC,QAAQ,GAAG,IAAAC,cAAO,EACtB,MAAM,IAAAC,wBAAW,EAACJ,IAAI,CAACK,WAAW,CAAC,EACnC,CAACL,IAAI,CAACK,WAAW,CACnB,CAAC;EAED,oBACEjC,MAAA,CAAAa,OAAA,CAAAqB,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IACFC,GAAG,EAAC,KAAK;IACTC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAE,gBAAgBV,IAAI,CAACW,OAAO,EAAG;IACzCC,QAAQ,EAAE,eACRX,WAAW,GAAGY,mCAAW,GAAG,EAAE,GAAGC,yCAAiB,GAAG,EAAE,KACnD;IACNC,YAAY,EAAE,CAACd,WAAW,GAAG,KAAK,GAAG,GAAI;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEzChD,MAAA,CAAAa,OAAA,CAAAqB,aAAA,CAAC/B,aAAA,CAAA8C,IAAI;IACHC,QAAQ;IACRC,IAAI,EAAC,OAAO;IACZb,QAAQ,EAAE,qBAAqBV,IAAI,CAACW,OAAO,EAAG;IAC9CI,YAAY,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEjBpB,IAAI,CAACwB,WACF,CAAC,EACNvB,WAAW,iBACV7B,MAAA,CAAAa,OAAA,CAAAqB,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IAACkB,aAAa,EAAC,QAAQ;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBhD,MAAA,CAAAa,OAAA,CAAAqB,aAAA,CAAC/B,aAAA,CAAA8C,IAAI;IACHN,YAAY,EAAC,KAAK;IAClBQ,IAAI,EAAC,MAAM;IACXG,SAAS;IACTJ,QAAQ;IACRZ,QAAQ,EAAE,qBAAqBV,IAAI,CAACW,OAAO,EAAG;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE7ClB,QAAQ,EAAC,GAAC,EAACF,IAAI,CAAC2B,SACb,CACH,CAEJ,CAAC;AAEV","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":[]}

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

@@ -0,0 +1,113 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FilePreviewModal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _resolveFileByMediaType = require("./resolveFileByMediaType");
+var _useDownloadFile = require("./useDownloadFile");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FilePreviewModal.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; }
+const FilePreviewModal = ({
+  file,
+  isOpen,
+  close,
+  showDetails
+}) => {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    downloadFile,
+    isDownloading
+  } = (0, _useDownloadFile.useDownloadFile)({
+    file
+  });
+  const {
+    fileUrl
+  } = (0, _resolveFileByMediaType.resolveFileByMediaType)(file, showDetails);
+  const prefixIcon = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 7
+    }
+  }, isDownloading ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    size: "tiny",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 26
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
+    size: "small",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 51
+    }
+  })), [isDownloading]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
+    isOpen: isOpen,
+    onRequestClose: close,
+    shouldCloseOnOverlayClick: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
+    title: file.displayName,
+    onCloseButtonClick: close,
+    primaryButtonText: t('cairo.customFields.fileUpload.download.cta'),
+    primaryButtonProps: {
+      prefixIcon
+    },
+    primaryButtonOnClick: downloadFile,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 7
+    }
+  }, file.mediaType === 'video' ? /*#__PURE__*/_react.default.createElement("video", {
+    controls: true,
+    style: {
+      width: '100%',
+      height: 'auto',
+      maxHeight: '70vh',
+      margin: '0 auto'
+    },
+    src: fileUrl,
+    autoPlay: false,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 49,
+      columnNumber: 11
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_designSystem.Image, {
+    style: {
+      height: '500px',
+      width: '500px',
+      objectFit: 'contain'
+    },
+    src: fileUrl,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 11
+    }
+  })));
+};
+exports.FilePreviewModal = FilePreviewModal;
+//# sourceMappingURL=FilePreviewModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_resolveFileByMediaType","_useDownloadFile","_wixUiIconsCommon","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilePreviewModal","file","isOpen","close","showDetails","translate","useWixPatternsContainer","downloadFile","isDownloading","useDownloadFile","fileUrl","resolveFileByMediaType","prefixIcon","useMemo","createElement","Box","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Loader","size","Download","Modal","onRequestClose","shouldCloseOnOverlayClick","CustomModalLayout","title","displayName","onCloseButtonClick","primaryButtonText","primaryButtonProps","primaryButtonOnClick","mediaType","controls","style","width","height","maxHeight","margin","src","autoPlay","Image","objectFit","exports"],"sources":["../../../../src/components/FileCard/FilePreviewModal.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  CustomModalLayout,\n  Loader,\n  Modal,\n  Image,\n  Box,\n} from '@wix/design-system';\nimport { resolveFileByMediaType } from './resolveFileByMediaType';\nimport { useDownloadFile } from './useDownloadFile';\nimport { Download } from '@wix/wix-ui-icons-common';\nimport { FileViewProps } from './FileProps';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\ninterface FilePreviewModalProps extends FileViewProps {\n  isOpen: boolean;\n  close: () => void;\n  showDetails?: boolean;\n}\nexport const FilePreviewModal = ({\n  file,\n  isOpen,\n  close,\n  showDetails,\n}: FilePreviewModalProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const { downloadFile, isDownloading } = useDownloadFile({ file });\n  const { fileUrl } = resolveFileByMediaType(file, showDetails);\n  const prefixIcon = useMemo(\n    () => (\n      <Box verticalAlign=\"middle\">\n        {isDownloading ? <Loader size=\"tiny\" /> : <Download size=\"small\" />}\n      </Box>\n    ),\n    [isDownloading],\n  );\n  return (\n    <Modal isOpen={isOpen} onRequestClose={close} shouldCloseOnOverlayClick>\n      <CustomModalLayout\n        title={file.displayName}\n        onCloseButtonClick={close}\n        primaryButtonText={t('cairo.customFields.fileUpload.download.cta')}\n        primaryButtonProps={{\n          prefixIcon,\n        }}\n        primaryButtonOnClick={downloadFile}\n      >\n        {file.mediaType === 'video' ? (\n          <video\n            controls\n            style={{\n              width: '100%',\n              height: 'auto',\n              maxHeight: '70vh',\n              margin: '0 auto',\n            }}\n            src={fileUrl}\n            autoPlay={false}\n          />\n        ) : (\n          <Image\n            style={{ height: '500px', width: '500px', objectFit: 'contain' }}\n            src={fileUrl}\n          />\n        )}\n      </CustomModalLayout>\n    </Modal>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=FileProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/FileCard/FileProps.ts"],"sourcesContent":["/**\n * Represents a file.\n */\nexport interface File {\n  /**\n   * The unique identifier of the media in mediaManager.\n   */\n  mediaId: string;\n\n  /**\n   * The size of the file in bytes.\n   */\n  sizeInBytes: number;\n\n  /**\n   * The type of media.\n   */\n  mediaType: 'picture' | 'audio' | 'video' | 'document';\n\n  /**\n   * The display name of the file.\n   */\n  displayName: string;\n\n  /**\n   * Whether the file is private.\n   */\n  private: boolean;\n}\n\nexport interface FileViewProps {\n  file: File;\n  showDownloadCTA?: boolean;\n  showDetails?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Thumbnail = Thumbnail;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _resolveFileByMediaType = require("./resolveFileByMediaType");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/Thumbnail.tsx";
+function Thumbnail({
+  file,
+  showDetails
+}) {
+  const {
+    thumbnail
+  } = (0, _resolveFileByMediaType.resolveFileByMediaType)(file, showDetails);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: `file-thumbnail-${file.mediaType}-${file.mediaId}`,
+    align: "center",
+    verticalAlign: "middle",
+    width: showDetails ? _resolveFileByMediaType.THUMB_WIDTH : _resolveFileByMediaType.SMALL_THUMB_WIDTH,
+    height: showDetails ? _resolveFileByMediaType.THUMB_WIDTH : _resolveFileByMediaType.SMALL_THUMB_WIDTH,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 5
+    }
+  }, thumbnail);
+}
+//# sourceMappingURL=Thumbnail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_resolveFileByMediaType","_jsxFileName","Thumbnail","file","showDetails","thumbnail","resolveFileByMediaType","default","createElement","Box","dataHook","mediaType","mediaId","align","verticalAlign","width","THUMB_WIDTH","SMALL_THUMB_WIDTH","height","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/FileCard/Thumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { File } from './FileProps';\nimport {\n  resolveFileByMediaType,\n  SMALL_THUMB_WIDTH,\n  THUMB_WIDTH,\n} from './resolveFileByMediaType';\n\ninterface ThumbnailProps {\n  file: File;\n  showDetails: boolean;\n}\n\nexport function Thumbnail({ file, showDetails }: ThumbnailProps) {\n  const { thumbnail } = resolveFileByMediaType(file, showDetails);\n  return (\n    <Box\n      dataHook={`file-thumbnail-${file.mediaType}-${file.mediaId}`}\n      align=\"center\"\n      verticalAlign=\"middle\"\n      width={showDetails ? THUMB_WIDTH : SMALL_THUMB_WIDTH}\n      height={showDetails ? THUMB_WIDTH : SMALL_THUMB_WIDTH}\n    >\n      {thumbnail}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AAIkC,IAAAG,YAAA;AAO3B,SAASC,SAASA,CAAC;EAAEC,IAAI;EAAEC;AAA4B,CAAC,EAAE;EAC/D,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,8CAAsB,EAACH,IAAI,EAAEC,WAAW,CAAC;EAC/D,oBACER,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;IACFC,QAAQ,EAAE,kBAAkBP,IAAI,CAACQ,SAAS,IAAIR,IAAI,CAACS,OAAO,EAAG;IAC7DC,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAEX,WAAW,GAAGY,mCAAW,GAAGC,yCAAkB;IACrDC,MAAM,EAAEd,WAAW,GAAGY,mCAAW,GAAGC,yCAAkB;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErDlB,SACE,CAAC;AAEV","ignoreList":[]}