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.
Files changed (162) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/app.js +3 -3
  3. package/dist/app.js.map +1 -1
  4. package/dist/components/AssetGridVirtualized/index.js +1 -1
  5. package/dist/components/AssetGridVirtualized/index.js.map +1 -1
  6. package/dist/components/Browser/index.js +2 -8
  7. package/dist/components/Browser/index.js.map +1 -1
  8. package/dist/components/CardAsset/index.js +68 -72
  9. package/dist/components/CardAsset/index.js.map +1 -1
  10. package/dist/components/CardUpload/index.js +1 -1
  11. package/dist/components/CardUpload/index.js.map +1 -1
  12. package/dist/components/Controls/index.js +1 -1
  13. package/dist/components/Controls/index.js.map +1 -1
  14. package/dist/components/DialogAssetEdit/index.js +1 -1
  15. package/dist/components/DialogAssetEdit/index.js.map +1 -1
  16. package/dist/components/DialogSearchFacets/index.js +1 -6
  17. package/dist/components/DialogSearchFacets/index.js.map +1 -1
  18. package/dist/components/DialogTagEdit/index.js +1 -1
  19. package/dist/components/DialogTagEdit/index.js.map +1 -1
  20. package/dist/components/DialogTags/index.js +1 -1
  21. package/dist/components/DialogTags/index.js.map +1 -1
  22. package/dist/components/Dialogs/index.js +2 -2
  23. package/dist/components/Dialogs/index.js.map +1 -1
  24. package/dist/components/DocumentList/index.js +23 -22
  25. package/dist/components/DocumentList/index.js.map +1 -1
  26. package/dist/components/FormFieldInputFilename/index.js.map +1 -1
  27. package/dist/components/FormFieldInputLabel/index.js.map +1 -1
  28. package/dist/components/FormFieldInputText/index.js.map +1 -1
  29. package/dist/components/FormSubmitButton/index.js +16 -3
  30. package/dist/components/FormSubmitButton/index.js.map +1 -1
  31. package/dist/components/ReduxProvider/index.js +1 -0
  32. package/dist/components/ReduxProvider/index.js.map +1 -1
  33. package/dist/components/SearchFacetsControl/index.js +6 -7
  34. package/dist/components/SearchFacetsControl/index.js.map +1 -1
  35. package/dist/components/TableHeader/index.js +6 -2
  36. package/dist/components/TableHeader/index.js.map +1 -1
  37. package/dist/components/TableRowAsset/index.js +15 -21
  38. package/dist/components/TableRowAsset/index.js.map +1 -1
  39. package/dist/components/TableRowUpload/index.js +1 -1
  40. package/dist/components/TableRowUpload/index.js.map +1 -1
  41. package/dist/components/TagIcon/index.js.map +1 -1
  42. package/dist/components/TagViewHeader/index.js +2 -7
  43. package/dist/components/TagViewHeader/index.js.map +1 -1
  44. package/dist/components/TagsVirtualized/index.js +1 -3
  45. package/dist/components/TagsVirtualized/index.js.map +1 -1
  46. package/dist/config/searchFacets.js +6 -6
  47. package/dist/config/searchFacets.js.map +1 -1
  48. package/dist/hooks/useBreakpointIndex.js +2 -2
  49. package/dist/hooks/useBreakpointIndex.js.map +1 -1
  50. package/dist/hooks/useKeyPress.js +3 -3
  51. package/dist/hooks/useKeyPress.js.map +1 -1
  52. package/dist/modules/assets/index.js +31 -54
  53. package/dist/modules/assets/index.js.map +1 -1
  54. package/dist/modules/dialog/index.js +1 -3
  55. package/dist/modules/dialog/index.js.map +1 -1
  56. package/dist/modules/search/index.js.map +1 -1
  57. package/dist/modules/tags/index.js +2 -4
  58. package/dist/modules/tags/index.js.map +1 -1
  59. package/dist/modules/uploads/index.js +18 -13
  60. package/dist/modules/uploads/index.js.map +1 -1
  61. package/dist/operators/debugThrottle.js +2 -2
  62. package/dist/operators/debugThrottle.js.map +1 -1
  63. package/dist/styled/react-select/creatable.js +1 -3
  64. package/dist/styled/react-select/creatable.js.map +1 -1
  65. package/dist/styled/react-select/single.js +1 -3
  66. package/dist/styled/react-select/single.js.map +1 -1
  67. package/dist/utils/generatePreviewBlobUrl.js +3 -0
  68. package/dist/utils/generatePreviewBlobUrl.js.map +1 -1
  69. package/dist/utils/uploadSanityAsset.js +9 -9
  70. package/dist/utils/uploadSanityAsset.js.map +1 -1
  71. package/package.json +51 -43
  72. package/dist/.DS_Store +0 -0
  73. package/dist/components/ButtonAssetClipboardCopy/index.js +0 -71
  74. package/dist/components/ButtonC/index.js +0 -71
  75. package/dist/components/ButtonClipboardCopy/index.js +0 -71
  76. package/dist/components/Card/index.js +0 -188
  77. package/dist/components/Card/index.js.map +0 -1
  78. package/dist/components/CardUpload copy/index.js +0 -60
  79. package/dist/components/Cards/index.js +0 -81
  80. package/dist/components/Cards/index.js.map +0 -1
  81. package/dist/components/DialogDeleteConfirm/index.js +0 -62
  82. package/dist/components/DialogDeleteConfirm/index.js.map +0 -1
  83. package/dist/components/DialogDetails/index.js +0 -322
  84. package/dist/components/DialogDetails/index.js.map +0 -1
  85. package/dist/components/DialogSearchFacets copy/index.js +0 -45
  86. package/dist/components/DialogTagCreate copy/index.js +0 -38
  87. package/dist/components/Dropzone/index.js +0 -66
  88. package/dist/components/Dropzone/index.js.map +0 -1
  89. package/dist/components/DropzoneTest/index.js +0 -37
  90. package/dist/components/FormDetails/index.js +0 -241
  91. package/dist/components/GlobalStyles/index.js +0 -10
  92. package/dist/components/LegacyContextActionContainer/index.js +0 -32
  93. package/dist/components/LegacyContextActionContainer/index.js.map +0 -1
  94. package/dist/components/Main/index.js +0 -73
  95. package/dist/components/Main/index.js.map +0 -1
  96. package/dist/components/NoResults/index.js +0 -12
  97. package/dist/components/PanelHeader/index.js +0 -48
  98. package/dist/components/PanelHeader/index.js.map +0 -1
  99. package/dist/components/Portal/Portal.js +0 -50
  100. package/dist/components/Portal/index.js +0 -49
  101. package/dist/components/Portal/index.js.map +0 -1
  102. package/dist/components/SearchFacetSearchable/index.js +0 -61
  103. package/dist/components/SearchFacetSearchable/index.js.map +0 -1
  104. package/dist/components/Table/index.js +0 -79
  105. package/dist/components/Table/index.js.map +0 -1
  106. package/dist/components/TableRow/index.js +0 -225
  107. package/dist/components/TableRow/index.js.map +0 -1
  108. package/dist/components/TagPanel/index.js +0 -19
  109. package/dist/components/TagPanel/index.js.map +0 -1
  110. package/dist/components/Tags/index.js +0 -21
  111. package/dist/components/Tags/index.js.map +0 -1
  112. package/dist/components/TagsAll/index.js +0 -23
  113. package/dist/components/TagsAll/index.js.map +0 -1
  114. package/dist/components/TagsPicked/index.js +0 -61
  115. package/dist/components/TagsPicked/index.js.map +0 -1
  116. package/dist/components/TagsView/index.js +0 -32
  117. package/dist/components/TextEllipsis/index.js +0 -14
  118. package/dist/components/TextEllipsis/index.js.map +0 -1
  119. package/dist/components/UploadCard/index.js +0 -14
  120. package/dist/constants/searchFacets.js +0 -272
  121. package/dist/contexts/AssetSourceDispatchContext copy.js +0 -41
  122. package/dist/helpers/withRedux.js +0 -84
  123. package/dist/helpers/withRedux.js.map +0 -1
  124. package/dist/modules/assets/assetsSlice.js +0 -552
  125. package/dist/modules/assets/types.js +0 -2
  126. package/dist/modules/assets/types.js.map +0 -1
  127. package/dist/modules/debug/debugSlice.js +0 -23
  128. package/dist/modules/debug/types.js +0 -2
  129. package/dist/modules/debug/types.js.map +0 -1
  130. package/dist/modules/debug copy/index.js +0 -22
  131. package/dist/modules/dialog/dialogSlice.js +0 -192
  132. package/dist/modules/dialog/types.js +0 -2
  133. package/dist/modules/dialog/types.js.map +0 -1
  134. package/dist/modules/document/documentSlice.js +0 -9
  135. package/dist/modules/document/index.js +0 -9
  136. package/dist/modules/document/index.js.map +0 -1
  137. package/dist/modules/document/types.js +0 -3
  138. package/dist/modules/document/types.js.map +0 -1
  139. package/dist/modules/document copy/index.js +0 -9
  140. package/dist/modules/documentAssets/index.js +0 -9
  141. package/dist/modules/notifications/notificationsSlice.js +0 -123
  142. package/dist/modules/notifications/types.js +0 -2
  143. package/dist/modules/notifications/types.js.map +0 -1
  144. package/dist/modules/search/searchSlice.js +0 -122
  145. package/dist/modules/search/types.js +0 -2
  146. package/dist/modules/search/types.js.map +0 -1
  147. package/dist/modules/selectedAssets/index.js +0 -9
  148. package/dist/modules/selectedAssets/index.js.map +0 -1
  149. package/dist/modules/selectedAssets/selectedAssetsSlice.js +0 -9
  150. package/dist/modules/selectedAssets/types.js +0 -2
  151. package/dist/modules/selectedAssets/types.js.map +0 -1
  152. package/dist/modules/selectedAssets copy/index.js +0 -9
  153. package/dist/modules/tags/selectedAssetsSlice.js +0 -9
  154. package/dist/modules/tags/tagsSlice.js +0 -442
  155. package/dist/modules/tags/tagsSlice.js.map +0 -1
  156. package/dist/modules/tags/types.js +0 -2
  157. package/dist/modules/tags/types.js.map +0 -1
  158. package/dist/modules/theme/index.js +0 -21
  159. package/dist/modules/theme/index.js.map +0 -1
  160. package/dist/operators/debugThrottle copy.js +0 -15
  161. package/dist/operators/fetchExistingTag.js +0 -27
  162. package/dist/utils/getDocumentAssetRefs.js +0 -50
@@ -1,322 +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
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
- if (k2 === undefined) k2 = k;
19
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
37
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
38
- return new (P || (P = Promise))(function (resolve, reject) {
39
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
40
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
41
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
42
- step((generator = generator.apply(thisArg, _arguments || [])).next());
43
- });
44
- };
45
- var __generator = (this && this.__generator) || function (thisArg, body) {
46
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
47
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
48
- function verb(n) { return function (v) { return step([n, v]); }; }
49
- function step(op) {
50
- if (f) throw new TypeError("Generator is already executing.");
51
- while (_) try {
52
- 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;
53
- if (y = 0, t) op = [op[0] & 2, t.value];
54
- switch (op[0]) {
55
- case 0: case 1: t = op; break;
56
- case 4: _.label++; return { value: op[1], done: false };
57
- case 5: _.label++; y = op[1]; op = [0]; continue;
58
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
59
- default:
60
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
61
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
62
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
63
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
64
- if (t[2]) _.ops.pop();
65
- _.trys.pop(); continue;
66
- }
67
- op = body.call(thisArg, _);
68
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
69
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
70
- }
71
- };
72
- var __importDefault = (this && this.__importDefault) || function (mod) {
73
- return (mod && mod.__esModule) ? mod : { "default": mod };
74
- };
75
- Object.defineProperty(exports, "__esModule", { value: true });
76
- var yup_1 = require("@hookform/resolvers/yup");
77
- var ui_1 = require("@sanity/ui");
78
- var groq_1 = __importDefault(require("groq"));
79
- var client_1 = __importDefault(require("part:@sanity/base/client"));
80
- var react_1 = __importStar(require("react"));
81
- var react_hook_form_1 = require("react-hook-form");
82
- var react_redux_1 = require("react-redux");
83
- var theme_ui_1 = require("theme-ui");
84
- var yup = __importStar(require("yup"));
85
- var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
86
- var assets_1 = require("../../modules/assets");
87
- var dialog_1 = require("../../modules/dialog");
88
- var tags_1 = require("../../modules/tags");
89
- var imageDprUrl_1 = __importDefault(require("../../utils/imageDprUrl"));
90
- var typeGuards_1 = require("../../utils/typeGuards");
91
- var AssetMetadata_1 = __importDefault(require("../AssetMetadata"));
92
- var DocumentList_1 = __importDefault(require("../DocumentList"));
93
- var FileAssetPreview_1 = __importDefault(require("../FileAssetPreview"));
94
- var FormFieldInputFilename_1 = __importDefault(require("../FormFieldInputFilename"));
95
- var FormFieldInputTags_1 = __importDefault(require("../FormFieldInputTags"));
96
- var FormFieldInputText_1 = __importDefault(require("../FormFieldInputText"));
97
- var FormFieldInputTextarea_1 = __importDefault(require("../FormFieldInputTextarea"));
98
- var Image_1 = __importDefault(require("../Image"));
99
- var formSchema = yup.object().shape({
100
- originalFilename: yup.string().required('Filename cannot be empty')
101
- });
102
- // Sanitize form data: convert empty strings and undefined values to null.
103
- // null values will correctly unset / delete fields
104
- var sanitizeFormData = function (formData) {
105
- return Object.keys(formData).reduce(function (acc, key) {
106
- if (formData[key] === '' || typeof formData[key] === 'undefined') {
107
- acc[key] = null;
108
- }
109
- else {
110
- acc[key] = formData[key];
111
- }
112
- return acc;
113
- }, {});
114
- };
115
- var getFilenameWithoutExtension = function (asset) {
116
- var _a, _b;
117
- var extensionIndex = (_a = asset === null || asset === void 0 ? void 0 : asset.originalFilename) === null || _a === void 0 ? void 0 : _a.lastIndexOf("." + asset.extension);
118
- return (_b = asset === null || asset === void 0 ? void 0 : asset.originalFilename) === null || _b === void 0 ? void 0 : _b.slice(0, extensionIndex);
119
- };
120
- var DialogDetails = function (props) {
121
- var _a, _b, _c, _d;
122
- var children = props.children, _e = props.dialog, assetId = _e.assetId, id = _e.id, lastCreatedTagId = _e.lastCreatedTagId;
123
- // Redux
124
- var dispatch = react_redux_1.useDispatch();
125
- var byIds = useTypedSelector_1.default(function (state) { return state.assets.byIds; });
126
- var item = byIds[assetId || ''];
127
- var tagIds = useTypedSelector_1.default(function (state) { return state.tags.allIds; });
128
- var tagsByIds = useTypedSelector_1.default(function (state) { return state.tags.byIds; });
129
- var asset = item === null || item === void 0 ? void 0 : item.asset;
130
- // Refs
131
- var isMounted = react_1.useRef(false);
132
- // State
133
- // - Generate a snapshot of the current asset
134
- var _f = react_1.useState(asset), assetSnapshot = _f[0], setAssetSnapshot = _f[1];
135
- var _g = react_1.useState('details'), tabSection = _g[0], setTabSection = _g[1];
136
- var currentAsset = item ? asset : assetSnapshot;
137
- var allTagOptions = tagIds.reduce(function (acc, id) {
138
- var _a, _b;
139
- var tag = (_a = tagsByIds[id]) === null || _a === void 0 ? void 0 : _a.tag;
140
- if (tag) {
141
- acc.push({
142
- label: (_b = tag === null || tag === void 0 ? void 0 : tag.name) === null || _b === void 0 ? void 0 : _b.current,
143
- value: tag === null || tag === void 0 ? void 0 : tag._id
144
- });
145
- }
146
- return acc;
147
- }, []);
148
- // Map tag references to react-select options, skip over items with nullish labels or values
149
- var generateTagOptions = function (asset) {
150
- var _a, _b, _c;
151
- 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) {
152
- var _a, _b;
153
- var tag = (_a = tagsByIds[v._ref]) === null || _a === void 0 ? void 0 : _a.tag;
154
- if (tag) {
155
- acc.push({
156
- label: (_b = tag === null || tag === void 0 ? void 0 : tag.name) === null || _b === void 0 ? void 0 : _b.current,
157
- value: tag === null || tag === void 0 ? void 0 : tag._id
158
- });
159
- }
160
- return acc;
161
- }, []);
162
- if (tags && (tags === null || tags === void 0 ? void 0 : tags.length) > 0) {
163
- return tags;
164
- }
165
- return null;
166
- };
167
- var generateDefaultValues = function (asset) { return ({
168
- altText: (asset === null || asset === void 0 ? void 0 : asset.altText) || '',
169
- description: (asset === null || asset === void 0 ? void 0 : asset.description) || '',
170
- originalFilename: asset ? getFilenameWithoutExtension(asset) : undefined,
171
- opt: {
172
- media: {
173
- tags: generateTagOptions(asset)
174
- }
175
- },
176
- title: (asset === null || asset === void 0 ? void 0 : asset.title) || ''
177
- }); };
178
- // Generate a string from all current tag labels
179
- // This is used purely to determine tag updates to then update the form in real time
180
- var currentTagLabels = (_a = generateTagOptions(currentAsset)) === null || _a === void 0 ? void 0 : _a.map(function (tag) { return tag.label; }).join(',');
181
- // react-hook-form
182
- var _h = react_hook_form_1.useForm({
183
- defaultValues: generateDefaultValues(asset),
184
- mode: 'onChange',
185
- resolver: yup_1.yupResolver(formSchema)
186
- }), control = _h.control, errors = _h.errors, formState = _h.formState, getValues = _h.getValues, handleSubmit = _h.handleSubmit, register = _h.register, reset = _h.reset, setValue = _h.setValue;
187
- // Callbacks
188
- var handleClose = function () {
189
- dispatch(dialog_1.dialogRemove(id));
190
- };
191
- var handleDelete = function () {
192
- if (!asset) {
193
- return;
194
- }
195
- dispatch(dialog_1.dialogShowDeleteConfirm(asset._id, {
196
- closeDialogId: asset._id
197
- }));
198
- };
199
- var handleAssetUpdate = function (update) {
200
- var result = update.result, transition = update.transition;
201
- if (result && transition === 'update') {
202
- // Regenerate asset snapshot
203
- setAssetSnapshot(result);
204
- // Reset react-hook-form
205
- reset(generateDefaultValues(result));
206
- }
207
- };
208
- var handleCreateTag = function (tagName) {
209
- // Dispatch action to create new tag
210
- dispatch(tags_1.tagsCreate(tagName, {
211
- assetId: currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset._id
212
- }));
213
- };
214
- // - submit react-hook-form
215
- var onSubmit = function (formData) { return __awaiter(void 0, void 0, void 0, function () {
216
- var sanitizedFormData;
217
- var _a;
218
- return __generator(this, function (_b) {
219
- if (!asset) {
220
- return [2 /*return*/];
221
- }
222
- sanitizedFormData = sanitizeFormData(formData);
223
- dispatch(assets_1.assetsUpdate(asset, __assign(__assign({}, sanitizedFormData), {
224
- // Map tags to sanity references
225
- opt: {
226
- media: __assign(__assign({}, sanitizedFormData.opt.media), { tags: ((_a = sanitizedFormData.opt.media.tags) === null || _a === void 0 ? void 0 : _a.map(function (tag) { return ({
227
- _ref: tag.value,
228
- _type: 'reference',
229
- _weak: true
230
- }); })) || null })
231
- },
232
- // Append extension to filename
233
- originalFilename: sanitizedFormData.originalFilename + "." + asset.extension }),
234
- // Options
235
- {
236
- closeDialogId: asset._id
237
- }));
238
- return [2 /*return*/];
239
- });
240
- }); };
241
- // Effects
242
- // - Listen for asset mutations and update snapshot
243
- react_1.useEffect(function () {
244
- if (!asset) {
245
- return;
246
- }
247
- // Remember that Sanity listeners ignore joins, order clauses and projections
248
- var subscriptionAsset = client_1.default
249
- .listen(groq_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["*[_id == $id]"], ["*[_id == $id]"]))), { id: asset._id })
250
- .subscribe(handleAssetUpdate);
251
- return function () {
252
- subscriptionAsset === null || subscriptionAsset === void 0 ? void 0 : subscriptionAsset.unsubscribe();
253
- };
254
- }, []);
255
- // - Partially reset form when current tags have changed (and after initial mount)
256
- react_1.useEffect(function () {
257
- if (isMounted.current) {
258
- reset({
259
- opt: {
260
- media: {
261
- tags: generateTagOptions(currentAsset)
262
- }
263
- }
264
- }, {
265
- errors: true,
266
- dirtyFields: true,
267
- isDirty: true
268
- });
269
- }
270
- // Mark as mounted
271
- isMounted.current = true;
272
- }, [currentTagLabels]);
273
- // - Update tags field with new tag if one has been created
274
- react_1.useEffect(function () {
275
- var _a;
276
- if (lastCreatedTagId) {
277
- var tag = (_a = tagsByIds[lastCreatedTagId]) === null || _a === void 0 ? void 0 : _a.tag;
278
- if (tag) {
279
- var existingTags = getValues('opt.media.tags') || [];
280
- var updatedTags = existingTags.concat([
281
- {
282
- label: tag.name.current,
283
- value: tag._id
284
- }
285
- ]);
286
- setValue('opt.media.tags', updatedTags, { shouldDirty: true });
287
- }
288
- }
289
- }, [lastCreatedTagId]);
290
- var Footer = function () { return (react_1.default.createElement(ui_1.Box, { padding: 3 },
291
- react_1.default.createElement(ui_1.Flex, { justify: "space-between" },
292
- react_1.default.createElement(ui_1.Button, { disabled: !item || (item === null || item === void 0 ? void 0 : item.updating), fontSize: 1, mode: "bleed", onClick: handleDelete, text: "Delete", tone: "critical" }),
293
- react_1.default.createElement(ui_1.Button, { disabled: !item || (item === null || item === void 0 ? void 0 : item.updating) || !formState.isDirty || !formState.isValid, fontSize: 1, onClick: handleSubmit(onSubmit), text: "Save and close", tone: "primary" })))); };
294
- return (react_1.default.createElement(ui_1.Dialog, { footer: react_1.default.createElement(Footer, null), header: "Asset details", id: id, onClose: handleClose, scheme: "dark", width: 3 },
295
- react_1.default.createElement(ui_1.Flex, { direction: ['column-reverse', 'column-reverse', 'row-reverse'] },
296
- react_1.default.createElement(ui_1.Box, { flex: 1, marginTop: [5, 5, 0], padding: 4 },
297
- react_1.default.createElement(ui_1.TabList, { space: 2 },
298
- react_1.default.createElement(ui_1.Tab, { "aria-controls": "details-panel", disabled: !item, id: "details-tab", label: "Details", onClick: function () { return setTabSection('details'); }, selected: tabSection === 'details', size: 2 }),
299
- react_1.default.createElement(ui_1.Tab, { "aria-controls": "references-panel", disabled: !item, id: "references-tab", label: "References", onClick: function () { return setTabSection('references'); }, selected: tabSection === 'references', size: 2 })),
300
- react_1.default.createElement(ui_1.Box, { as: "form", marginTop: 4, onSubmit: handleSubmit(onSubmit) },
301
- !item && (react_1.default.createElement(ui_1.Card, { marginBottom: 3, padding: 3, radius: 2, shadow: 1, tone: "critical" },
302
- react_1.default.createElement(ui_1.Text, { size: 1 }, "This file cannot be found \u2013 it may have been deleted."))),
303
- react_1.default.createElement("button", { style: { display: 'none' }, tabIndex: -1, type: "submit" }),
304
- react_1.default.createElement(ui_1.TabPanel, { "aria-labelledby": "details", hidden: tabSection !== 'details', id: "details-panel" },
305
- react_1.default.createElement(ui_1.Stack, { space: 3 },
306
- react_1.default.createElement(FormFieldInputTags_1.default, { control: control, disabled: !item || (item === null || item === void 0 ? void 0 : item.updating), 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(currentAsset) }),
307
- react_1.default.createElement(FormFieldInputFilename_1.default, { disabled: !item || (item === null || item === void 0 ? void 0 : item.updating), error: errors === null || errors === void 0 ? void 0 : errors.originalFilename, extension: (currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset.extension) || '', label: "Filename", name: "originalFilename", ref: register, value: getFilenameWithoutExtension(currentAsset) }),
308
- react_1.default.createElement(FormFieldInputText_1.default, { disabled: !item || (item === null || item === void 0 ? void 0 : item.updating), error: errors === null || errors === void 0 ? void 0 : errors.title, label: "Title", name: "title", ref: register, value: currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset.title }),
309
- react_1.default.createElement(FormFieldInputText_1.default, { disabled: !item || (item === null || item === void 0 ? void 0 : item.updating), error: errors === null || errors === void 0 ? void 0 : errors.altText, label: "Alt Text", name: "altText", ref: register, value: currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset.altText }),
310
- react_1.default.createElement(FormFieldInputTextarea_1.default, { disabled: !item || (item === null || item === void 0 ? void 0 : item.updating), error: errors === null || errors === void 0 ? void 0 : errors.description, label: "Description", name: "description", ref: register, rows: 3, value: currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset.description }))),
311
- react_1.default.createElement(ui_1.TabPanel, { "aria-labelledby": "references", hidden: tabSection !== 'references', id: "references-panel" },
312
- react_1.default.createElement(ui_1.Box, { marginTop: 5 }, asset && react_1.default.createElement(DocumentList_1.default, { assetId: asset._id }))))),
313
- react_1.default.createElement(ui_1.Box, { flex: 1, padding: 4 },
314
- react_1.default.createElement(theme_ui_1.AspectRatio, { ratio: 1 },
315
- typeGuards_1.isFileAsset(currentAsset) && react_1.default.createElement(FileAssetPreview_1.default, { asset: currentAsset }),
316
- typeGuards_1.isImageAsset(currentAsset) && (react_1.default.createElement(Image_1.default, { draggable: false, showCheckerboard: !((_d = currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset.metadata) === null || _d === void 0 ? void 0 : _d.isOpaque), src: imageDprUrl_1.default(currentAsset, { height: 600, width: 600 }) }))),
317
- currentAsset && (react_1.default.createElement(ui_1.Box, { marginTop: 4 },
318
- react_1.default.createElement(AssetMetadata_1.default, { asset: currentAsset, item: item }))))),
319
- children));
320
- };
321
- exports.default = DialogDetails;
322
- var templateObject_1;
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DialogDetails/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AAEnD,iCAA+F;AAE/F,8CAAuB;AACvB,oEAA6C;AAC7C,6CAAuE;AACvE,mDAAuC;AACvC,2CAAuC;AACvC,qCAAoC;AACpC,uCAA0B;AAE1B,kFAA2D;AAC3D,+CAAiD;AACjD,+CAA0E;AAC1E,2CAA6C;AAC7C,wEAAiD;AACjD,qDAAgE;AAChE,mEAA4C;AAC5C,iEAA0C;AAC1C,yEAAkD;AAClD,qFAA8D;AAC9D,6EAAsD;AACtD,6EAAsD;AACtD,qFAA8D;AAC9D,mDAA4B;AAS5B,IAAM,UAAU,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC;IACpC,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,0BAA0B,CAAC;CACpE,CAAC,CAAA;AAEF,0EAA0E;AAC1E,mDAAmD;AACnD,IAAM,gBAAgB,GAAG,UAAC,QAAkB;IAC1C,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAC,GAAwB,EAAE,GAAG;QAChE,IAAI,QAAQ,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,OAAO,QAAQ,CAAC,GAAG,CAAC,KAAK,WAAW,EAAE;YAChE,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;SAChB;aAAM;YACL,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAA;SACzB;QAED,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC,CAAA;AAED,IAAM,2BAA2B,GAAG,UAAC,KAAa;;IAChD,IAAM,cAAc,SAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,0CAAE,WAAW,CAAC,MAAI,KAAK,CAAC,SAAW,CAAC,CAAA;IAClF,aAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,0CAAE,KAAK,CAAC,CAAC,EAAE,cAAc,EAAC;AAC1D,CAAC,CAAA;AAED,IAAM,aAAa,GAAc,UAAC,KAAY;;IAE1C,IAAA,QAAQ,GAEN,KAAK,SAFC,EACR,KACE,KAAK,OADgC,EAA9B,OAAO,aAAA,EAAE,EAAE,QAAA,EAAE,gBAAgB,sBAAC,CAChC;IAET,QAAQ;IACR,IAAM,QAAQ,GAAG,yBAAW,EAAE,CAAA;IAC9B,IAAM,KAAK,GAAG,0BAAgB,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,MAAM,CAAC,KAAK,EAAlB,CAAkB,CAAC,CAAA;IAC3D,IAAM,IAAI,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAA;IACjC,IAAM,MAAM,GAAG,0BAAgB,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,CAAC,MAAM,EAAjB,CAAiB,CAAC,CAAA;IAC3D,IAAM,SAAS,GAAG,0BAAgB,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,CAAC,KAAK,EAAhB,CAAgB,CAAC,CAAA;IAE7D,IAAM,KAAK,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAA;IAEzB,OAAO;IACP,IAAM,SAAS,GAAG,cAAM,CAAC,KAAK,CAAC,CAAA;IAE/B,QAAQ;IACR,6CAA6C;IACvC,IAAA,KAAoC,gBAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IACnD,IAAA,KAA8B,gBAAQ,CAA2B,SAAS,CAAC,EAA1E,UAAU,QAAA,EAAE,aAAa,QAAiD,CAAA;IAEjF,IAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAA;IAEjD,IAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,UAAC,GAAwB,EAAE,EAAE;;QAC/D,IAAM,GAAG,SAAG,SAAS,CAAC,EAAE,CAAC,0CAAE,GAAG,CAAA;QAE9B,IAAI,GAAG,EAAE;YACP,GAAG,CAAC,IAAI,CAAC;gBACP,KAAK,QAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,0CAAE,OAAO;gBACzB,KAAK,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,GAAG;aAChB,CAAC,CAAA;SACH;QAED,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,4FAA4F;IAC5F,IAAM,kBAAkB,GAAG,UAAC,KAAa;;QACvC,IAAM,IAAI,qBAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,0CAAE,KAAK,0CAAE,IAAI,0CAAE,MAAM,CAAC,UAAC,GAAwB,EAAE,CAAC;;YACvE,IAAM,GAAG,SAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,0CAAE,GAAG,CAAA;YAClC,IAAI,GAAG,EAAE;gBACP,GAAG,CAAC,IAAI,CAAC;oBACP,KAAK,QAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,0CAAE,OAAO;oBACzB,KAAK,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,GAAG;iBAChB,CAAC,CAAA;aACH;YACD,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,IAAI,IAAI,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,EAAE;YAC5B,OAAO,IAAI,CAAA;SACZ;QAED,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,IAAM,qBAAqB,GAAG,UAAC,KAAa,IAAK,OAAA,CAAC;QAChD,OAAO,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,KAAI,EAAE;QAC7B,WAAW,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,EAAE;QACrC,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC,2BAA2B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QACxE,GAAG,EAAE;YACH,KAAK,EAAE;gBACL,IAAI,EAAE,kBAAkB,CAAC,KAAK,CAAC;aAChC;SACF;QACD,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,EAAE;KAC1B,CAAC,EAV+C,CAU/C,CAAA;IAEF,gDAAgD;IAChD,oFAAoF;IACpF,IAAM,gBAAgB,SAAG,kBAAkB,CAAC,YAAY,CAAC,0CACrD,GAAG,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,KAAK,EAAT,CAAS,EACrB,IAAI,CAAC,GAAG,CAAC,CAAA;IAEZ,kBAAkB;IACZ,IAAA,KAAmF,yBAAO,CAAC;QAC/F,aAAa,EAAE,qBAAqB,CAAC,KAAK,CAAC;QAC3C,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,iBAAW,CAAC,UAAU,CAAC;KAClC,CAAC,EAJK,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAInF,CAAA;IAEF,YAAY;IACZ,IAAM,WAAW,GAAG;QAClB,QAAQ,CAAC,qBAAY,CAAC,EAAE,CAAC,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,IAAM,YAAY,GAAG;QACnB,IAAI,CAAC,KAAK,EAAE;YACV,OAAM;SACP;QAED,QAAQ,CACN,gCAAuB,CAAC,KAAK,CAAC,GAAG,EAAE;YACjC,aAAa,EAAE,KAAK,CAAC,GAAG;SACzB,CAAC,CACH,CAAA;IACH,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG,UAAC,MAAqB;QACvC,IAAA,MAAM,GAAgB,MAAM,OAAtB,EAAE,UAAU,GAAI,MAAM,WAAV,CAAU;QAEnC,IAAI,MAAM,IAAI,UAAU,KAAK,QAAQ,EAAE;YACrC,4BAA4B;YAC5B,gBAAgB,CAAC,MAAe,CAAC,CAAA;YAEjC,wBAAwB;YACxB,KAAK,CAAC,qBAAqB,CAAC,MAAe,CAAC,CAAC,CAAA;SAC9C;IACH,CAAC,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,OAAe;QACtC,oCAAoC;QACpC,QAAQ,CACN,iBAAU,CAAC,OAAO,EAAE;YAClB,OAAO,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG;SAC3B,CAAC,CACH,CAAA;IACH,CAAC,CAAA;IAED,2BAA2B;IAC3B,IAAM,QAAQ,GAAG,UAAO,QAAkB;;;;YACxC,IAAI,CAAC,KAAK,EAAE;gBACV,sBAAM;aACP;YAGK,iBAAiB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;YAEpD,QAAQ,CACN,qBAAY,CACV,KAAK,wBAGA,iBAAiB;gBACpB,gCAAgC;gBAChC,GAAG,EAAE;oBACH,KAAK,wBACA,iBAAiB,CAAC,GAAG,CAAC,KAAK,KAC9B,IAAI,EACF,OAAA,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,0CAAE,GAAG,CAAC,UAAC,GAAsB,IAAK,OAAA,CAAC;4BACjE,IAAI,EAAE,GAAG,CAAC,KAAK;4BACf,KAAK,EAAE,WAAW;4BAClB,KAAK,EAAE,IAAI;yBACZ,CAAC,EAJgE,CAIhE,MAAK,IAAI,GACd;iBACF;gBACD,+BAA+B;gBAC/B,gBAAgB,EAAK,iBAAiB,CAAC,gBAAgB,SAAI,KAAK,CAAC,SAAW;YAE9E,UAAU;YACV;gBACE,aAAa,EAAE,KAAK,CAAC,GAAG;aACzB,CACF,CACF,CAAA;;;SACF,CAAA;IAED,UAAU;IACV,mDAAmD;IACnD,iBAAS,CAAC;QACR,IAAI,CAAC,KAAK,EAAE;YACV,OAAM;SACP;QAED,6EAA6E;QAC7E,IAAM,iBAAiB,GAAG,gBAAM;aAC7B,MAAM,CAAC,cAAI,kFAAA,eAAe,MAAE,EAAC,EAAE,EAAE,KAAK,CAAC,GAAG,EAAC,CAAC;aAC5C,SAAS,CAAC,iBAAiB,CAAC,CAAA;QAE/B,OAAO;YACL,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,WAAW,GAAE;QAClC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,kFAAkF;IAClF,iBAAS,CAAC;QACR,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,KAAK,CACH;gBACE,GAAG,EAAE;oBACH,KAAK,EAAE;wBACL,IAAI,EAAE,kBAAkB,CAAC,YAAY,CAAC;qBACvC;iBACF;aACF,EACD;gBACE,MAAM,EAAE,IAAI;gBACZ,WAAW,EAAE,IAAI;gBACjB,OAAO,EAAE,IAAI;aACd,CACF,CAAA;SACF;QAED,kBAAkB;QAClB,SAAS,CAAC,OAAO,GAAG,IAAI,CAAA;IAC1B,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,2DAA2D;IAC3D,iBAAS,CAAC;;QACR,IAAI,gBAAgB,EAAE;YACpB,IAAM,GAAG,SAAG,SAAS,CAAC,gBAAgB,CAAC,0CAAE,GAAG,CAAA;YAC5C,IAAI,GAAG,EAAE;gBACP,IAAM,YAAY,GAAI,SAAS,CAAC,gBAAgB,CAAyB,IAAI,EAAE,CAAA;gBAC/E,IAAM,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC;oBACtC;wBACE,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,OAAO;wBACvB,KAAK,EAAE,GAAG,CAAC,GAAG;qBACf;iBACF,CAAC,CAAA;gBAEF,QAAQ,CAAC,gBAAgB,EAAE,WAAW,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC,CAAA;aAC7D;SACF;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,IAAM,MAAM,GAAG,cAAM,OAAA,CACnB,8BAAC,QAAG,IAAC,OAAO,EAAE,CAAC;QACb,8BAAC,SAAI,IAAC,OAAO,EAAC,eAAe;YAE3B,8BAAC,WAAM,IACL,QAAQ,EAAE,CAAC,IAAI,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,EACjC,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,GACf;YAGF,8BAAC,WAAM,IACL,QAAQ,EAAE,CAAC,IAAI,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,EAC7E,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,EAC/B,IAAI,EAAC,gBAAgB,EACrB,IAAI,EAAC,SAAS,GACd,CACG,CACH,CACP,EAvBoB,CAuBpB,CAAA;IAED,OAAO,CACL,8BAAC,WAAM,IACL,MAAM,EAAE,8BAAC,MAAM,OAAG,EAClB,MAAM,EAAC,eAAe,EACtB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,WAAW,EACpB,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,CAAC;QAOR,8BAAC,SAAI,IAAC,SAAS,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,CAAC;YAClE,8BAAC,QAAG,IAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC;gBAE5C,8BAAC,YAAO,IAAC,KAAK,EAAE,CAAC;oBACf,8BAAC,QAAG,qBACY,eAAe,EAC7B,QAAQ,EAAE,CAAC,IAAI,EACf,EAAE,EAAC,aAAa,EAChB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,SAAS,CAAC,EAAxB,CAAwB,EACvC,QAAQ,EAAE,UAAU,KAAK,SAAS,EAClC,IAAI,EAAE,CAAC,GACP;oBACF,8BAAC,QAAG,qBACY,kBAAkB,EAChC,QAAQ,EAAE,CAAC,IAAI,EACf,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,YAAY,CAAC,EAA3B,CAA2B,EAC1C,QAAQ,EAAE,UAAU,KAAK,YAAY,EACrC,IAAI,EAAE,CAAC,GACP,CACM;gBAGV,8BAAC,QAAG,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;oBAE1D,CAAC,IAAI,IAAI,CACR,8BAAC,SAAI,IAAC,YAAY,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAC,UAAU;wBACtE,8BAAC,SAAI,IAAC,IAAI,EAAE,CAAC,iEAA8D,CACtE,CACR;oBAGD,0CAAQ,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAC,QAAQ,GAAG;oBAGhE,8BAAC,aAAQ,uBACS,SAAS,EACzB,MAAM,EAAE,UAAU,KAAK,SAAS,EAChC,EAAE,EAAC,eAAe;wBAElB,8BAAC,UAAK,IAAC,KAAK,EAAE,CAAC;4BAEb,8BAAC,4BAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,IAAI,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,EACjC,KAAK,cAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,0CAAE,KAAK,0CAAE,IAAI,EAC/B,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,gBAAgB,EACrB,WAAW,EAAE,eAAe,EAC5B,OAAO,EAAE,aAAa,EACtB,WAAW,EAAC,qBAAqB,EACjC,KAAK,EAAE,kBAAkB,CAAC,YAAY,CAAC,GACvC;4BAEF,8BAAC,gCAAsB,IACrB,QAAQ,EAAE,CAAC,IAAI,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,EACjC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,EAC/B,SAAS,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,KAAI,EAAE,EACxC,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,kBAAkB,EACvB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,2BAA2B,CAAC,YAAY,CAAC,GAChD;4BAEF,8BAAC,4BAAkB,IACjB,QAAQ,EAAE,CAAC,IAAI,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,EACjC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EACpB,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,GAC1B;4BAEF,8BAAC,4BAAkB,IACjB,QAAQ,EAAE,CAAC,IAAI,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,EACjC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EACtB,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,GAC5B;4BAEF,8BAAC,gCAAsB,IACrB,QAAQ,EAAE,CAAC,IAAI,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,EACjC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EAC1B,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,aAAa,EAClB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,GAChC,CACI,CACC;oBAGX,8BAAC,aAAQ,uBACS,YAAY,EAC5B,MAAM,EAAE,UAAU,KAAK,YAAY,EACnC,EAAE,EAAC,kBAAkB;wBAErB,8BAAC,QAAG,IAAC,SAAS,EAAE,CAAC,IAAG,KAAK,IAAI,8BAAC,sBAAY,IAAC,OAAO,EAAE,KAAK,CAAC,GAAG,GAAI,CAAO,CAC/D,CACP,CACF;YAEN,8BAAC,QAAG,IAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC;gBACtB,8BAAC,sBAAW,IAAC,KAAK,EAAE,CAAC;oBAElB,wBAAW,CAAC,YAAY,CAAC,IAAI,8BAAC,0BAAgB,IAAC,KAAK,EAAE,YAAY,GAAI;oBAGtE,yBAAY,CAAC,YAAY,CAAC,IAAI,CAC7B,8BAAC,eAAK,IACJ,SAAS,EAAE,KAAK,EAChB,gBAAgB,EAAE,QAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,0CAAE,QAAQ,CAAA,EACnD,GAAG,EAAE,qBAAW,CAAC,YAAY,EAAE,EAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,CAAC,GACzD,CACH,CACW;gBAGb,YAAY,IAAI,CACf,8BAAC,QAAG,IAAC,SAAS,EAAE,CAAC;oBACf,8BAAC,uBAAa,IAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,GAAI,CAC9C,CACP,CACG,CACD;QAEN,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}
@@ -1,45 +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 react_redux_1 = require("react-redux");
28
- var dialog_1 = require("../../modules/dialog");
29
- var SearchFacets_1 = __importDefault(require("../SearchFacets"));
30
- var SearchFacetsControl_1 = __importDefault(require("../SearchFacetsControl"));
31
- var DialogSearchFacets = function (props) {
32
- var children = props.children, id = props.dialog.id;
33
- // Redux
34
- var dispatch = react_redux_1.useDispatch();
35
- // Callbacks
36
- var handleClose = react_1.useCallback(function () {
37
- dispatch(dialog_1.dialogClear());
38
- }, []);
39
- return (react_1.default.createElement(ui_1.Dialog, { scheme: "dark", header: "Filters", id: id, onClose: handleClose, width: 1 },
40
- react_1.default.createElement(ui_1.Box, { padding: 3 },
41
- react_1.default.createElement(SearchFacets_1.default, { layout: "stack" }),
42
- react_1.default.createElement(SearchFacetsControl_1.default, null)),
43
- children));
44
- };
45
- exports.default = DialogSearchFacets;
@@ -1,38 +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
- Object.defineProperty(exports, "__esModule", { value: true });
22
- var ui_1 = require("@sanity/ui");
23
- var react_1 = __importStar(require("react"));
24
- var react_redux_1 = require("react-redux");
25
- var dialog_1 = require("../../modules/dialog");
26
- var DialogTagCreate = function (props) {
27
- var children = props.children, id = props.dialog.id;
28
- // Redux
29
- var dispatch = react_redux_1.useDispatch();
30
- // Callbacks
31
- var handleClose = react_1.useCallback(function () {
32
- dispatch(dialog_1.dialogClear());
33
- }, []);
34
- return (react_1.default.createElement(ui_1.Dialog, { scheme: "dark", header: "Create Tag", id: id, onClose: handleClose, width: 1 },
35
- react_1.default.createElement(ui_1.Box, null, "(Create tag form)"),
36
- children));
37
- };
38
- exports.default = DialogTagCreate;
@@ -1,66 +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 react_1 = __importDefault(require("react"));
18
- var react_dropzone_1 = require("react-dropzone");
19
- var Dropzone = function (props) {
20
- var children = props.children;
21
- var handleDrop = function (acceptedFiles) {
22
- console.log('ON DROP');
23
- console.log('acceptedFiles', acceptedFiles);
24
- };
25
- var _a = react_dropzone_1.useDropzone({ onDrop: handleDrop }), getRootProps = _a.getRootProps, getInputProps = _a.getInputProps, isDragActive = _a.isDragActive;
26
- /*
27
- return (
28
- <div
29
- style={{
30
- background: 'red',
31
- color: 'black',
32
- height: '100%',
33
- padding: '10px',
34
- // pointerEvents: isDragActive ? 'auto' : 'none',
35
- position: 'absolute',
36
- right: 0,
37
- top: 0,
38
- width: '100%',
39
- zIndex: 1
40
- // zIndex: isDragActive ? 1 : 0
41
- }}
42
- >
43
- yoo
44
- </div>
45
- )
46
- */
47
- return (react_1.default.createElement("div", __assign({}, getRootProps(), { style: {
48
- background: 'red',
49
- color: 'white',
50
- // height: '100%',
51
- height: '500px',
52
- opacity: isDragActive ? 1 : 0.25,
53
- padding: '10px',
54
- // pointerEvents: isDragActive ? 'auto' : 'none',
55
- position: 'absolute',
56
- right: 0,
57
- top: 0,
58
- // width: '100%',
59
- width: '500px',
60
- zIndex: 1
61
- // zIndex: isDragActive ? 1 : 0
62
- } }),
63
- "Drop zone",
64
- children));
65
- };
66
- exports.default = Dropzone;
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropzone/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA8B;AAC9B,gDAA+B;AAC/B,iDAA0C;AAE1C,IAAM,QAAQ,GAAO;IACnB,IAAM,MAAM,GAAG,UAAA,aAAa;QAC1B,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACxB,CAAC,CAAA;IAEK,IAAA,KAA8C,4BAAW,CAAC,EAAC,MAAM,EAAE,UAAU,EAAC,CAAC,EAA9E,YAAY,kBAAA,EAAE,aAAa,mBAAA,EAAE,YAAY,kBAAqC,CAAA;IAErF,OAAO,CACL,8BAAC,QAAG,IACF,KAAK,EAAE;YACL,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,OAAO;YACf,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,CAAC;SACV,gBAGG,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}
@@ -1,37 +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 react_1 = __importDefault(require("react"));
18
- var react_dropzone_1 = require("react-dropzone");
19
- var DropzoneTest = function (props) {
20
- var _a = react_dropzone_1.useDropzone({
21
- // getFilesFromEvent: handleFileGetter,
22
- noClick: true
23
- // onDrop: handleDrop
24
- }), getRootProps = _a.getRootProps, getInputProps = _a.getInputProps, isDragActive = _a.isDragActive, open = _a.open;
25
- return (react_1.default.createElement("div", __assign({ style: {
26
- background: 'blue',
27
- color: 'white',
28
- width: '100%',
29
- height: '100%',
30
- position: 'absolute',
31
- zIndex: 2
32
- } }, getRootProps()),
33
- react_1.default.createElement("input", __assign({}, getInputProps())),
34
- react_1.default.createElement("div", null, "dropzone test"),
35
- react_1.default.createElement("div", null, isDragActive.toString())));
36
- };
37
- exports.default = DropzoneTest;