sanity-plugin-media 1.4.4 → 1.4.7

package/dist/components/Card/index.js

@@ -1,188 +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 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

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

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

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

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

package/dist/components/DialogDeleteConfirm/index.js

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

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