sanity-plugin-iconify 1.1.1 → 2.0.0
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/LICENSE +1 -1
- package/README.md +14 -6
- package/dist/index.cjs +278 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +222 -0
- package/dist/index.d.ts +14 -1
- package/dist/index.js +216 -399
- package/dist/index.js.map +1 -1
- package/package.json +53 -56
- package/src/combobox/iconify-combobox.styles.tsx +3 -3
- package/src/combobox/iconify-combobox.tsx +5 -4
- package/src/combobox/search-input.tsx +7 -4
- package/src/combobox/search-result.tsx +7 -7
- package/src/combobox/unset-button.tsx +1 -1
- package/src/iconify-input.tsx +12 -10
- package/src/iconify-plugin.tsx +3 -2
- package/src/iconify-preview.tsx +4 -3
- package/src/lib/api.ts +2 -2
- package/src/lib/query-client.tsx +1 -1
- package/src/lib/types.ts +1 -1
- package/src/lib/use-pretty-icon-name.ts +2 -1
- package/dist/index.esm.js +0 -459
- package/dist/index.esm.js.map +0 -1
- package/src/lib/{generate-types.ts → generate-types.js} +1 -1
package/dist/index.esm.js
DELETED
|
@@ -1,459 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import { unset, set, definePlugin } from 'sanity';
|
|
3
|
-
import { Grid, Box, Card, Text, TextInput, Button, useToast, Popover, useTheme, studioTheme, ThemeProvider, Stack, Flex } from '@sanity/ui';
|
|
4
|
-
import { useState, useCallback, forwardRef, useId, useRef, useEffect, useMemo } from 'react';
|
|
5
|
-
import { Combobox } from '@headlessui/react';
|
|
6
|
-
import { match } from 'ts-pattern';
|
|
7
|
-
import { useQueryClient, useQuery, keepPreviousData, QueryClient, QueryClientProvider as QueryClientProvider$1 } from '@tanstack/react-query';
|
|
8
|
-
import { useDebounce } from 'use-debounce';
|
|
9
|
-
import styled from 'styled-components';
|
|
10
|
-
import { Icon } from '@iconify/react';
|
|
11
|
-
import { TrashIcon } from '@sanity/icons';
|
|
12
|
-
import { stringToIcon } from '@iconify/utils';
|
|
13
|
-
import { sentenceCase } from 'change-case';
|
|
14
|
-
const BASE_API_URL = "https://api.iconify.design";
|
|
15
|
-
function fetchJson(_ref) {
|
|
16
|
-
let {
|
|
17
|
-
url,
|
|
18
|
-
signal
|
|
19
|
-
} = _ref;
|
|
20
|
-
return fetch(url, {
|
|
21
|
-
signal
|
|
22
|
-
}).then(response => {
|
|
23
|
-
if (!response.ok) {
|
|
24
|
-
throw new Error("Network error: status ".concat(response.status));
|
|
25
|
-
}
|
|
26
|
-
return response.json();
|
|
27
|
-
}).then(result => result, error => {
|
|
28
|
-
if (error instanceof Error) {
|
|
29
|
-
throw error;
|
|
30
|
-
} else {
|
|
31
|
-
console.error("Unknown error: ".concat(error));
|
|
32
|
-
throw new Error("Something went wrong");
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
function useSearch(_ref2) {
|
|
37
|
-
let {
|
|
38
|
-
collections
|
|
39
|
-
} = _ref2;
|
|
40
|
-
const queryClient = useQueryClient();
|
|
41
|
-
const [term, setTerm] = useState("");
|
|
42
|
-
const [debouncedTerm, setDebouncedTerm] = useDebounce(term, 500);
|
|
43
|
-
const updateTerm = useCallback(function (newTerm) {
|
|
44
|
-
let updateImmediately = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
45
|
-
setTerm(newTerm);
|
|
46
|
-
if (updateImmediately) {
|
|
47
|
-
setDebouncedTerm(newTerm);
|
|
48
|
-
}
|
|
49
|
-
}, [setDebouncedTerm]);
|
|
50
|
-
const {
|
|
51
|
-
isLoading,
|
|
52
|
-
isError,
|
|
53
|
-
error,
|
|
54
|
-
data,
|
|
55
|
-
isPlaceholderData
|
|
56
|
-
} = useQuery({
|
|
57
|
-
queryKey: ["search", collections, debouncedTerm],
|
|
58
|
-
queryFn: async _ref3 => {
|
|
59
|
-
let {
|
|
60
|
-
signal
|
|
61
|
-
} = _ref3;
|
|
62
|
-
var _a;
|
|
63
|
-
const url = new URL("/search", BASE_API_URL);
|
|
64
|
-
url.searchParams.append("query", debouncedTerm);
|
|
65
|
-
url.searchParams.append("limit", "60");
|
|
66
|
-
if (collections) {
|
|
67
|
-
url.searchParams.append("prefixes", collections.join(","));
|
|
68
|
-
}
|
|
69
|
-
const result = debouncedTerm ? await fetchJson({
|
|
70
|
-
url,
|
|
71
|
-
signal
|
|
72
|
-
}) : null;
|
|
73
|
-
if (result) {
|
|
74
|
-
Object.entries(result.collections).forEach(_ref4 => {
|
|
75
|
-
let [prefix, info] = _ref4;
|
|
76
|
-
queryClient.setQueryData(["iconSetInfo", prefix], info);
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
return (_a = result == null ? void 0 : result.icons) != null ? _a : [];
|
|
80
|
-
},
|
|
81
|
-
enabled: debouncedTerm.length > 0,
|
|
82
|
-
placeholderData: keepPreviousData,
|
|
83
|
-
staleTime: 5 * 60 * 1e3
|
|
84
|
-
// 5 minutes
|
|
85
|
-
});
|
|
86
|
-
|
|
87
|
-
return {
|
|
88
|
-
term,
|
|
89
|
-
setTerm: updateTerm,
|
|
90
|
-
debouncedTerm,
|
|
91
|
-
isLoading,
|
|
92
|
-
isError,
|
|
93
|
-
error,
|
|
94
|
-
data,
|
|
95
|
-
isPreviousData: isPlaceholderData
|
|
96
|
-
};
|
|
97
|
-
}
|
|
98
|
-
function useIconSetInfo(_ref5) {
|
|
99
|
-
let {
|
|
100
|
-
prefix
|
|
101
|
-
} = _ref5;
|
|
102
|
-
return useQuery({
|
|
103
|
-
queryKey: ["iconSetInfo", prefix],
|
|
104
|
-
queryFn: async _ref6 => {
|
|
105
|
-
let {
|
|
106
|
-
signal
|
|
107
|
-
} = _ref6;
|
|
108
|
-
var _a;
|
|
109
|
-
if (!prefix) return null;
|
|
110
|
-
const url = new URL("/collection", BASE_API_URL);
|
|
111
|
-
url.searchParams.append("prefix", prefix);
|
|
112
|
-
url.searchParams.append("info", "true");
|
|
113
|
-
const result = await fetchJson({
|
|
114
|
-
url,
|
|
115
|
-
signal
|
|
116
|
-
});
|
|
117
|
-
return (_a = result == null ? void 0 : result.info) != null ? _a : null;
|
|
118
|
-
},
|
|
119
|
-
staleTime: Infinity
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
var __freeze = Object.freeze;
|
|
123
|
-
var __defProp = Object.defineProperty;
|
|
124
|
-
var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", {
|
|
125
|
-
value: __freeze(raw || cooked.slice())
|
|
126
|
-
}));
|
|
127
|
-
var _a, _b;
|
|
128
|
-
const ComboboxWrapper = styled(Grid)(_a || (_a = __template(["\n grid-template-columns: 1fr min-content;\n position: relative;\n"])));
|
|
129
|
-
const OptionsWrapper = styled(Box)(_b || (_b = __template(["\n box-sizing: border-box;\n padding: 0.5rem;\n\n & [role='listbox'] {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(min(100%, 2.5rem), 1fr));\n gap: 0.5rem;\n list-style: none;\n margin: 0;\n padding: 0;\n\n @media (min-width: 650px) {\n grid-template-columns: repeat(10, minmax(min(100%, 2.5rem), 1fr));\n }\n }\n\n & [role='option'] {\n display: grid;\n place-items: center;\n\n & button {\n aspect-ratio: 1;\n cursor: pointer;\n width: 100%;\n\n & > [data-ui='Box'] {\n display: flex;\n }\n }\n }\n"])));
|
|
130
|
-
function MessageWrapper(_ref7) {
|
|
131
|
-
let {
|
|
132
|
-
children
|
|
133
|
-
} = _ref7;
|
|
134
|
-
return /* @__PURE__ */jsx(Card, {
|
|
135
|
-
padding: 4,
|
|
136
|
-
children: /* @__PURE__ */jsx(Text, {
|
|
137
|
-
align: "center",
|
|
138
|
-
muted: true,
|
|
139
|
-
children
|
|
140
|
-
})
|
|
141
|
-
});
|
|
142
|
-
}
|
|
143
|
-
const SearchInput = forwardRef((props, ref) => {
|
|
144
|
-
const {
|
|
145
|
-
term,
|
|
146
|
-
selectedIcon,
|
|
147
|
-
onChange
|
|
148
|
-
} = props;
|
|
149
|
-
return /* @__PURE__ */jsx(Combobox.Input, {
|
|
150
|
-
as: TextInput,
|
|
151
|
-
ref,
|
|
152
|
-
inputMode: "search",
|
|
153
|
-
value: term,
|
|
154
|
-
onChange,
|
|
155
|
-
icon: selectedIcon ? /* @__PURE__ */jsx(Icon, {
|
|
156
|
-
icon: selectedIcon
|
|
157
|
-
}) : null,
|
|
158
|
-
placeholder: selectedIcon ? "Search and replace selected icon..." : "Search for an icon..."
|
|
159
|
-
});
|
|
160
|
-
});
|
|
161
|
-
SearchInput.displayName = "SearchInput";
|
|
162
|
-
function SearchResults(props) {
|
|
163
|
-
const {
|
|
164
|
-
state,
|
|
165
|
-
data
|
|
166
|
-
} = props;
|
|
167
|
-
if (state === "initial") {
|
|
168
|
-
return /* @__PURE__ */jsx(MessageWrapper, {
|
|
169
|
-
children: "Search for icons"
|
|
170
|
-
});
|
|
171
|
-
}
|
|
172
|
-
if (state === "loading") {
|
|
173
|
-
return /* @__PURE__ */jsx(MessageWrapper, {
|
|
174
|
-
children: "Searching..."
|
|
175
|
-
});
|
|
176
|
-
}
|
|
177
|
-
if (state === "error") {
|
|
178
|
-
return /* @__PURE__ */jsx(MessageWrapper, {
|
|
179
|
-
children: "Something went wrong..."
|
|
180
|
-
});
|
|
181
|
-
}
|
|
182
|
-
if (state === "empty") {
|
|
183
|
-
return /* @__PURE__ */jsx(MessageWrapper, {
|
|
184
|
-
children: "No icons found"
|
|
185
|
-
});
|
|
186
|
-
}
|
|
187
|
-
return /* @__PURE__ */jsx(Combobox.Options, {
|
|
188
|
-
style: {
|
|
189
|
-
opacity: state === "stale" ? 0.5 : 1
|
|
190
|
-
},
|
|
191
|
-
children: data.map(icon => /* @__PURE__ */jsx(Combobox.Option, {
|
|
192
|
-
value: icon,
|
|
193
|
-
children: _ref8 => {
|
|
194
|
-
let {
|
|
195
|
-
active
|
|
196
|
-
} = _ref8;
|
|
197
|
-
return /* @__PURE__ */jsx(Button, {
|
|
198
|
-
padding: 3,
|
|
199
|
-
mode: "bleed",
|
|
200
|
-
selected: active,
|
|
201
|
-
children: /* @__PURE__ */jsx(Icon, {
|
|
202
|
-
icon,
|
|
203
|
-
width: "100%",
|
|
204
|
-
height: "100%"
|
|
205
|
-
})
|
|
206
|
-
});
|
|
207
|
-
}
|
|
208
|
-
}, icon))
|
|
209
|
-
});
|
|
210
|
-
}
|
|
211
|
-
function UnsetButton(props) {
|
|
212
|
-
const {
|
|
213
|
-
onUnset
|
|
214
|
-
} = props;
|
|
215
|
-
return /* @__PURE__ */jsx(Card, {
|
|
216
|
-
border: true,
|
|
217
|
-
borderLeft: false,
|
|
218
|
-
padding: 1,
|
|
219
|
-
display: "flex",
|
|
220
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
221
|
-
icon: /* @__PURE__ */jsx(TrashIcon, {}),
|
|
222
|
-
onClick: onUnset,
|
|
223
|
-
mode: "bleed",
|
|
224
|
-
fontSize: 1,
|
|
225
|
-
padding: 2
|
|
226
|
-
})
|
|
227
|
-
});
|
|
228
|
-
}
|
|
229
|
-
function IconifyCombobox(props) {
|
|
230
|
-
const {
|
|
231
|
-
selectedIcon,
|
|
232
|
-
onSelect: pushSelection,
|
|
233
|
-
collections
|
|
234
|
-
} = props;
|
|
235
|
-
const id = useId();
|
|
236
|
-
const toast = useToast();
|
|
237
|
-
const inputRef = useRef(null);
|
|
238
|
-
const {
|
|
239
|
-
term,
|
|
240
|
-
setTerm,
|
|
241
|
-
debouncedTerm,
|
|
242
|
-
isLoading,
|
|
243
|
-
isError,
|
|
244
|
-
error,
|
|
245
|
-
data,
|
|
246
|
-
isPreviousData
|
|
247
|
-
} = useSearch({
|
|
248
|
-
collections
|
|
249
|
-
});
|
|
250
|
-
const handleTermChange = useCallback(event => setTerm(event.target.value), [setTerm]);
|
|
251
|
-
const handleSelect = useCallback(icon => {
|
|
252
|
-
pushSelection(icon);
|
|
253
|
-
setTerm("", true);
|
|
254
|
-
}, [pushSelection, setTerm]);
|
|
255
|
-
const handleUnset = useCallback(() => handleSelect(""), [handleSelect]);
|
|
256
|
-
useEffect(() => {
|
|
257
|
-
if (isError) {
|
|
258
|
-
console.error("Iconify input error:", error);
|
|
259
|
-
toast.push({
|
|
260
|
-
id,
|
|
261
|
-
status: "error",
|
|
262
|
-
title: "Iconify input error",
|
|
263
|
-
description: error == null ? void 0 : error.message
|
|
264
|
-
});
|
|
265
|
-
}
|
|
266
|
-
}, [error, id, isError, toast]);
|
|
267
|
-
return /* @__PURE__ */jsxs(ComboboxWrapper, {
|
|
268
|
-
children: [/* @__PURE__ */jsx(Combobox, {
|
|
269
|
-
onChange: handleSelect,
|
|
270
|
-
children: _ref9 => {
|
|
271
|
-
let {
|
|
272
|
-
open
|
|
273
|
-
} = _ref9;
|
|
274
|
-
return /* @__PURE__ */jsxs(Fragment, {
|
|
275
|
-
children: [/* @__PURE__ */jsx(SearchInput, {
|
|
276
|
-
ref: inputRef,
|
|
277
|
-
term,
|
|
278
|
-
selectedIcon,
|
|
279
|
-
onChange: handleTermChange
|
|
280
|
-
}), /* @__PURE__ */jsx(Popover, {
|
|
281
|
-
open,
|
|
282
|
-
placement: "bottom",
|
|
283
|
-
arrow: false,
|
|
284
|
-
matchReferenceWidth: true,
|
|
285
|
-
portal: true,
|
|
286
|
-
constrainSize: true,
|
|
287
|
-
referenceElement: inputRef.current,
|
|
288
|
-
content: /* @__PURE__ */jsx(OptionsWrapper, {
|
|
289
|
-
children: /* @__PURE__ */jsx(SearchResults, {
|
|
290
|
-
state: match(true).returnType().with(isLoading, () => "loading").with(!debouncedTerm, () => "initial").with(isError, () => "error").with(!data || data.length === 0, () => "empty").with(isPreviousData, () => "stale").otherwise(() => "data"),
|
|
291
|
-
data
|
|
292
|
-
})
|
|
293
|
-
})
|
|
294
|
-
})]
|
|
295
|
-
});
|
|
296
|
-
}
|
|
297
|
-
}), selectedIcon ? /* @__PURE__ */jsx(UnsetButton, {
|
|
298
|
-
onUnset: handleUnset
|
|
299
|
-
}) : null]
|
|
300
|
-
});
|
|
301
|
-
}
|
|
302
|
-
const queryClient = new QueryClient();
|
|
303
|
-
function QueryClientProvider(props) {
|
|
304
|
-
return /* @__PURE__ */jsx(QueryClientProvider$1, {
|
|
305
|
-
client: queryClient,
|
|
306
|
-
children: props.children
|
|
307
|
-
});
|
|
308
|
-
}
|
|
309
|
-
function usePrettyIconName(props) {
|
|
310
|
-
var _a, _b;
|
|
311
|
-
const {
|
|
312
|
-
name
|
|
313
|
-
} = props;
|
|
314
|
-
const iconMeta = useMemo(() => {
|
|
315
|
-
var _a2;
|
|
316
|
-
return (_a2 = props.iconMeta) != null ? _a2 : name ? stringToIcon(name) : null;
|
|
317
|
-
}, [name, props.iconMeta]);
|
|
318
|
-
const iconSetInfo = useIconSetInfo({
|
|
319
|
-
prefix: (_a = iconMeta == null ? void 0 : iconMeta.prefix) != null ? _a : null
|
|
320
|
-
});
|
|
321
|
-
return useMemo(() => {
|
|
322
|
-
var _a2, _b2;
|
|
323
|
-
return iconMeta ? {
|
|
324
|
-
name: sentenceCase(iconMeta.name),
|
|
325
|
-
collection: (_b2 = (_a2 = iconSetInfo.data) == null ? void 0 : _a2.name) != null ? _b2 : iconMeta.prefix
|
|
326
|
-
} : null;
|
|
327
|
-
}, [iconMeta, (_b = iconSetInfo.data) == null ? void 0 : _b.name]);
|
|
328
|
-
}
|
|
329
|
-
function IconifyInput(props) {
|
|
330
|
-
var _a, _b, _c, _d, _e;
|
|
331
|
-
const {
|
|
332
|
-
config,
|
|
333
|
-
value,
|
|
334
|
-
onChange: pushChange,
|
|
335
|
-
schemaType
|
|
336
|
-
} = props;
|
|
337
|
-
const selectedIcon = (_a = value == null ? void 0 : value.name) != null ? _a : null;
|
|
338
|
-
const options = schemaType.options;
|
|
339
|
-
const collections = !!((_b = options == null ? void 0 : options.collections) == null ? void 0 : _b.length) && options.collections || !!((_c = config == null ? void 0 : config.collections) == null ? void 0 : _c.length) && config.collections || null;
|
|
340
|
-
const showName = (_e = (_d = options == null ? void 0 : options.showName) != null ? _d : config == null ? void 0 : config.showName) != null ? _e : false;
|
|
341
|
-
const parentTheme = useTheme();
|
|
342
|
-
const theme = useMemo(() => parentTheme ? {
|
|
343
|
-
...parentTheme.sanity,
|
|
344
|
-
color: studioTheme.color
|
|
345
|
-
} : studioTheme, [parentTheme]);
|
|
346
|
-
const handleSelect = useCallback(icon => {
|
|
347
|
-
pushChange(icon === "" ? unset() : set(icon, ["name"]));
|
|
348
|
-
}, [pushChange]);
|
|
349
|
-
return /* @__PURE__ */jsx(QueryClientProvider, {
|
|
350
|
-
children: /* @__PURE__ */jsx(ThemeProvider, {
|
|
351
|
-
theme,
|
|
352
|
-
children: /* @__PURE__ */jsxs(Stack, {
|
|
353
|
-
space: 2,
|
|
354
|
-
children: [/* @__PURE__ */jsx(IconifyCombobox, {
|
|
355
|
-
selectedIcon,
|
|
356
|
-
onSelect: handleSelect,
|
|
357
|
-
collections
|
|
358
|
-
}), showName && selectedIcon ? /* @__PURE__ */jsx(IconifyNameDisplay, {
|
|
359
|
-
name: selectedIcon
|
|
360
|
-
}) : null]
|
|
361
|
-
})
|
|
362
|
-
})
|
|
363
|
-
});
|
|
364
|
-
}
|
|
365
|
-
function IconifyNameDisplay(props) {
|
|
366
|
-
var _a;
|
|
367
|
-
const {
|
|
368
|
-
name
|
|
369
|
-
} = props;
|
|
370
|
-
const prettyName = usePrettyIconName({
|
|
371
|
-
name
|
|
372
|
-
});
|
|
373
|
-
return /* @__PURE__ */jsxs(Flex, {
|
|
374
|
-
gap: 1,
|
|
375
|
-
children: [/* @__PURE__ */jsx(Text, {
|
|
376
|
-
size: 1,
|
|
377
|
-
muted: true,
|
|
378
|
-
children: "Selected:"
|
|
379
|
-
}), /* @__PURE__ */jsx(Text, {
|
|
380
|
-
size: 1,
|
|
381
|
-
weight: "semibold",
|
|
382
|
-
children: (_a = prettyName == null ? void 0 : prettyName.name) != null ? _a : name
|
|
383
|
-
}), (prettyName == null ? void 0 : prettyName.collection) && /* @__PURE__ */jsxs(Text, {
|
|
384
|
-
size: 1,
|
|
385
|
-
muted: true,
|
|
386
|
-
style: {
|
|
387
|
-
fontStyle: "italic"
|
|
388
|
-
},
|
|
389
|
-
children: ["by ", prettyName == null ? void 0 : prettyName.collection]
|
|
390
|
-
})]
|
|
391
|
-
});
|
|
392
|
-
}
|
|
393
|
-
function IconifyPreview(props) {
|
|
394
|
-
const {
|
|
395
|
-
title
|
|
396
|
-
} = props;
|
|
397
|
-
const iconName = typeof props.title === "string" ? stringToIcon(props.title) : null;
|
|
398
|
-
if (typeof title === "string" && iconName) {
|
|
399
|
-
return /* @__PURE__ */jsx(QueryClientProvider, {
|
|
400
|
-
children: /* @__PURE__ */jsx(IconifyPreviewInner, {
|
|
401
|
-
...props,
|
|
402
|
-
iconName: title,
|
|
403
|
-
iconMeta: iconName
|
|
404
|
-
})
|
|
405
|
-
});
|
|
406
|
-
}
|
|
407
|
-
return props.renderDefault(props);
|
|
408
|
-
}
|
|
409
|
-
function IconifyPreviewInner(props) {
|
|
410
|
-
var _a;
|
|
411
|
-
const {
|
|
412
|
-
iconMeta,
|
|
413
|
-
iconName,
|
|
414
|
-
...previewProps
|
|
415
|
-
} = props;
|
|
416
|
-
const prettyName = usePrettyIconName({
|
|
417
|
-
iconMeta
|
|
418
|
-
});
|
|
419
|
-
return props.renderDefault({
|
|
420
|
-
...previewProps,
|
|
421
|
-
media: /* @__PURE__ */jsx(Icon, {
|
|
422
|
-
icon: iconName
|
|
423
|
-
}),
|
|
424
|
-
title: (_a = prettyName == null ? void 0 : prettyName.name) != null ? _a : iconName,
|
|
425
|
-
subtitle: prettyName == null ? void 0 : prettyName.collection
|
|
426
|
-
});
|
|
427
|
-
}
|
|
428
|
-
const iconify = definePlugin(function () {
|
|
429
|
-
let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
430
|
-
return {
|
|
431
|
-
name: "sanity-plugin-iconify",
|
|
432
|
-
schema: {
|
|
433
|
-
types: [{
|
|
434
|
-
name: "icon",
|
|
435
|
-
title: "Icon",
|
|
436
|
-
type: "object",
|
|
437
|
-
fields: [{
|
|
438
|
-
name: "name",
|
|
439
|
-
title: "Name",
|
|
440
|
-
type: "string"
|
|
441
|
-
}],
|
|
442
|
-
components: {
|
|
443
|
-
input: props => /* @__PURE__ */jsx(IconifyInput, {
|
|
444
|
-
...props,
|
|
445
|
-
config
|
|
446
|
-
}),
|
|
447
|
-
preview: IconifyPreview,
|
|
448
|
-
// This makes sure the input component is not indented
|
|
449
|
-
field: props => props.renderDefault({
|
|
450
|
-
...props,
|
|
451
|
-
level: 0
|
|
452
|
-
})
|
|
453
|
-
}
|
|
454
|
-
}]
|
|
455
|
-
}
|
|
456
|
-
};
|
|
457
|
-
});
|
|
458
|
-
export { iconify };
|
|
459
|
-
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.esm.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../src/lib/api.ts","../src/combobox/iconify-combobox.styles.tsx","../src/combobox/search-input.tsx","../src/combobox/search-result.tsx","../src/combobox/unset-button.tsx","../src/combobox/iconify-combobox.tsx","../src/lib/query-client.tsx","../src/lib/use-pretty-icon-name.ts","../src/iconify-input.tsx","../src/iconify-preview.tsx","../src/iconify-plugin.tsx"],"sourcesContent":["import { IconifyInfo } from '@iconify/types';\nimport { keepPreviousData, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { useCallback, useState } from 'react';\nimport { useDebounce } from 'use-debounce';\nimport { IconifySearchResult } from './types';\n\nconst BASE_API_URL = 'https://api.iconify.design';\n\nfunction fetchJson<T>({ url, signal }: { url: string | URL; signal?: AbortSignal }): Promise<T> {\n return fetch(url, { signal })\n .then((response) => {\n if (!response.ok) {\n throw new Error(`Network error: status ${response.status}`);\n }\n\n return response.json();\n })\n .then(\n (result) => result as T,\n (error) => {\n if (error instanceof Error) {\n throw error;\n } else {\n console.error(`Unknown error: ${error}`);\n throw new Error('Something went wrong');\n }\n },\n );\n}\n\nexport function useSearch({ collections }: { collections: string[] | null }) {\n const queryClient = useQueryClient();\n const [term, setTerm] = useState('');\n const [debouncedTerm, setDebouncedTerm] = useDebounce(term, 500);\n\n const updateTerm = useCallback(\n (newTerm: string, updateImmediately = false) => {\n setTerm(newTerm);\n\n if (updateImmediately) {\n setDebouncedTerm(newTerm);\n }\n },\n [setDebouncedTerm],\n );\n\n const { isLoading, isError, error, data, isPlaceholderData } = useQuery<string[], Error>({\n queryKey: ['search', collections, debouncedTerm],\n queryFn: async ({ signal }) => {\n const url = new URL(`/search`, BASE_API_URL);\n\n url.searchParams.append('query', debouncedTerm);\n url.searchParams.append('limit', '60');\n\n if (collections) {\n url.searchParams.append('prefixes', collections.join(','));\n }\n\n const result = debouncedTerm ? await fetchJson<IconifySearchResult>({ url, signal }) : null;\n\n if (result) {\n // Cache the info for each collection\n Object.entries(result.collections).forEach(([prefix, info]) => {\n queryClient.setQueryData<IconifyInfo>(['iconSetInfo', prefix], info);\n });\n }\n\n return result?.icons ?? [];\n },\n enabled: debouncedTerm.length > 0,\n placeholderData: keepPreviousData,\n staleTime: 5 * 60 * 1000, // 5 minutes\n });\n\n return {\n term,\n setTerm: updateTerm,\n debouncedTerm,\n isLoading,\n isError,\n error,\n data,\n isPreviousData: isPlaceholderData,\n };\n}\n\nexport function useIconSetInfo({ prefix }: { prefix?: string | null }) {\n return useQuery<IconifyInfo | null, Error>({\n queryKey: ['iconSetInfo', prefix],\n queryFn: async ({ signal }) => {\n if (!prefix) return null;\n\n const url = new URL('/collection', BASE_API_URL);\n\n url.searchParams.append('prefix', prefix);\n url.searchParams.append('info', 'true');\n\n const result = await fetchJson<{ info: IconifyInfo }>({ url, signal });\n\n return result?.info ?? null;\n },\n staleTime: Infinity,\n });\n}\n","import { Box, Card, Grid, Text } from '@sanity/ui';\nimport { ReactNode } from 'react';\nimport styled from 'styled-components';\n\nexport const ComboboxWrapper = styled(Grid)`\n grid-template-columns: 1fr min-content;\n position: relative;\n`;\n\nexport const OptionsWrapper = styled(Box)`\n box-sizing: border-box;\n padding: 0.5rem;\n\n & [role='listbox'] {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(min(100%, 2.5rem), 1fr));\n gap: 0.5rem;\n list-style: none;\n margin: 0;\n padding: 0;\n\n @media (min-width: 650px) {\n grid-template-columns: repeat(10, minmax(min(100%, 2.5rem), 1fr));\n }\n }\n\n & [role='option'] {\n display: grid;\n place-items: center;\n\n & button {\n aspect-ratio: 1;\n cursor: pointer;\n width: 100%;\n\n & > [data-ui='Box'] {\n display: flex;\n }\n }\n }\n`;\n\nexport function MessageWrapper({ children }: { children: ReactNode }) {\n return (\n <Card padding={4}>\n <Text align=\"center\" muted>\n {children}\n </Text>\n </Card>\n );\n}\n","import { Combobox } from '@headlessui/react';\nimport { Icon } from '@iconify/react';\nimport { TextInput } from '@sanity/ui';\nimport { ChangeEventHandler, forwardRef } from 'react';\n\n// ------------ //\n// SEARCH INPUT //\n// ------------ //\n\ninterface SearchInputProps {\n term: string;\n selectedIcon: string | null;\n onChange: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>((props, ref) => {\n const { term, selectedIcon, onChange } = props;\n\n return (\n <Combobox.Input\n as={TextInput}\n ref={ref}\n inputMode=\"search\"\n value={term}\n onChange={onChange}\n icon={selectedIcon ? <Icon icon={selectedIcon} /> : null}\n placeholder={selectedIcon ? 'Search and replace selected icon...' : 'Search for an icon...'}\n />\n );\n});\n\nSearchInput.displayName = 'SearchInput';\n","import { Combobox } from '@headlessui/react';\nimport { Icon } from '@iconify/react';\nimport { Button } from '@sanity/ui';\nimport { MessageWrapper } from './iconify-combobox.styles';\n\n// -------------- //\n// SEARCH RESULTS //\n// -------------- //\n\nexport interface SearchResultsProps {\n state: 'initial' | 'loading' | 'error' | 'empty' | 'data' | 'stale';\n data?: string[];\n}\n\nexport function SearchResults(props: SearchResultsProps) {\n const { state, data } = props;\n\n if (state === 'initial') {\n return <MessageWrapper>Search for icons</MessageWrapper>;\n }\n\n if (state === 'loading') {\n return <MessageWrapper>Searching...</MessageWrapper>;\n }\n\n if (state === 'error') {\n return <MessageWrapper>Something went wrong...</MessageWrapper>;\n }\n\n if (state === 'empty') {\n return <MessageWrapper>No icons found</MessageWrapper>;\n }\n\n return (\n <Combobox.Options style={{ opacity: state === 'stale' ? 0.5 : 1 }}>\n {data!.map((icon) => (\n <Combobox.Option key={icon} value={icon}>\n {({ active }) => (\n <Button padding={3} mode=\"bleed\" selected={active}>\n <Icon icon={icon} width=\"100%\" height=\"100%\" />\n </Button>\n )}\n </Combobox.Option>\n ))}\n </Combobox.Options>\n );\n}\n","import { TrashIcon } from '@sanity/icons';\nimport { Button, Card } from '@sanity/ui';\n\n// ------------ //\n// UNSET BUTTON //\n// ------------ //\n\ninterface UnsetButtonProps {\n onUnset: () => void;\n}\n\nexport function UnsetButton(props: UnsetButtonProps) {\n const { onUnset } = props;\n\n return (\n <Card border borderLeft={false} padding={1} display=\"flex\">\n <Button icon={<TrashIcon />} onClick={onUnset} mode=\"bleed\" fontSize={1} padding={2} />\n </Card>\n );\n}\n","import { Combobox } from '@headlessui/react';\nimport { Popover, useToast } from '@sanity/ui';\nimport { ChangeEventHandler, useCallback, useEffect, useId, useRef } from 'react';\nimport { match } from 'ts-pattern';\nimport { useSearch } from '../lib/api';\nimport { ComboboxWrapper, OptionsWrapper } from './iconify-combobox.styles';\nimport { SearchInput } from './search-input';\nimport { SearchResults, SearchResultsProps } from './search-result';\nimport { UnsetButton } from './unset-button';\n\nexport interface IconifyComboboxProps {\n selectedIcon: string | null;\n onSelect: (newValue: string) => void;\n collections: string[] | null;\n}\n\nexport function IconifyCombobox(props: IconifyComboboxProps) {\n const { selectedIcon, onSelect: pushSelection, collections } = props;\n\n const id = useId();\n const toast = useToast();\n const inputRef = useRef<HTMLInputElement>(null);\n\n const { term, setTerm, debouncedTerm, isLoading, isError, error, data, isPreviousData } =\n useSearch({\n collections,\n });\n\n const handleTermChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n (event) => setTerm(event.target.value),\n [setTerm],\n );\n\n const handleSelect = useCallback(\n (icon: string) => {\n pushSelection(icon);\n setTerm('', true);\n },\n [pushSelection, setTerm],\n );\n\n const handleUnset = useCallback(() => handleSelect(''), [handleSelect]);\n\n useEffect(() => {\n if (isError) {\n console.error('Iconify input error:', error);\n\n toast.push({\n id,\n status: 'error',\n title: 'Iconify input error',\n description: error?.message,\n });\n }\n }, [error, id, isError, toast]);\n\n return (\n <ComboboxWrapper>\n <Combobox onChange={handleSelect}>\n {({ open }) => (\n <>\n <SearchInput\n ref={inputRef}\n term={term}\n selectedIcon={selectedIcon}\n onChange={handleTermChange}\n />\n\n <Popover\n open={open}\n placement=\"bottom\"\n arrow={false}\n matchReferenceWidth\n portal\n constrainSize\n referenceElement={inputRef.current}\n content={\n <OptionsWrapper>\n <SearchResults\n state={match<boolean>(true)\n .returnType<SearchResultsProps['state']>()\n .with(isLoading, () => 'loading')\n .with(!debouncedTerm, () => 'initial')\n .with(isError, () => 'error')\n .with(!data || data.length === 0, () => 'empty')\n .with(isPreviousData, () => 'stale')\n .otherwise(() => 'data')}\n data={data}\n />\n </OptionsWrapper>\n }\n />\n </>\n )}\n </Combobox>\n\n {selectedIcon ? <UnsetButton onUnset={handleUnset} /> : null}\n </ComboboxWrapper>\n );\n}\n","import {\n QueryClient,\n QueryClientProvider as ReactQueryClientProvider,\n} from '@tanstack/react-query';\nimport { ReactNode } from 'react';\n\nexport const queryClient = new QueryClient();\n\nexport function QueryClientProvider(props: { children: ReactNode }) {\n return <ReactQueryClientProvider client={queryClient}>{props.children}</ReactQueryClientProvider>;\n}\n","import { IconifyIconName, stringToIcon } from '@iconify/utils';\nimport { sentenceCase } from 'change-case';\nimport { useMemo } from 'react';\nimport { useIconSetInfo } from './api';\n\ninterface UsePrettyIconNameProps {\n name?: string | null;\n iconMeta?: IconifyIconName | null;\n}\n\nexport function usePrettyIconName(props: UsePrettyIconNameProps) {\n const { name } = props;\n const iconMeta = useMemo(\n () => props.iconMeta ?? (name ? stringToIcon(name) : null),\n [name, props.iconMeta],\n );\n const iconSetInfo = useIconSetInfo({ prefix: iconMeta?.prefix ?? null });\n\n return useMemo(\n () =>\n iconMeta\n ? {\n name: sentenceCase(iconMeta.name),\n collection: iconSetInfo.data?.name ?? iconMeta.prefix,\n }\n : null,\n [iconMeta, iconSetInfo.data?.name],\n );\n}\n","import { Flex, RootTheme, Stack, Text, ThemeProvider, studioTheme, useTheme } from '@sanity/ui';\nimport { useCallback, useMemo } from 'react';\nimport { ObjectInputProps, set, unset } from 'sanity';\nimport { IconifyCombobox } from './combobox';\nimport { QueryClientProvider } from './lib/query-client';\nimport { IconOptions, IconifyPluginConfig } from './lib/types';\nimport { usePrettyIconName } from './lib/use-pretty-icon-name';\n\n// -------------- //\n// ICONIFY INPUT //\n// -------------- //\n\ninterface IconifyInputProps extends ObjectInputProps {\n config: IconifyPluginConfig;\n}\n\nexport function IconifyInput(props: IconifyInputProps) {\n const { config, value, onChange: pushChange, schemaType } = props;\n\n const selectedIcon: string | null = value?.name ?? null;\n\n const options: IconOptions = schemaType.options;\n const collections =\n (!!options?.collections?.length && options.collections) ||\n (!!config?.collections?.length && config.collections) ||\n null;\n const showName = options?.showName ?? config?.showName ?? false;\n\n const parentTheme = useTheme();\n const theme: RootTheme = useMemo(\n () => (parentTheme ? { ...parentTheme.sanity, color: studioTheme.color } : studioTheme),\n [parentTheme],\n );\n\n const handleSelect = useCallback(\n (icon: string) => {\n pushChange(icon === '' ? unset() : set(icon, ['name']));\n },\n [pushChange],\n );\n\n return (\n <QueryClientProvider>\n <ThemeProvider theme={theme}>\n <Stack space={2}>\n <IconifyCombobox\n selectedIcon={selectedIcon}\n onSelect={handleSelect}\n collections={collections}\n />\n\n {showName && selectedIcon ? <IconifyNameDisplay name={selectedIcon} /> : null}\n </Stack>\n </ThemeProvider>\n </QueryClientProvider>\n );\n}\n\ninterface IconifyNameDisplayProps {\n name?: string | null;\n}\n\nfunction IconifyNameDisplay(props: IconifyNameDisplayProps) {\n const { name } = props;\n const prettyName = usePrettyIconName({ name });\n\n return (\n <Flex gap={1}>\n <Text size={1} muted>\n Selected:\n </Text>\n\n <Text size={1} weight=\"semibold\">\n {prettyName?.name ?? name}\n </Text>\n\n {prettyName?.collection && (\n <Text size={1} muted style={{ fontStyle: 'italic' }}>\n by {prettyName?.collection}\n </Text>\n )}\n </Flex>\n );\n}\n","import { Icon } from '@iconify/react';\nimport { PreviewProps } from 'sanity';\nimport { usePrettyIconName } from './lib/use-pretty-icon-name';\nimport { IconifyIconName, stringToIcon } from '@iconify/utils';\nimport { QueryClientProvider } from './lib/query-client';\n\n// --------------- //\n// ICONIFY PREVIEW //\n// --------------- //\n\nexport function IconifyPreview(props: PreviewProps) {\n const { title } = props;\n const iconName = typeof props.title === 'string' ? stringToIcon(props.title) : null;\n\n // We check this double to avoid the TS error\n if (typeof title === 'string' && iconName) {\n return (\n <QueryClientProvider>\n <IconifyPreviewInner {...props} iconName={title} iconMeta={iconName} />\n </QueryClientProvider>\n );\n }\n\n return props.renderDefault(props);\n}\n\n// --------------------- //\n// ICONIFY PREVIEW INNER //\n// --------------------- //\n\ninterface IconifyPreviewInnerProps extends PreviewProps {\n iconName: string;\n iconMeta: IconifyIconName;\n}\n\nfunction IconifyPreviewInner(props: IconifyPreviewInnerProps) {\n const { iconMeta, iconName, ...previewProps } = props;\n const prettyName = usePrettyIconName({ iconMeta });\n\n return props.renderDefault({\n ...previewProps,\n media: <Icon icon={iconName} />,\n title: prettyName?.name ?? iconName,\n subtitle: prettyName?.collection,\n });\n}\n","import { FieldProps, ObjectInputProps, definePlugin } from 'sanity';\nimport { IconifyInput } from './iconify-input';\nimport { IconifyPreview } from './iconify-preview';\nimport { IconifyPluginConfig } from './lib/types';\n\n/**\n * Usage in `sanity.config.ts` (or .js)\n *\n * ```ts\n * import { defineConfig } from 'sanity'\n * import { iconify } from 'sanity-plugin-iconify'\n *\n * export default defineConfig({\n * // ...\n * plugins: [iconify()],\n * })\n * ```\n */\nexport const iconify = definePlugin<IconifyPluginConfig | void>((config = {}) => {\n return {\n name: 'sanity-plugin-iconify',\n schema: {\n types: [\n {\n name: 'icon',\n title: 'Icon',\n type: 'object',\n fields: [\n {\n name: 'name',\n title: 'Name',\n type: 'string',\n },\n ],\n components: {\n input: (props: ObjectInputProps) => <IconifyInput {...props} config={config!} />,\n preview: IconifyPreview,\n\n // This makes sure the input component is not indented\n field: (props: FieldProps) => props.renderDefault({ ...props, level: 0 }),\n },\n },\n ],\n },\n };\n});\n"],"names":["BASE_API_URL","fetchJson","_ref","url","signal","fetch","then","response","ok","Error","concat","status","json","result","error","console","useSearch","_ref2","collections","queryClient","useQueryClient","term","setTerm","useState","debouncedTerm","setDebouncedTerm","useDebounce","updateTerm","useCallback","newTerm","updateImmediately","arguments","length","undefined","isLoading","isError","data","isPlaceholderData","useQuery","queryKey","queryFn","_ref3","_a","URL","searchParams","append","join","Object","entries","forEach","_ref4","prefix","info","setQueryData","icons","enabled","placeholderData","keepPreviousData","staleTime","isPreviousData","useIconSetInfo","_ref5","_ref6","Infinity","_b","ComboboxWrapper","styled","Grid","__template","OptionsWrapper","Box","MessageWrapper","_ref7","children","jsx","Card","padding","Text","align","muted","SearchInput","forwardRef","props","ref","selectedIcon","onChange","Combobox","Input","as","TextInput","inputMode","value","icon","Icon","placeholder","displayName","SearchResults","state","Options","style","opacity","map","Option","active","Button","mode","selected","width","height","UnsetButton","onUnset","border","borderLeft","display","TrashIcon","onClick","fontSize","IconifyCombobox","onSelect","pushSelection","id","useId","toast","useToast","inputRef","useRef","handleTermChange","event","target","handleSelect","handleUnset","useEffect","push","title","description","message","open","jsxs","Fragment","Popover","placement","arrow","matchReferenceWidth","portal","constrainSize","referenceElement","current","content","match","returnType","with","otherwise","QueryClient","QueryClientProvider","ReactQueryClientProvider","client","usePrettyIconName","name","iconMeta","useMemo","stringToIcon","iconSetInfo","sentenceCase","collection","IconifyInput","_c","_d","_e","config","pushChange","schemaType","options","showName","parentTheme","useTheme","theme","sanity","color","studioTheme","unset","set","ThemeProvider","Stack","space","IconifyNameDisplay","prettyName","Flex","gap","size","weight","fontStyle","IconifyPreview","iconName","IconifyPreviewInner","renderDefault","previewProps","media","subtitle","iconify","definePlugin","schema","types","type","fields","components","input","preview","field","level"],"mappings":"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"}
|