@wix/patterns 1.110.0 → 1.111.0

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":[]}

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":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+exports.__esModule = true;
+exports.formatBytes = formatBytes;
+function formatBytes(bytes, decimals = 2) {
+  if (!+bytes) return '0 Bytes';
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YiB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+}
+//# sourceMappingURL=formatBytes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["formatBytes","bytes","decimals","k","dm","sizes","i","Math","floor","log","parseFloat","pow","toFixed"],"sources":["../../../../src/components/FileCard/formatBytes.ts"],"sourcesContent":["export function formatBytes(bytes: number, decimals = 2) {\n  if (!+bytes) return '0 Bytes';\n\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YiB'];\n\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n}\n"],"mappings":";;;;AAAO,SAASA,WAAWA,CAACC,KAAa,EAAEC,QAAQ,GAAG,CAAC,EAAE;EACvD,IAAI,CAAC,CAACD,KAAK,EAAE,OAAO,SAAS;EAE7B,MAAME,CAAC,GAAG,IAAI;EACd,MAAMC,EAAE,GAAGF,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAGA,QAAQ;EACtC,MAAMG,KAAK,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC;EAExE,MAAMC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,GAAG,CAACR,KAAK,CAAC,GAAGM,IAAI,CAACE,GAAG,CAACN,CAAC,CAAC,CAAC;EAEnD,OAAO,GAAGO,UAAU,CAAC,CAACT,KAAK,GAAGM,IAAI,CAACI,GAAG,CAACR,CAAC,EAAEG,CAAC,CAAC,EAAEM,OAAO,CAACR,EAAE,CAAC,CAAC,IAAIC,KAAK,CAACC,CAAC,CAAC,EAAE;AAC1E","ignoreList":[]}