sanity-plugin-media 1.4.3 → 1.4.4

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 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.4](https://github.com/robinpyon/sanity-plugin-media/compare/v1.4.3...v1.4.4) (2021-11-14)
+
 ### [1.4.3](https://github.com/robinpyon/sanity-plugin-media/compare/v1.4.2...v1.4.3) (2021-10-26)
 
 

package/dist/components/ButtonAssetClipboardCopy/index.js

@@ -0,0 +1,71 @@
+"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

@@ -0,0 +1,71 @@
+"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

@@ -0,0 +1,71 @@
+"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

@@ -0,0 +1,188 @@
+"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 currentDocument = useTypedSelector_1.default(function (state) { return state.document; });
+    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 (currentDocument) {
+            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 (currentDocument) {
+            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" },
+                    currentDocument ? (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;

package/dist/components/Card/index.js.map

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

package/dist/components/CardUpload copy/index.js

@@ -0,0 +1,60 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var ui_1 = require("@sanity/ui");
+var filesize_1 = __importDefault(require("filesize"));
+var react_1 = __importDefault(require("react"));
+var constants_1 = require("../../constants");
+var Image_1 = __importDefault(require("../Image"));
+var CardUpload = function (props) {
+    var item = props.item, style = props.style;
+    var fileSize = filesize_1.default(item.size, { base: 10, round: 0 });
+    var status;
+    /*
+    if (item.status === 'complete') {
+      status = 'Complete'
+    }
+    */
+    if (['complete', 'uploading'].includes(item.status)) {
+        status = Math.round((item === null || item === void 0 ? void 0 : item.percent) || 0) + "%";
+    }
+    if (item.status === 'queued') {
+        status = 'Queued';
+    }
+    return (react_1.default.createElement(ui_1.Flex, { direction: "column", style: __assign(__assign({}, style), { border: '1px solid transparent' }) },
+        react_1.default.createElement(ui_1.Box, { flex: 1, style: { position: 'relative' } },
+            (item === null || item === void 0 ? void 0 : item.objectUrl) && (react_1.default.createElement(Image_1.default, { draggable: false, src: item.objectUrl, style: {
+                    opacity: 0.15
+                } })),
+            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.Text, { size: 1, style: { opacity: item.status === 'queued' ? 0.25 : 1 } }, status))),
+        react_1.default.createElement(ui_1.Flex, { align: "center", paddingX: 1, style: { height: constants_1.PANEL_HEIGHT + "px" } },
+            react_1.default.createElement(ui_1.Box, null,
+                react_1.default.createElement(ui_1.Text, { size: 0, textOverflow: "ellipsis" },
+                    "Uploading ",
+                    item.name,
+                    " (",
+                    fileSize,
+                    ")",
+                    ' ')))));
+};
+exports.default = CardUpload;

package/dist/components/Cards/index.js

@@ -0,0 +1,81 @@
+"use strict";
+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 react_1 = __importStar(require("react"));
+var react_window_1 = require("react-window");
+var theme_ui_1 = require("theme-ui");
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var Card_1 = __importDefault(require("../Card"));
+var innerElementType = function (props) {
+    var children = props.children, style = props.style;
+    return (react_1.default.createElement(theme_ui_1.Box, { sx: {
+            mx: 'auto',
+            position: 'relative',
+            width: style.width
+        } },
+        react_1.default.createElement("div", { style: style }, children)));
+};
+var VirtualCell = react_1.memo(function (props) {
+    var _a;
+    var columnIndex = props.columnIndex, data = props.data, rowIndex = props.rowIndex, style = props.style;
+    var columnCount = data.columnCount, items = data.items, selectedIds = data.selectedIds;
+    var index = columnCount * rowIndex + columnIndex;
+    var item = items[index];
+    var assetId = (_a = item === null || item === void 0 ? void 0 : item.asset) === null || _a === void 0 ? void 0 : _a._id;
+    // Add padding to virtual cells
+    var MARGIN_X = 3;
+    var MARGIN_Y = 3;
+    var cellStyle = __assign(__assign({}, style), { left: Number(style.left) + MARGIN_X, right: Number(style.left) + MARGIN_X, top: Number(style.top) + MARGIN_Y, bottom: Number(style.top) + MARGIN_Y, width: Number(style.width) - MARGIN_X * 2, height: Number(style.height) - MARGIN_Y * 2 });
+    return (react_1.default.createElement(Card_1.default, { item: item, key: "grid-" + assetId, selected: selectedIds.includes(assetId), style: cellStyle }));
+});
+var Cards = react_1.forwardRef(function (props, ref) {
+    var height = props.height, items = props.items, itemCount = props.itemCount, onItemsRendered = props.onItemsRendered, width = props.width;
+    // Redux
+    var selectedAssets = useTypedSelector_1.default(function (state) { return state.selectedAssets; });
+    var selectedIds = (selectedAssets && selectedAssets.map(function (asset) { return asset._id; })) || [];
+    var cardWidth = 260;
+    var cardHeight = 220;
+    var columnCount = Math.max(1, Math.floor(width / cardWidth));
+    var rowCount = Math.ceil(itemCount / columnCount);
+    return (react_1.default.createElement(react_window_1.VariableSizeGrid, { className: "media__custom-scrollbar", columnCount: columnCount, columnWidth: function () { return cardWidth; }, height: height, innerElementType: innerElementType, itemData: {
+            columnCount: columnCount,
+            items: items,
+            selectedIds: selectedIds
+        }, onItemsRendered: onItemsRendered, ref: ref, rowCount: rowCount, rowHeight: function () { return cardHeight; }, style: {
+            overflowX: 'hidden',
+            overflowY: 'scroll'
+        }, width: width }, VirtualCell));
+});
+exports.default = Cards;

package/dist/components/Cards/index.js.map

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

package/dist/components/DialogDeleteConfirm/index.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var ui_1 = require("@sanity/ui");
+var react_1 = __importDefault(require("react"));
+var react_redux_1 = require("react-redux");
+var dialog_1 = require("../../modules/dialog");
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var icons_1 = require("@sanity/icons");
+var assets_1 = require("../../modules/assets");
+var DialogDeleteConfirm = function (props) {
+    var children = props.children, _a = props.dialog, assetId = _a.assetId, closeDialogId = _a.closeDialogId, id = _a.id;
+    // Redux
+    var dispatch = react_redux_1.useDispatch();
+    var byIds = useTypedSelector_1.default(function (state) { return state.assets.byIds; });
+    var items = Object.values(byIds);
+    var item = byIds[assetId || ''];
+    var asset = item === null || item === void 0 ? void 0 : item.asset;
+    var picked = items === null || items === void 0 ? void 0 : items.filter(function (item) { return item === null || item === void 0 ? void 0 : item.picked; });
+    // Callbacks
+    var handleClose = function () {
+        dispatch(dialog_1.dialogRemove(id));
+    };
+    var handleDelete = function () {
+        // Close target dialog, if provided
+        if (closeDialogId) {
+            dispatch(dialog_1.dialogRemove(closeDialogId));
+        }
+        if (asset) {
+            // Delete single asset
+            dispatch(assets_1.assetsDelete(asset));
+        }
+        else {
+            // Delete picked assets
+            dispatch(assets_1.assetsDeletePicked());
+        }
+        // Close self
+        handleClose();
+    };
+    var suffix = picked.length > 1 ? picked.length + " assets" : 'asset';
+    var Footer = function () { return (react_1.default.createElement(ui_1.Box, { padding: 3 },
+        react_1.default.createElement(ui_1.Flex, { justify: "space-between" },
+            react_1.default.createElement(ui_1.Button, { fontSize: 1, mode: "bleed", onClick: handleClose, text: "Cancel" }),
+            react_1.default.createElement(ui_1.Button, { fontSize: 1, onClick: handleDelete, text: "Yes, delete " + suffix, tone: "critical" })))); };
+    var Header = function () { return (react_1.default.createElement(ui_1.Flex, { align: "center" },
+        react_1.default.createElement(ui_1.Box, { paddingX: 1 },
+            react_1.default.createElement(icons_1.WarningOutlineIcon, null)),
+        react_1.default.createElement(ui_1.Box, { marginLeft: 2 }, "Confirm deletion"))); };
+    return (react_1.default.createElement(ui_1.Dialog, { footer: react_1.default.createElement(Footer, null), header: react_1.default.createElement(Header, null), id: "deleteConfirm", onClose: handleClose, scheme: "dark", width: 1 },
+        react_1.default.createElement(ui_1.Box, { paddingX: 4, paddingY: 4 },
+            react_1.default.createElement(ui_1.Stack, { space: 3 },
+                react_1.default.createElement(ui_1.Text, { size: 1 },
+                    "Permanently delete ",
+                    suffix,
+                    "?"),
+                react_1.default.createElement(ui_1.Text, { muted: true, size: 1 },
+                    react_1.default.createElement("em", null, "This operation cannot be reversed. Are you sure you want to continue?")))),
+        children));
+};
+exports.default = DialogDeleteConfirm;

package/dist/components/DialogDeleteConfirm/index.js.map

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