sanity-plugin-media 1.4.4 → 1.4.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -0
- package/dist/app.js +3 -3
- package/dist/app.js.map +1 -1
- package/dist/components/AssetGridVirtualized/index.js +1 -1
- package/dist/components/AssetGridVirtualized/index.js.map +1 -1
- package/dist/components/Browser/index.js +2 -8
- package/dist/components/Browser/index.js.map +1 -1
- package/dist/components/CardAsset/index.js +68 -72
- package/dist/components/CardAsset/index.js.map +1 -1
- package/dist/components/CardUpload/index.js +1 -1
- package/dist/components/CardUpload/index.js.map +1 -1
- package/dist/components/Controls/index.js +1 -1
- package/dist/components/Controls/index.js.map +1 -1
- package/dist/components/DialogAssetEdit/index.js +1 -1
- package/dist/components/DialogAssetEdit/index.js.map +1 -1
- package/dist/components/DialogSearchFacets/index.js +1 -6
- package/dist/components/DialogSearchFacets/index.js.map +1 -1
- package/dist/components/DialogTagEdit/index.js +1 -1
- package/dist/components/DialogTagEdit/index.js.map +1 -1
- package/dist/components/DialogTags/index.js +1 -1
- package/dist/components/DialogTags/index.js.map +1 -1
- package/dist/components/Dialogs/index.js +2 -2
- package/dist/components/Dialogs/index.js.map +1 -1
- package/dist/components/DocumentList/index.js +23 -22
- package/dist/components/DocumentList/index.js.map +1 -1
- package/dist/components/FormFieldInputFilename/index.js.map +1 -1
- package/dist/components/FormFieldInputLabel/index.js.map +1 -1
- package/dist/components/FormFieldInputText/index.js.map +1 -1
- package/dist/components/FormSubmitButton/index.js +16 -3
- package/dist/components/FormSubmitButton/index.js.map +1 -1
- package/dist/components/ReduxProvider/index.js +1 -0
- package/dist/components/ReduxProvider/index.js.map +1 -1
- package/dist/components/SearchFacetsControl/index.js +6 -7
- package/dist/components/SearchFacetsControl/index.js.map +1 -1
- package/dist/components/TableHeader/index.js +6 -2
- package/dist/components/TableHeader/index.js.map +1 -1
- package/dist/components/TableRowAsset/index.js +15 -21
- package/dist/components/TableRowAsset/index.js.map +1 -1
- package/dist/components/TableRowUpload/index.js +1 -1
- package/dist/components/TableRowUpload/index.js.map +1 -1
- package/dist/components/TagIcon/index.js.map +1 -1
- package/dist/components/TagViewHeader/index.js +2 -7
- package/dist/components/TagViewHeader/index.js.map +1 -1
- package/dist/components/TagsVirtualized/index.js +1 -3
- package/dist/components/TagsVirtualized/index.js.map +1 -1
- package/dist/config/searchFacets.js +6 -6
- package/dist/config/searchFacets.js.map +1 -1
- package/dist/hooks/useBreakpointIndex.js +2 -2
- package/dist/hooks/useBreakpointIndex.js.map +1 -1
- package/dist/hooks/useKeyPress.js +3 -3
- package/dist/hooks/useKeyPress.js.map +1 -1
- package/dist/modules/assets/index.js +31 -54
- package/dist/modules/assets/index.js.map +1 -1
- package/dist/modules/dialog/index.js +1 -3
- package/dist/modules/dialog/index.js.map +1 -1
- package/dist/modules/search/index.js.map +1 -1
- package/dist/modules/tags/index.js +2 -4
- package/dist/modules/tags/index.js.map +1 -1
- package/dist/modules/uploads/index.js +18 -13
- package/dist/modules/uploads/index.js.map +1 -1
- package/dist/operators/debugThrottle.js +2 -2
- package/dist/operators/debugThrottle.js.map +1 -1
- package/dist/styled/react-select/creatable.js +1 -3
- package/dist/styled/react-select/creatable.js.map +1 -1
- package/dist/styled/react-select/single.js +1 -3
- package/dist/styled/react-select/single.js.map +1 -1
- package/dist/utils/generatePreviewBlobUrl.js +3 -0
- package/dist/utils/generatePreviewBlobUrl.js.map +1 -1
- package/dist/utils/uploadSanityAsset.js +9 -9
- package/dist/utils/uploadSanityAsset.js.map +1 -1
- package/package.json +51 -43
- package/dist/.DS_Store +0 -0
- package/dist/components/ButtonAssetClipboardCopy/index.js +0 -71
- package/dist/components/ButtonC/index.js +0 -71
- package/dist/components/ButtonClipboardCopy/index.js +0 -71
- package/dist/components/Card/index.js +0 -188
- package/dist/components/Card/index.js.map +0 -1
- package/dist/components/CardUpload copy/index.js +0 -60
- package/dist/components/Cards/index.js +0 -81
- package/dist/components/Cards/index.js.map +0 -1
- package/dist/components/DialogDeleteConfirm/index.js +0 -62
- package/dist/components/DialogDeleteConfirm/index.js.map +0 -1
- package/dist/components/DialogDetails/index.js +0 -322
- package/dist/components/DialogDetails/index.js.map +0 -1
- package/dist/components/DialogSearchFacets copy/index.js +0 -45
- package/dist/components/DialogTagCreate copy/index.js +0 -38
- package/dist/components/Dropzone/index.js +0 -66
- package/dist/components/Dropzone/index.js.map +0 -1
- package/dist/components/DropzoneTest/index.js +0 -37
- package/dist/components/FormDetails/index.js +0 -241
- package/dist/components/GlobalStyles/index.js +0 -10
- package/dist/components/LegacyContextActionContainer/index.js +0 -32
- package/dist/components/LegacyContextActionContainer/index.js.map +0 -1
- package/dist/components/Main/index.js +0 -73
- package/dist/components/Main/index.js.map +0 -1
- package/dist/components/NoResults/index.js +0 -12
- package/dist/components/PanelHeader/index.js +0 -48
- package/dist/components/PanelHeader/index.js.map +0 -1
- package/dist/components/Portal/Portal.js +0 -50
- package/dist/components/Portal/index.js +0 -49
- package/dist/components/Portal/index.js.map +0 -1
- package/dist/components/SearchFacetSearchable/index.js +0 -61
- package/dist/components/SearchFacetSearchable/index.js.map +0 -1
- package/dist/components/Table/index.js +0 -79
- package/dist/components/Table/index.js.map +0 -1
- package/dist/components/TableRow/index.js +0 -225
- package/dist/components/TableRow/index.js.map +0 -1
- package/dist/components/TagPanel/index.js +0 -19
- package/dist/components/TagPanel/index.js.map +0 -1
- package/dist/components/Tags/index.js +0 -21
- package/dist/components/Tags/index.js.map +0 -1
- package/dist/components/TagsAll/index.js +0 -23
- package/dist/components/TagsAll/index.js.map +0 -1
- package/dist/components/TagsPicked/index.js +0 -61
- package/dist/components/TagsPicked/index.js.map +0 -1
- package/dist/components/TagsView/index.js +0 -32
- package/dist/components/TextEllipsis/index.js +0 -14
- package/dist/components/TextEllipsis/index.js.map +0 -1
- package/dist/components/UploadCard/index.js +0 -14
- package/dist/constants/searchFacets.js +0 -272
- package/dist/contexts/AssetSourceDispatchContext copy.js +0 -41
- package/dist/helpers/withRedux.js +0 -84
- package/dist/helpers/withRedux.js.map +0 -1
- package/dist/modules/assets/assetsSlice.js +0 -552
- package/dist/modules/assets/types.js +0 -2
- package/dist/modules/assets/types.js.map +0 -1
- package/dist/modules/debug/debugSlice.js +0 -23
- package/dist/modules/debug/types.js +0 -2
- package/dist/modules/debug/types.js.map +0 -1
- package/dist/modules/debug copy/index.js +0 -22
- package/dist/modules/dialog/dialogSlice.js +0 -192
- package/dist/modules/dialog/types.js +0 -2
- package/dist/modules/dialog/types.js.map +0 -1
- package/dist/modules/document/documentSlice.js +0 -9
- package/dist/modules/document/index.js +0 -9
- package/dist/modules/document/index.js.map +0 -1
- package/dist/modules/document/types.js +0 -3
- package/dist/modules/document/types.js.map +0 -1
- package/dist/modules/document copy/index.js +0 -9
- package/dist/modules/documentAssets/index.js +0 -9
- package/dist/modules/notifications/notificationsSlice.js +0 -123
- package/dist/modules/notifications/types.js +0 -2
- package/dist/modules/notifications/types.js.map +0 -1
- package/dist/modules/search/searchSlice.js +0 -122
- package/dist/modules/search/types.js +0 -2
- package/dist/modules/search/types.js.map +0 -1
- package/dist/modules/selectedAssets/index.js +0 -9
- package/dist/modules/selectedAssets/index.js.map +0 -1
- package/dist/modules/selectedAssets/selectedAssetsSlice.js +0 -9
- package/dist/modules/selectedAssets/types.js +0 -2
- package/dist/modules/selectedAssets/types.js.map +0 -1
- package/dist/modules/selectedAssets copy/index.js +0 -9
- package/dist/modules/tags/selectedAssetsSlice.js +0 -9
- package/dist/modules/tags/tagsSlice.js +0 -442
- package/dist/modules/tags/tagsSlice.js.map +0 -1
- package/dist/modules/tags/types.js +0 -2
- package/dist/modules/tags/types.js.map +0 -1
- package/dist/modules/theme/index.js +0 -21
- package/dist/modules/theme/index.js.map +0 -1
- package/dist/operators/debugThrottle copy.js +0 -15
- package/dist/operators/fetchExistingTag.js +0 -27
- package/dist/utils/getDocumentAssetRefs.js +0 -50
|
@@ -1,241 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
-
}) : (function(o, m, k, k2) {
|
|
17
|
-
if (k2 === undefined) k2 = k;
|
|
18
|
-
o[k2] = m[k];
|
|
19
|
-
}));
|
|
20
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
-
}) : function(o, v) {
|
|
23
|
-
o["default"] = v;
|
|
24
|
-
});
|
|
25
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
-
if (mod && mod.__esModule) return mod;
|
|
27
|
-
var result = {};
|
|
28
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
-
__setModuleDefault(result, mod);
|
|
30
|
-
return result;
|
|
31
|
-
};
|
|
32
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
33
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
34
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
35
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
36
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
37
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
38
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
42
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
43
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
44
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
45
|
-
function step(op) {
|
|
46
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
47
|
-
while (_) try {
|
|
48
|
-
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;
|
|
49
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
50
|
-
switch (op[0]) {
|
|
51
|
-
case 0: case 1: t = op; break;
|
|
52
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
53
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
54
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
55
|
-
default:
|
|
56
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
57
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
58
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
59
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
60
|
-
if (t[2]) _.ops.pop();
|
|
61
|
-
_.trys.pop(); continue;
|
|
62
|
-
}
|
|
63
|
-
op = body.call(thisArg, _);
|
|
64
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
65
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
69
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
70
|
-
};
|
|
71
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
72
|
-
var yup_1 = require("@hookform/resolvers/yup");
|
|
73
|
-
var ui_1 = require("@sanity/ui");
|
|
74
|
-
var react_1 = __importStar(require("react"));
|
|
75
|
-
var react_redux_1 = require("react-redux");
|
|
76
|
-
var react_hook_form_1 = require("react-hook-form");
|
|
77
|
-
var yup = __importStar(require("yup"));
|
|
78
|
-
var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
|
|
79
|
-
var assets_1 = require("../../modules/assets");
|
|
80
|
-
var tags_1 = require("../../modules/tags");
|
|
81
|
-
var FormFieldInputFilename_1 = __importDefault(require("../FormFieldInputFilename"));
|
|
82
|
-
var FormFieldInputTags_1 = __importDefault(require("../FormFieldInputTags"));
|
|
83
|
-
var FormFieldInputText_1 = __importDefault(require("../FormFieldInputText"));
|
|
84
|
-
var FormFieldInputTextarea_1 = __importDefault(require("../FormFieldInputTextarea"));
|
|
85
|
-
var formSchema = yup.object().shape({
|
|
86
|
-
originalFilename: yup.string().required('Filename cannot be empty')
|
|
87
|
-
});
|
|
88
|
-
var getFilenameWithoutExtension = function (asset) {
|
|
89
|
-
var _a, _b;
|
|
90
|
-
var extensionIndex = (_a = asset === null || asset === void 0 ? void 0 : asset.originalFilename) === null || _a === void 0 ? void 0 : _a.lastIndexOf("." + asset.extension);
|
|
91
|
-
return (_b = asset === null || asset === void 0 ? void 0 : asset.originalFilename) === null || _b === void 0 ? void 0 : _b.slice(0, extensionIndex);
|
|
92
|
-
};
|
|
93
|
-
// Sanitize form data: convert empty strings and undefined values to null.
|
|
94
|
-
// null values will correctly unset / delete fields
|
|
95
|
-
var sanitizeFormData = function (formData) {
|
|
96
|
-
return Object.keys(formData).reduce(function (acc, key) {
|
|
97
|
-
if (formData[key] === '' || typeof formData[key] === 'undefined') {
|
|
98
|
-
acc[key] = null;
|
|
99
|
-
}
|
|
100
|
-
else {
|
|
101
|
-
acc[key] = formData[key];
|
|
102
|
-
}
|
|
103
|
-
return acc;
|
|
104
|
-
}, {});
|
|
105
|
-
};
|
|
106
|
-
var FormDetails = function (props) {
|
|
107
|
-
var _a, _b, _c;
|
|
108
|
-
var asset = props.asset, itemUpdating = props.itemUpdating, lastCreatedTagId = props.lastCreatedTagId;
|
|
109
|
-
// Refs
|
|
110
|
-
var isMounted = react_1.useRef(false);
|
|
111
|
-
// Redux
|
|
112
|
-
var dispatch = react_redux_1.useDispatch();
|
|
113
|
-
var tagIds = useTypedSelector_1.default(function (state) { return state.tags.allIds; });
|
|
114
|
-
var tagsByIds = useTypedSelector_1.default(function (state) { return state.tags.byIds; });
|
|
115
|
-
// TODO: make pure
|
|
116
|
-
// Map tag references to react-select options, skip over items with nullish labels or values
|
|
117
|
-
var generateTagOptions = function (asset) {
|
|
118
|
-
var _a, _b, _c;
|
|
119
|
-
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) {
|
|
120
|
-
var _a, _b;
|
|
121
|
-
var tag = (_a = tagsByIds[v._ref]) === null || _a === void 0 ? void 0 : _a.tag;
|
|
122
|
-
if (tag) {
|
|
123
|
-
acc.push({
|
|
124
|
-
label: (_b = tag === null || tag === void 0 ? void 0 : tag.name) === null || _b === void 0 ? void 0 : _b.current,
|
|
125
|
-
value: tag === null || tag === void 0 ? void 0 : tag._id
|
|
126
|
-
});
|
|
127
|
-
}
|
|
128
|
-
return acc;
|
|
129
|
-
}, []);
|
|
130
|
-
if (tags && (tags === null || tags === void 0 ? void 0 : tags.length) > 0) {
|
|
131
|
-
return tags;
|
|
132
|
-
}
|
|
133
|
-
return null;
|
|
134
|
-
};
|
|
135
|
-
var generateDefaultValues = function (asset) { return ({
|
|
136
|
-
altText: (asset === null || asset === void 0 ? void 0 : asset.altText) || '',
|
|
137
|
-
description: (asset === null || asset === void 0 ? void 0 : asset.description) || '',
|
|
138
|
-
originalFilename: asset ? getFilenameWithoutExtension(asset) : undefined,
|
|
139
|
-
opt: {
|
|
140
|
-
media: {
|
|
141
|
-
tags: generateTagOptions(asset)
|
|
142
|
-
}
|
|
143
|
-
},
|
|
144
|
-
title: (asset === null || asset === void 0 ? void 0 : asset.title) || ''
|
|
145
|
-
}); };
|
|
146
|
-
// react-hook-form
|
|
147
|
-
var _d = react_hook_form_1.useForm({
|
|
148
|
-
defaultValues: generateDefaultValues(asset),
|
|
149
|
-
mode: 'onChange',
|
|
150
|
-
resolver: yup_1.yupResolver(formSchema)
|
|
151
|
-
}), control = _d.control, errors = _d.errors, formState = _d.formState, getValues = _d.getValues, handleSubmit = _d.handleSubmit, register = _d.register, reset = _d.reset, setValue = _d.setValue;
|
|
152
|
-
// Generate a string from all current tag labels
|
|
153
|
-
// This is used purely to determine tag updates to then update the form in real time
|
|
154
|
-
var currentTagLabels = (_a = generateTagOptions(asset)) === null || _a === void 0 ? void 0 : _a.map(function (tag) { return tag.label; }).join(',');
|
|
155
|
-
var allTagOptions = tagIds.reduce(function (acc, id) {
|
|
156
|
-
var _a, _b;
|
|
157
|
-
var tag = (_a = tagsByIds[id]) === null || _a === void 0 ? void 0 : _a.tag;
|
|
158
|
-
if (tag) {
|
|
159
|
-
acc.push({
|
|
160
|
-
label: (_b = tag === null || tag === void 0 ? void 0 : tag.name) === null || _b === void 0 ? void 0 : _b.current,
|
|
161
|
-
value: tag === null || tag === void 0 ? void 0 : tag._id
|
|
162
|
-
});
|
|
163
|
-
}
|
|
164
|
-
return acc;
|
|
165
|
-
}, []);
|
|
166
|
-
// Callbacks
|
|
167
|
-
var handleCreateTag = function (tagName) {
|
|
168
|
-
// Dispatch action to create new tag
|
|
169
|
-
dispatch(tags_1.tagsCreate(tagName, {
|
|
170
|
-
assetId: asset === null || asset === void 0 ? void 0 : asset._id
|
|
171
|
-
}));
|
|
172
|
-
};
|
|
173
|
-
// - submit react-hook-form
|
|
174
|
-
var onSubmit = function (formData) { return __awaiter(void 0, void 0, void 0, function () {
|
|
175
|
-
var sanitizedFormData;
|
|
176
|
-
var _a;
|
|
177
|
-
return __generator(this, function (_b) {
|
|
178
|
-
if (!asset) {
|
|
179
|
-
return [2 /*return*/];
|
|
180
|
-
}
|
|
181
|
-
sanitizedFormData = sanitizeFormData(formData);
|
|
182
|
-
dispatch(assets_1.assetsUpdate(asset, __assign(__assign({}, sanitizedFormData), {
|
|
183
|
-
// Map tags to sanity references
|
|
184
|
-
opt: {
|
|
185
|
-
media: __assign(__assign({}, sanitizedFormData.opt.media), { tags: ((_a = sanitizedFormData.opt.media.tags) === null || _a === void 0 ? void 0 : _a.map(function (tag) { return ({
|
|
186
|
-
_ref: tag.value,
|
|
187
|
-
_type: 'reference',
|
|
188
|
-
_weak: true
|
|
189
|
-
}); })) || null })
|
|
190
|
-
},
|
|
191
|
-
// Append extension to filename
|
|
192
|
-
originalFilename: sanitizedFormData.originalFilename + "." + asset.extension }),
|
|
193
|
-
// Options
|
|
194
|
-
{
|
|
195
|
-
closeDialogId: asset._id
|
|
196
|
-
}));
|
|
197
|
-
return [2 /*return*/];
|
|
198
|
-
});
|
|
199
|
-
}); };
|
|
200
|
-
// Effects
|
|
201
|
-
// - Update tags field with new tag if one has been created
|
|
202
|
-
react_1.useEffect(function () {
|
|
203
|
-
var _a;
|
|
204
|
-
if (lastCreatedTagId) {
|
|
205
|
-
var tag = (_a = tagsByIds[lastCreatedTagId]) === null || _a === void 0 ? void 0 : _a.tag;
|
|
206
|
-
if (tag) {
|
|
207
|
-
var existingTags = getValues('opt.media.tags') || [];
|
|
208
|
-
var updatedTags = existingTags.concat([
|
|
209
|
-
{
|
|
210
|
-
label: tag.name.current,
|
|
211
|
-
value: tag._id
|
|
212
|
-
}
|
|
213
|
-
]);
|
|
214
|
-
setValue('opt.media.tags', updatedTags, { shouldDirty: true });
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
}, [lastCreatedTagId]);
|
|
218
|
-
// - Partially reset form when current tags have changed (and after initial mount)
|
|
219
|
-
react_1.useEffect(function () {
|
|
220
|
-
if (isMounted.current) {
|
|
221
|
-
reset({
|
|
222
|
-
opt: { media: { tags: generateTagOptions(asset) } }
|
|
223
|
-
}, {
|
|
224
|
-
errors: true,
|
|
225
|
-
dirtyFields: true,
|
|
226
|
-
isDirty: true
|
|
227
|
-
});
|
|
228
|
-
}
|
|
229
|
-
// Mark as mounted
|
|
230
|
-
isMounted.current = true;
|
|
231
|
-
}, [currentTagLabels]);
|
|
232
|
-
return (react_1.default.createElement(ui_1.Box, { as: "form", onSubmit: handleSubmit(onSubmit) },
|
|
233
|
-
react_1.default.createElement("button", { style: { display: 'none' }, tabIndex: -1, type: "submit" }),
|
|
234
|
-
react_1.default.createElement(ui_1.Stack, { space: 3 },
|
|
235
|
-
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) }),
|
|
236
|
-
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) }),
|
|
237
|
-
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 }),
|
|
238
|
-
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 }),
|
|
239
|
-
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 }))));
|
|
240
|
-
};
|
|
241
|
-
exports.default = FormDetails;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
var styled_components_1 = require("styled-components");
|
|
8
|
-
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"])));
|
|
9
|
-
exports.default = GlobalStyle;
|
|
10
|
-
var templateObject_1;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
var ui_1 = require("@sanity/ui");
|
|
18
|
-
var react_1 = __importDefault(require("react"));
|
|
19
|
-
var theme_ui_1 = require("theme-ui");
|
|
20
|
-
var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
|
|
21
|
-
var LegacyContextActionContainer = function (props) {
|
|
22
|
-
var children = props.children, onClick = props.onClick, sx = props.sx;
|
|
23
|
-
// Redux
|
|
24
|
-
var colorScheme = useTypedSelector_1.default(function (state) { return state.theme.colorScheme; });
|
|
25
|
-
var backgroundColor = ui_1.studioTheme.color[colorScheme].transparent.base.bg;
|
|
26
|
-
return (react_1.default.createElement(theme_ui_1.Flex, { onClick: onClick, sx: __assign({ cursor: 'pointer', '@media (hover: hover) and (pointer: fine)': {
|
|
27
|
-
'&:hover': {
|
|
28
|
-
background: backgroundColor
|
|
29
|
-
}
|
|
30
|
-
} }, sx) }, children));
|
|
31
|
-
};
|
|
32
|
-
exports.default = LegacyContextActionContainer;
|
|
@@ -1 +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"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
var ui_1 = require("@sanity/ui");
|
|
26
|
-
var react_1 = __importStar(require("react"));
|
|
27
|
-
var theme_ui_1 = require("theme-ui");
|
|
28
|
-
var Browser_1 = __importDefault(require("../Browser"));
|
|
29
|
-
var constants_1 = require("../../constants");
|
|
30
|
-
var AssetSourceDispatchContext_1 = require("../../contexts/AssetSourceDispatchContext");
|
|
31
|
-
var useKeyPress_1 = __importDefault(require("../../hooks/useKeyPress"));
|
|
32
|
-
var GlobalStyles_1 = __importDefault(require("../../styled/GlobalStyles"));
|
|
33
|
-
var theme_1 = __importDefault(require("../../styled/theme"));
|
|
34
|
-
var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
|
|
35
|
-
var react_redux_1 = require("react-redux");
|
|
36
|
-
var theme_2 = require("../../modules/theme");
|
|
37
|
-
var Main = react_1.forwardRef(function (props, ref) {
|
|
38
|
-
var onClose = props.onClose, onSelect = props.onSelect, tool = props.tool;
|
|
39
|
-
var dispatch = react_redux_1.useDispatch();
|
|
40
|
-
var colorScheme = useTypedSelector_1.default(function (state) { return state.theme.colorScheme; });
|
|
41
|
-
// Stop propagation and prevent document mouse events from firing.
|
|
42
|
-
// This is a bit of a hack to make this work with `editModal = 'popover'` and prevent Sanity's <Popover /> component from
|
|
43
|
-
// prematurely closing, as it attaches events on `document` to detect outside clicks.
|
|
44
|
-
var handleStopPropagation = function (e) {
|
|
45
|
-
e.nativeEvent.stopImmediatePropagation();
|
|
46
|
-
e.stopPropagation();
|
|
47
|
-
};
|
|
48
|
-
var handleToggleColorScheme = function () {
|
|
49
|
-
dispatch(theme_2.themeActions.toggleColorScheme());
|
|
50
|
-
};
|
|
51
|
-
// Close on escape key press
|
|
52
|
-
useKeyPress_1.default('escape', onClose);
|
|
53
|
-
useKeyPress_1.default('shift+s', handleToggleColorScheme);
|
|
54
|
-
return (react_1.default.createElement(ui_1.ThemeProvider, { scheme: colorScheme, theme: ui_1.studioTheme },
|
|
55
|
-
react_1.default.createElement(theme_ui_1.ThemeProvider, { theme: theme_1.default },
|
|
56
|
-
react_1.default.createElement(ui_1.PortalProvider, { element: document.body },
|
|
57
|
-
react_1.default.createElement(ui_1.ToastProvider, { zOffset: constants_1.Z_INDEX_TOAST_PROVIDER },
|
|
58
|
-
react_1.default.createElement(AssetSourceDispatchContext_1.AssetBrowserDispatchProvider, { onSelect: onSelect },
|
|
59
|
-
react_1.default.createElement(GlobalStyles_1.default, null),
|
|
60
|
-
tool ? (react_1.default.createElement(ui_1.Box, { ref: ref, style: { height: '100%', position: 'relative' } },
|
|
61
|
-
react_1.default.createElement(Browser_1.default, { onClose: onClose }))) : (react_1.default.createElement(ui_1.Portal, null,
|
|
62
|
-
react_1.default.createElement(ui_1.Box, { onDragEnter: handleStopPropagation, onDragLeave: handleStopPropagation, onDragOver: handleStopPropagation, onDrop: handleStopPropagation, onMouseUp: handleStopPropagation, ref: ref, style: {
|
|
63
|
-
bottom: 0,
|
|
64
|
-
height: 'auto',
|
|
65
|
-
left: 0,
|
|
66
|
-
position: 'fixed',
|
|
67
|
-
top: 0,
|
|
68
|
-
width: '100%',
|
|
69
|
-
zIndex: constants_1.Z_INDEX_APP
|
|
70
|
-
} },
|
|
71
|
-
react_1.default.createElement(Browser_1.default, { onClose: onClose }))))))))));
|
|
72
|
-
});
|
|
73
|
-
exports.default = Main;
|
|
@@ -1 +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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
var ui_1 = require("@sanity/ui");
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var NoResults = function () {
|
|
9
|
-
return (react_1.default.createElement(ui_1.Box, { padding: 4 },
|
|
10
|
-
react_1.default.createElement(ui_1.Text, { size: 1, weight: "semibold" }, "No results for the current query")));
|
|
11
|
-
};
|
|
12
|
-
exports.default = NoResults;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
var color_1 = require("@sanity/color");
|
|
7
|
-
var icons_1 = require("@sanity/icons");
|
|
8
|
-
var ui_1 = require("@sanity/ui");
|
|
9
|
-
var react_1 = __importDefault(require("react"));
|
|
10
|
-
var react_redux_1 = require("react-redux");
|
|
11
|
-
var constants_1 = require("../../constants");
|
|
12
|
-
var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
|
|
13
|
-
var dialog_1 = require("../../modules/dialog");
|
|
14
|
-
var Tag_1 = __importDefault(require("../Tag"));
|
|
15
|
-
var PanelHeader = function (props) {
|
|
16
|
-
var _a, _b;
|
|
17
|
-
var actions = props.actions, allowCreate = props.allowCreate, light = props.light, tags = props.tags, title = props.title;
|
|
18
|
-
// Redux
|
|
19
|
-
var dispatch = react_redux_1.useDispatch();
|
|
20
|
-
var tagsCreating = useTypedSelector_1.default(function (state) { return state.tags.creating; });
|
|
21
|
-
var tagsFetching = useTypedSelector_1.default(function (state) { return state.tags.fetching; });
|
|
22
|
-
// Callbacks
|
|
23
|
-
var handleTagCreate = function () {
|
|
24
|
-
dispatch(dialog_1.dialogActions.showTagCreate());
|
|
25
|
-
};
|
|
26
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
27
|
-
react_1.default.createElement(ui_1.Flex, { align: "center", justify: "space-between", paddingLeft: 3, style: {
|
|
28
|
-
background: light ? (_a = color_1.hues.gray) === null || _a === void 0 ? void 0 : _a[900].hex : color_1.black.hex,
|
|
29
|
-
borderBottom: "1px solid " + ((_b = color_1.hues.gray) === null || _b === void 0 ? void 0 : _b[900].hex),
|
|
30
|
-
height: constants_1.PANEL_HEIGHT + "px",
|
|
31
|
-
position: 'sticky',
|
|
32
|
-
top: 0,
|
|
33
|
-
zIndex: 1 // force stacking context
|
|
34
|
-
} },
|
|
35
|
-
react_1.default.createElement(ui_1.Inline, { space: 2 },
|
|
36
|
-
react_1.default.createElement(ui_1.Label, { size: 0 }, title),
|
|
37
|
-
tagsFetching && (react_1.default.createElement(ui_1.Label, { size: 0, style: { opacity: 0.3 } }, "Loading..."))),
|
|
38
|
-
allowCreate && (react_1.default.createElement(ui_1.Box, { marginRight: 1 },
|
|
39
|
-
react_1.default.createElement(ui_1.Button, { disabled: tagsCreating, fontSize: 1, icon: icons_1.ComposeIcon, mode: "bleed", onClick: handleTagCreate, style: {
|
|
40
|
-
background: 'transparent',
|
|
41
|
-
boxShadow: 'none'
|
|
42
|
-
} })))),
|
|
43
|
-
tags && (react_1.default.createElement(ui_1.Box, { paddingLeft: 3, paddingRight: 2 }, tags === null || tags === void 0 ? void 0 : tags.map(function (tagItem) {
|
|
44
|
-
var _a;
|
|
45
|
-
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 }));
|
|
46
|
-
})))));
|
|
47
|
-
};
|
|
48
|
-
exports.default = PanelHeader;
|
|
@@ -1 +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"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
extendStatics(d, b);
|
|
11
|
-
function __() { this.constructor = d; }
|
|
12
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
13
|
-
};
|
|
14
|
-
})();
|
|
15
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
16
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
17
|
-
};
|
|
18
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
-
exports.Portal = void 0;
|
|
20
|
-
var react_1 = __importDefault(require("react"));
|
|
21
|
-
var react_dom_1 = require("react-dom");
|
|
22
|
-
var canUseDOM = !!(typeof window !== 'undefined' &&
|
|
23
|
-
window.document &&
|
|
24
|
-
window.document.createElement);
|
|
25
|
-
var Portal = /** @class */ (function (_super) {
|
|
26
|
-
__extends(Portal, _super);
|
|
27
|
-
function Portal() {
|
|
28
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
29
|
-
}
|
|
30
|
-
Portal.prototype.componentWillUnmount = function () {
|
|
31
|
-
if (this.node) {
|
|
32
|
-
document.body.removeChild(this.node);
|
|
33
|
-
}
|
|
34
|
-
this.node = null;
|
|
35
|
-
};
|
|
36
|
-
Portal.prototype.render = function () {
|
|
37
|
-
if (!canUseDOM) {
|
|
38
|
-
return null;
|
|
39
|
-
}
|
|
40
|
-
if (!this.node) {
|
|
41
|
-
this.node = document.createElement('div');
|
|
42
|
-
document.body.appendChild(this.node);
|
|
43
|
-
}
|
|
44
|
-
return react_dom_1.createPortal(react_1.default.createElement(react_1.default.Fragment, null,
|
|
45
|
-
this.props.children,
|
|
46
|
-
react_1.default.createElement("span", { tabIndex: 0 })), this.node);
|
|
47
|
-
};
|
|
48
|
-
return Portal;
|
|
49
|
-
}(react_1.default.Component));
|
|
50
|
-
exports.Portal = Portal;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
extendStatics(d, b);
|
|
11
|
-
function __() { this.constructor = d; }
|
|
12
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
13
|
-
};
|
|
14
|
-
})();
|
|
15
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
16
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
17
|
-
};
|
|
18
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
-
var react_1 = __importDefault(require("react"));
|
|
20
|
-
var react_dom_1 = require("react-dom");
|
|
21
|
-
var canUseDOM = !!(typeof window !== 'undefined' &&
|
|
22
|
-
window.document &&
|
|
23
|
-
window.document.createElement);
|
|
24
|
-
var Portal = /** @class */ (function (_super) {
|
|
25
|
-
__extends(Portal, _super);
|
|
26
|
-
function Portal() {
|
|
27
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
28
|
-
}
|
|
29
|
-
Portal.prototype.componentWillUnmount = function () {
|
|
30
|
-
if (this.node) {
|
|
31
|
-
document.body.removeChild(this.node);
|
|
32
|
-
}
|
|
33
|
-
this.node = null;
|
|
34
|
-
};
|
|
35
|
-
Portal.prototype.render = function () {
|
|
36
|
-
if (!canUseDOM) {
|
|
37
|
-
return null;
|
|
38
|
-
}
|
|
39
|
-
if (!this.node) {
|
|
40
|
-
this.node = document.createElement('div');
|
|
41
|
-
document.body.appendChild(this.node);
|
|
42
|
-
}
|
|
43
|
-
return react_dom_1.createPortal(react_1.default.createElement(react_1.default.Fragment, null,
|
|
44
|
-
this.props.children,
|
|
45
|
-
react_1.default.createElement("span", { tabIndex: 0 })), this.node);
|
|
46
|
-
};
|
|
47
|
-
return Portal;
|
|
48
|
-
}(react_1.default.Component));
|
|
49
|
-
exports.default = Portal;
|
|
@@ -1 +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"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
var icons_1 = require("@sanity/icons");
|
|
18
|
-
var ui_1 = require("@sanity/ui");
|
|
19
|
-
var react_1 = __importDefault(require("react"));
|
|
20
|
-
var react_redux_1 = require("react-redux");
|
|
21
|
-
var react_select_1 = __importDefault(require("react-select"));
|
|
22
|
-
var constants_1 = require("../../constants");
|
|
23
|
-
var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
|
|
24
|
-
var assets_1 = require("../../modules/assets");
|
|
25
|
-
var single_1 = require("../../styled/react-select/single");
|
|
26
|
-
var SearchFacet_1 = __importDefault(require("../SearchFacet"));
|
|
27
|
-
var SearchFacetSearchable = function (props) {
|
|
28
|
-
var facet = props.facet;
|
|
29
|
-
// Redux
|
|
30
|
-
var dispatch = react_redux_1.useDispatch();
|
|
31
|
-
var tagIds = useTypedSelector_1.default(function (state) { return state.tags.allIds; });
|
|
32
|
-
var tagsByIds = useTypedSelector_1.default(function (state) { return state.tags.byIds; });
|
|
33
|
-
var allTagOptions = tagIds.reduce(function (acc, id) {
|
|
34
|
-
var _a, _b;
|
|
35
|
-
var tag = (_a = tagsByIds[id]) === null || _a === void 0 ? void 0 : _a.tag;
|
|
36
|
-
if (tag) {
|
|
37
|
-
acc.push({
|
|
38
|
-
label: (_b = tag === null || tag === void 0 ? void 0 : tag.name) === null || _b === void 0 ? void 0 : _b.current,
|
|
39
|
-
value: tag === null || tag === void 0 ? void 0 : tag._id
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
return acc;
|
|
43
|
-
}, []);
|
|
44
|
-
var handleChange = function (option) {
|
|
45
|
-
dispatch(assets_1.assetsSearchFacetsUpdate(__assign(__assign({}, facet), { value: option })));
|
|
46
|
-
};
|
|
47
|
-
var handleOperatorItemClick = function (operatorType) {
|
|
48
|
-
dispatch(assets_1.assetsSearchFacetsUpdate(__assign(__assign({}, facet), { operatorType: operatorType })));
|
|
49
|
-
};
|
|
50
|
-
var selectedOperatorType = facet.operatorType;
|
|
51
|
-
return (react_1.default.createElement(SearchFacet_1.default, { facet: facet },
|
|
52
|
-
(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) {
|
|
53
|
-
if (operatorType) {
|
|
54
|
-
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 }));
|
|
55
|
-
}
|
|
56
|
-
return react_1.default.createElement(ui_1.MenuDivider, { key: index });
|
|
57
|
-
})) })),
|
|
58
|
-
!constants_1.SEARCH_FACET_OPERATORS[selectedOperatorType].hideInput && (react_1.default.createElement(ui_1.Box, { marginX: 1, style: { width: '140px' } },
|
|
59
|
-
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 })))));
|
|
60
|
-
};
|
|
61
|
-
exports.default = SearchFacetSearchable;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SearchFacetSearchable/index.tsx"],"names":[],"mappings":"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"}
|