sanity-plugin-media 1.4.0 → 1.4.4

package/dist/components/FormDetails/index.js

@@ -0,0 +1,241 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var yup_1 = require("@hookform/resolvers/yup");
+var ui_1 = require("@sanity/ui");
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var react_hook_form_1 = require("react-hook-form");
+var yup = __importStar(require("yup"));
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var assets_1 = require("../../modules/assets");
+var tags_1 = require("../../modules/tags");
+var FormFieldInputFilename_1 = __importDefault(require("../FormFieldInputFilename"));
+var FormFieldInputTags_1 = __importDefault(require("../FormFieldInputTags"));
+var FormFieldInputText_1 = __importDefault(require("../FormFieldInputText"));
+var FormFieldInputTextarea_1 = __importDefault(require("../FormFieldInputTextarea"));
+var formSchema = yup.object().shape({
+    originalFilename: yup.string().required('Filename cannot be empty')
+});
+var getFilenameWithoutExtension = function (asset) {
+    var _a, _b;
+    var extensionIndex = (_a = asset === null || asset === void 0 ? void 0 : asset.originalFilename) === null || _a === void 0 ? void 0 : _a.lastIndexOf("." + asset.extension);
+    return (_b = asset === null || asset === void 0 ? void 0 : asset.originalFilename) === null || _b === void 0 ? void 0 : _b.slice(0, extensionIndex);
+};
+// Sanitize form data: convert empty strings and undefined values to null.
+// null values will correctly unset / delete fields
+var sanitizeFormData = function (formData) {
+    return Object.keys(formData).reduce(function (acc, key) {
+        if (formData[key] === '' || typeof formData[key] === 'undefined') {
+            acc[key] = null;
+        }
+        else {
+            acc[key] = formData[key];
+        }
+        return acc;
+    }, {});
+};
+var FormDetails = function (props) {
+    var _a, _b, _c;
+    var asset = props.asset, itemUpdating = props.itemUpdating, lastCreatedTagId = props.lastCreatedTagId;
+    // Refs
+    var isMounted = react_1.useRef(false);
+    // 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; });
+    // TODO: make pure
+    // Map tag references to react-select options, skip over items with nullish labels or values
+    var generateTagOptions = function (asset) {
+        var _a, _b, _c;
+        var tags = (_c = (_b = (_a = asset === null || asset === void 0 ? void 0 : 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.reduce(function (acc, v) {
+            var _a, _b;
+            var tag = (_a = tagsByIds[v._ref]) === 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;
+        }, []);
+        if (tags && (tags === null || tags === void 0 ? void 0 : tags.length) > 0) {
+            return tags;
+        }
+        return null;
+    };
+    var generateDefaultValues = function (asset) { return ({
+        altText: (asset === null || asset === void 0 ? void 0 : asset.altText) || '',
+        description: (asset === null || asset === void 0 ? void 0 : asset.description) || '',
+        originalFilename: asset ? getFilenameWithoutExtension(asset) : undefined,
+        opt: {
+            media: {
+                tags: generateTagOptions(asset)
+            }
+        },
+        title: (asset === null || asset === void 0 ? void 0 : asset.title) || ''
+    }); };
+    // react-hook-form
+    var _d = react_hook_form_1.useForm({
+        defaultValues: generateDefaultValues(asset),
+        mode: 'onChange',
+        resolver: yup_1.yupResolver(formSchema)
+    }), control = _d.control, errors = _d.errors, formState = _d.formState, getValues = _d.getValues, handleSubmit = _d.handleSubmit, register = _d.register, reset = _d.reset, setValue = _d.setValue;
+    // Generate a string from all current tag labels
+    // This is used purely to determine tag updates to then update the form in real time
+    var currentTagLabels = (_a = generateTagOptions(asset)) === null || _a === void 0 ? void 0 : _a.map(function (tag) { return tag.label; }).join(',');
+    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;
+    }, []);
+    // Callbacks
+    var handleCreateTag = function (tagName) {
+        // Dispatch action to create new tag
+        dispatch(tags_1.tagsCreate(tagName, {
+            assetId: asset === null || asset === void 0 ? void 0 : asset._id
+        }));
+    };
+    // - submit react-hook-form
+    var onSubmit = function (formData) { return __awaiter(void 0, void 0, void 0, function () {
+        var sanitizedFormData;
+        var _a;
+        return __generator(this, function (_b) {
+            if (!asset) {
+                return [2 /*return*/];
+            }
+            sanitizedFormData = sanitizeFormData(formData);
+            dispatch(assets_1.assetsUpdate(asset, __assign(__assign({}, sanitizedFormData), { 
+                // Map tags to sanity references
+                opt: {
+                    media: __assign(__assign({}, sanitizedFormData.opt.media), { tags: ((_a = sanitizedFormData.opt.media.tags) === null || _a === void 0 ? void 0 : _a.map(function (tag) { return ({
+                            _ref: tag.value,
+                            _type: 'reference',
+                            _weak: true
+                        }); })) || null })
+                }, 
+                // Append extension to filename
+                originalFilename: sanitizedFormData.originalFilename + "." + asset.extension }), 
+            // Options
+            {
+                closeDialogId: asset._id
+            }));
+            return [2 /*return*/];
+        });
+    }); };
+    // Effects
+    // - Update tags field with new tag if one has been created
+    react_1.useEffect(function () {
+        var _a;
+        if (lastCreatedTagId) {
+            var tag = (_a = tagsByIds[lastCreatedTagId]) === null || _a === void 0 ? void 0 : _a.tag;
+            if (tag) {
+                var existingTags = getValues('opt.media.tags') || [];
+                var updatedTags = existingTags.concat([
+                    {
+                        label: tag.name.current,
+                        value: tag._id
+                    }
+                ]);
+                setValue('opt.media.tags', updatedTags, { shouldDirty: true });
+            }
+        }
+    }, [lastCreatedTagId]);
+    // - Partially reset form when current tags have changed (and after initial mount)
+    react_1.useEffect(function () {
+        if (isMounted.current) {
+            reset({
+                opt: { media: { tags: generateTagOptions(asset) } }
+            }, {
+                errors: true,
+                dirtyFields: true,
+                isDirty: true
+            });
+        }
+        // Mark as mounted
+        isMounted.current = true;
+    }, [currentTagLabels]);
+    return (react_1.default.createElement(ui_1.Box, { as: "form", onSubmit: handleSubmit(onSubmit) },
+        react_1.default.createElement("button", { style: { display: 'none' }, tabIndex: -1, type: "submit" }),
+        react_1.default.createElement(ui_1.Stack, { space: 3 },
+            react_1.default.createElement(FormFieldInputTags_1.default, { control: control, disabled: itemUpdating, error: (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.opt) === null || _b === void 0 ? void 0 : _b.media) === null || _c === void 0 ? void 0 : _c.tags, label: "Tags", name: "opt.media.tags", onCreateTag: handleCreateTag, options: allTagOptions, placeholder: "Select or create...", value: generateTagOptions(asset) }),
+            react_1.default.createElement(FormFieldInputFilename_1.default, { disabled: itemUpdating, error: errors === null || errors === void 0 ? void 0 : errors.originalFilename, extension: (asset === null || asset === void 0 ? void 0 : asset.extension) || '', label: "Filename", name: "originalFilename", ref: register, value: getFilenameWithoutExtension(asset) }),
+            react_1.default.createElement(FormFieldInputText_1.default, { disabled: itemUpdating, error: errors === null || errors === void 0 ? void 0 : errors.title, label: "Title", name: "title", ref: register, value: asset === null || asset === void 0 ? void 0 : asset.title }),
+            react_1.default.createElement(FormFieldInputText_1.default, { disabled: itemUpdating, error: errors === null || errors === void 0 ? void 0 : errors.altText, label: "Alt Text", name: "altText", ref: register, value: asset === null || asset === void 0 ? void 0 : asset.altText }),
+            react_1.default.createElement(FormFieldInputTextarea_1.default, { disabled: itemUpdating, error: errors === null || errors === void 0 ? void 0 : errors.description, label: "Description", name: "description", ref: register, rows: 3, value: asset === null || asset === void 0 ? void 0 : asset.description }))));
+};
+exports.default = FormDetails;

package/dist/components/GlobalStyles/index.js

@@ -0,0 +1,10 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = require("styled-components");
+var GlobalStyle = styled_components_1.createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  body {\n    margin: 0;\n    padding: 0;\n    background: teal;\n    font-family: Open-Sans, Helvetica, Sans-Serif;\n  }\n"], ["\n  body {\n    margin: 0;\n    padding: 0;\n    background: teal;\n    font-family: Open-Sans, Helvetica, Sans-Serif;\n  }\n"])));
+exports.default = GlobalStyle;
+var templateObject_1;

package/dist/components/LegacyContextActionContainer/index.js

@@ -0,0 +1,32 @@
+"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 react_1 = __importDefault(require("react"));
+var theme_ui_1 = require("theme-ui");
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var LegacyContextActionContainer = function (props) {
+    var children = props.children, onClick = props.onClick, sx = props.sx;
+    // Redux
+    var colorScheme = useTypedSelector_1.default(function (state) { return state.theme.colorScheme; });
+    var backgroundColor = ui_1.studioTheme.color[colorScheme].transparent.base.bg;
+    return (react_1.default.createElement(theme_ui_1.Flex, { onClick: onClick, sx: __assign({ cursor: 'pointer', '@media (hover: hover) and (pointer: fine)': {
+                '&:hover': {
+                    background: backgroundColor
+                }
+            } }, sx) }, children));
+};
+exports.default = LegacyContextActionContainer;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LegacyContextActionContainer/index.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AAGzB,qCAA2C;AAiB3C,IAAM,4BAA4B,GAAG,UAAC,KAAY;IACzC,IAAA,QAAQ,GAAI,KAAK,SAAT,CAAS;IAExB,QAAQ;IACR,6EAA6E;IAE7E,OAAO,8BAAC,eAAU,QAAE,QAAQ,CAAc,CAAA;AAC5C,CAAC,CAAA;AAED,kBAAe,4BAA4B,CAAA"}

package/dist/components/Main/index.js

@@ -0,0 +1,73 @@
+"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 __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 theme_ui_1 = require("theme-ui");
+var Browser_1 = __importDefault(require("../Browser"));
+var constants_1 = require("../../constants");
+var AssetSourceDispatchContext_1 = require("../../contexts/AssetSourceDispatchContext");
+var useKeyPress_1 = __importDefault(require("../../hooks/useKeyPress"));
+var GlobalStyles_1 = __importDefault(require("../../styled/GlobalStyles"));
+var theme_1 = __importDefault(require("../../styled/theme"));
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var react_redux_1 = require("react-redux");
+var theme_2 = require("../../modules/theme");
+var Main = react_1.forwardRef(function (props, ref) {
+    var onClose = props.onClose, onSelect = props.onSelect, tool = props.tool;
+    var dispatch = react_redux_1.useDispatch();
+    var colorScheme = useTypedSelector_1.default(function (state) { return state.theme.colorScheme; });
+    // Stop propagation and prevent document mouse events from firing.
+    // This is a bit of a hack to make this work with `editModal = 'popover'` and prevent Sanity's <Popover /> component from
+    // prematurely closing, as it attaches events on `document` to detect outside clicks.
+    var handleStopPropagation = function (e) {
+        e.nativeEvent.stopImmediatePropagation();
+        e.stopPropagation();
+    };
+    var handleToggleColorScheme = function () {
+        dispatch(theme_2.themeActions.toggleColorScheme());
+    };
+    // Close on escape key press
+    useKeyPress_1.default('escape', onClose);
+    useKeyPress_1.default('shift+s', handleToggleColorScheme);
+    return (react_1.default.createElement(ui_1.ThemeProvider, { scheme: colorScheme, theme: ui_1.studioTheme },
+        react_1.default.createElement(theme_ui_1.ThemeProvider, { theme: theme_1.default },
+            react_1.default.createElement(ui_1.PortalProvider, { element: document.body },
+                react_1.default.createElement(ui_1.ToastProvider, { zOffset: constants_1.Z_INDEX_TOAST_PROVIDER },
+                    react_1.default.createElement(AssetSourceDispatchContext_1.AssetBrowserDispatchProvider, { onSelect: onSelect },
+                        react_1.default.createElement(GlobalStyles_1.default, null),
+                        tool ? (react_1.default.createElement(ui_1.Box, { ref: ref, style: { height: '100%', position: 'relative' } },
+                            react_1.default.createElement(Browser_1.default, { onClose: onClose }))) : (react_1.default.createElement(ui_1.Portal, null,
+                            react_1.default.createElement(ui_1.Box, { onDragEnter: handleStopPropagation, onDragLeave: handleStopPropagation, onDragOver: handleStopPropagation, onDrop: handleStopPropagation, onMouseUp: handleStopPropagation, ref: ref, style: {
+                                    bottom: 0,
+                                    height: 'auto',
+                                    left: 0,
+                                    position: 'fixed',
+                                    top: 0,
+                                    width: '100%',
+                                    zIndex: constants_1.Z_INDEX_APP
+                                } },
+                                react_1.default.createElement(Browser_1.default, { onClose: onClose }))))))))));
+});
+exports.default = Main;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Main/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiG;AACjG,6CAAwD;AACxD,qCAA6D;AAE7D,uDAAgC;AAChC,6CAAmE;AACnE,wFAAsF;AACtF,wEAAiD;AACjD,2EAAmD;AACnD,6DAAsC;AACtC,kFAA2D;AAC3D,2CAAuC;AACvC,6CAAgD;AAIhD,IAAM,IAAI,GAAG,kBAAU,CAAC,UAAC,KAAY,EAAE,GAAwB;IACtD,IAAA,OAAO,GAAoB,KAAK,QAAzB,EAAE,QAAQ,GAAU,KAAK,SAAf,EAAE,IAAI,GAAI,KAAK,KAAT,CAAS;IAEvC,IAAM,QAAQ,GAAG,yBAAW,EAAE,CAAA;IAC9B,IAAM,WAAW,GAAG,0BAAgB,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAvB,CAAuB,CAAC,CAAA;IAEtE,kEAAkE;IAClE,yHAAyH;IACzH,qFAAqF;IACrF,IAAM,qBAAqB,GAAG,UAAC,CAAa;QAC1C,CAAC,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAA;QACxC,CAAC,CAAC,eAAe,EAAE,CAAA;IACrB,CAAC,CAAA;IAED,IAAM,uBAAuB,GAAG;QAC9B,QAAQ,CAAC,oBAAY,CAAC,iBAAiB,EAAE,CAAC,CAAA;IAC5C,CAAC,CAAA;IAED,4BAA4B;IAC5B,qBAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC9B,qBAAW,CAAC,SAAS,EAAE,uBAAuB,CAAC,CAAA;IAE/C,OAAO,CACL,8BAAC,kBAAa,IAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAW;QACpD,8BAAC,wBAAmB,IAAC,KAAK,EAAE,eAAK;YAC/B,8BAAC,mBAAc,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI;gBACpC,8BAAC,kBAAa,IAAC,OAAO,EAAE,kCAAsB;oBAC5C,8BAAC,yDAA4B,IAAC,QAAQ,EAAE,QAAQ;wBAC9C,8BAAC,sBAAW,OAAG;wBAEd,IAAI,CAAC,CAAC,CAAC,CACN,8BAAC,QAAG,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAC;4BAC1D,8BAAC,iBAAO,IAAC,OAAO,EAAE,OAAO,GAAI,CACzB,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,WAAM;4BACL,8BAAC,QAAG,IACF,WAAW,EAAE,qBAAqB,EAClC,WAAW,EAAE,qBAAqB,EAClC,UAAU,EAAE,qBAAqB,EACjC,MAAM,EAAE,qBAAqB,EAC7B,SAAS,EAAE,qBAAqB,EAChC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;oCACL,MAAM,EAAE,CAAC;oCACT,MAAM,EAAE,MAAM;oCACd,IAAI,EAAE,CAAC;oCACP,QAAQ,EAAE,OAAO;oCACjB,GAAG,EAAE,CAAC;oCACN,KAAK,EAAE,MAAM;oCACb,MAAM,EAAE,uBAAW;iCACpB;gCAED,8BAAC,iBAAO,IAAC,OAAO,EAAE,OAAO,GAAI,CACzB,CACC,CACV,CAC4B,CACjB,CACD,CACG,CACR,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,IAAI,CAAA"}

package/dist/components/NoResults/index.js

@@ -0,0 +1,12 @@
+"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 NoResults = function () {
+    return (react_1.default.createElement(ui_1.Box, { padding: 4 },
+        react_1.default.createElement(ui_1.Text, { size: 1, weight: "semibold" }, "No results for the current query")));
+};
+exports.default = NoResults;

package/dist/components/PanelHeader/index.js

@@ -0,0 +1,48 @@
+"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 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 constants_1 = require("../../constants");
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var dialog_1 = require("../../modules/dialog");
+var Tag_1 = __importDefault(require("../Tag"));
+var PanelHeader = function (props) {
+    var _a, _b;
+    var actions = props.actions, allowCreate = props.allowCreate, light = props.light, tags = props.tags, title = props.title;
+    // Redux
+    var dispatch = react_redux_1.useDispatch();
+    var tagsCreating = useTypedSelector_1.default(function (state) { return state.tags.creating; });
+    var tagsFetching = useTypedSelector_1.default(function (state) { return state.tags.fetching; });
+    // Callbacks
+    var handleTagCreate = function () {
+        dispatch(dialog_1.dialogActions.showTagCreate());
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ui_1.Flex, { align: "center", justify: "space-between", paddingLeft: 3, style: {
+                background: light ? (_a = color_1.hues.gray) === null || _a === void 0 ? void 0 : _a[900].hex : color_1.black.hex,
+                borderBottom: "1px solid " + ((_b = color_1.hues.gray) === null || _b === void 0 ? void 0 : _b[900].hex),
+                height: constants_1.PANEL_HEIGHT + "px",
+                position: 'sticky',
+                top: 0,
+                zIndex: 1 // force stacking context
+            } },
+            react_1.default.createElement(ui_1.Inline, { space: 2 },
+                react_1.default.createElement(ui_1.Label, { size: 0 }, title),
+                tagsFetching && (react_1.default.createElement(ui_1.Label, { size: 0, style: { opacity: 0.3 } }, "Loading..."))),
+            allowCreate && (react_1.default.createElement(ui_1.Box, { marginRight: 1 },
+                react_1.default.createElement(ui_1.Button, { disabled: tagsCreating, fontSize: 1, icon: icons_1.ComposeIcon, mode: "bleed", onClick: handleTagCreate, style: {
+                        background: 'transparent',
+                        boxShadow: 'none'
+                    } })))),
+        tags && (react_1.default.createElement(ui_1.Box, { 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 = PanelHeader;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PanelHeader/index.tsx"],"names":[],"mappings":";;;;;AAAA,uCAAyC;AACzC,uCAAyC;AACzC,iCAA2D;AAE3D,gDAA+B;AAC/B,2CAAuC;AACvC,6CAA4C;AAE5C,kFAA2D;AAC3D,+CAAkD;AAClD,+CAAwB;AAUxB,IAAM,WAAW,GAAc,UAAC,KAAY;;IACnC,IAAA,OAAO,GAAqC,KAAK,QAA1C,EAAE,WAAW,GAAwB,KAAK,YAA7B,EAAE,KAAK,GAAiB,KAAK,MAAtB,EAAE,IAAI,GAAW,KAAK,KAAhB,EAAE,KAAK,GAAI,KAAK,MAAT,CAAS;IAExD,QAAQ;IACR,IAAM,QAAQ,GAAG,yBAAW,EAAE,CAAA;IAC9B,IAAM,YAAY,GAAG,0BAAgB,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAnB,CAAmB,CAAC,CAAA;IACnE,IAAM,YAAY,GAAG,0BAAgB,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAnB,CAAmB,CAAC,CAAA;IAEnE,YAAY;IACZ,IAAM,eAAe,GAAG;QACtB,QAAQ,CAAC,sBAAa,CAAC,aAAa,EAAE,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,OAAO,CACL;QACE,8BAAC,SAAI,IACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,eAAe,EACvB,WAAW,EAAE,CAAC,EACd,KAAK,EAAE;gBACL,UAAU,EAAE,KAAK,CAAC,CAAC,OAAC,YAAI,CAAC,IAAI,0CAAG,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,aAAK,CAAC,GAAG;gBACpD,YAAY,EAAE,sBAAa,YAAI,CAAC,IAAI,0CAAG,GAAG,EAAE,GAAG,CAAE;gBACjD,MAAM,EAAK,wBAAY,OAAI;gBAC3B,QAAQ,EAAE,QAAQ;gBAClB,GAAG,EAAE,CAAC;gBACN,MAAM,EAAE,CAAC,CAAC,yBAAyB;aACpC;YAED,8BAAC,WAAM,IAAC,KAAK,EAAE,CAAC;gBACd,8BAAC,UAAK,IAAC,IAAI,EAAE,CAAC,IAAG,KAAK,CAAS;gBAE9B,YAAY,IAAI,CACf,8BAAC,UAAK,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,GAAG,EAAC,iBAE7B,CACT,CACM;YAGR,WAAW,IAAI,CACd,8BAAC,QAAG,IAAC,WAAW,EAAE,CAAC;gBACjB,8BAAC,WAAM,IACL,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,mBAAW,EACjB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE;wBACL,UAAU,EAAE,aAAa;wBACzB,SAAS,EAAE,MAAM;qBAClB,GACD,CACE,CACP,CACI;QACN,IAAI,IAAI,CACP,8BAAC,QAAG,IAAC,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,IACjC,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,WAAW,CAAA"}

package/dist/components/Portal/Portal.js

@@ -0,0 +1,50 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Portal = void 0;
+var react_1 = __importDefault(require("react"));
+var react_dom_1 = require("react-dom");
+var canUseDOM = !!(typeof window !== 'undefined' &&
+    window.document &&
+    window.document.createElement);
+var Portal = /** @class */ (function (_super) {
+    __extends(Portal, _super);
+    function Portal() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Portal.prototype.componentWillUnmount = function () {
+        if (this.node) {
+            document.body.removeChild(this.node);
+        }
+        this.node = null;
+    };
+    Portal.prototype.render = function () {
+        if (!canUseDOM) {
+            return null;
+        }
+        if (!this.node) {
+            this.node = document.createElement('div');
+            document.body.appendChild(this.node);
+        }
+        return react_dom_1.createPortal(react_1.default.createElement(react_1.default.Fragment, null,
+            this.props.children,
+            react_1.default.createElement("span", { tabIndex: 0 })), this.node);
+    };
+    return Portal;
+}(react_1.default.Component));
+exports.Portal = Portal;

package/dist/components/Portal/index.js

@@ -0,0 +1,49 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_dom_1 = require("react-dom");
+var canUseDOM = !!(typeof window !== 'undefined' &&
+    window.document &&
+    window.document.createElement);
+var Portal = /** @class */ (function (_super) {
+    __extends(Portal, _super);
+    function Portal() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Portal.prototype.componentWillUnmount = function () {
+        if (this.node) {
+            document.body.removeChild(this.node);
+        }
+        this.node = null;
+    };
+    Portal.prototype.render = function () {
+        if (!canUseDOM) {
+            return null;
+        }
+        if (!this.node) {
+            this.node = document.createElement('div');
+            document.body.appendChild(this.node);
+        }
+        return react_dom_1.createPortal(react_1.default.createElement(react_1.default.Fragment, null,
+            this.props.children,
+            react_1.default.createElement("span", { tabIndex: 0 })), this.node);
+    };
+    return Portal;
+}(react_1.default.Component));
+exports.default = Portal;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uCAAsC;AAEtC,IAAM,SAAS,GAAG,CAAC,CAAC,CAClB,OAAO,MAAM,KAAK,WAAW;IAC7B,MAAM,CAAC,QAAQ;IACf,MAAM,CAAC,QAAQ,CAAC,aAAa,CAC9B,CAAA;AAMD;IAAqB,0BAAsB;IAA3C;;IA+BA,CAAC;IA5BC,qCAAoB,GAApB;QACE,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;SACrC;QACD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;IAClB,CAAC;IAED,uBAAM,GAAN;QACE,IAAI,CAAC,SAAS,EAAE;YACd,OAAO,IAAI,CAAA;SACZ;QACD,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;YACzC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;SACrC;QACD,OAAO,wBAAY,CACjB,8BAAC,eAAK,CAAC,QAAQ;YACZ,IAAI,CAAC,KAAK,CAAC,QAAQ;YAMpB,wCAAM,QAAQ,EAAE,CAAC,GAAI,CACN,EACjB,IAAI,CAAC,IAAI,CACV,CAAA;IACH,CAAC;IACH,aAAC;AAAD,CAAC,AA/BD,CAAqB,eAAK,CAAC,SAAS,GA+BnC;AAED,kBAAe,MAAM,CAAA"}

package/dist/components/ReduxProvider/index.js

@@ -42,26 +42,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    return ar;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -81,22 +61,22 @@ var ReduxProvider = /** @class */ (function (_super) {
         var epicMiddleware = redux_observable_1.createEpicMiddleware();
         _this.store = toolkit_1.configureStore({
             reducer: modules_1.rootReducer,
-            middleware: __spread([
-                epicMiddleware
-            ], toolkit_1.getDefaultMiddleware({
-                /*
-                serializableCheck: {
-                  ignoredActions: [
-                    assetsActions.deleteError.type,
-                    uploadsActions.uploadRequest.type,
-                    uploadsActions.uploadStart.type,
-                  ]
-                },
-                */
-                // TODO: remove once we're no longer storing non-serializable data in the store
-                serializableCheck: false,
-                thunk: false
-            })),
+            middleware: function (getDefaultMiddleware) {
+                return getDefaultMiddleware({
+                    /*
+                    serializableCheck: {
+                      ignoredActions: [
+                        assetsActions.deleteError.type,
+                        uploadsActions.uploadRequest.type,
+                        uploadsActions.uploadStart.type,
+                      ]
+                    },
+                    */
+                    // TODO: remove once we're no longer storing non-serializable data in the store
+                    serializableCheck: false,
+                    thunk: false
+                }).prepend(epicMiddleware);
+            },
             devTools: true,
             preloadedState: {
                 assets: __assign(__assign({}, assets_1.initialState), { assetTypes: (props === null || props === void 0 ? void 0 : props.assetType) ? [props.assetType] : ['file', 'image'] }),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ReduxProvider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAuF;AAEvF,6CAAiD;AACjD,2CAAoC;AACpC,qDAAqD;AACrD,yCAAmD;AACnD,+CAAuE;AAKvE,wFAAiE;AAIjE;IAA4B,iCAAgB;IAG1C,uBAAY,KAAY;QAAxB,YACE,kBAAM,KAAK,CAAC,SAqCb;QAnCC,sCAAsC;QACtC,IAAM,cAAc,GAAG,uCAAoB,EAA0C,CAAA;QACrF,KAAI,CAAC,KAAK,GAAG,wBAAc,CAAC;YAC1B,OAAO,EAAE,qBAAW;YACpB,UAAU;gBACR,cAAc;eACX,8BAAoB,CAAC;gBACtB;;;;;;;;kBAQE;gBACF,+EAA+E;gBAC/E,iBAAiB,EAAE,KAAK;gBACxB,KAAK,EAAE,KAAK;aACb,CAAC,CACH;YACD,QAAQ,EAAE,IAAI;YACd,cAAc,EAAE;gBACd,MAAM,wBACD,qBAAkB,KACrB,UAAU,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,GACrE;gBACD,QAAQ,EAAE;oBACR,MAAM,EAAE,KAAK,CAAC,cAAc;oBAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;iBAC5E;aACF;SACF,CAAC,CAAA;QACF,cAAc,CAAC,GAAG,CAAC,kBAAQ,CAAC,CAAA;;IAC9B,CAAC;IAED,8BAAM,GAAN;QACE,OAAO,8BAAC,sBAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAY,CAAA;IACtE,CAAC;IACH,oBAAC;AAAD,CAAC,AA9CD,CAA4B,iBAAS,GA8CpC;AAED,kBAAe,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ReduxProvider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAiE;AAEjE,6CAAiD;AACjD,2CAAoC;AACpC,qDAAqD;AACrD,yCAAmD;AACnD,+CAAuE;AAKvE,wFAAiE;AAIjE;IAA4B,iCAAgB;IAG1C,uBAAY,KAAY;QAAxB,YACE,kBAAM,KAAK,CAAC,SAmCb;QAjCC,sCAAsC;QACtC,IAAM,cAAc,GAAG,uCAAoB,EAA0C,CAAA;QACrF,KAAI,CAAC,KAAK,GAAG,wBAAc,CAAC;YAC1B,OAAO,EAAE,qBAAW;YACpB,UAAU,EAAE,UAAA,oBAAoB;gBAC9B,OAAA,oBAAoB,CAAC;oBACnB;;;;;;;;sBAQE;oBACF,+EAA+E;oBAC/E,iBAAiB,EAAE,KAAK;oBACxB,KAAK,EAAE,KAAK;iBACb,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC;YAb1B,CAa0B;YAC5B,QAAQ,EAAE,IAAI;YACd,cAAc,EAAE;gBACd,MAAM,wBACD,qBAAkB,KACrB,UAAU,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,GACrE;gBACD,QAAQ,EAAE;oBACR,MAAM,EAAE,KAAK,CAAC,cAAc;oBAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;iBAC5E;aACF;SACF,CAAC,CAAA;QACF,cAAc,CAAC,GAAG,CAAC,kBAAQ,CAAC,CAAA;;IAC9B,CAAC;IAED,8BAAM,GAAN;QACE,OAAO,8BAAC,sBAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAY,CAAA;IACtE,CAAC;IACH,oBAAC;AAAD,CAAC,AA5CD,CAA4B,iBAAS,GA4CpC;AAED,kBAAe,aAAa,CAAA"}