sanity-plugin-media 1.4.0-beta.2 → 1.4.3

package/CHANGELOG.md

@@ -2,33 +2,46 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-## [1.4.0-beta.2](https://github.com/robinpyon/sanity-plugin-media/compare/v1.4.0-beta.1...v1.4.0-beta.2) (2021-09-18)
+### [1.4.3](https://github.com/robinpyon/sanity-plugin-media/compare/v1.4.2...v1.4.3) (2021-10-26)
 
 
 ### Bug Fixes
 
-* ensure that genertic tag deletion errors are caught and displayed in notifications ([4dc7b10](https://github.com/robinpyon/sanity-plugin-media/commit/4dc7b10448451d358f2f7e721b2ec56ed1944bdf))
+* expose _id, assetId and url in default input search ([0f7d544](https://github.com/robinpyon/sanity-plugin-media/commit/0f7d544d7b688972e3d12f1fac1b6a2bc3b94a02))
 
-## [1.4.0-beta.1](https://github.com/robinpyon/sanity-plugin-media/compare/v1.4.0-beta.0...v1.4.0-beta.1) (2021-09-09)
+### [1.4.2](https://github.com/robinpyon/sanity-plugin-media/compare/v1.4.1...v1.4.2) (2021-10-21)
 
-## [1.4.0-beta.0](https://github.com/robinpyon/sanity-plugin-media/compare/v1.3.1...v1.4.0-beta.0) (2021-09-09)
+
+### Bug Fixes
+
+* force minimum height on canvas when generating low res previews ([8e30854](https://github.com/robinpyon/sanity-plugin-media/commit/8e3085462cb2eeaa289b83e21dfa2e6ec7787831))
+
+### [1.4.1](https://github.com/robinpyon/sanity-plugin-media/compare/v1.4.0...v1.4.1) (2021-10-14)
+
+
+### Bug Fixes
+
+* quickfix to work around a minor regression in sanity 2.21.0 ([1abf9e8](https://github.com/robinpyon/sanity-plugin-media/commit/1abf9e8b3f5f24e3848d4193193fba187fa65ab2))
+
+## [1.4.0](https://github.com/robinpyon/sanity-plugin-media/compare/v1.3.1...v1.4.0) (2021-09-22)
 
 
 ### Features
 
-* add filename facet ([43b10da](https://github.com/robinpyon/sanity-plugin-media/commit/43b10dac3e5bd4e56be009caf8a198ff951995c4))
-* add initial file custom asset source support: conditionally filter and facet by asset type ([cb96447](https://github.com/robinpyon/sanity-plugin-media/commit/cb96447706637eafa5ea5f509a53ecf596a1eb37))
-* add overscan to asset grid view ([abebeab](https://github.com/robinpyon/sanity-plugin-media/commit/abebeab349e25e248d5fa53ffe45a1d08e50375d))
-* disable react-select until all tags have loaded in full ([35849df](https://github.com/robinpyon/sanity-plugin-media/commit/35849df57f9cad19f07b3d5c80ad6e2b27cb7e32))
-* virtualize react-select views ([fa7da0a](https://github.com/robinpyon/sanity-plugin-media/commit/fa7da0a39d086b8a72501591efc97255ad7a43d2))
+* add filename facet ([4f70fab](https://github.com/robinpyon/sanity-plugin-media/commit/4f70fabbf7a47c16e60ae3d7d861b1381a5c4a9f))
+* add initial file custom asset source support: conditionally filter and facet by asset type ([7a2b988](https://github.com/robinpyon/sanity-plugin-media/commit/7a2b9883827ff5283fed842cb8635fa7d509483b))
+* add overscan to asset grid view ([7b3aaba](https://github.com/robinpyon/sanity-plugin-media/commit/7b3aabafa75cdda41380c900d9b96c0b654054c9))
+* disable react-select until all tags have loaded in full ([5948a94](https://github.com/robinpyon/sanity-plugin-media/commit/5948a947ee32c860edad0a47aa9b8d20ec7111e8))
+* virtualize react-select views ([f712c4c](https://github.com/robinpyon/sanity-plugin-media/commit/f712c4ccec9901321bcaaef7dca237c07dbdc49c))
 
 
 ### Bug Fixes
 
-* ensure that no empty virtuoso views are rendered ([dc4a606](https://github.com/robinpyon/sanity-plugin-media/commit/dc4a60611d4a9014a25d068a2de110912d2e646c))
-* force fixed positioning on sanity-ui Dialogs to prevent mobile scrolling issues ([097ec0c](https://github.com/robinpyon/sanity-plugin-media/commit/097ec0cd29db9d19d7952769b27f6464a7511b02))
-* force search facet <MenuButton /> to render in a portal, remove hard-coded z-index ([b708e75](https://github.com/robinpyon/sanity-plugin-media/commit/b708e75db0b12a753252b83663fd104d4b46b272))
-* **tags:** render all tags in a virtualized container ([dd8c755](https://github.com/robinpyon/sanity-plugin-media/commit/dd8c755f7bbee83d7202fda6a27cf340a3238241))
+* ensure that generic tag deletion errors are caught and displayed in notifications ([b65e0e6](https://github.com/robinpyon/sanity-plugin-media/commit/b65e0e69cbce78fc0b49610ba87f5c0ec2707122))
+* ensure that no empty virtuoso views are rendered ([04904e5](https://github.com/robinpyon/sanity-plugin-media/commit/04904e5ca408d424e28c2dca05d0b545d1b04b21))
+* force fixed positioning on sanity-ui Dialogs to prevent mobile scrolling issues ([94465a5](https://github.com/robinpyon/sanity-plugin-media/commit/94465a5c89166501cd65d9d387f09d5c7d567b41))
+* force search facet <MenuButton /> to render in a portal, remove hard-coded z-index ([4afb51e](https://github.com/robinpyon/sanity-plugin-media/commit/4afb51eed57926ca7279b351fd588f3ac86c70d6))
+* **tags:** render all tags in a virtualized container ([abdc7e3](https://github.com/robinpyon/sanity-plugin-media/commit/abdc7e362d4ed5f62ff5bd632e9b886fdbd36771))
 
 ### [1.3.1](https://github.com/robinpyon/sanity-plugin-media/compare/v1.3.0...v1.3.1) (2021-05-09)
 

package/README.md

@@ -48,7 +48,9 @@ In your Sanity project folder:
 sanity install media
 ```
 
-This will add the Media button to your studio menu. If this is all you're after – that's all you need to do!
+This will add the Media plugin as a standalone tool, accessible via your studio menu.
+
+If you're happy with Sanity's default image and file pickers, then this is all you need to do!
 
 ### Enabling it as a global [custom asset source](https://www.sanity.io/docs/custom-asset-sources)
 
@@ -56,15 +58,15 @@ You'll need to do this if you want to use the plugin when selecting images or fi
 
 This plugin exposes `part:sanity-plugin-media/asset-source` which you import when defining custom asset sources.
 
-In `sanity.json`, add the following snippet to the `parts` array:
+In `sanity.json`, add the following snippet to the `parts` array.
+
+_File asset support requires Sanity 2.16.x or greater._
 
 ```json
-// Images
 {
   "implements": "part:@sanity/form-builder/input/image/asset-sources",
   "path": "./parts/assetSources.js"
 },
-// Files (Sanity >= 2.16.0)
 {
   "implements": "part:@sanity/form-builder/input/file/asset-sources",
   "path": "./parts/assetSources.js"
@@ -79,7 +81,7 @@ import MediaAssetSource from 'part:sanity-plugin-media/asset-source'
 export default [MediaAssetSource]
 ```
 
-That's it! The browser will now pop up every time you try select an image or file.
+That's it! The plugin will now pop up every time you try select an image or file.
 
 ## Known issues
 
@@ -197,7 +199,7 @@ Note that tags are namespaced within `opt.media` and tag names are accessed via
 #### Deleting assets
 
 <details>
-<summary>How come deleting multiple assets fails, even if only one asset is in use?</summary>
+<summary>Why am I unable to delete multiple assets, even if only one asset is in use?</summary>
 
 - Batch mutations are carried out via Sanity [transactions](https://www.sanity.io/docs/transactions). These transactions are _atomic_, meaning that if one deletion fails (often because it's referenced elsewhere), then all mutations in the transaction will fail and no changes will occur
 - To get around this, simply make sure that all assets you've marked for deletion are not referenced – this can be easily accomplished by using a search facet to only show assets which are not in use
@@ -209,8 +211,8 @@ Note that tags are namespaced within `opt.media` and tag names are accessed via
 <details>
 <summary>How does the plugin determine what should uploaded as a <code>sanity.imageAsset</code> or <code>sanity.fileAsset</code>?</summary>
 
-- As a rule of thumb, when uploading when accessing the plugin as a _tool_ (e.g. if you've acceessed it via the header), it will look at incoming files' MIME type. All files of type `image/*` will be uploaded as `sanity.imageAsset` whilst everything else will be treated as `sanity.fileAsset`
-- If you upload when using the plugin in a file selection context, all files will be uploaded as `sanity.fileAsset`, regardless of their MIME type. This is probably not what you want, since images uploaded as files won't have associated metadata nor will they work in Sanity's image pipeline.
+- As a rule of thumb, when uploading when accessing the plugin as a _tool_ (e.g. if you've acceessed it via the studio menu), it will look at any incoming files' MIME type. All files of type `image/*` will be uploaded as `sanity.imageAsset` whilst everything else will be treated as `sanity.fileAsset`
+- If you upload when using the plugin in a _file_ selection context, these be uploaded as `sanity.fileAsset` regardless of their MIME type. This is probably not what you want, since images uploaded as files won't have associated metadata nor will they work in Sanity's image pipeline.
 
 </details>
 

package/dist/app.js

@@ -44,7 +44,7 @@ var useKeyPress_1 = __importDefault(require("./hooks/useKeyPress"));
 var GlobalStyles_1 = __importDefault(require("./styled/GlobalStyles"));
 var theme_1 = __importDefault(require("./styled/theme"));
 var AssetBrowser = react_1.forwardRef(function (props, ref) {
-    var onClose = props.onClose, onSelect = props.onSelect, tool = props.tool;
+    var onClose = props.onClose, onSelect = props.onSelect;
     // Close on escape key press
     useKeyPress_1.default('escape', onClose);
     // Stop propagation and prevent document mouse events from firing.
@@ -61,8 +61,8 @@ var AssetBrowser = react_1.forwardRef(function (props, ref) {
                     react_1.default.createElement(ui_1.ToastProvider, { zOffset: constants_1.Z_INDEX_TOAST_PROVIDER },
                         react_1.default.createElement(AssetSourceDispatchContext_1.AssetBrowserDispatchProvider, { onSelect: onSelect },
                             react_1.default.createElement(GlobalStyles_1.default, null),
-                            tool ? (react_1.default.createElement(ui_1.Box, { ref: ref, style: { height: '100%', position: 'relative' } },
-                                react_1.default.createElement(Browser_1.default, { onClose: onClose }))) : (react_1.default.createElement(ui_1.Portal, null,
+                            !onClose ? (react_1.default.createElement(ui_1.Box, { ref: ref, style: { background: 'red', height: '100%', position: 'relative' } },
+                                react_1.default.createElement(Browser_1.default, null))) : (react_1.default.createElement(ui_1.Portal, null,
                                 react_1.default.createElement(ui_1.Box, { onDragEnter: handleStopPropagation, onDragLeave: handleStopPropagation, onDragOver: handleStopPropagation, onDrop: handleStopPropagation, onMouseUp: handleStopPropagation, ref: ref, style: {
                                         bottom: 0,
                                         height: 'auto',

package/dist/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiG;AAEjG,6CAA4D;AAC5D,qCAA6D;AAC7D,iEAA0C;AAC1C,6EAAsD;AACtD,yCAA+D;AAC/D,oFAAkF;AAClF,oEAA6C;AAC7C,uEAA+C;AAC/C,yDAAkC;AAIlC,IAAM,YAAY,GAAc,kBAAU,CAAC,UAAC,KAAY,EAAE,GAAwB;IACzE,IAAA,OAAO,GAAoB,KAAK,QAAzB,EAAE,QAAQ,GAAU,KAAK,SAAf,EAAE,IAAI,GAAI,KAAK,KAAT,CAAS;IAEvC,4BAA4B;IAC5B,qBAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAE9B,kEAAkE;IAClE,yHAAyH;IACzH,qFAAqF;IACrF,IAAM,qBAAqB,GAAG,UAAC,CAAa;QAC1C,CAAC,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAA;QACxC,CAAC,CAAC,eAAe,EAAE,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,uBAAa,eAAK,KAAK;QACtB,8BAAC,kBAAa,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,gBAAW;YAC7C,8BAAC,wBAAmB,IAAC,KAAK,EAAE,eAAK;gBAC/B,8BAAC,mBAAc,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI;oBACpC,8BAAC,kBAAa,IAAC,OAAO,EAAE,kCAAsB;wBAC5C,8BAAC,yDAA4B,IAAC,QAAQ,EAAE,QAAQ;4BAC9C,8BAAC,sBAAW,OAAG;4BAEd,IAAI,CAAC,CAAC,CAAC,CACN,8BAAC,QAAG,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAC;gCAC1D,8BAAC,iBAAO,IAAC,OAAO,EAAE,OAAO,GAAI,CACzB,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,WAAM;gCACL,8BAAC,QAAG,IACF,WAAW,EAAE,qBAAqB,EAClC,WAAW,EAAE,qBAAqB,EAClC,UAAU,EAAE,qBAAqB,EACjC,MAAM,EAAE,qBAAqB,EAC7B,SAAS,EAAE,qBAAqB,EAChC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;wCACL,MAAM,EAAE,CAAC;wCACT,MAAM,EAAE,MAAM;wCACd,IAAI,EAAE,CAAC;wCACP,QAAQ,EAAE,OAAO;wCACjB,GAAG,EAAE,CAAC;wCACN,KAAK,EAAE,MAAM;wCACb,MAAM,EAAE,uBAAW;qCACpB;oCAED,8BAAC,iBAAO,IAAC,OAAO,EAAE,OAAO,GAAI,CACzB,CACC,CACV,CAC4B,CACjB,CACD,CACG,CACR,CACF,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,YAAY,CAAA"}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiG;AAEjG,6CAA4D;AAC5D,qCAA6D;AAC7D,iEAA0C;AAC1C,6EAAsD;AACtD,yCAA+D;AAC/D,oFAAkF;AAClF,oEAA6C;AAC7C,uEAA+C;AAC/C,yDAAkC;AAIlC,IAAM,YAAY,GAAc,kBAAU,CAAC,UAAC,KAAY,EAAE,GAAwB;IACzE,IAAA,OAAO,GAAc,KAAK,QAAnB,EAAE,QAAQ,GAAI,KAAK,SAAT,CAAS;IAEjC,4BAA4B;IAC5B,qBAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAE9B,kEAAkE;IAClE,yHAAyH;IACzH,qFAAqF;IACrF,IAAM,qBAAqB,GAAG,UAAC,CAAa;QAC1C,CAAC,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAA;QACxC,CAAC,CAAC,eAAe,EAAE,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,uBAAa,eAAK,KAAK;QACtB,8BAAC,kBAAa,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,gBAAW;YAC7C,8BAAC,wBAAmB,IAAC,KAAK,EAAE,eAAK;gBAC/B,8BAAC,mBAAc,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI;oBACpC,8BAAC,kBAAa,IAAC,OAAO,EAAE,kCAAsB;wBAC5C,8BAAC,yDAA4B,IAAC,QAAQ,EAAE,QAAQ;4BAC9C,8BAAC,sBAAW,OAAG;4BAEd,CAAC,OAAO,CAAC,CAAC,CAAC,CACV,8BAAC,QAAG,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAC,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAC;gCAC7E,8BAAC,iBAAO,OAAG,CACP,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,WAAM;gCACL,8BAAC,QAAG,IACF,WAAW,EAAE,qBAAqB,EAClC,WAAW,EAAE,qBAAqB,EAClC,UAAU,EAAE,qBAAqB,EACjC,MAAM,EAAE,qBAAqB,EAC7B,SAAS,EAAE,qBAAqB,EAChC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;wCACL,MAAM,EAAE,CAAC;wCACT,MAAM,EAAE,MAAM;wCACd,IAAI,EAAE,CAAC;wCACP,QAAQ,EAAE,OAAO;wCACjB,GAAG,EAAE,CAAC;wCACN,KAAK,EAAE,MAAM;wCACb,MAAM,EAAE,uBAAW;qCACpB;oCAED,8BAAC,iBAAO,IAAC,OAAO,EAAE,OAAO,GAAI,CACzB,CACC,CACV,CAC4B,CACjB,CACD,CACG,CACR,CACF,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,YAAY,CAAA"}

package/dist/utils/constructFilter.js

@@ -83,7 +83,9 @@ var constructFilter = function (_a) {
         // Base filter
         baseFilter
     ], (searchQuery
-        ? [groq_1.default(templateObject_2 || (templateObject_2 = __makeTemplateObject(["[altText, description, originalFilename, title] match '*", "*'"], ["[altText, description, originalFilename, title] match '*", "*'"])), searchQuery.trim())]
+        ? [
+            groq_1.default(templateObject_2 || (templateObject_2 = __makeTemplateObject(["[_id, altText, assetId, description, originalFilename, title, url] match '*", "*'"], ["[_id, altText, assetId, description, originalFilename, title, url] match '*", "*'"])), searchQuery.trim())
+        ]
         : []), searchFacetFragments).join(' && ');
     return constructedQuery;
 };

package/dist/utils/constructFilter.js.map

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

package/dist/utils/generatePreviewBlobUrl.js

@@ -43,9 +43,11 @@ var PREVIEW_WIDTH = 180; // px
 var createBlob = function (img) {
     return new Promise(function (resolve) {
         var imageAspect = img.width / img.height;
+        // Create a canvas element which we'll use to generate a low resolution preview.
+        // Ensure that the canvas is at least 1 pixel high as blob generation will fail otherwise.
         var canvas = document.createElement('canvas');
         canvas.width = PREVIEW_WIDTH;
-        canvas.height = PREVIEW_WIDTH / imageAspect;
+        canvas.height = Math.max(PREVIEW_WIDTH / imageAspect, 1);
         var ctx = canvas.getContext('2d');
         ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(img, 0, 0, PREVIEW_WIDTH, PREVIEW_WIDTH / imageAspect);
         canvas.toBlob(resolve, 'image/jpeg');

package/dist/utils/generatePreviewBlobUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"generatePreviewBlobUrl.js","sourceRoot":"","sources":["../../src/utils/generatePreviewBlobUrl.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAAyC;AACzC,4CAAuC;AAEvC,IAAM,aAAa,GAAG,GAAG,CAAA,CAAC,KAAK;AAE/B,IAAM,UAAU,GAAG,UAAC,GAAqB;IACvC,OAAO,IAAI,OAAO,CAAC,UAAA,OAAO;QACxB,IAAM,WAAW,GAAG,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,MAAM,CAAA;QAE1C,IAAM,MAAM,GAAsB,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAClE,MAAM,CAAC,KAAK,GAAG,aAAa,CAAA;QAC5B,MAAM,CAAC,MAAM,GAAG,aAAa,GAAG,WAAW,CAAA;QAE3C,IAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QACnC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,aAAa,GAAG,WAAW,EAAC;QACrE,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,IAAM,aAAa,GAAG,UAAC,IAAU;IAC/B,OAAO,IAAI,OAAO,CAAC,UAAA,OAAO;QACxB,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QACrD,IAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAA;QACvB,GAAG,CAAC,MAAM,GAAG;YACX,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,YAAY,CAAC,CAAA;YACxC,OAAO,CAAC,GAAG,CAAC,CAAA;QACd,CAAC,CAAA;QACD,GAAG,CAAC,GAAG,GAAG,YAAY,CAAA;IACxB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,IAAM,sBAAsB,GAAG,UAAO,IAAU;;;;oBAC9B,qBAAM,aAAa,CAAC,IAAI,CAAC,EAAA;;gBAAnC,OAAO,GAAG,SAAyB;gBAC5B,qBAAM,UAAU,CAAC,OAAO,CAAC,EAAA;;gBAAhC,IAAI,GAAG,SAAyB;gBAEtC,sBAAO,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,EAAA;;;KACxC,CAAA;AAEM,IAAM,uBAAuB,GAAG,UAAC,IAAU;IAChD,OAAO,SAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,oBAAQ,CAAC,cAAM,OAAA,WAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,EAAlC,CAAkC,CAAC,CAAC,CAAA;AAC1E,CAAC,CAAA;AAFY,QAAA,uBAAuB,2BAEnC"}
+{"version":3,"file":"generatePreviewBlobUrl.js","sourceRoot":"","sources":["../../src/utils/generatePreviewBlobUrl.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAAyC;AACzC,4CAAuC;AAEvC,IAAM,aAAa,GAAG,GAAG,CAAA,CAAC,KAAK;AAE/B,IAAM,UAAU,GAAG,UAAC,GAAqB;IACvC,OAAO,IAAI,OAAO,CAAC,UAAA,OAAO;QACxB,IAAM,WAAW,GAAG,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,MAAM,CAAA;QAE1C,gFAAgF;QAChF,0FAA0F;QAC1F,IAAM,MAAM,GAAsB,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAClE,MAAM,CAAC,KAAK,GAAG,aAAa,CAAA;QAC5B,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,WAAW,EAAE,CAAC,CAAC,CAAA;QAExD,IAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QACnC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,aAAa,GAAG,WAAW,EAAC;QACrE,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,IAAM,aAAa,GAAG,UAAC,IAAU;IAC/B,OAAO,IAAI,OAAO,CAAC,UAAA,OAAO;QACxB,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QACrD,IAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAA;QACvB,GAAG,CAAC,MAAM,GAAG;YACX,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,YAAY,CAAC,CAAA;YACxC,OAAO,CAAC,GAAG,CAAC,CAAA;QACd,CAAC,CAAA;QACD,GAAG,CAAC,GAAG,GAAG,YAAY,CAAA;IACxB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,IAAM,sBAAsB,GAAG,UAAO,IAAU;;;;oBAC9B,qBAAM,aAAa,CAAC,IAAI,CAAC,EAAA;;gBAAnC,OAAO,GAAG,SAAyB;gBAC5B,qBAAM,UAAU,CAAC,OAAO,CAAC,EAAA;;gBAAhC,IAAI,GAAG,SAAyB;gBAEtC,sBAAO,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,EAAA;;;KACxC,CAAA;AAEM,IAAM,uBAAuB,GAAG,UAAC,IAAU;IAChD,OAAO,SAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,oBAAQ,CAAC,cAAM,OAAA,WAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,EAAlC,CAAkC,CAAC,CAAC,CAAA;AAC1E,CAAC,CAAA;AAFY,QAAA,uBAAuB,2BAEnC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-media",
-  "version": "1.4.0-beta.2",
+  "version": "1.4.3",
   "license": "MIT",
   "author": {
     "name": "Robin Pyon",
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "2.0.0-beta.3",
-    "@reduxjs/toolkit": "1.5.0",
+    "@reduxjs/toolkit": "1.5.1",
     "@sanity/color": "2.1.5",
     "@sanity/icons": "1.1.7",
     "@sanity/types": "^2.17.1",

package/dist/components/ButtonAssetClipboardCopy/index.js

@@ -1,71 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var icons_1 = require("@sanity/icons");
-var ui_1 = require("@sanity/ui");
-var copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-var react_1 = __importStar(require("react"));
-var ButtonClipboardCopy = function (props) {
-    var disabled = props.disabled;
-    var _a = __read(react_1.useState(false), 2), popoverVisible = _a[0], setPopoverVisible = _a[1];
-    var refPopoverTimeout = react_1.useRef();
-    // Callbacks
-    var handleClick = function () {
-        if (refPopoverTimeout.current) {
-            clearTimeout(refPopoverTimeout.current);
-        }
-        setPopoverVisible(true);
-        copy_to_clipboard_1.default(asset.url);
-        refPopoverTimeout.current = setTimeout(function () {
-            setPopoverVisible(false);
-        }, 2000);
-    };
-    // Effects
-    react_1.useEffect(function () {
-        return function () {
-            if (refPopoverTimeout.current) {
-                clearTimeout(refPopoverTimeout.current);
-            }
-        };
-    }, []);
-    return (react_1.default.createElement(ui_1.Popover, { content: react_1.default.createElement(ui_1.Text, { muted: true, size: 1 }, "Copied!"), open: popoverVisible, padding: 2, placement: "top", radius: 1 },
-        react_1.default.createElement(ui_1.Button, { disabled: disabled, fontSize: 1, icon: icons_1.ClipboardIcon, mode: "ghost", onClick: handleClick, text: "Copy" })));
-};
-exports.default = ButtonClipboardCopy;

package/dist/components/ButtonC/index.js

@@ -1,71 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var icons_1 = require("@sanity/icons");
-var ui_1 = require("@sanity/ui");
-var copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-var react_1 = __importStar(require("react"));
-var ButtonClipboardCopy = function (props) {
-    var disabled = props.disabled;
-    var _a = __read(react_1.useState(false), 2), popoverVisible = _a[0], setPopoverVisible = _a[1];
-    var refPopoverTimeout = react_1.useRef();
-    // Callbacks
-    var handleClick = function () {
-        if (refPopoverTimeout.current) {
-            clearTimeout(refPopoverTimeout.current);
-        }
-        setPopoverVisible(true);
-        copy_to_clipboard_1.default(asset.url);
-        refPopoverTimeout.current = setTimeout(function () {
-            setPopoverVisible(false);
-        }, 2000);
-    };
-    // Effects
-    react_1.useEffect(function () {
-        return function () {
-            if (refPopoverTimeout.current) {
-                clearTimeout(refPopoverTimeout.current);
-            }
-        };
-    }, []);
-    return (react_1.default.createElement(ui_1.Popover, { content: react_1.default.createElement(ui_1.Text, { muted: true, size: 1 }, "Copied!"), open: popoverVisible, padding: 2, placement: "top", radius: 1 },
-        react_1.default.createElement(ui_1.Button, { disabled: disabled, fontSize: 1, icon: icons_1.ClipboardIcon, mode: "ghost", onClick: handleClick, text: "Copy" })));
-};
-exports.default = ButtonClipboardCopy;

package/dist/components/ButtonClipboardCopy/index.js

@@ -1,71 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var icons_1 = require("@sanity/icons");
-var ui_1 = require("@sanity/ui");
-var copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-var react_1 = __importStar(require("react"));
-var ButtonClipboardCopy = function (props) {
-    var disabled = props.disabled;
-    var _a = __read(react_1.useState(false), 2), popoverVisible = _a[0], setPopoverVisible = _a[1];
-    var refPopoverTimeout = react_1.useRef();
-    // Callbacks
-    var handleClick = function () {
-        if (refPopoverTimeout.current) {
-            clearTimeout(refPopoverTimeout.current);
-        }
-        setPopoverVisible(true);
-        copy_to_clipboard_1.default(asset.url);
-        refPopoverTimeout.current = setTimeout(function () {
-            setPopoverVisible(false);
-        }, 2000);
-    };
-    // Effects
-    react_1.useEffect(function () {
-        return function () {
-            if (refPopoverTimeout.current) {
-                clearTimeout(refPopoverTimeout.current);
-            }
-        };
-    }, []);
-    return (react_1.default.createElement(ui_1.Popover, { content: react_1.default.createElement(ui_1.Text, { muted: true, size: 1 }, "Copied!"), open: popoverVisible, padding: 2, placement: "top", radius: 1 },
-        react_1.default.createElement(ui_1.Button, { disabled: disabled, fontSize: 1, icon: icons_1.ClipboardIcon, mode: "ghost", onClick: handleClick, text: "Copy" })));
-};
-exports.default = ButtonClipboardCopy;

package/dist/components/Card/index.js

@@ -1,185 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var color_1 = require("@sanity/color");
-var icons_1 = require("@sanity/icons");
-var ui_1 = require("@sanity/ui");
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var styled_components_1 = __importStar(require("styled-components"));
-var FileIcon_1 = __importDefault(require("../../components/FileIcon"));
-var AssetSourceDispatchContext_1 = require("../../contexts/AssetSourceDispatchContext");
-var useKeyPress_1 = __importDefault(require("../../hooks/useKeyPress"));
-var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
-var assets_1 = require("../../modules/assets");
-var dialog_1 = require("../../modules/dialog");
-var imageDprUrl_1 = __importDefault(require("../../utils/imageDprUrl"));
-var typeGuards_1 = require("../../utils/typeGuards");
-var Image_1 = __importDefault(require("../Image"));
-var CardContainer = styled_components_1.default(ui_1.Flex)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  /* background: ", "; */\n  border: 1px solid transparent;\n  overflow: hidden;\n  pointer-events: ", ";\n  position: relative;\n  transition: all 300ms;\n  user-select: none;\n\n  border: ", ";\n\n  ", "\n"], ["\n  /* background: ", "; */\n  border: 1px solid transparent;\n  overflow: hidden;\n  pointer-events: ", ";\n  position: relative;\n  transition: all 300ms;\n  user-select: none;\n\n  border: ",
-    ";\n\n  ",
-    "\n"])), color_1.hues.gray[950].hex, function (props) { return (props.updating ? 'none' : 'auto'); }, function (props) {
-    return props.picked
-        ? "1px solid " + props.theme.sanity.color.spot.orange + " !important"
-        : '1px solid inherit';
-}, function (props) {
-    return !props.updating && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      @media (hover: hover) and (pointer: fine) {\n        &:hover {\n          border: 1px solid ", ";\n        }\n      }\n    "], ["\n      @media (hover: hover) and (pointer: fine) {\n        &:hover {\n          border: 1px solid ", ";\n        }\n      }\n    "])), color_1.hues.gray[500].hex);
-});
-var ContextActionContainer = styled_components_1.default(ui_1.Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  cursor: ", ";\n  transition: all 300ms;\n\n  @media (hover: hover) and (pointer: fine) {\n    &:hover {\n      background: ", ";\n    }\n  }\n"], ["\n  cursor: ", ";\n  transition: all 300ms;\n\n  @media (hover: hover) and (pointer: fine) {\n    &:hover {\n      background: ", ";\n    }\n  }\n"])), function (props) { return (props.selected ? 'default' : 'pointer'); }, color_1.hues.gray[950].hex);
-var StyledWarningOutlineIcon = styled_components_1.default(icons_1.WarningOutlineIcon)(function (_a) {
-    var theme = _a.theme;
-    return {
-        color: theme.sanity.color.spot.red
-    };
-});
-var Card = function (props) {
-    var _a, _b;
-    var item = props.item, selected = props.selected, style = props.style;
-    // Refs
-    var shiftPressed = useKeyPress_1.default('shift');
-    // Redux
-    var dispatch = react_redux_1.useDispatch();
-    var lastPicked = useTypedSelector_1.default(function (state) { return state.assets.lastPicked; });
-    var asset = item === null || item === void 0 ? void 0 : item.asset;
-    var error = item === null || item === void 0 ? void 0 : item.error;
-    var isOpaque = (_b = (_a = item === null || item === void 0 ? void 0 : item.asset) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.isOpaque;
-    var picked = item === null || item === void 0 ? void 0 : item.picked;
-    var updating = item === null || item === void 0 ? void 0 : item.updating;
-    var onSelect = AssetSourceDispatchContext_1.useAssetSourceActions().onSelect;
-    // Short circuit if no asset is available
-    if (!asset) {
-        return null;
-    }
-    // Callbacks
-    var handleAssetClick = function (e) {
-        e.stopPropagation();
-        if (onSelect) {
-            onSelect([
-                {
-                    kind: 'assetDocumentId',
-                    value: asset._id
-                }
-            ]);
-        }
-        else {
-            if (shiftPressed.current) {
-                if (picked) {
-                    dispatch(assets_1.assetsActions.pick({ assetId: asset._id, picked: !picked }));
-                }
-                else {
-                    dispatch(assets_1.assetsActions.pickRange({ startId: lastPicked || asset._id, endId: asset._id }));
-                }
-            }
-            else {
-                dispatch(dialog_1.dialogActions.showAssetEdit({ assetId: asset._id }));
-            }
-        }
-    };
-    var handleContextActionClick = function (e) {
-        e.stopPropagation();
-        if (onSelect) {
-            dispatch(dialog_1.dialogActions.showAssetEdit({ assetId: asset._id }));
-        }
-        else {
-            if (shiftPressed.current && !picked) {
-                dispatch(assets_1.assetsActions.pickRange({ startId: lastPicked || asset._id, endId: asset._id }));
-            }
-            else {
-                dispatch(assets_1.assetsActions.pick({ assetId: asset._id, picked: !picked }));
-            }
-        }
-    };
-    var opacityContainer = updating ? 0.5 : 1;
-    var opacityPreview = selected || updating ? 0.25 : 1;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(CardContainer, { direction: "column", picked: picked, style: __assign({}, style), updating: item.updating },
-            react_1.default.createElement(ui_1.Box, { flex: 1, style: {
-                    cursor: selected ? 'default' : 'pointer',
-                    position: 'relative'
-                } },
-                react_1.default.createElement("div", { onClick: handleAssetClick, style: { height: '100%', opacity: opacityPreview } },
-                    typeGuards_1.isFileAsset(asset) && react_1.default.createElement(FileIcon_1.default, { asset: asset, width: "80px" }),
-                    typeGuards_1.isImageAsset(asset) && (react_1.default.createElement(Image_1.default, { showCheckerboard: !isOpaque, src: imageDprUrl_1.default(asset, { height: 250, width: 250 }), style: {
-                            draggable: false,
-                            transition: 'opacity 1000ms'
-                        } }))),
-                selected && !updating && (react_1.default.createElement(ui_1.Flex, { align: "center", justify: "center", style: {
-                        height: '100%',
-                        left: 0,
-                        opacity: opacityContainer,
-                        position: 'absolute',
-                        top: 0,
-                        width: '100%'
-                    } },
-                    react_1.default.createElement(ui_1.Text, { size: 2 },
-                        react_1.default.createElement(icons_1.CheckmarkCircleIcon, null)))),
-                updating && (react_1.default.createElement(ui_1.Flex, { align: "center", justify: "center", style: {
-                        height: '100%',
-                        left: 0,
-                        position: 'absolute',
-                        top: 0,
-                        width: '100%'
-                    } },
-                    react_1.default.createElement(ui_1.Spinner, null)))),
-            react_1.default.createElement(ContextActionContainer, { onClick: handleContextActionClick, paddingX: 1, paddingY: 2, style: {
-                    opacity: opacityContainer
-                } },
-                react_1.default.createElement(ui_1.Flex, { align: "center" },
-                    onSelect ? (react_1.default.createElement(icons_1.EditIcon, { style: {
-                            flexShrink: 0,
-                            opacity: 0.5
-                        } })) : (react_1.default.createElement(ui_1.Checkbox, { checked: picked, readOnly: true, style: {
-                            flexShrink: 0,
-                            pointerEvents: 'none',
-                            transform: 'scale(0.8)'
-                        } })),
-                    react_1.default.createElement(ui_1.Box, { marginLeft: 2 },
-                        react_1.default.createElement(ui_1.Text, { muted: true, size: 0, textOverflow: "ellipsis" }, asset.originalFilename)))),
-            error && (react_1.default.createElement(ui_1.Box, { padding: 3, style: {
-                    position: 'absolute',
-                    right: 0,
-                    top: 0
-                } },
-                react_1.default.createElement(ui_1.Tooltip, { content: react_1.default.createElement(ui_1.Container, { padding: 2, width: 0 },
-                        react_1.default.createElement(ui_1.Text, { size: 1 }, error.message)), placement: "left", portal: true },
-                    react_1.default.createElement(ui_1.Text, { size: 1 },
-                        react_1.default.createElement(StyledWarningOutlineIcon, { color: "critical" }))))))));
-};
-exports.default = react_1.memo(Card);
-var templateObject_1, templateObject_2, templateObject_3;