sanity-plugin-media 1.4.0 → 1.4.4

package/dist/components/SearchFacetSearchable/index.js

@@ -0,0 +1,61 @@
+"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 icons_1 = require("@sanity/icons");
+var ui_1 = require("@sanity/ui");
+var react_1 = __importDefault(require("react"));
+var react_redux_1 = require("react-redux");
+var react_select_1 = __importDefault(require("react-select"));
+var constants_1 = require("../../constants");
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var assets_1 = require("../../modules/assets");
+var single_1 = require("../../styled/react-select/single");
+var SearchFacet_1 = __importDefault(require("../SearchFacet"));
+var SearchFacetSearchable = function (props) {
+    var facet = props.facet;
+    // Redux
+    var dispatch = react_redux_1.useDispatch();
+    var tagIds = useTypedSelector_1.default(function (state) { return state.tags.allIds; });
+    var tagsByIds = useTypedSelector_1.default(function (state) { return state.tags.byIds; });
+    var allTagOptions = tagIds.reduce(function (acc, id) {
+        var _a, _b;
+        var tag = (_a = tagsByIds[id]) === null || _a === void 0 ? void 0 : _a.tag;
+        if (tag) {
+            acc.push({
+                label: (_b = tag === null || tag === void 0 ? void 0 : tag.name) === null || _b === void 0 ? void 0 : _b.current,
+                value: tag === null || tag === void 0 ? void 0 : tag._id
+            });
+        }
+        return acc;
+    }, []);
+    var handleChange = function (option) {
+        dispatch(assets_1.assetsSearchFacetsUpdate(__assign(__assign({}, facet), { value: option })));
+    };
+    var handleOperatorItemClick = function (operatorType) {
+        dispatch(assets_1.assetsSearchFacetsUpdate(__assign(__assign({}, facet), { operatorType: operatorType })));
+    };
+    var selectedOperatorType = facet.operatorType;
+    return (react_1.default.createElement(SearchFacet_1.default, { facet: facet },
+        (facet === null || facet === void 0 ? void 0 : facet.operatorTypes) && (react_1.default.createElement(ui_1.MenuButton, { button: react_1.default.createElement(ui_1.Button, { fontSize: 1, iconRight: icons_1.SelectIcon, padding: 2, text: constants_1.SEARCH_FACET_OPERATORS[selectedOperatorType].label }), id: "operators", menu: react_1.default.createElement(ui_1.Menu, null, facet.operatorTypes.map(function (operatorType, index) {
+                if (operatorType) {
+                    return (react_1.default.createElement(ui_1.MenuItem, { disabled: operatorType === selectedOperatorType, fontSize: 1, key: operatorType, onClick: function () { return handleOperatorItemClick(operatorType); }, padding: 2, text: constants_1.SEARCH_FACET_OPERATORS[operatorType].label }));
+                }
+                return react_1.default.createElement(ui_1.MenuDivider, { key: index });
+            })) })),
+        !constants_1.SEARCH_FACET_OPERATORS[selectedOperatorType].hideInput && (react_1.default.createElement(ui_1.Box, { marginX: 1, style: { width: '140px' } },
+            react_1.default.createElement(react_select_1.default, { components: single_1.reactSelectComponents, instanceId: "facet-searchable", isClearable: true, isSearchable: true, menuPortalTarget: document.body, name: "tags-x", noOptionsMessage: function () { return 'No tags'; }, onChange: function (value) { return handleChange(value); }, options: allTagOptions, placeholder: "Select...", styles: single_1.reactSelectStyles, value: facet === null || facet === void 0 ? void 0 : facet.value })))));
+};
+exports.default = SearchFacetSearchable;

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

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

package/dist/components/Table/index.js

@@ -0,0 +1,79 @@
+"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 ui_1 = require("@sanity/ui");
+var react_1 = __importStar(require("react"));
+var react_window_1 = require("react-window");
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var TableHeader_1 = __importDefault(require("../TableHeader"));
+var TableRow_1 = __importDefault(require("../TableRow"));
+var innerElementType = function (props) {
+    var children = props.children, style = props.style;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(TableHeader_1.default, null),
+        react_1.default.createElement(ui_1.Box, { style: {
+                position: 'absolute',
+                width: '100%'
+            } },
+            react_1.default.createElement("div", { style: style }, children))));
+};
+var VirtualRow = react_1.memo(function (props) {
+    var _a;
+    var data = props.data, index = props.index, style = props.style;
+    if (!data) {
+        return null;
+    }
+    var items = data.items, selectedIds = data.selectedIds;
+    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 rows
+    var rowStyle = __assign(__assign({}, style), { top: Number(style.top), height: Number(style.height) });
+    return react_1.default.createElement(TableRow_1.default, { item: item, selected: selectedIds.includes(assetId), style: rowStyle });
+}, react_window_1.areEqual);
+var Table = 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; })) || [];
+    return (react_1.default.createElement(react_window_1.FixedSizeList, { className: "media__custom-scrollbar", height: height, innerElementType: innerElementType, itemData: {
+            items: items,
+            selectedIds: selectedIds
+        }, itemCount: itemCount, itemSize: 100, onItemsRendered: onItemsRendered, ref: ref, style: {
+            position: 'relative',
+            overflowX: 'hidden',
+            overflowY: 'scroll'
+        }, width: width }, VirtualRow));
+});
+exports.default = Table;

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

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

package/dist/components/TableRow/index.js

@@ -0,0 +1,225 @@
+"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 __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 };
+};
+var _a;
+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 formatRelative_1 = __importDefault(require("date-fns/formatRelative"));
+var filesize_1 = __importDefault(require("filesize"));
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var styled_components_1 = __importStar(require("styled-components"));
+var theme_ui_1 = require("theme-ui");
+var AssetSourceDispatchContext_1 = require("../../contexts/AssetSourceDispatchContext");
+var assets_1 = require("../../modules/assets");
+var dialog_1 = require("../../modules/dialog");
+var useKeyPress_1 = __importDefault(require("../../hooks/useKeyPress"));
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var getAssetResolution_1 = __importDefault(require("../../utils/getAssetResolution"));
+var typeGuards_1 = require("../../utils/typeGuards");
+var imageDprUrl_1 = __importDefault(require("../../utils/imageDprUrl"));
+var FileIcon_1 = __importDefault(require("../FileIcon"));
+var Image_1 = __importDefault(require("../Image"));
+var ContainerGrid = styled_components_1.default(theme_ui_1.Grid)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  cursor: ", ";\n  pointer-events: ", ";\n  user-select: none;\n  white-space: nowrap;\n\n  ", "\n"], ["\n  align-items: center;\n  cursor: ", ";\n  pointer-events: ", ";\n  user-select: none;\n  white-space: nowrap;\n\n  ",
+    "\n"])), function (props) { return (props.selected ? 'default' : 'pointer'); }, function (props) { return (props.updating ? 'none' : 'auto'); }, function (props) {
+    var _a;
+    return !props.updating && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      @media (hover: hover) and (pointer: fine) {\n        &:hover {\n          background: ", ";\n        }\n      }\n    "], ["\n      @media (hover: hover) and (pointer: fine) {\n        &:hover {\n          background: ", ";\n        }\n      }\n    "])), (_a = color_1.hues.gray) === null || _a === void 0 ? void 0 : _a[950].hex);
+});
+var ContextActionContainer = styled_components_1.default(theme_ui_1.Flex)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  cursor: pointer;\n\n  @media (hover: hover) and (pointer: fine) {\n    &:hover {\n      background: ", ";\n    }\n  }\n"], ["\n  cursor: pointer;\n\n  @media (hover: hover) and (pointer: fine) {\n    &:hover {\n      background: ", ";\n    }\n  }\n"])), (_a = color_1.hues.gray) === null || _a === void 0 ? void 0 : _a[900].hex);
+var StyledWarningOutlineIcon = styled_components_1.default(icons_1.WarningOutlineIcon)(function (_a) {
+    var theme = _a.theme;
+    return {
+        color: theme.sanity.color.spot.red
+    };
+});
+var TableRow = 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 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 handleClick = 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 opacityCell = updating ? 0.5 : 1;
+    var opacityPreview = selected || updating ? 0.1 : 1;
+    return (react_1.default.createElement(ContainerGrid, { onClick: selected ? undefined : handleClick, selected: selected, style: style, sx: {
+            gridColumnGap: [0, null, null, 3],
+            gridRowGap: [0],
+            gridTemplateColumns: ['tableSmall', null, null, 'tableLarge'],
+            gridTemplateRows: ['auto', null, null, '1fr']
+        }, updating: item.updating },
+        react_1.default.createElement(ContextActionContainer, { onClick: handleContextActionClick, sx: {
+                alignItems: 'center',
+                gridColumn: 1,
+                gridRowStart: ['1', null, null, 'auto'],
+                gridRowEnd: ['span 5', null, null, 'auto'],
+                height: '100%',
+                justifyContent: 'center',
+                opacity: opacityCell,
+                position: 'relative'
+            } }, 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: {
+                pointerEvents: 'none',
+                transform: 'scale(0.8)'
+            } }))),
+        react_1.default.createElement(theme_ui_1.Box, { sx: {
+                gridColumn: [2],
+                gridRowStart: ['1', null, null, 'auto'],
+                gridRowEnd: ['span 5', null, null, 'auto'],
+                height: '90px',
+                width: '100px'
+            } },
+            react_1.default.createElement(ui_1.Flex, { align: "center", justify: "center", style: { height: '100%', position: 'relative' } },
+                react_1.default.createElement(ui_1.Box, { style: { height: '100%', opacity: opacityPreview, position: 'relative' } },
+                    typeGuards_1.isFileAsset(asset) && react_1.default.createElement(FileIcon_1.default, { asset: asset, width: "40px" }),
+                    typeGuards_1.isImageAsset(asset) && (react_1.default.createElement(Image_1.default, { draggable: false, showCheckerboard: !isOpaque, src: imageDprUrl_1.default(asset, { height: 100, width: 100 }) }))),
+                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))),
+                selected && !updating && (react_1.default.createElement(ui_1.Flex, { align: "center", justify: "center", style: {
+                        height: '100%',
+                        left: 0,
+                        opacity: opacityCell,
+                        position: 'absolute',
+                        top: 0,
+                        width: '100%'
+                    } },
+                    react_1.default.createElement(ui_1.Text, { size: 2 },
+                        react_1.default.createElement(icons_1.CheckmarkCircleIcon, null)))))),
+        react_1.default.createElement(theme_ui_1.Box, { sx: {
+                gridColumn: [3],
+                gridRow: [2, null, null, 'auto'],
+                marginLeft: [3, null, null, 0],
+                opacity: opacityCell
+            } },
+            react_1.default.createElement(ui_1.Text, { size: 1, style: { lineHeight: '2em' }, textOverflow: "ellipsis" }, asset.originalFilename)),
+        react_1.default.createElement(theme_ui_1.Box, { sx: {
+                gridColumn: [3, null, null, 4],
+                gridRow: [3, null, null, 'auto'],
+                marginLeft: [3, null, null, 0],
+                opacity: opacityCell
+            } },
+            react_1.default.createElement(ui_1.Text, { muted: true, size: 1, style: { lineHeight: '2em' }, textOverflow: "ellipsis" }, typeGuards_1.isImageAsset(asset) && getAssetResolution_1.default(asset))),
+        react_1.default.createElement(theme_ui_1.Box, { sx: {
+                display: ['none', null, null, 'block'],
+                gridColumn: 5,
+                gridRow: 'auto',
+                opacity: opacityCell
+            } },
+            react_1.default.createElement(ui_1.Text, { muted: true, size: 1, style: { lineHeight: '2em' }, textOverflow: "ellipsis" }, asset.mimeType)),
+        react_1.default.createElement(theme_ui_1.Box, { sx: {
+                display: ['none', null, null, 'block'],
+                gridColumn: 6,
+                gridRow: 'auto',
+                opacity: opacityCell
+            } },
+            react_1.default.createElement(ui_1.Text, { muted: true, size: 1, style: { lineHeight: '2em' }, textOverflow: "ellipsis" }, filesize_1.default(asset.size, { base: 10, round: 0 }))),
+        react_1.default.createElement(theme_ui_1.Box, { sx: {
+                gridColumn: [3, null, null, 7],
+                gridRow: [4, null, null, 'auto'],
+                marginLeft: [3, null, null, 0],
+                opacity: opacityCell
+            } },
+            react_1.default.createElement(ui_1.Text, { muted: true, size: 1, style: { lineHeight: '2em' }, textOverflow: "ellipsis" }, formatRelative_1.default(new Date(asset._updatedAt), new Date()))),
+        react_1.default.createElement(theme_ui_1.Box, { sx: {
+                gridColumn: [4, null, null, 8],
+                gridRowStart: '1',
+                gridRowEnd: ['span 5', null, null, 'auto'],
+                mx: 'auto',
+                opacity: opacityCell
+            } }, error && (react_1.default.createElement(ui_1.Box, { padding: 3 },
+            react_1.default.createElement(ui_1.Tooltip, { content: react_1.default.createElement(ui_1.Box, { padding: 2, style: {
+                        minWidth: '110px',
+                        textAlign: 'center'
+                    } },
+                    react_1.default.createElement(ui_1.Text, { size: 1 }, "has references")), placement: "left" },
+                react_1.default.createElement(ui_1.Text, { size: 1 },
+                    react_1.default.createElement(StyledWarningOutlineIcon, { color: "critical" }))))))));
+};
+exports.default = react_1.memo(TableRow);
+var templateObject_1, templateObject_2, templateObject_3;

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

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

package/dist/components/TagPanel/index.js

@@ -0,0 +1,19 @@
+"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 Tag_1 = __importDefault(require("../Tag"));
+var TagPanel = function (props) {
+    var actions = props.actions, tags = props.tags, title = props.title;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        title && (react_1.default.createElement(ui_1.Flex, { align: "center", justify: "space-between", paddingBottom: 2, paddingLeft: 3, paddingTop: 3 },
+            react_1.default.createElement(ui_1.Label, { size: 0 }, title))),
+        tags && (react_1.default.createElement(ui_1.Box, { marginBottom: 3, paddingLeft: 3, paddingRight: 2 }, tags === null || tags === void 0 ? void 0 : tags.map(function (tagItem) {
+            var _a;
+            return (react_1.default.createElement(Tag_1.default, { actions: actions, key: (_a = tagItem === null || tagItem === void 0 ? void 0 : tagItem.tag) === null || _a === void 0 ? void 0 : _a._id, tag: tagItem }));
+        })))));
+};
+exports.default = TagPanel;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TagPanel/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA2C;AAE3C,gDAA+B;AAE/B,+CAAwB;AAQxB,IAAM,QAAQ,GAAc,UAAC,KAAY;IAChC,IAAA,OAAO,GAAiB,KAAK,QAAtB,EAAE,IAAI,GAAW,KAAK,KAAhB,EAAE,KAAK,GAAI,KAAK,MAAT,CAAS;IAEpC,OAAO,CACL;QACG,KAAK,IAAI,CACR,8BAAC,SAAI,IACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,eAAe,EACvB,aAAa,EAAE,CAAC,EAChB,WAAW,EAAE,CAAC,EACd,UAAU,EAAE,CAAC;YAEb,8BAAC,UAAK,IAAC,IAAI,EAAE,CAAC,IAAG,KAAK,CAAS,CAC1B,CACR;QAEA,IAAI,IAAI,CACP,8BAAC,QAAG,IAAC,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,IAClD,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,UAAA,OAAO;;YAAI,OAAA,CACpB,8BAAC,aAAG,IAAC,OAAO,EAAE,OAAO,EAAE,GAAG,QAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,0CAAE,GAAG,EAAE,GAAG,EAAE,OAAO,GAAI,CAChE,CAAA;SAAA,EACG,CACP,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}

package/dist/components/Tags/index.js

@@ -0,0 +1,21 @@
+"use strict";
+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 ui_1 = require("@sanity/ui");
+var react_1 = __importDefault(require("react"));
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var assets_1 = require("../../modules/assets");
+var TagsAll_1 = __importDefault(require("../TagsAll"));
+var TagsPicked_1 = __importDefault(require("../TagsPicked"));
+var Tags = function () {
+    var numPickedAssets = useTypedSelector_1.default(assets_1.selectAssetsPickedLength);
+    return (react_1.default.createElement(ui_1.Box, { flex: 1, style: {
+            // background: hues.gray[950].hex,
+            background: color_1.black.hex,
+            height: '100%'
+        } }, numPickedAssets > 0 ? react_1.default.createElement(TagsPicked_1.default, null) : react_1.default.createElement(TagsAll_1.default, null)));
+};
+exports.default = Tags;

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

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

package/dist/components/TagsAll/index.js

@@ -0,0 +1,23 @@
+"use strict";
+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 ui_1 = require("@sanity/ui");
+var react_1 = __importDefault(require("react"));
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var tags_1 = require("../../modules/tags");
+var PanelHeader_1 = __importDefault(require("../PanelHeader"));
+var TagPanel_1 = __importDefault(require("../TagPanel"));
+var TagsAll = function () {
+    var tags = useTypedSelector_1.default(tags_1.selectTags);
+    var fetching = useTypedSelector_1.default(function (state) { return state.tags.fetching; });
+    return (react_1.default.createElement(ui_1.Box, null,
+        react_1.default.createElement(PanelHeader_1.default, { allowCreate: true, title: "Tags" }),
+        !fetching && tags && tags.length === 0 && (react_1.default.createElement(ui_1.Box, { padding: 3 },
+            react_1.default.createElement(ui_1.Text, { size: 1, style: { color: color_1.hues.gray[700].hex } },
+                react_1.default.createElement("em", null, "No tags")))),
+        react_1.default.createElement(TagPanel_1.default, { actions: ['delete', 'edit', 'search'], tags: tags })));
+};
+exports.default = TagsAll;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TagsAll/index.tsx"],"names":[],"mappings":";;;;;AAAA,uCAAkC;AAClC,iCAAoC;AACpC,gDAA+B;AAE/B,kFAA2D;AAC3D,2CAA6C;AAC7C,+DAAwC;AACxC,yDAAkC;AAElC,IAAM,OAAO,GAAO;IAClB,IAAM,IAAI,GAAG,0BAAgB,CAAC,iBAAU,CAAC,CAAA;IACzC,IAAM,QAAQ,GAAG,0BAAgB,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAnB,CAAmB,CAAC,CAAA;IAE/D,OAAO,CACL,8BAAC,QAAG;QACF,8BAAC,qBAAW,IAAC,WAAW,QAAC,KAAK,EAAC,MAAM,GAAG;QAGvC,CAAC,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CACzC,8BAAC,QAAG,IAAC,OAAO,EAAE,CAAC;YACb,8BAAC,SAAI,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,YAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAC;gBAC/C,oDAAgB,CACX,CACH,CACP;QAED,8BAAC,kBAAQ,IAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CAC3D,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,OAAO,CAAA"}

package/dist/components/TagsPicked/index.js

@@ -0,0 +1,61 @@
+"use strict";
+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 ui_1 = require("@sanity/ui");
+var react_1 = __importDefault(require("react"));
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var assets_1 = require("../../modules/assets");
+var tags_1 = require("../../modules/tags");
+var PanelHeader_1 = __importDefault(require("../PanelHeader"));
+var TagPanel_1 = __importDefault(require("../TagPanel"));
+var TagsPicked = function () {
+    var assetsPicked = useTypedSelector_1.default(assets_1.selectAssetsPicked);
+    var tags = useTypedSelector_1.default(tags_1.selectTags);
+    var fetching = useTypedSelector_1.default(function (state) { return state.tags.fetching; });
+    // TODO: refactor, there's most certainly a more performant way to do this
+    var pickedTagIds = assetsPicked === null || assetsPicked === void 0 ? void 0 : assetsPicked.reduce(function (acc, val) {
+        var _a, _b, _c, _d;
+        var assetTagIds = ((_d = (_c = (_b = (_a = val === null || val === void 0 ? void 0 : val.asset) === null || _a === void 0 ? void 0 : _a.opt) === null || _b === void 0 ? void 0 : _b.media) === null || _c === void 0 ? void 0 : _c.tags) === null || _d === void 0 ? void 0 : _d.map(function (tag) { return tag._ref; })) || [];
+        acc = acc.concat(assetTagIds);
+        return acc;
+    }, []);
+    // Filter out all tag IDS used (across all)
+    var pickedTagIdsUnique = pickedTagIds === null || pickedTagIds === void 0 ? void 0 : pickedTagIds.filter(function (tag, index) { return pickedTagIds.indexOf(tag) === index; });
+    // Segment tags into two buckets:
+    // 1. those which exist in all picked assets ('applied to all')
+    // 2. those which exist in some picked assets ('applied to some')
+    var tagIdsSegmented = pickedTagIdsUnique.reduce(function (acc, tagId) {
+        var tagIsInEveryAsset = assetsPicked.every(function (assetItem) {
+            var _a, _b, _c, _d;
+            var tagIndex = (_d = (_c = (_b = (_a = assetItem.asset.opt) === null || _a === void 0 ? void 0 : _a.media) === null || _b === void 0 ? void 0 : _b.tags) === null || _c === void 0 ? void 0 : _c.findIndex(function (tag) { return tag._ref === tagId; })) !== null && _d !== void 0 ? _d : -1;
+            if (tagIndex >= 0) {
+                return true;
+            }
+        });
+        if (tagIsInEveryAsset) {
+            acc.appliedToAll.push(tagId);
+        }
+        else {
+            acc.appliedToSome.push(tagId);
+        }
+        return acc;
+    }, {
+        appliedToAll: [],
+        appliedToSome: []
+    });
+    var tagsAppliedToAll = tags.filter(function (tag) { return tagIdsSegmented.appliedToAll.includes(tag.tag._id); });
+    var tagsAppliedToSome = tags.filter(function (tag) { return tagIdsSegmented.appliedToSome.includes(tag.tag._id); });
+    var tagsUnused = tags.filter(function (tag) { return !pickedTagIdsUnique.includes(tag.tag._id); });
+    return (react_1.default.createElement(ui_1.Box, null,
+        react_1.default.createElement(PanelHeader_1.default, { allowCreate: true, light: true, title: "Tags (in selection)" }),
+        !fetching && tags && tags.length === 0 && (react_1.default.createElement(ui_1.Box, { padding: 3 },
+            react_1.default.createElement(ui_1.Text, { size: 1, style: { color: color_1.hues.gray[700].hex } },
+                react_1.default.createElement("em", null, "No tags")))),
+        (tagsAppliedToAll === null || tagsAppliedToAll === void 0 ? void 0 : tagsAppliedToAll.length) > 0 && (react_1.default.createElement(TagPanel_1.default, { actions: ['delete', 'edit', 'removeAll', 'search'], tags: tagsAppliedToAll, title: assetsPicked.length === 1 ? 'Used' : 'Used by all' })),
+        (tagsAppliedToSome === null || tagsAppliedToSome === void 0 ? void 0 : tagsAppliedToSome.length) > 0 && (react_1.default.createElement(TagPanel_1.default, { actions: ['applyAll', 'delete', 'edit', 'removeAll', 'search'], tags: tagsAppliedToSome, title: "Used by some" })),
+        (tagsUnused === null || tagsUnused === void 0 ? void 0 : tagsUnused.length) > 0 && (react_1.default.createElement(TagPanel_1.default, { actions: ['applyAll', 'edit', 'delete', 'search'], tags: tagsUnused, title: "Unused" }))));
+};
+exports.default = TagsPicked;

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

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

package/dist/components/TagsView/index.js

@@ -0,0 +1,32 @@
+"use strict";
+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 ui_1 = require("@sanity/ui");
+var react_1 = __importDefault(require("react"));
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var assets_1 = require("../../modules/assets");
+var tags_1 = require("../../modules/tags");
+var PanelHeader_1 = __importDefault(require("../PanelHeader"));
+var Tags_1 = __importDefault(require("../Tags"));
+var TagsView = function () {
+    var numPickedAssets = useTypedSelector_1.default(assets_1.selectAssetsPickedLength);
+    var tags = useTypedSelector_1.default(tags_1.selectTags);
+    var fetching = useTypedSelector_1.default(function (state) { return state.tags.fetching; });
+    var hasTags = !fetching && (tags === null || tags === void 0 ? void 0 : tags.length) > 0;
+    var hasPicked = !!(numPickedAssets > 0);
+    return (react_1.default.createElement(ui_1.Box, { flex: 1, style: {
+            // background: hues.gray[950].hex,
+            background: color_1.black.hex,
+            height: '100%'
+        } },
+        react_1.default.createElement(PanelHeader_1.default, { allowCreate //
+            : true, light: hasPicked, title: hasPicked ? 'Tags (in selection)' : 'Tags' }),
+        !hasTags && (react_1.default.createElement(ui_1.Box, { padding: 3 },
+            react_1.default.createElement(ui_1.Text, { size: 1, style: { color: color_1.hues.gray[700].hex } },
+                react_1.default.createElement("em", null, "No tags")))),
+        hasTags && react_1.default.createElement(Tags_1.default, null)));
+};
+exports.default = TagsView;

package/dist/components/TextEllipsis/index.js

@@ -0,0 +1,14 @@
+"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 __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 styled_components_1 = __importDefault(require("styled-components"));
+var TextEllipsis = styled_components_1.default(ui_1.Text)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  line-height: 2em; // HACK\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  line-height: 2em; // HACK\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
+exports.default = TextEllipsis;
+var templateObject_1;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextEllipsis/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,iCAA+B;AAC/B,wEAAsC;AAEtC,IAAM,YAAY,GAAG,2BAAM,CAAC,SAAI,CAAC,6KAAA,0GAKhC,IAAA,CAAA;AAED,kBAAe,YAAY,CAAA"}

package/dist/components/UploadCard/index.js

@@ -0,0 +1,14 @@
+"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 UploadCard = function (props) {
+    return (react_1.default.createElement(ui_1.Box, { padding: 3, style: {
+            background: 'blue'
+        } },
+        react_1.default.createElement(ui_1.Text, null, "UploadCard")));
+};
+exports.default = UploadCard;