@sanity/color-input 3.0.0-studio-v3.0 → 3.0.0-studio-v3.1

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 (11) hide show
  1. package/lib/{index.js → cjs/index.js} +76 -76
  2. package/lib/{index.js.map → cjs/index.js.map} +1 -1
  3. package/lib/{index.modern.js → esm/index.js} +77 -77
  4. package/lib/{index.modern.js.map → esm/index.js.map} +1 -1
  5. package/lib/{index.d.ts → types/index.d.ts} +1 -2
  6. package/lib/types/index.d.ts.map +1 -0
  7. package/package.json +18 -13
  8. package/sanity.json +8 -0
  9. package/src/ColorInput.tsx +1 -1
  10. package/v2-incompatible.js +11 -0
  11. package/lib/index.d.ts.map +0 -1
package/lib/{index.js → cjs/index.js} RENAMED
@@ -1,14 +1,14 @@
1
- var $3KLdq$sanity = require("sanity");
2
- var $3KLdq$reactjsxruntime = require("react/jsx-runtime");
3
- var $3KLdq$react = require("react");
4
- var $3KLdq$sanityform = require("sanity/form");
5
- var $3KLdq$lodash = require("lodash");
6
- var $3KLdq$sanityui = require("@sanity/ui");
7
- var $3KLdq$sanityicons = require("@sanity/icons");
8
- var $3KLdq$reactcolorlibcomponentscommon = require("react-color/lib/components/common");
9
- var $3KLdq$reactcolor = require("react-color");
10
- var $3KLdq$styledcomponents = require("styled-components");
11
- var $3KLdq$reactcolorlibhelperscolor = require("react-color/lib/helpers/color");
1
+ var $k7rGe$sanity = require("sanity");
2
+ var $k7rGe$reactjsxruntime = require("react/jsx-runtime");
3
+ var $k7rGe$react = require("react");
4
+ var $k7rGe$sanityform = require("sanity/form");
5
+ var $k7rGe$lodash = require("lodash");
6
+ var $k7rGe$sanityui = require("@sanity/ui");
7
+ var $k7rGe$sanityicons = require("@sanity/icons");
8
+ var $k7rGe$reactcolorlibcomponentscommon = require("react-color/lib/components/common");
9
+ var $k7rGe$reactcolor = require("react-color");
10
+ var $k7rGe$styledcomponents = require("styled-components");
11
+ var $k7rGe$reactcolorlibhelperscolor = require("react-color/lib/helpers/color");
12
12
 
13
13
  function $parcel$export(e, n, v, s) {
14
14
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -103,8 +103,8 @@ const $6707e7c5509edbba$export$cc215b4b2c268dfd = {
103
103
 
104
104
 
105
105
  const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: rgb , hsl: hsl , hex: hex , disableAlpha: disableAlpha })=>{
106
- const { sanity: sanity } = (0, $3KLdq$sanityui.useTheme)();
107
- const inputStyles = (0, $3KLdq$react.useMemo)(()=>({
106
+ const { sanity: sanity } = (0, $k7rGe$sanityui.useTheme)();
107
+ const inputStyles = (0, $k7rGe$react.useMemo)(()=>({
108
108
  input: {
109
109
  width: "80%",
110
110
  padding: "4px 10% 3px",
@@ -127,8 +127,8 @@ const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: r
127
127
  }), [
128
128
  sanity
129
129
  ]);
130
- const handleChange = (0, $3KLdq$react.useCallback)((data)=>{
131
- if ("hex" in data && data.hex && (0, $3KLdq$reactcolorlibhelperscolor.isValidHex)(data.hex)) onChange({
130
+ const handleChange = (0, $k7rGe$react.useCallback)((data)=>{
131
+ if ("hex" in data && data.hex && (0, $k7rGe$reactcolorlibhelperscolor.isValidHex)(data.hex)) onChange({
132
132
  hex: data.hex,
133
133
  source: "hex"
134
134
  });
@@ -157,22 +157,22 @@ const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: r
157
157
  hsl,
158
158
  rgb
159
159
  ]);
160
- return /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Flex), {
160
+ return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Flex), {
161
161
  children: [
162
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
162
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
163
163
  flex: 2,
164
164
  marginRight: 1,
165
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.EditableInput), {
165
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.EditableInput), {
166
166
  style: inputStyles,
167
167
  label: "hex",
168
168
  value: hex?.replace("#", ""),
169
169
  onChange: handleChange
170
170
  })
171
171
  }),
172
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
172
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
173
173
  flex: 1,
174
174
  marginRight: 1,
175
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.EditableInput), {
175
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.EditableInput), {
176
176
  style: inputStyles,
177
177
  label: "r",
178
178
  value: rgb?.r,
@@ -181,10 +181,10 @@ const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: r
181
181
  dragMax: 255
182
182
  })
183
183
  }),
184
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
184
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
185
185
  flex: 1,
186
186
  marginRight: 1,
187
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.EditableInput), {
187
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.EditableInput), {
188
188
  style: inputStyles,
189
189
  label: "g",
190
190
  value: rgb?.g,
@@ -193,10 +193,10 @@ const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: r
193
193
  dragMax: 255
194
194
  })
195
195
  }),
196
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
196
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
197
197
  flex: 1,
198
198
  marginRight: 1,
199
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.EditableInput), {
199
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.EditableInput), {
200
200
  style: inputStyles,
201
201
  label: "b",
202
202
  value: rgb?.b,
@@ -205,9 +205,9 @@ const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: r
205
205
  dragMax: 255
206
206
  })
207
207
  }),
208
- !disableAlpha && /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
208
+ !disableAlpha && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
209
209
  flex: 1,
210
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.EditableInput), {
210
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.EditableInput), {
211
211
  style: inputStyles,
212
212
  label: "a",
213
213
  value: Math.round((rgb?.a ?? 1) * 100),
@@ -221,14 +221,14 @@ const $bb8e678a4bd9bec1$export$5367735792921e7d = ({ onChange: onChange , rgb: r
221
221
  };
222
222
 
223
223
 
224
- const $9cf89bc516c02185$var$ColorBox = (0, ($parcel$interopDefault($3KLdq$styledcomponents)))((0, $3KLdq$sanityui.Box))`
224
+ const $9cf89bc516c02185$var$ColorBox = (0, ($parcel$interopDefault($k7rGe$styledcomponents)))((0, $k7rGe$sanityui.Box))`
225
225
  position: absolute;
226
226
  top: 0;
227
227
  left: 0;
228
228
  width: 100%;
229
229
  height: 100%;
230
230
  `;
231
- const $9cf89bc516c02185$var$ReadOnlyContainer = (0, ($parcel$interopDefault($3KLdq$styledcomponents)))((0, $3KLdq$sanityui.Flex))`
231
+ const $9cf89bc516c02185$var$ReadOnlyContainer = (0, ($parcel$interopDefault($k7rGe$styledcomponents)))((0, $k7rGe$sanityui.Flex))`
232
232
  margin-top: 6rem;
233
233
  background-color: var(--card-bg-color);
234
234
  position: relative;
@@ -236,32 +236,32 @@ const $9cf89bc516c02185$var$ReadOnlyContainer = (0, ($parcel$interopDefault($3KL
236
236
  `;
237
237
  const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
238
238
  const { width: width , color: { rgb: rgb , hex: hex , hsv: hsv , hsl: hsl } , onChange: onChange , onUnset: onUnset , disableAlpha: disableAlpha , readOnly: readOnly , } = props;
239
- return /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)("div", {
239
+ return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("div", {
240
240
  style: {
241
241
  width: width
242
242
  },
243
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Card), {
243
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Card), {
244
244
  padding: 1,
245
245
  border: true,
246
246
  radius: 1,
247
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Stack), {
247
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Stack), {
248
248
  space: 2,
249
249
  children: [
250
- !readOnly && /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$reactjsxruntime.Fragment), {
250
+ !readOnly && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$reactjsxruntime.Fragment), {
251
251
  children: [
252
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Card), {
252
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Card), {
253
253
  overflow: "hidden",
254
254
  style: {
255
255
  position: "relative",
256
256
  height: "5em"
257
257
  },
258
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.Saturation), {
258
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.Saturation), {
259
259
  onChange: onChange,
260
260
  hsl: hsl,
261
261
  hsv: hsv
262
262
  })
263
263
  }),
264
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Card), {
264
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Card), {
265
265
  shadow: 1,
266
266
  radius: 3,
267
267
  overflow: "hidden",
@@ -269,12 +269,12 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
269
269
  position: "relative",
270
270
  height: "10px"
271
271
  },
272
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.Hue), {
272
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.Hue), {
273
273
  hsl: hsl,
274
274
  onChange: !readOnly && onChange
275
275
  })
276
276
  }),
277
- !disableAlpha && /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Card), {
277
+ !disableAlpha && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Card), {
278
278
  shadow: 1,
279
279
  radius: 3,
280
280
  overflow: "hidden",
@@ -282,7 +282,7 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
282
282
  position: "relative",
283
283
  height: "10px"
284
284
  },
285
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.Alpha), {
285
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.Alpha), {
286
286
  rgb: rgb,
287
287
  hsl: hsl,
288
288
  onChange: onChange
@@ -290,9 +290,9 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
290
290
  })
291
291
  ]
292
292
  }),
293
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Flex), {
293
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Flex), {
294
294
  children: [
295
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Card), {
295
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Card), {
296
296
  flex: 1,
297
297
  radius: 2,
298
298
  overflow: "hidden",
@@ -301,33 +301,33 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
301
301
  minWidth: "4em"
302
302
  },
303
303
  children: [
304
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactcolorlibcomponentscommon.Checkboard), {}),
305
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)($9cf89bc516c02185$var$ColorBox, {
304
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactcolorlibcomponentscommon.Checkboard), {}),
305
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($9cf89bc516c02185$var$ColorBox, {
306
306
  style: {
307
307
  backgroundColor: `rgba(${rgb?.r},${rgb?.g},${rgb?.b},${rgb?.a})`
308
308
  }
309
309
  }),
310
- readOnly && /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)($9cf89bc516c02185$var$ReadOnlyContainer, {
310
+ readOnly && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($9cf89bc516c02185$var$ReadOnlyContainer, {
311
311
  padding: 2,
312
312
  paddingBottom: 1,
313
313
  sizing: "border",
314
314
  justify: "space-between",
315
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Stack), {
315
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Stack), {
316
316
  space: 3,
317
317
  marginTop: 1,
318
318
  children: [
319
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Text), {
319
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Text), {
320
320
  size: 3,
321
321
  weight: "bold",
322
322
  children: hex
323
323
  }),
324
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Inline), {
324
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Inline), {
325
325
  space: 3,
326
326
  children: [
327
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Text), {
327
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Text), {
328
328
  size: 1,
329
329
  children: [
330
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)("strong", {
330
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("strong", {
331
331
  children: "RGB: "
332
332
  }),
333
333
  rgb?.r,
@@ -337,10 +337,10 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
337
337
  rgb?.b
338
338
  ]
339
339
  }),
340
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Text), {
340
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Text), {
341
341
  size: 1,
342
342
  children: [
343
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)("strong", {
343
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("strong", {
344
344
  children: "HSL: "
345
345
  }),
346
346
  " ",
@@ -359,15 +359,15 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
359
359
  })
360
360
  ]
361
361
  }),
362
- !readOnly && /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsxs)((0, $3KLdq$sanityui.Flex), {
362
+ !readOnly && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Flex), {
363
363
  align: "flex-start",
364
364
  marginLeft: 2,
365
365
  children: [
366
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
366
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
367
367
  style: {
368
368
  width: 200
369
369
  },
370
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $bb8e678a4bd9bec1$export$5367735792921e7d), {
370
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $bb8e678a4bd9bec1$export$5367735792921e7d), {
371
371
  rgb: rgb,
372
372
  hsl: hsl,
373
373
  hex: hex,
@@ -375,12 +375,12 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
375
375
  disableAlpha: disableAlpha
376
376
  })
377
377
  }),
378
- /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Box), {
378
+ /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
379
379
  marginLeft: 2,
380
- children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Button), {
380
+ children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Button), {
381
381
  onClick: onUnset,
382
382
  title: "Delete color",
383
- icon: (0, $3KLdq$sanityicons.TrashIcon),
383
+ icon: (0, $k7rGe$sanityicons.TrashIcon),
384
384
  tone: "critical"
385
385
  })
386
386
  })
@@ -393,7 +393,7 @@ const $9cf89bc516c02185$var$ColorPickerInner = (props)=>{
393
393
  })
394
394
  });
395
395
  };
396
- const $9cf89bc516c02185$export$9feb1bc2e5f1ccb3 = (0, $3KLdq$reactcolor.CustomPicker)($9cf89bc516c02185$var$ColorPickerInner);
396
+ const $9cf89bc516c02185$export$9feb1bc2e5f1ccb3 = (0, $k7rGe$reactcolor.CustomPicker)($9cf89bc516c02185$var$ColorPickerInner);
397
397
 
398
398
 
399
399
  const $50859b401fad6cb5$var$DEFAULT_COLOR = {
@@ -420,30 +420,30 @@ const $50859b401fad6cb5$var$DEFAULT_COLOR = {
420
420
  };
421
421
  function $50859b401fad6cb5$export$5a1d7ca0a925d9c2(props) {
422
422
  const { onChange: onChange , schemaType: type , readOnly: readOnly , value: value } = props;
423
- const focusRef = (0, $3KLdq$react.useRef)(null);
423
+ const focusRef = (0, $k7rGe$react.useRef)(null);
424
424
  // use local state so we can have instant ui updates while debouncing patch emits
425
- const [color, setColor] = (0, $3KLdq$react.useState)(value);
426
- (0, $3KLdq$react.useEffect)(()=>setColor(value), [
425
+ const [color, setColor] = (0, $k7rGe$react.useState)(value);
426
+ (0, $k7rGe$react.useEffect)(()=>setColor(value), [
427
427
  value
428
428
  ]);
429
- const emitSetColor = (0, $3KLdq$react.useCallback)((nextColor)=>{
429
+ const emitSetColor = (0, $k7rGe$react.useCallback)((nextColor)=>{
430
430
  const fieldPatches = type.fields.filter((field)=>field.name in nextColor).map((field)=>{
431
431
  const nextFieldValue = nextColor[field.name];
432
432
  const isObject = field.type.jsonType === "object";
433
- return (0, $3KLdq$sanityform.set)(isObject ? Object.assign({
433
+ return (0, $k7rGe$sanityform.set)(isObject ? Object.assign({
434
434
  _type: field.type.name
435
435
  }, nextFieldValue) : nextFieldValue, [
436
436
  field.name
437
437
  ]);
438
438
  });
439
439
  onChange([
440
- (0, $3KLdq$sanityform.setIfMissing)({
440
+ (0, $k7rGe$sanityform.setIfMissing)({
441
441
  _type: type.name
442
442
  }),
443
- (0, $3KLdq$sanityform.set)(type.name, [
443
+ (0, $k7rGe$sanityform.set)(type.name, [
444
444
  "_type"
445
445
  ]),
446
- (0, $3KLdq$sanityform.set)(nextColor.rgb?.a, [
446
+ (0, $k7rGe$sanityform.set)(nextColor.rgb?.a, [
447
447
  "alpha"
448
448
  ]),
449
449
  ...fieldPatches,
@@ -454,37 +454,37 @@ function $50859b401fad6cb5$export$5a1d7ca0a925d9c2(props) {
454
454
  ]);
455
455
  // The color picker emits onChange events continuously while the user is sliding the
456
456
  // hue/saturation/alpha selectors. This debounces the event to avoid excessive patches
457
- const debouncedColorChange = (0, $3KLdq$react.useMemo)(()=>(0, $3KLdq$lodash.debounce)(emitSetColor, 100), [
457
+ const debouncedColorChange = (0, $k7rGe$react.useMemo)(()=>(0, $k7rGe$lodash.debounce)(emitSetColor, 100), [
458
458
  emitSetColor
459
459
  ]);
460
- const handleColorChange = (0, $3KLdq$react.useCallback)((nextColor)=>{
460
+ const handleColorChange = (0, $k7rGe$react.useCallback)((nextColor)=>{
461
461
  setColor(nextColor);
462
462
  debouncedColorChange(nextColor);
463
463
  }, [
464
464
  debouncedColorChange,
465
465
  setColor
466
466
  ]);
467
- const handleCreateColor = (0, $3KLdq$react.useCallback)(()=>{
467
+ const handleCreateColor = (0, $k7rGe$react.useCallback)(()=>{
468
468
  setColor($50859b401fad6cb5$var$DEFAULT_COLOR);
469
469
  emitSetColor($50859b401fad6cb5$var$DEFAULT_COLOR);
470
470
  }, [
471
471
  emitSetColor
472
472
  ]);
473
- const handleUnset = (0, $3KLdq$react.useCallback)(()=>{
473
+ const handleUnset = (0, $k7rGe$react.useCallback)(()=>{
474
474
  setColor(undefined);
475
- onChange((0, $3KLdq$sanityform.unset)());
475
+ onChange((0, $k7rGe$sanityform.unset)());
476
476
  }, [
477
477
  onChange
478
478
  ]);
479
- return /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$reactjsxruntime.Fragment), {
480
- children: value ? /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $9cf89bc516c02185$export$9feb1bc2e5f1ccb3), {
479
+ return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactjsxruntime.Fragment), {
480
+ children: value ? /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $9cf89bc516c02185$export$9feb1bc2e5f1ccb3), {
481
481
  /* ref={this.focusRef}*/ color: color,
482
482
  onChange: handleColorChange,
483
483
  readOnly: readOnly || typeof type.readOnly === "boolean" && type.readOnly,
484
484
  disableAlpha: type.options?.disableAlpha,
485
485
  onUnset: handleUnset
486
- }) : /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Button), {
487
- icon: (0, $3KLdq$sanityicons.AddIcon),
486
+ }) : /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Button), {
487
+ icon: (0, $k7rGe$sanityicons.AddIcon),
488
488
  mode: "ghost",
489
489
  text: "Create color",
490
490
  ref: focusRef,
@@ -543,7 +543,7 @@ const $1ba04456571fe4ef$export$35e9368ef982300f = {
543
543
  return {
544
544
  title: title,
545
545
  subtitle: subtitle,
546
- media: ()=>/*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)("div", {
546
+ media: ()=>/*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("div", {
547
547
  style: {
548
548
  backgroundColor: hex ?? "#000",
549
549
  opacity: alpha ?? 1,
@@ -590,7 +590,7 @@ const $ebd6b32193e371d0$export$633851ea6f85c81b = {
590
590
 
591
591
 
592
592
 
593
- const $244e63ca53592e4d$export$1d1c20ca26e20eb8 = (0, $3KLdq$sanity.createPlugin)({
593
+ const $244e63ca53592e4d$export$1d1c20ca26e20eb8 = (0, $k7rGe$sanity.createPlugin)({
594
594
  name: "@sanity/color-input",
595
595
  schema: {
596
596
  types: [
package/lib/{index.js.map → cjs/index.js.map} RENAMED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["src/index.ts","src/schemas/hslaColor.ts","src/schemas/rgbaColor.ts","src/schemas/color.tsx","src/ColorInput.tsx","src/ColorPicker.tsx","src/ColorPickerFields.tsx","src/schemas/hsvaColor.ts"],"sourcesContent":["import {createPlugin} from 'sanity'\nimport {hslaColor} from './schemas/hslaColor'\nimport {rgbaColor} from './schemas/rgbaColor'\nimport {color} from './schemas/color'\nimport {hsvaColor} from './schemas/hsvaColor'\n\nexport const colorInput = createPlugin({\n name: '@sanity/color-input',\n schema: {\n types: [hslaColor, hsvaColor, rgbaColor, color],\n },\n})\n\nexport {hslaColor, rgbaColor, color, hsvaColor}\nexport {ColorInput} from './ColorInput'\nexport type {ColorValue, ColorInputProps, ColorOptions, ColorSchemaType} from './ColorInput'\n","export const hslaColor = {\n title: 'Hue Saturation Lightness',\n name: 'hslaColor',\n type: 'object',\n fields: [\n {name: 'h', type: 'number', title: 'Hue'},\n {name: 's', type: 'number', title: 'Saturation'},\n {name: 'l', type: 'number', title: 'Lightness'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n","export const rgbaColor = {\n title: 'Red Green Blue (rgb)',\n name: 'rgbaColor',\n type: 'object',\n fields: [\n {name: 'r', type: 'number', title: 'Red'},\n {name: 'g', type: 'number', title: 'Green'},\n {name: 'b', type: 'number', title: 'Blue'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n","import React from 'react'\nimport {ColorInput} from '../ColorInput'\n\nconst round = (val: number = 1) => Math.round(val * 100)\n\nexport const color = {\n name: 'color',\n type: 'object',\n title: 'Color',\n components: {input: ColorInput},\n fields: [\n {\n title: 'Hex',\n name: 'hex',\n type: 'string',\n },\n {\n title: 'Alpha',\n name: 'alpha',\n type: 'number',\n },\n {\n title: 'Hue Saturation Lightness',\n name: 'hsl',\n type: 'hslaColor',\n },\n {\n title: 'Hue Saturation Value',\n name: 'hsv',\n type: 'hsvaColor',\n },\n {\n title: 'Red Green Blue (rgb)',\n name: 'rgb',\n type: 'rgbaColor',\n },\n ],\n preview: {\n select: {\n title: 'hex',\n alpha: 'alpha',\n hex: 'hex',\n hsl: 'hsl',\n },\n prepare({\n title,\n hex,\n hsl,\n alpha,\n }: {\n title?: string\n alpha?: number\n hex?: string\n hsl?: {h: number; s: number; l: number}\n }) {\n let subtitle = hex || 'No color set'\n if (hsl) {\n subtitle = `H:${round(hsl.h)} S:${round(hsl.s)} L:${round(hsl.l)} A:${round(alpha)}`\n }\n return {\n title: title,\n subtitle: subtitle,\n media: () => (\n <div\n style={{\n backgroundColor: hex ?? '#000',\n opacity: alpha ?? 1,\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n left: '0',\n }}\n />\n ),\n }\n },\n },\n}\n","import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport {set, setIfMissing, unset} from 'sanity/form'\nimport {debounce} from 'lodash'\nimport {Button} from '@sanity/ui'\nimport {AddIcon} from '@sanity/icons'\nimport {ColorPicker} from './ColorPicker'\nimport {ObjectInputProps} from 'sanity'\nimport {HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {ObjectSchemaType} from '@sanity/types'\n\nconst DEFAULT_COLOR: ColorValue & {source: string} = {\n hex: '#24a3e3',\n hsl: {h: 200, s: 0.7732, l: 0.5156, a: 1},\n hsv: {h: 200, s: 0.8414, v: 0.8901, a: 1},\n rgb: {r: 46, g: 163, b: 227, a: 1},\n source: 'hex',\n}\n\nexport interface ColorValue {\n hex: string\n hsl: HSLColor\n hsv: HSVColor\n rgb: RGBColor\n}\n\nexport interface ColorOptions {\n disableAlpha?: boolean\n}\n\nexport type ColorSchemaType = ObjectSchemaType & {\n options?: ColorOptions\n}\nexport type ColorInputProps = ObjectInputProps<ColorValue, ColorSchemaType>\n\nexport function ColorInput(props: ColorInputProps) {\n const {onChange, schemaType: type, readOnly, value} = props\n const focusRef = useRef<HTMLButtonElement>(null)\n\n // use local state so we can have instant ui updates while debouncing patch emits\n const [color, setColor] = useState(value)\n useEffect(() => setColor(value), [value])\n\n const emitSetColor = useCallback(\n (nextColor: ColorValue) => {\n const fieldPatches = type.fields\n .filter((field) => field.name in nextColor)\n .map((field) => {\n const nextFieldValue = nextColor[field.name as keyof ColorValue]\n const isObject = field.type.jsonType === 'object'\n return set(\n isObject ? Object.assign({_type: field.type.name}, nextFieldValue) : nextFieldValue,\n [field.name]\n )\n })\n\n onChange([\n setIfMissing({_type: type.name}),\n set(type.name, ['_type']),\n set(nextColor.rgb?.a, ['alpha']),\n ...fieldPatches,\n ])\n },\n [onChange, type]\n )\n\n // The color picker emits onChange events continuously while the user is sliding the\n // hue/saturation/alpha selectors. This debounces the event to avoid excessive patches\n const debouncedColorChange = useMemo(() => debounce(emitSetColor, 100), [emitSetColor])\n const handleColorChange = useCallback(\n (nextColor: ColorValue) => {\n setColor(nextColor)\n debouncedColorChange(nextColor)\n },\n [debouncedColorChange, setColor]\n )\n\n const handleCreateColor = useCallback(() => {\n setColor(DEFAULT_COLOR)\n emitSetColor(DEFAULT_COLOR)\n }, [emitSetColor])\n\n const handleUnset = useCallback(() => {\n setColor(undefined)\n onChange(unset())\n }, [onChange])\n\n return (\n <>\n {value ? (\n <ColorPicker\n /* ref={this.focusRef}*/\n color={color}\n onChange={handleColorChange}\n readOnly={readOnly || (typeof type.readOnly === 'boolean' && type.readOnly)}\n disableAlpha={type.options?.disableAlpha}\n onUnset={handleUnset}\n />\n ) : (\n <Button\n icon={AddIcon}\n mode=\"ghost\"\n text=\"Create color\"\n ref={focusRef}\n disabled={Boolean(readOnly)}\n onClick={handleCreateColor}\n />\n )}\n </>\n )\n}\n","import React from 'react'\nimport {Alpha, Checkboard, Hue, Saturation} from 'react-color/lib/components/common'\nimport {CustomPicker, HEXColor, HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {Box, Button, Card, Flex, Inline, Stack, Text} from '@sanity/ui'\nimport {TrashIcon} from '@sanity/icons'\nimport styled from 'styled-components'\nimport {ColorPickerFields} from './ColorPickerFields'\nimport {CustomPickerInjectedProps} from 'react-color/lib/components/common/ColorWrap'\nimport {ColorValue} from './ColorInput'\n\nconst ColorBox = styled(Box)`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n`\n\nconst ReadOnlyContainer = styled(Flex)`\n margin-top: 6rem;\n background-color: var(--card-bg-color);\n position: relative;\n width: 100%;\n`\n\nexport interface ColorPickerProps\n extends CustomPickerInjectedProps<HSLColor | HSVColor | RGBColor | HEXColor> {\n width?: string\n disableAlpha: boolean\n readOnly?: boolean\n onUnset: () => void\n color: ColorValue\n}\n\nconst ColorPickerInner = (props: ColorPickerProps) => {\n const {\n width,\n color: {rgb, hex, hsv, hsl},\n onChange,\n onUnset,\n disableAlpha,\n readOnly,\n } = props\n return (\n <div style={{width}}>\n <Card padding={1} border radius={1}>\n <Stack space={2}>\n {!readOnly && (\n <>\n <Card overflow=\"hidden\" style={{position: 'relative', height: '5em'}}>\n <Saturation onChange={onChange} hsl={hsl} hsv={hsv} />\n </Card>\n\n <Card\n shadow={1}\n radius={3}\n overflow=\"hidden\"\n style={{position: 'relative', height: '10px'}}\n >\n <Hue hsl={hsl} onChange={!readOnly && onChange} />\n </Card>\n\n {!disableAlpha && (\n <Card\n shadow={1}\n radius={3}\n overflow=\"hidden\"\n style={{position: 'relative', height: '10px'}}\n >\n <Alpha rgb={rgb} hsl={hsl} onChange={onChange} />\n </Card>\n )}\n </>\n )}\n <Flex>\n <Card\n flex={1}\n radius={2}\n overflow=\"hidden\"\n style={{position: 'relative', minWidth: '4em'}}\n >\n <Checkboard />\n <ColorBox\n style={{\n backgroundColor: `rgba(${rgb?.r},${rgb?.g},${rgb?.b},${rgb?.a})`,\n }}\n />\n\n {readOnly && (\n <ReadOnlyContainer\n padding={2}\n paddingBottom={1}\n sizing=\"border\"\n justify=\"space-between\"\n >\n <Stack space={3} marginTop={1}>\n <Text size={3} weight=\"bold\">\n {hex}\n </Text>\n\n <Inline space={3}>\n <Text size={1}>\n <strong>RGB: </strong>\n {rgb?.r} {rgb?.g} {rgb?.b}\n </Text>\n <Text size={1}>\n <strong>HSL: </strong> {Math.round(hsl?.h ?? 0)} {Math.round(hsl?.s ?? 0)}%{' '}\n {Math.round(hsl?.l ?? 0)}\n </Text>\n </Inline>\n </Stack>\n </ReadOnlyContainer>\n )}\n </Card>\n\n {!readOnly && (\n <Flex align=\"flex-start\" marginLeft={2}>\n <Box style={{width: 200}}>\n <ColorPickerFields\n rgb={rgb}\n hsl={hsl}\n hex={hex}\n onChange={onChange}\n disableAlpha={disableAlpha}\n />\n </Box>\n <Box marginLeft={2}>\n <Button onClick={onUnset} title=\"Delete color\" icon={TrashIcon} tone=\"critical\" />\n </Box>\n </Flex>\n )}\n </Flex>\n </Stack>\n </Card>\n </div>\n )\n}\n\nexport const ColorPicker = CustomPicker(ColorPickerInner)\n","import React, {useCallback, useMemo} from 'react'\n// @ts-expect-error missing export\nimport {isValidHex} from 'react-color/lib/helpers/color'\nimport {EditableInput} from 'react-color/lib/components/common'\nimport {Box, Flex, useTheme} from '@sanity/ui'\nimport {ColorChangeHandler, HEXColor, HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {EditableInputStyles} from 'react-color/lib/components/common/EditableInput'\n\ninterface ColorPickerFieldsProps {\n rgb?: RGBColor\n hsl?: HSLColor\n hex?: string\n disableAlpha: boolean\n onChange: ColorChangeHandler<HSLColor | HSVColor | RGBColor | HEXColor>\n}\n\nexport const ColorPickerFields = ({\n onChange,\n rgb,\n hsl,\n hex,\n disableAlpha,\n}: ColorPickerFieldsProps) => {\n const {sanity} = useTheme()\n\n const inputStyles: EditableInputStyles = useMemo(\n () => ({\n input: {\n width: '80%',\n padding: '4px 10% 3px',\n border: 'none',\n boxShadow: `inset 0 0 0 1px ${sanity.color.input.default.enabled.border}`,\n color: sanity.color.input.default.enabled.fg,\n backgroundColor: sanity.color.input.default.enabled.bg,\n fontSize: sanity.fonts.text.sizes[0].fontSize,\n textAlign: 'center',\n },\n label: {\n display: 'block',\n textAlign: 'center',\n fontSize: sanity.fonts.label.sizes[0].fontSize,\n color: sanity.color.base.fg,\n paddingTop: '3px',\n paddingBottom: '4px',\n textTransform: 'capitalize',\n },\n }),\n [sanity]\n )\n\n const handleChange: ColorChangeHandler<Record<string, string>> = useCallback(\n (data) => {\n if ('hex' in data && data.hex && isValidHex(data.hex)) {\n onChange({\n hex: data.hex,\n source: 'hex',\n })\n } else if (\n rgb &&\n (('r' in data && data.r) || ('g' in data && data.g) || ('b' in data && data.b))\n ) {\n onChange({\n r: Number(data.r) || rgb.r,\n g: Number(data.g) || rgb.g,\n b: Number(data.b) || rgb.b,\n a: rgb.a,\n source: 'rgb',\n })\n } else if (hsl && 'a' in data && data.a) {\n let alpha = Number(data.a)\n if (alpha < 0) {\n alpha = 0\n } else if (alpha > 100) {\n alpha = 100\n }\n alpha /= 100\n\n onChange({\n h: hsl.h,\n s: hsl.s,\n l: hsl.l,\n a: alpha,\n source: 'hsl',\n })\n }\n },\n [onChange, hsl, rgb]\n )\n\n return (\n <Flex>\n <Box flex={2} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"hex\"\n value={hex?.replace('#', '')}\n onChange={handleChange}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"r\"\n value={rgb?.r}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"g\"\n value={rgb?.g}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"b\"\n value={rgb?.b}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n {!disableAlpha && (\n <Box flex={1}>\n <EditableInput\n style={inputStyles}\n label=\"a\"\n value={Math.round((rgb?.a ?? 1) * 100)}\n onChange={handleChange}\n dragLabel\n dragMax={100}\n />\n </Box>\n )}\n </Flex>\n )\n}\n","export const hsvaColor = {\n title: 'Hue Saturation Value',\n name: 'hsvaColor',\n type: 'object',\n fields: [\n {name: 'h', type: 'number', title: 'Hue'},\n {name: 's', type: 'number', title: 'Saturation'},\n {name: 'v', type: 'number', title: 'Value'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAO,MAAM,yCAAS,GAAG;IACvB,KAAK,EAAE,0BAA0B;IACjC,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE;QACN;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,KAAK;SAAC;QACzC;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,YAAY;SAAC;QAChD;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,WAAW;SAAC;QAC/C;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,OAAO;SAAC;KAC5C;CACF;;;ACVM,MAAM,yCAAS,GAAG;IACvB,KAAK,EAAE,sBAAsB;IAC7B,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE;QACN;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,KAAK;SAAC;QACzC;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,OAAO;SAAC;QAC3C;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,MAAM;SAAC;QAC1C;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,OAAO;SAAC;KAC5C;CACF;;;ACVD;;ACAA;;;;;;ACAA;;;;;;;ACAA;;;;;AAgBO,MAAM,yCAAiB,GAAG,CAAC,YAChC,QAAQ,CAAA,OACR,GAAG,CAAA,OACH,GAAG,CAAA,OACH,GAAG,CAAA,gBACH,YAAY,CAAA,EACW,GAAK;IAC5B,MAAM,UAAC,MAAM,CAAA,EAAC,GAAG,CAAA,GAAA,wBAAQ,CAAA,EAAE;IAE3B,MAAM,WAAW,GAAwB,CAAA,GAAA,oBAAO,CAAA,CAC9C,IAAO,CAAA;YACL,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,aAAa;gBACtB,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBACzE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBAC5C,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBACtD,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ;gBAC7C,SAAS,EAAE,QAAQ;aACpB;YACD,KAAK,EAAE;gBACL,OAAO,EAAE,OAAO;gBAChB,SAAS,EAAE,QAAQ;gBACnB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ;gBAC9C,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;gBAC3B,UAAU,EAAE,KAAK;gBACjB,aAAa,EAAE,KAAK;gBACpB,aAAa,EAAE,YAAY;aAC5B;SACF,CAAA,AAAC,EACF;QAAC,MAAM;KAAC,CACT;IAED,MAAM,YAAY,GAA+C,CAAA,GAAA,wBAAW,CAAA,CAC1E,CAAC,IAAI,GAAK;QACR,IAAI,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,GAAG,IAAI,CAAA,GAAA,2CAAU,CAAA,CAAC,IAAI,CAAC,GAAG,CAAC,EACnD,QAAQ,CAAC;YACP,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,MAAM,EAAE,KAAK;SACd,CAAC;aACG,IACL,GAAG,IACF,CAAA,AAAC,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,IAAM,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,IAAM,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,AAAC,CAAA,AAAC,EAE/E,QAAQ,CAAC;YACP,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;YAC1B,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;YAC1B,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;YAC1B,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,MAAM,EAAE,KAAK;SACd,CAAC;aACG,IAAI,GAAG,IAAI,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,EAAE;YACvC,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;YAC1B,IAAI,KAAK,GAAG,CAAC,EACX,KAAK,GAAG,CAAC;iBACJ,IAAI,KAAK,GAAG,GAAG,EACpB,KAAK,GAAG,GAAG;YAEb,KAAK,IAAI,GAAG;YAEZ,QAAQ,CAAC;gBACP,CAAC,EAAE,GAAG,CAAC,CAAC;gBACR,CAAC,EAAE,GAAG,CAAC,CAAC;gBACR,CAAC,EAAE,GAAG,CAAC,CAAC;gBACR,CAAC,EAAE,KAAK;gBACR,MAAM,EAAE,KAAK;aACd,CAAC;SACH;KACF,EACD;QAAC,QAAQ;QAAE,GAAG;QAAE,GAAG;KAAC,CACrB;IAED,qBACE,iCAAC,CAAA,GAAA,oBAAI,CAAA;;0BACH,gCAAC,CAAA,GAAA,mBAAG,CAAA;gBAAC,IAAI,EAAE,CAAC;gBAAE,WAAW,EAAE,CAAC;0BAC1B,cAAA,gCAAC,CAAA,GAAA,kDAAa,CAAA;oBACZ,KAAK,EAAE,WAAW;oBAClB,KAAK,EAAC,KAAK;oBACX,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;oBAC5B,QAAQ,EAAE,YAAY;kBACtB;cACE;0BACN,gCAAC,CAAA,GAAA,mBAAG,CAAA;gBAAC,IAAI,EAAE,CAAC;gBAAE,WAAW,EAAE,CAAC;0BAC1B,cAAA,gCAAC,CAAA,GAAA,kDAAa,CAAA;oBACZ,KAAK,EAAE,WAAW;oBAClB,KAAK,EAAC,GAAG;oBACT,KAAK,EAAE,GAAG,EAAE,CAAC;oBACb,QAAQ,EAAE,YAAY;oBACtB,SAAS;oBACT,OAAO,EAAE,GAAG;kBACZ;cACE;0BACN,gCAAC,CAAA,GAAA,mBAAG,CAAA;gBAAC,IAAI,EAAE,CAAC;gBAAE,WAAW,EAAE,CAAC;0BAC1B,cAAA,gCAAC,CAAA,GAAA,kDAAa,CAAA;oBACZ,KAAK,EAAE,WAAW;oBAClB,KAAK,EAAC,GAAG;oBACT,KAAK,EAAE,GAAG,EAAE,CAAC;oBACb,QAAQ,EAAE,YAAY;oBACtB,SAAS;oBACT,OAAO,EAAE,GAAG;kBACZ;cACE;0BACN,gCAAC,CAAA,GAAA,mBAAG,CAAA;gBAAC,IAAI,EAAE,CAAC;gBAAE,WAAW,EAAE,CAAC;0BAC1B,cAAA,gCAAC,CAAA,GAAA,kDAAa,CAAA;oBACZ,KAAK,EAAE,WAAW;oBAClB,KAAK,EAAC,GAAG;oBACT,KAAK,EAAE,GAAG,EAAE,CAAC;oBACb,QAAQ,EAAE,YAAY;oBACtB,SAAS;oBACT,OAAO,EAAE,GAAG;kBACZ;cACE;YACL,CAAC,YAAY,kBACZ,gCAAC,CAAA,GAAA,mBAAG,CAAA;gBAAC,IAAI,EAAE,CAAC;0BACV,cAAA,gCAAC,CAAA,GAAA,kDAAa,CAAA;oBACZ,KAAK,EAAE,WAAW;oBAClB,KAAK,EAAC,GAAG;oBACT,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,AAAC,CAAA,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA,GAAI,GAAG,CAAC;oBACtC,QAAQ,EAAE,YAAY;oBACtB,SAAS;oBACT,OAAO,EAAE,GAAG;kBACZ;cACE,AACP;;MACI,CACR;CACF;;;ADrID,MAAM,8BAAQ,GAAG,CAAA,GAAA,iDAAM,CAAA,CAAC,CAAA,GAAA,mBAAG,CAAA,CAAC,CAAC;;;;;;AAM7B,CAAC;AAED,MAAM,uCAAiB,GAAG,CAAA,GAAA,iDAAM,CAAA,CAAC,CAAA,GAAA,oBAAI,CAAA,CAAC,CAAC;;;;;AAKvC,CAAC;AAWD,MAAM,sCAAgB,GAAG,CAAC,KAAuB,GAAK;IACpD,MAAM,SACJ,KAAK,CAAA,EACL,KAAK,EAAE,OAAC,GAAG,CAAA,OAAE,GAAG,CAAA,OAAE,GAAG,CAAA,OAAE,GAAG,CAAA,EAAC,CAAA,YAC3B,QAAQ,CAAA,WACR,OAAO,CAAA,gBACP,YAAY,CAAA,YACZ,QAAQ,CAAA,IACT,GAAG,KAAK;IACT,qBACE,gCAAC,KAAG;QAAC,KAAK,EAAE;mBAAC,KAAK;SAAC;kBACjB,cAAA,gCAAC,CAAA,GAAA,oBAAI,CAAA;YAAC,OAAO,EAAE,CAAC;YAAE,MAAM;YAAC,MAAM,EAAE,CAAC;sBAChC,cAAA,iCAAC,CAAA,GAAA,qBAAK,CAAA;gBAAC,KAAK,EAAE,CAAC;;oBACZ,CAAC,QAAQ,kBACR;;0CACE,gCAAC,CAAA,GAAA,oBAAI,CAAA;gCAAC,QAAQ,EAAC,QAAQ;gCAAC,KAAK,EAAE;oCAAC,QAAQ,EAAE,UAAU;oCAAE,MAAM,EAAE,KAAK;iCAAC;0CAClE,cAAA,gCAAC,CAAA,GAAA,+CAAU,CAAA;oCAAC,QAAQ,EAAE,QAAQ;oCAAE,GAAG,EAAE,GAAG;oCAAE,GAAG,EAAE,GAAG;kCAAI;8BACjD;0CAEP,gCAAC,CAAA,GAAA,oBAAI,CAAA;gCACH,MAAM,EAAE,CAAC;gCACT,MAAM,EAAE,CAAC;gCACT,QAAQ,EAAC,QAAQ;gCACjB,KAAK,EAAE;oCAAC,QAAQ,EAAE,UAAU;oCAAE,MAAM,EAAE,MAAM;iCAAC;0CAE7C,cAAA,gCAAC,CAAA,GAAA,wCAAG,CAAA;oCAAC,GAAG,EAAE,GAAG;oCAAE,QAAQ,EAAE,CAAC,QAAQ,IAAI,QAAQ;kCAAI;8BAC7C;4BAEN,CAAC,YAAY,kBACZ,gCAAC,CAAA,GAAA,oBAAI,CAAA;gCACH,MAAM,EAAE,CAAC;gCACT,MAAM,EAAE,CAAC;gCACT,QAAQ,EAAC,QAAQ;gCACjB,KAAK,EAAE;oCAAC,QAAQ,EAAE,UAAU;oCAAE,MAAM,EAAE,MAAM;iCAAC;0CAE7C,cAAA,gCAAC,CAAA,GAAA,0CAAK,CAAA;oCAAC,GAAG,EAAE,GAAG;oCAAE,GAAG,EAAE,GAAG;oCAAE,QAAQ,EAAE,QAAQ;kCAAI;8BAC5C,AACR;;sBACA,AACJ;kCACD,iCAAC,CAAA,GAAA,oBAAI,CAAA;;0CACH,iCAAC,CAAA,GAAA,oBAAI,CAAA;gCACH,IAAI,EAAE,CAAC;gCACP,MAAM,EAAE,CAAC;gCACT,QAAQ,EAAC,QAAQ;gCACjB,KAAK,EAAE;oCAAC,QAAQ,EAAE,UAAU;oCAAE,QAAQ,EAAE,KAAK;iCAAC;;kDAE9C,gCAAC,CAAA,GAAA,+CAAU,CAAA,KAAG;kDACd,gCAAC,8BAAQ;wCACP,KAAK,EAAE;4CACL,eAAe,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;yCACjE;sCACD;oCAED,QAAQ,kBACP,gCAAC,uCAAiB;wCAChB,OAAO,EAAE,CAAC;wCACV,aAAa,EAAE,CAAC;wCAChB,MAAM,EAAC,QAAQ;wCACf,OAAO,EAAC,eAAe;kDAEvB,cAAA,iCAAC,CAAA,GAAA,qBAAK,CAAA;4CAAC,KAAK,EAAE,CAAC;4CAAE,SAAS,EAAE,CAAC;;8DAC3B,gCAAC,CAAA,GAAA,oBAAI,CAAA;oDAAC,IAAI,EAAE,CAAC;oDAAE,MAAM,EAAC,MAAM;8DACzB,GAAG;kDACC;8DAEP,iCAAC,CAAA,GAAA,sBAAM,CAAA;oDAAC,KAAK,EAAE,CAAC;;sEACd,iCAAC,CAAA,GAAA,oBAAI,CAAA;4DAAC,IAAI,EAAE,CAAC;;8EACX,gCAAC,QAAM;8EAAC,OAAK;kEAAS;gEACrB,GAAG,EAAE,CAAC;gEAAC,GAAC;gEAAC,GAAG,EAAE,CAAC;gEAAC,GAAC;gEAAC,GAAG,EAAE,CAAC;;0DACpB;sEACP,iCAAC,CAAA,GAAA,oBAAI,CAAA;4DAAC,IAAI,EAAE,CAAC;;8EACX,gCAAC,QAAM;8EAAC,OAAK;kEAAS;gEAAA,GAAC;gEAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;gEAAC,GAAC;gEAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;gEAAC,GAAC;gEAAC,GAAG;gEAC9E,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;;0DACnB;;kDACA;;0CACH;sCACU,AACrB;;8BACI;4BAEN,CAAC,QAAQ,kBACR,iCAAC,CAAA,GAAA,oBAAI,CAAA;gCAAC,KAAK,EAAC,YAAY;gCAAC,UAAU,EAAE,CAAC;;kDACpC,gCAAC,CAAA,GAAA,mBAAG,CAAA;wCAAC,KAAK,EAAE;4CAAC,KAAK,EAAE,GAAG;yCAAC;kDACtB,cAAA,gCAAC,CAAA,GAAA,yCAAiB,CAAA;4CAChB,GAAG,EAAE,GAAG;4CACR,GAAG,EAAE,GAAG;4CACR,GAAG,EAAE,GAAG;4CACR,QAAQ,EAAE,QAAQ;4CAClB,YAAY,EAAE,YAAY;0CAC1B;sCACE;kDACN,gCAAC,CAAA,GAAA,mBAAG,CAAA;wCAAC,UAAU,EAAE,CAAC;kDAChB,cAAA,gCAAC,CAAA,GAAA,sBAAM,CAAA;4CAAC,OAAO,EAAE,OAAO;4CAAE,KAAK,EAAC,cAAc;4CAAC,IAAI,EAAE,CAAA,GAAA,4BAAS,CAAA;4CAAE,IAAI,EAAC,UAAU;0CAAG;sCAC9E;;8BACD,AACR;;sBACI;;cACD;UACH;MACH,CACP;CACF;AAEM,MAAM,yCAAW,GAAG,CAAA,GAAA,8BAAY,CAAA,CAAC,sCAAgB,CAAC;;;ADhIzD,MAAM,mCAAa,GAAkC;IACnD,GAAG,EAAE,SAAS;IACd,GAAG,EAAE;QAAC,CAAC,EAAE,GAAG;QAAE,CAAC,EAAE,MAAM;QAAE,CAAC,EAAE,MAAM;QAAE,CAAC,EAAE,CAAC;KAAC;IACzC,GAAG,EAAE;QAAC,CAAC,EAAE,GAAG;QAAE,CAAC,EAAE,MAAM;QAAE,CAAC,EAAE,MAAM;QAAE,CAAC,EAAE,CAAC;KAAC;IACzC,GAAG,EAAE;QAAC,CAAC,EAAE,EAAE;QAAE,CAAC,EAAE,GAAG;QAAE,CAAC,EAAE,GAAG;QAAE,CAAC,EAAE,CAAC;KAAC;IAClC,MAAM,EAAE,KAAK;CACd;AAkBM,SAAS,yCAAU,CAAC,KAAsB,EAAE;IACjD,MAAM,YAAC,QAAQ,CAAA,EAAE,UAAU,EAAE,IAAI,CAAA,YAAE,QAAQ,CAAA,SAAE,KAAK,CAAA,EAAC,GAAG,KAAK;IAC3D,MAAM,QAAQ,GAAG,CAAA,GAAA,mBAAM,CAAA,CAAoB,IAAI,CAAC;IAEhD,iFAAiF;IACjF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAA,GAAA,qBAAQ,CAAA,CAAC,KAAK,CAAC;IACzC,CAAA,GAAA,sBAAS,CAAA,CAAC,IAAM,QAAQ,CAAC,KAAK,CAAC,EAAE;QAAC,KAAK;KAAC,CAAC;IAEzC,MAAM,YAAY,GAAG,CAAA,GAAA,wBAAW,CAAA,CAC9B,CAAC,SAAqB,GAAK;QACzB,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAC7B,MAAM,CAAC,CAAC,KAAK,GAAK,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,CAC1C,GAAG,CAAC,CAAC,KAAK,GAAK;YACd,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAqB;YAChE,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ;YACjD,OAAO,CAAA,GAAA,qBAAG,CAAA,CACR,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;gBAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI;aAAC,EAAE,cAAc,CAAC,GAAG,cAAc,EACnF;gBAAC,KAAK,CAAC,IAAI;aAAC,CACb,CAAA;SACF,CAAC;QAEJ,QAAQ,CAAC;YACP,CAAA,GAAA,8BAAY,CAAA,CAAC;gBAAC,KAAK,EAAE,IAAI,CAAC,IAAI;aAAC,CAAC;YAChC,CAAA,GAAA,qBAAG,CAAA,CAAC,IAAI,CAAC,IAAI,EAAE;gBAAC,OAAO;aAAC,CAAC;YACzB,CAAA,GAAA,qBAAG,CAAA,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE;gBAAC,OAAO;aAAC,CAAC;eAC7B,YAAY;SAChB,CAAC;KACH,EACD;QAAC,QAAQ;QAAE,IAAI;KAAC,CACjB;IAED,oFAAoF;IACpF,sFAAsF;IACtF,MAAM,oBAAoB,GAAG,CAAA,GAAA,oBAAO,CAAA,CAAC,IAAM,CAAA,GAAA,sBAAQ,CAAA,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE;QAAC,YAAY;KAAC,CAAC;IACvF,MAAM,iBAAiB,GAAG,CAAA,GAAA,wBAAW,CAAA,CACnC,CAAC,SAAqB,GAAK;QACzB,QAAQ,CAAC,SAAS,CAAC;QACnB,oBAAoB,CAAC,SAAS,CAAC;KAChC,EACD;QAAC,oBAAoB;QAAE,QAAQ;KAAC,CACjC;IAED,MAAM,iBAAiB,GAAG,CAAA,GAAA,wBAAW,CAAA,CAAC,IAAM;QAC1C,QAAQ,CAAC,mCAAa,CAAC;QACvB,YAAY,CAAC,mCAAa,CAAC;KAC5B,EAAE;QAAC,YAAY;KAAC,CAAC;IAElB,MAAM,WAAW,GAAG,CAAA,GAAA,wBAAW,CAAA,CAAC,IAAM;QACpC,QAAQ,CAAC,SAAS,CAAC;QACnB,QAAQ,CAAC,CAAA,GAAA,uBAAK,CAAA,EAAE,CAAC;KAClB,EAAE;QAAC,QAAQ;KAAC,CAAC;IAEd,qBACE;kBACG,KAAK,iBACJ,gCAAC,CAAA,GAAA,yCAAW,CAAA;YACV,mCAAmC,CACnC,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,iBAAiB;YAC3B,QAAQ,EAAE,QAAQ,IAAK,OAAO,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,AAAC;YAC3E,YAAY,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY;YACxC,OAAO,EAAE,WAAW;UACpB,iBAEF,gCAAC,CAAA,GAAA,sBAAM,CAAA;YACL,IAAI,EAAE,CAAA,GAAA,0BAAO,CAAA;YACb,IAAI,EAAC,OAAO;YACZ,IAAI,EAAC,cAAc;YACnB,GAAG,EAAE,QAAQ;YACb,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC;YAC3B,OAAO,EAAE,iBAAiB;UAC1B,AACH;MACA,CACJ;CACF;;;AD1GD,MAAM,2BAAK,GAAG,CAAC,GAAW,GAAG,CAAC,GAAK,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;AAEjD,MAAM,yCAAK,GAAG;IACnB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,OAAO;IACd,UAAU,EAAE;QAAC,KAAK,EAAE,CAAA,GAAA,yCAAU,CAAA;KAAC;IAC/B,MAAM,EAAE;QACN;YACE,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,QAAQ;SACf;QACD;YACE,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,QAAQ;SACf;QACD;YACE,KAAK,EAAE,0BAA0B;YACjC,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,WAAW;SAClB;QACD;YACE,KAAK,EAAE,sBAAsB;YAC7B,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,WAAW;SAClB;QACD;YACE,KAAK,EAAE,sBAAsB;YAC7B,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,WAAW;SAClB;KACF;IACD,OAAO,EAAE;QACP,MAAM,EAAE;YACN,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,KAAK;YACV,GAAG,EAAE,KAAK;SACX;QACD,OAAO,EAAC,SACN,KAAK,CAAA,OACL,GAAG,CAAA,OACH,GAAG,CAAA,SACH,KAAK,CAAA,EAMN,EAAE;YACD,IAAI,QAAQ,GAAG,GAAG,IAAI,cAAc;YACpC,IAAI,GAAG,EACL,QAAQ,GAAG,CAAC,EAAE,EAAE,2BAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,2BAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,2BAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,2BAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YAEtF,OAAO;gBACL,KAAK,EAAE,KAAK;gBACZ,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,kBACL,gCAAC,KAAG;wBACF,KAAK,EAAE;4BACL,eAAe,EAAE,GAAG,IAAI,MAAM;4BAC9B,OAAO,EAAE,KAAK,IAAI,CAAC;4BACnB,QAAQ,EAAE,UAAU;4BACpB,MAAM,EAAE,MAAM;4BACd,KAAK,EAAE,MAAM;4BACb,GAAG,EAAE,GAAG;4BACR,IAAI,EAAE,GAAG;yBACV;sBACD,AACH;aACF,CAAA;SACF;KACF;CACF;;;AI9EM,MAAM,yCAAS,GAAG;IACvB,KAAK,EAAE,sBAAsB;IAC7B,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE;QACN;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,KAAK;SAAC;QACzC;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,YAAY;SAAC;QAChD;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,OAAO;SAAC;QAC3C;YAAC,IAAI,EAAE,GAAG;YAAE,IAAI,EAAE,QAAQ;YAAE,KAAK,EAAE,OAAO;SAAC;KAC5C;CACF;;;;APJM,MAAM,yCAAU,GAAG,CAAA,GAAA,0BAAY,CAAA,CAAC;IACrC,IAAI,EAAE,qBAAqB;IAC3B,MAAM,EAAE;QACN,KAAK,EAAE;YAAC,CAAA,GAAA,yCAAS,CAAA;YAAE,CAAA,GAAA,yCAAS,CAAA;YAAE,CAAA,GAAA,yCAAS,CAAA;YAAE,CAAA,GAAA,yCAAK,CAAA;SAAC;KAChD;CACF,CAAC","sources":["src/index.ts","src/schemas/hslaColor.ts","src/schemas/rgbaColor.ts","src/schemas/color.tsx","src/ColorInput.tsx","src/ColorPicker.tsx","src/ColorPickerFields.tsx","src/schemas/hsvaColor.ts"],"sourcesContent":["import {createPlugin} from 'sanity'\nimport {hslaColor} from './schemas/hslaColor'\nimport {rgbaColor} from './schemas/rgbaColor'\nimport {color} from './schemas/color'\nimport {hsvaColor} from './schemas/hsvaColor'\n\nexport const colorInput = createPlugin({\n name: '@sanity/color-input',\n schema: {\n types: [hslaColor, hsvaColor, rgbaColor, color],\n },\n})\n\nexport {hslaColor, rgbaColor, color, hsvaColor}\nexport {ColorInput} from './ColorInput'\nexport type {ColorValue, ColorInputProps, ColorOptions, ColorSchemaType} from './ColorInput'\n","export const hslaColor = {\n title: 'Hue Saturation Lightness',\n name: 'hslaColor',\n type: 'object',\n fields: [\n {name: 'h', type: 'number', title: 'Hue'},\n {name: 's', type: 'number', title: 'Saturation'},\n {name: 'l', type: 'number', title: 'Lightness'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n","export const rgbaColor = {\n title: 'Red Green Blue (rgb)',\n name: 'rgbaColor',\n type: 'object',\n fields: [\n {name: 'r', type: 'number', title: 'Red'},\n {name: 'g', type: 'number', title: 'Green'},\n {name: 'b', type: 'number', title: 'Blue'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n","import React from 'react'\nimport {ColorInput} from '../ColorInput'\n\nconst round = (val: number = 1) => Math.round(val * 100)\n\nexport const color = {\n name: 'color',\n type: 'object',\n title: 'Color',\n components: {input: ColorInput},\n fields: [\n {\n title: 'Hex',\n name: 'hex',\n type: 'string',\n },\n {\n title: 'Alpha',\n name: 'alpha',\n type: 'number',\n },\n {\n title: 'Hue Saturation Lightness',\n name: 'hsl',\n type: 'hslaColor',\n },\n {\n title: 'Hue Saturation Value',\n name: 'hsv',\n type: 'hsvaColor',\n },\n {\n title: 'Red Green Blue (rgb)',\n name: 'rgb',\n type: 'rgbaColor',\n },\n ],\n preview: {\n select: {\n title: 'hex',\n alpha: 'alpha',\n hex: 'hex',\n hsl: 'hsl',\n },\n prepare({\n title,\n hex,\n hsl,\n alpha,\n }: {\n title?: string\n alpha?: number\n hex?: string\n hsl?: {h: number; s: number; l: number}\n }) {\n let subtitle = hex || 'No color set'\n if (hsl) {\n subtitle = `H:${round(hsl.h)} S:${round(hsl.s)} L:${round(hsl.l)} A:${round(alpha)}`\n }\n return {\n title: title,\n subtitle: subtitle,\n media: () => (\n <div\n style={{\n backgroundColor: hex ?? '#000',\n opacity: alpha ?? 1,\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n left: '0',\n }}\n />\n ),\n }\n },\n },\n}\n","import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport {set, setIfMissing, unset} from 'sanity/form'\nimport {debounce} from 'lodash'\nimport {Button} from '@sanity/ui'\nimport {AddIcon} from '@sanity/icons'\nimport {ColorPicker} from './ColorPicker'\nimport {ObjectInputProps} from 'sanity'\nimport {HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {ObjectSchemaType} from 'sanity'\n\nconst DEFAULT_COLOR: ColorValue & {source: string} = {\n hex: '#24a3e3',\n hsl: {h: 200, s: 0.7732, l: 0.5156, a: 1},\n hsv: {h: 200, s: 0.8414, v: 0.8901, a: 1},\n rgb: {r: 46, g: 163, b: 227, a: 1},\n source: 'hex',\n}\n\nexport interface ColorValue {\n hex: string\n hsl: HSLColor\n hsv: HSVColor\n rgb: RGBColor\n}\n\nexport interface ColorOptions {\n disableAlpha?: boolean\n}\n\nexport type ColorSchemaType = ObjectSchemaType & {\n options?: ColorOptions\n}\nexport type ColorInputProps = ObjectInputProps<ColorValue, ColorSchemaType>\n\nexport function ColorInput(props: ColorInputProps) {\n const {onChange, schemaType: type, readOnly, value} = props\n const focusRef = useRef<HTMLButtonElement>(null)\n\n // use local state so we can have instant ui updates while debouncing patch emits\n const [color, setColor] = useState(value)\n useEffect(() => setColor(value), [value])\n\n const emitSetColor = useCallback(\n (nextColor: ColorValue) => {\n const fieldPatches = type.fields\n .filter((field) => field.name in nextColor)\n .map((field) => {\n const nextFieldValue = nextColor[field.name as keyof ColorValue]\n const isObject = field.type.jsonType === 'object'\n return set(\n isObject ? Object.assign({_type: field.type.name}, nextFieldValue) : nextFieldValue,\n [field.name]\n )\n })\n\n onChange([\n setIfMissing({_type: type.name}),\n set(type.name, ['_type']),\n set(nextColor.rgb?.a, ['alpha']),\n ...fieldPatches,\n ])\n },\n [onChange, type]\n )\n\n // The color picker emits onChange events continuously while the user is sliding the\n // hue/saturation/alpha selectors. This debounces the event to avoid excessive patches\n const debouncedColorChange = useMemo(() => debounce(emitSetColor, 100), [emitSetColor])\n const handleColorChange = useCallback(\n (nextColor: ColorValue) => {\n setColor(nextColor)\n debouncedColorChange(nextColor)\n },\n [debouncedColorChange, setColor]\n )\n\n const handleCreateColor = useCallback(() => {\n setColor(DEFAULT_COLOR)\n emitSetColor(DEFAULT_COLOR)\n }, [emitSetColor])\n\n const handleUnset = useCallback(() => {\n setColor(undefined)\n onChange(unset())\n }, [onChange])\n\n return (\n <>\n {value ? (\n <ColorPicker\n /* ref={this.focusRef}*/\n color={color}\n onChange={handleColorChange}\n readOnly={readOnly || (typeof type.readOnly === 'boolean' && type.readOnly)}\n disableAlpha={type.options?.disableAlpha}\n onUnset={handleUnset}\n />\n ) : (\n <Button\n icon={AddIcon}\n mode=\"ghost\"\n text=\"Create color\"\n ref={focusRef}\n disabled={Boolean(readOnly)}\n onClick={handleCreateColor}\n />\n )}\n </>\n )\n}\n","import React from 'react'\nimport {Alpha, Checkboard, Hue, Saturation} from 'react-color/lib/components/common'\nimport {CustomPicker, HEXColor, HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {Box, Button, Card, Flex, Inline, Stack, Text} from '@sanity/ui'\nimport {TrashIcon} from '@sanity/icons'\nimport styled from 'styled-components'\nimport {ColorPickerFields} from './ColorPickerFields'\nimport {CustomPickerInjectedProps} from 'react-color/lib/components/common/ColorWrap'\nimport {ColorValue} from './ColorInput'\n\nconst ColorBox = styled(Box)`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n`\n\nconst ReadOnlyContainer = styled(Flex)`\n margin-top: 6rem;\n background-color: var(--card-bg-color);\n position: relative;\n width: 100%;\n`\n\nexport interface ColorPickerProps\n extends CustomPickerInjectedProps<HSLColor | HSVColor | RGBColor | HEXColor> {\n width?: string\n disableAlpha: boolean\n readOnly?: boolean\n onUnset: () => void\n color: ColorValue\n}\n\nconst ColorPickerInner = (props: ColorPickerProps) => {\n const {\n width,\n color: {rgb, hex, hsv, hsl},\n onChange,\n onUnset,\n disableAlpha,\n readOnly,\n } = props\n return (\n <div style={{width}}>\n <Card padding={1} border radius={1}>\n <Stack space={2}>\n {!readOnly && (\n <>\n <Card overflow=\"hidden\" style={{position: 'relative', height: '5em'}}>\n <Saturation onChange={onChange} hsl={hsl} hsv={hsv} />\n </Card>\n\n <Card\n shadow={1}\n radius={3}\n overflow=\"hidden\"\n style={{position: 'relative', height: '10px'}}\n >\n <Hue hsl={hsl} onChange={!readOnly && onChange} />\n </Card>\n\n {!disableAlpha && (\n <Card\n shadow={1}\n radius={3}\n overflow=\"hidden\"\n style={{position: 'relative', height: '10px'}}\n >\n <Alpha rgb={rgb} hsl={hsl} onChange={onChange} />\n </Card>\n )}\n </>\n )}\n <Flex>\n <Card\n flex={1}\n radius={2}\n overflow=\"hidden\"\n style={{position: 'relative', minWidth: '4em'}}\n >\n <Checkboard />\n <ColorBox\n style={{\n backgroundColor: `rgba(${rgb?.r},${rgb?.g},${rgb?.b},${rgb?.a})`,\n }}\n />\n\n {readOnly && (\n <ReadOnlyContainer\n padding={2}\n paddingBottom={1}\n sizing=\"border\"\n justify=\"space-between\"\n >\n <Stack space={3} marginTop={1}>\n <Text size={3} weight=\"bold\">\n {hex}\n </Text>\n\n <Inline space={3}>\n <Text size={1}>\n <strong>RGB: </strong>\n {rgb?.r} {rgb?.g} {rgb?.b}\n </Text>\n <Text size={1}>\n <strong>HSL: </strong> {Math.round(hsl?.h ?? 0)} {Math.round(hsl?.s ?? 0)}%{' '}\n {Math.round(hsl?.l ?? 0)}\n </Text>\n </Inline>\n </Stack>\n </ReadOnlyContainer>\n )}\n </Card>\n\n {!readOnly && (\n <Flex align=\"flex-start\" marginLeft={2}>\n <Box style={{width: 200}}>\n <ColorPickerFields\n rgb={rgb}\n hsl={hsl}\n hex={hex}\n onChange={onChange}\n disableAlpha={disableAlpha}\n />\n </Box>\n <Box marginLeft={2}>\n <Button onClick={onUnset} title=\"Delete color\" icon={TrashIcon} tone=\"critical\" />\n </Box>\n </Flex>\n )}\n </Flex>\n </Stack>\n </Card>\n </div>\n )\n}\n\nexport const ColorPicker = CustomPicker(ColorPickerInner)\n","import React, {useCallback, useMemo} from 'react'\n// @ts-expect-error missing export\nimport {isValidHex} from 'react-color/lib/helpers/color'\nimport {EditableInput} from 'react-color/lib/components/common'\nimport {Box, Flex, useTheme} from '@sanity/ui'\nimport {ColorChangeHandler, HEXColor, HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {EditableInputStyles} from 'react-color/lib/components/common/EditableInput'\n\ninterface ColorPickerFieldsProps {\n rgb?: RGBColor\n hsl?: HSLColor\n hex?: string\n disableAlpha: boolean\n onChange: ColorChangeHandler<HSLColor | HSVColor | RGBColor | HEXColor>\n}\n\nexport const ColorPickerFields = ({\n onChange,\n rgb,\n hsl,\n hex,\n disableAlpha,\n}: ColorPickerFieldsProps) => {\n const {sanity} = useTheme()\n\n const inputStyles: EditableInputStyles = useMemo(\n () => ({\n input: {\n width: '80%',\n padding: '4px 10% 3px',\n border: 'none',\n boxShadow: `inset 0 0 0 1px ${sanity.color.input.default.enabled.border}`,\n color: sanity.color.input.default.enabled.fg,\n backgroundColor: sanity.color.input.default.enabled.bg,\n fontSize: sanity.fonts.text.sizes[0].fontSize,\n textAlign: 'center',\n },\n label: {\n display: 'block',\n textAlign: 'center',\n fontSize: sanity.fonts.label.sizes[0].fontSize,\n color: sanity.color.base.fg,\n paddingTop: '3px',\n paddingBottom: '4px',\n textTransform: 'capitalize',\n },\n }),\n [sanity]\n )\n\n const handleChange: ColorChangeHandler<Record<string, string>> = useCallback(\n (data) => {\n if ('hex' in data && data.hex && isValidHex(data.hex)) {\n onChange({\n hex: data.hex,\n source: 'hex',\n })\n } else if (\n rgb &&\n (('r' in data && data.r) || ('g' in data && data.g) || ('b' in data && data.b))\n ) {\n onChange({\n r: Number(data.r) || rgb.r,\n g: Number(data.g) || rgb.g,\n b: Number(data.b) || rgb.b,\n a: rgb.a,\n source: 'rgb',\n })\n } else if (hsl && 'a' in data && data.a) {\n let alpha = Number(data.a)\n if (alpha < 0) {\n alpha = 0\n } else if (alpha > 100) {\n alpha = 100\n }\n alpha /= 100\n\n onChange({\n h: hsl.h,\n s: hsl.s,\n l: hsl.l,\n a: alpha,\n source: 'hsl',\n })\n }\n },\n [onChange, hsl, rgb]\n )\n\n return (\n <Flex>\n <Box flex={2} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"hex\"\n value={hex?.replace('#', '')}\n onChange={handleChange}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"r\"\n value={rgb?.r}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"g\"\n value={rgb?.g}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"b\"\n value={rgb?.b}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n {!disableAlpha && (\n <Box flex={1}>\n <EditableInput\n style={inputStyles}\n label=\"a\"\n value={Math.round((rgb?.a ?? 1) * 100)}\n onChange={handleChange}\n dragLabel\n dragMax={100}\n />\n </Box>\n )}\n </Flex>\n )\n}\n","export const hsvaColor = {\n title: 'Hue Saturation Value',\n name: 'hsvaColor',\n type: 'object',\n fields: [\n {name: 'h', type: 'number', title: 'Hue'},\n {name: 's', type: 'number', title: 'Saturation'},\n {name: 'v', type: 'number', title: 'Value'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../../"}
package/lib/{index.modern.js → esm/index.js} RENAMED
@@ -1,14 +1,14 @@
1
- import {createPlugin as $jPEKE$createPlugin} from "sanity";
2
- import {jsx as $jPEKE$jsx, Fragment as $jPEKE$Fragment, jsxs as $jPEKE$jsxs} from "react/jsx-runtime";
3
- import {useRef as $jPEKE$useRef, useState as $jPEKE$useState, useEffect as $jPEKE$useEffect, useCallback as $jPEKE$useCallback, useMemo as $jPEKE$useMemo} from "react";
4
- import {set as $jPEKE$set, setIfMissing as $jPEKE$setIfMissing, unset as $jPEKE$unset} from "sanity/form";
5
- import {debounce as $jPEKE$debounce} from "lodash";
6
- import {Button as $jPEKE$Button, Box as $jPEKE$Box, Flex as $jPEKE$Flex, Card as $jPEKE$Card, Stack as $jPEKE$Stack, Text as $jPEKE$Text, Inline as $jPEKE$Inline, useTheme as $jPEKE$useTheme} from "@sanity/ui";
7
- import {AddIcon as $jPEKE$AddIcon, TrashIcon as $jPEKE$TrashIcon} from "@sanity/icons";
8
- import {Saturation as $jPEKE$Saturation, Hue as $jPEKE$Hue, Alpha as $jPEKE$Alpha, Checkboard as $jPEKE$Checkboard, EditableInput as $jPEKE$EditableInput} from "react-color/lib/components/common";
9
- import {CustomPicker as $jPEKE$CustomPicker} from "react-color";
10
- import $jPEKE$styledcomponents from "styled-components";
11
- import {isValidHex as $jPEKE$isValidHex} from "react-color/lib/helpers/color";
1
+ import {createPlugin as $gGrEF$createPlugin} from "sanity";
2
+ import {jsx as $gGrEF$jsx, Fragment as $gGrEF$Fragment, jsxs as $gGrEF$jsxs} from "react/jsx-runtime";
3
+ import {useRef as $gGrEF$useRef, useState as $gGrEF$useState, useEffect as $gGrEF$useEffect, useCallback as $gGrEF$useCallback, useMemo as $gGrEF$useMemo} from "react";
4
+ import {set as $gGrEF$set, setIfMissing as $gGrEF$setIfMissing, unset as $gGrEF$unset} from "sanity/form";
5
+ import {debounce as $gGrEF$debounce} from "lodash";
6
+ import {Button as $gGrEF$Button, Box as $gGrEF$Box, Flex as $gGrEF$Flex, Card as $gGrEF$Card, Stack as $gGrEF$Stack, Text as $gGrEF$Text, Inline as $gGrEF$Inline, useTheme as $gGrEF$useTheme} from "@sanity/ui";
7
+ import {AddIcon as $gGrEF$AddIcon, TrashIcon as $gGrEF$TrashIcon} from "@sanity/icons";
8
+ import {Saturation as $gGrEF$Saturation, Hue as $gGrEF$Hue, Alpha as $gGrEF$Alpha, Checkboard as $gGrEF$Checkboard, EditableInput as $gGrEF$EditableInput} from "react-color/lib/components/common";
9
+ import {CustomPicker as $gGrEF$CustomPicker} from "react-color";
10
+ import $gGrEF$styledcomponents from "styled-components";
11
+ import {isValidHex as $gGrEF$isValidHex} from "react-color/lib/helpers/color";
12
12
 
13
13
 
14
14
  const $88b170db27d5e6f3$export$4e4b8c12b77623c0 = {
@@ -90,8 +90,8 @@ const $37ec22070cd01c8b$export$cc215b4b2c268dfd = {
90
90
 
91
91
 
92
92
  const $69987db005d80051$export$5367735792921e7d = ({ onChange: onChange , rgb: rgb , hsl: hsl , hex: hex , disableAlpha: disableAlpha })=>{
93
- const { sanity: sanity } = (0, $jPEKE$useTheme)();
94
- const inputStyles = (0, $jPEKE$useMemo)(()=>({
93
+ const { sanity: sanity } = (0, $gGrEF$useTheme)();
94
+ const inputStyles = (0, $gGrEF$useMemo)(()=>({
95
95
  input: {
96
96
  width: "80%",
97
97
  padding: "4px 10% 3px",
@@ -114,8 +114,8 @@ const $69987db005d80051$export$5367735792921e7d = ({ onChange: onChange , rgb: r
114
114
  }), [
115
115
  sanity
116
116
  ]);
117
- const handleChange = (0, $jPEKE$useCallback)((data)=>{
118
- if ("hex" in data && data.hex && (0, $jPEKE$isValidHex)(data.hex)) onChange({
117
+ const handleChange = (0, $gGrEF$useCallback)((data)=>{
118
+ if ("hex" in data && data.hex && (0, $gGrEF$isValidHex)(data.hex)) onChange({
119
119
  hex: data.hex,
120
120
  source: "hex"
121
121
  });
@@ -144,22 +144,22 @@ const $69987db005d80051$export$5367735792921e7d = ({ onChange: onChange , rgb: r
144
144
  hsl,
145
145
  rgb
146
146
  ]);
147
- return /*#__PURE__*/ (0, $jPEKE$jsxs)((0, $jPEKE$Flex), {
147
+ return /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Flex), {
148
148
  children: [
149
- /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Box), {
149
+ /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
150
150
  flex: 2,
151
151
  marginRight: 1,
152
- children: /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$EditableInput), {
152
+ children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$EditableInput), {
153
153
  style: inputStyles,
154
154
  label: "hex",
155
155
  value: hex?.replace("#", ""),
156
156
  onChange: handleChange
157
157
  })
158
158
  }),
159
- /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Box), {
159
+ /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
160
160
  flex: 1,
161
161
  marginRight: 1,
162
- children: /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$EditableInput), {
162
+ children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$EditableInput), {
163
163
  style: inputStyles,
164
164
  label: "r",
165
165
  value: rgb?.r,
@@ -168,10 +168,10 @@ const $69987db005d80051$export$5367735792921e7d = ({ onChange: onChange , rgb: r
168
168
  dragMax: 255
169
169
  })
170
170
  }),
171
- /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Box), {
171
+ /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
172
172
  flex: 1,
173
173
  marginRight: 1,
174
- children: /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$EditableInput), {
174
+ children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$EditableInput), {
175
175
  style: inputStyles,
176
176
  label: "g",
177
177
  value: rgb?.g,
@@ -180,10 +180,10 @@ const $69987db005d80051$export$5367735792921e7d = ({ onChange: onChange , rgb: r
180
180
  dragMax: 255
181
181
  })
182
182
  }),
183
- /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Box), {
183
+ /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
184
184
  flex: 1,
185
185
  marginRight: 1,
186
- children: /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$EditableInput), {
186
+ children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$EditableInput), {
187
187
  style: inputStyles,
188
188
  label: "b",
189
189
  value: rgb?.b,
@@ -192,9 +192,9 @@ const $69987db005d80051$export$5367735792921e7d = ({ onChange: onChange , rgb: r
192
192
  dragMax: 255
193
193
  })
194
194
  }),
195
- !disableAlpha && /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Box), {
195
+ !disableAlpha && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
196
196
  flex: 1,
197
- children: /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$EditableInput), {
197
+ children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$EditableInput), {
198
198
  style: inputStyles,
199
199
  label: "a",
200
200
  value: Math.round((rgb?.a ?? 1) * 100),
@@ -208,14 +208,14 @@ const $69987db005d80051$export$5367735792921e7d = ({ onChange: onChange , rgb: r
208
208
  };
209
209
 
210
210
 
211
- const $167ca0588b34aece$var$ColorBox = (0, $jPEKE$styledcomponents)((0, $jPEKE$Box))`
211
+ const $167ca0588b34aece$var$ColorBox = (0, $gGrEF$styledcomponents)((0, $gGrEF$Box))`
212
212
  position: absolute;
213
213
  top: 0;
214
214
  left: 0;
215
215
  width: 100%;
216
216
  height: 100%;
217
217
  `;
218
- const $167ca0588b34aece$var$ReadOnlyContainer = (0, $jPEKE$styledcomponents)((0, $jPEKE$Flex))`
218
+ const $167ca0588b34aece$var$ReadOnlyContainer = (0, $gGrEF$styledcomponents)((0, $gGrEF$Flex))`
219
219
  margin-top: 6rem;
220
220
  background-color: var(--card-bg-color);
221
221
  position: relative;
@@ -223,32 +223,32 @@ const $167ca0588b34aece$var$ReadOnlyContainer = (0, $jPEKE$styledcomponents)((0,
223
223
  `;
224
224
  const $167ca0588b34aece$var$ColorPickerInner = (props)=>{
225
225
  const { width: width , color: { rgb: rgb , hex: hex , hsv: hsv , hsl: hsl } , onChange: onChange , onUnset: onUnset , disableAlpha: disableAlpha , readOnly: readOnly , } = props;
226
- return /*#__PURE__*/ (0, $jPEKE$jsx)("div", {
226
+ return /*#__PURE__*/ (0, $gGrEF$jsx)("div", {
227
227
  style: {
228
228
  width: width
229
229
  },
230
- children: /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Card), {
230
+ children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Card), {
231
231
  padding: 1,
232
232
  border: true,
233
233
  radius: 1,
234
- children: /*#__PURE__*/ (0, $jPEKE$jsxs)((0, $jPEKE$Stack), {
234
+ children: /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Stack), {
235
235
  space: 2,
236
236
  children: [
237
- !readOnly && /*#__PURE__*/ (0, $jPEKE$jsxs)((0, $jPEKE$Fragment), {
237
+ !readOnly && /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Fragment), {
238
238
  children: [
239
- /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Card), {
239
+ /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Card), {
240
240
  overflow: "hidden",
241
241
  style: {
242
242
  position: "relative",
243
243
  height: "5em"
244
244
  },
245
- children: /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Saturation), {
245
+ children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Saturation), {
246
246
  onChange: onChange,
247
247
  hsl: hsl,
248
248
  hsv: hsv
249
249
  })
250
250
  }),
251
- /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Card), {
251
+ /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Card), {
252
252
  shadow: 1,
253
253
  radius: 3,
254
254
  overflow: "hidden",
@@ -256,12 +256,12 @@ const $167ca0588b34aece$var$ColorPickerInner = (props)=>{
256
256
  position: "relative",
257
257
  height: "10px"
258
258
  },
259
- children: /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Hue), {
259
+ children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Hue), {
260
260
  hsl: hsl,
261
261
  onChange: !readOnly && onChange
262
262
  })
263
263
  }),
264
- !disableAlpha && /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Card), {
264
+ !disableAlpha && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Card), {
265
265
  shadow: 1,
266
266
  radius: 3,
267
267
  overflow: "hidden",
@@ -269,7 +269,7 @@ const $167ca0588b34aece$var$ColorPickerInner = (props)=>{
269
269
  position: "relative",
270
270
  height: "10px"
271
271
  },
272
- children: /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Alpha), {
272
+ children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Alpha), {
273
273
  rgb: rgb,
274
274
  hsl: hsl,
275
275
  onChange: onChange
@@ -277,9 +277,9 @@ const $167ca0588b34aece$var$ColorPickerInner = (props)=>{
277
277
  })
278
278
  ]
279
279
  }),
280
- /*#__PURE__*/ (0, $jPEKE$jsxs)((0, $jPEKE$Flex), {
280
+ /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Flex), {
281
281
  children: [
282
- /*#__PURE__*/ (0, $jPEKE$jsxs)((0, $jPEKE$Card), {
282
+ /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Card), {
283
283
  flex: 1,
284
284
  radius: 2,
285
285
  overflow: "hidden",
@@ -288,33 +288,33 @@ const $167ca0588b34aece$var$ColorPickerInner = (props)=>{
288
288
  minWidth: "4em"
289
289
  },
290
290
  children: [
291
- /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Checkboard), {}),
292
- /*#__PURE__*/ (0, $jPEKE$jsx)($167ca0588b34aece$var$ColorBox, {
291
+ /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Checkboard), {}),
292
+ /*#__PURE__*/ (0, $gGrEF$jsx)($167ca0588b34aece$var$ColorBox, {
293
293
  style: {
294
294
  backgroundColor: `rgba(${rgb?.r},${rgb?.g},${rgb?.b},${rgb?.a})`
295
295
  }
296
296
  }),
297
- readOnly && /*#__PURE__*/ (0, $jPEKE$jsx)($167ca0588b34aece$var$ReadOnlyContainer, {
297
+ readOnly && /*#__PURE__*/ (0, $gGrEF$jsx)($167ca0588b34aece$var$ReadOnlyContainer, {
298
298
  padding: 2,
299
299
  paddingBottom: 1,
300
300
  sizing: "border",
301
301
  justify: "space-between",
302
- children: /*#__PURE__*/ (0, $jPEKE$jsxs)((0, $jPEKE$Stack), {
302
+ children: /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Stack), {
303
303
  space: 3,
304
304
  marginTop: 1,
305
305
  children: [
306
- /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Text), {
306
+ /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Text), {
307
307
  size: 3,
308
308
  weight: "bold",
309
309
  children: hex
310
310
  }),
311
- /*#__PURE__*/ (0, $jPEKE$jsxs)((0, $jPEKE$Inline), {
311
+ /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Inline), {
312
312
  space: 3,
313
313
  children: [
314
- /*#__PURE__*/ (0, $jPEKE$jsxs)((0, $jPEKE$Text), {
314
+ /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Text), {
315
315
  size: 1,
316
316
  children: [
317
- /*#__PURE__*/ (0, $jPEKE$jsx)("strong", {
317
+ /*#__PURE__*/ (0, $gGrEF$jsx)("strong", {
318
318
  children: "RGB: "
319
319
  }),
320
320
  rgb?.r,
@@ -324,10 +324,10 @@ const $167ca0588b34aece$var$ColorPickerInner = (props)=>{
324
324
  rgb?.b
325
325
  ]
326
326
  }),
327
- /*#__PURE__*/ (0, $jPEKE$jsxs)((0, $jPEKE$Text), {
327
+ /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Text), {
328
328
  size: 1,
329
329
  children: [
330
- /*#__PURE__*/ (0, $jPEKE$jsx)("strong", {
330
+ /*#__PURE__*/ (0, $gGrEF$jsx)("strong", {
331
331
  children: "HSL: "
332
332
  }),
333
333
  " ",
@@ -346,15 +346,15 @@ const $167ca0588b34aece$var$ColorPickerInner = (props)=>{
346
346
  })
347
347
  ]
348
348
  }),
349
- !readOnly && /*#__PURE__*/ (0, $jPEKE$jsxs)((0, $jPEKE$Flex), {
349
+ !readOnly && /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Flex), {
350
350
  align: "flex-start",
351
351
  marginLeft: 2,
352
352
  children: [
353
- /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Box), {
353
+ /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
354
354
  style: {
355
355
  width: 200
356
356
  },
357
- children: /*#__PURE__*/ (0, $jPEKE$jsx)((0, $69987db005d80051$export$5367735792921e7d), {
357
+ children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $69987db005d80051$export$5367735792921e7d), {
358
358
  rgb: rgb,
359
359
  hsl: hsl,
360
360
  hex: hex,
@@ -362,12 +362,12 @@ const $167ca0588b34aece$var$ColorPickerInner = (props)=>{
362
362
  disableAlpha: disableAlpha
363
363
  })
364
364
  }),
365
- /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Box), {
365
+ /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
366
366
  marginLeft: 2,
367
- children: /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Button), {
367
+ children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Button), {
368
368
  onClick: onUnset,
369
369
  title: "Delete color",
370
- icon: (0, $jPEKE$TrashIcon),
370
+ icon: (0, $gGrEF$TrashIcon),
371
371
  tone: "critical"
372
372
  })
373
373
  })
@@ -380,7 +380,7 @@ const $167ca0588b34aece$var$ColorPickerInner = (props)=>{
380
380
  })
381
381
  });
382
382
  };
383
- const $167ca0588b34aece$export$9feb1bc2e5f1ccb3 = (0, $jPEKE$CustomPicker)($167ca0588b34aece$var$ColorPickerInner);
383
+ const $167ca0588b34aece$export$9feb1bc2e5f1ccb3 = (0, $gGrEF$CustomPicker)($167ca0588b34aece$var$ColorPickerInner);
384
384
 
385
385
 
386
386
  const $9a1b799aa4bfa9c5$var$DEFAULT_COLOR = {
@@ -407,30 +407,30 @@ const $9a1b799aa4bfa9c5$var$DEFAULT_COLOR = {
407
407
  };
408
408
  function $9a1b799aa4bfa9c5$export$5a1d7ca0a925d9c2(props) {
409
409
  const { onChange: onChange , schemaType: type , readOnly: readOnly , value: value } = props;
410
- const focusRef = (0, $jPEKE$useRef)(null);
410
+ const focusRef = (0, $gGrEF$useRef)(null);
411
411
  // use local state so we can have instant ui updates while debouncing patch emits
412
- const [color, setColor] = (0, $jPEKE$useState)(value);
413
- (0, $jPEKE$useEffect)(()=>setColor(value), [
412
+ const [color, setColor] = (0, $gGrEF$useState)(value);
413
+ (0, $gGrEF$useEffect)(()=>setColor(value), [
414
414
  value
415
415
  ]);
416
- const emitSetColor = (0, $jPEKE$useCallback)((nextColor)=>{
416
+ const emitSetColor = (0, $gGrEF$useCallback)((nextColor)=>{
417
417
  const fieldPatches = type.fields.filter((field)=>field.name in nextColor).map((field)=>{
418
418
  const nextFieldValue = nextColor[field.name];
419
419
  const isObject = field.type.jsonType === "object";
420
- return (0, $jPEKE$set)(isObject ? Object.assign({
420
+ return (0, $gGrEF$set)(isObject ? Object.assign({
421
421
  _type: field.type.name
422
422
  }, nextFieldValue) : nextFieldValue, [
423
423
  field.name
424
424
  ]);
425
425
  });
426
426
  onChange([
427
- (0, $jPEKE$setIfMissing)({
427
+ (0, $gGrEF$setIfMissing)({
428
428
  _type: type.name
429
429
  }),
430
- (0, $jPEKE$set)(type.name, [
430
+ (0, $gGrEF$set)(type.name, [
431
431
  "_type"
432
432
  ]),
433
- (0, $jPEKE$set)(nextColor.rgb?.a, [
433
+ (0, $gGrEF$set)(nextColor.rgb?.a, [
434
434
  "alpha"
435
435
  ]),
436
436
  ...fieldPatches,
@@ -441,37 +441,37 @@ function $9a1b799aa4bfa9c5$export$5a1d7ca0a925d9c2(props) {
441
441
  ]);
442
442
  // The color picker emits onChange events continuously while the user is sliding the
443
443
  // hue/saturation/alpha selectors. This debounces the event to avoid excessive patches
444
- const debouncedColorChange = (0, $jPEKE$useMemo)(()=>(0, $jPEKE$debounce)(emitSetColor, 100), [
444
+ const debouncedColorChange = (0, $gGrEF$useMemo)(()=>(0, $gGrEF$debounce)(emitSetColor, 100), [
445
445
  emitSetColor
446
446
  ]);
447
- const handleColorChange = (0, $jPEKE$useCallback)((nextColor)=>{
447
+ const handleColorChange = (0, $gGrEF$useCallback)((nextColor)=>{
448
448
  setColor(nextColor);
449
449
  debouncedColorChange(nextColor);
450
450
  }, [
451
451
  debouncedColorChange,
452
452
  setColor
453
453
  ]);
454
- const handleCreateColor = (0, $jPEKE$useCallback)(()=>{
454
+ const handleCreateColor = (0, $gGrEF$useCallback)(()=>{
455
455
  setColor($9a1b799aa4bfa9c5$var$DEFAULT_COLOR);
456
456
  emitSetColor($9a1b799aa4bfa9c5$var$DEFAULT_COLOR);
457
457
  }, [
458
458
  emitSetColor
459
459
  ]);
460
- const handleUnset = (0, $jPEKE$useCallback)(()=>{
460
+ const handleUnset = (0, $gGrEF$useCallback)(()=>{
461
461
  setColor(undefined);
462
- onChange((0, $jPEKE$unset)());
462
+ onChange((0, $gGrEF$unset)());
463
463
  }, [
464
464
  onChange
465
465
  ]);
466
- return /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Fragment), {
467
- children: value ? /*#__PURE__*/ (0, $jPEKE$jsx)((0, $167ca0588b34aece$export$9feb1bc2e5f1ccb3), {
466
+ return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Fragment), {
467
+ children: value ? /*#__PURE__*/ (0, $gGrEF$jsx)((0, $167ca0588b34aece$export$9feb1bc2e5f1ccb3), {
468
468
  /* ref={this.focusRef}*/ color: color,
469
469
  onChange: handleColorChange,
470
470
  readOnly: readOnly || typeof type.readOnly === "boolean" && type.readOnly,
471
471
  disableAlpha: type.options?.disableAlpha,
472
472
  onUnset: handleUnset
473
- }) : /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Button), {
474
- icon: (0, $jPEKE$AddIcon),
473
+ }) : /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Button), {
474
+ icon: (0, $gGrEF$AddIcon),
475
475
  mode: "ghost",
476
476
  text: "Create color",
477
477
  ref: focusRef,
@@ -530,7 +530,7 @@ const $771ddc1e2be43f68$export$35e9368ef982300f = {
530
530
  return {
531
531
  title: title,
532
532
  subtitle: subtitle,
533
- media: ()=>/*#__PURE__*/ (0, $jPEKE$jsx)("div", {
533
+ media: ()=>/*#__PURE__*/ (0, $gGrEF$jsx)("div", {
534
534
  style: {
535
535
  backgroundColor: hex ?? "#000",
536
536
  opacity: alpha ?? 1,
@@ -577,7 +577,7 @@ const $b26c91ff9252c28d$export$633851ea6f85c81b = {
577
577
 
578
578
 
579
579
 
580
- const $df9eabe9bda49ea8$export$1d1c20ca26e20eb8 = (0, $jPEKE$createPlugin)({
580
+ const $df9eabe9bda49ea8$export$1d1c20ca26e20eb8 = (0, $gGrEF$createPlugin)({
581
581
  name: "@sanity/color-input",
582
582
  schema: {
583
583
  types: [
@@ -591,4 +591,4 @@ const $df9eabe9bda49ea8$export$1d1c20ca26e20eb8 = (0, $jPEKE$createPlugin)({
591
591
 
592
592
 
593
593
  export {$df9eabe9bda49ea8$export$1d1c20ca26e20eb8 as colorInput, $88b170db27d5e6f3$export$4e4b8c12b77623c0 as hslaColor, $37ec22070cd01c8b$export$cc215b4b2c268dfd as rgbaColor, $771ddc1e2be43f68$export$35e9368ef982300f as color, $b26c91ff9252c28d$export$633851ea6f85c81b as hsvaColor, $9a1b799aa4bfa9c5$export$5a1d7ca0a925d9c2 as ColorInput};
594
- //# sourceMappingURL=index.modern.js.map
594
+ //# sourceMappingURL=index.js.map
package/lib/{index.modern.js.map → esm/index.js.map} RENAMED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["src/index.ts","src/schemas/hslaColor.ts","src/schemas/rgbaColor.ts","src/schemas/color.tsx","src/ColorInput.tsx","src/ColorPicker.tsx","src/ColorPickerFields.tsx","src/schemas/hsvaColor.ts"],"sourcesContent":["import {createPlugin} from 'sanity'\nimport {hslaColor} from './schemas/hslaColor'\nimport {rgbaColor} from './schemas/rgbaColor'\nimport {color} from './schemas/color'\nimport {hsvaColor} from './schemas/hsvaColor'\n\nexport const colorInput = createPlugin({\n name: '@sanity/color-input',\n schema: {\n types: [hslaColor, hsvaColor, rgbaColor, color],\n },\n})\n\nexport {hslaColor, rgbaColor, color, hsvaColor}\nexport {ColorInput} from './ColorInput'\nexport type {ColorValue, ColorInputProps, ColorOptions, ColorSchemaType} from './ColorInput'\n","export const hslaColor = {\n title: 'Hue Saturation Lightness',\n name: 'hslaColor',\n type: 'object',\n fields: [\n {name: 'h', type: 'number', title: 'Hue'},\n {name: 's', type: 'number', title: 'Saturation'},\n {name: 'l', type: 'number', title: 'Lightness'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n","export const rgbaColor = {\n title: 'Red Green Blue (rgb)',\n name: 'rgbaColor',\n type: 'object',\n fields: [\n {name: 'r', type: 'number', title: 'Red'},\n {name: 'g', type: 'number', title: 'Green'},\n {name: 'b', type: 'number', title: 'Blue'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n","import React from 'react'\nimport {ColorInput} from '../ColorInput'\n\nconst round = (val: number = 1) => Math.round(val * 100)\n\nexport const color = {\n name: 'color',\n type: 'object',\n title: 'Color',\n components: {input: ColorInput},\n fields: [\n {\n title: 'Hex',\n name: 'hex',\n type: 'string',\n },\n {\n title: 'Alpha',\n name: 'alpha',\n type: 'number',\n },\n {\n title: 'Hue Saturation Lightness',\n name: 'hsl',\n type: 'hslaColor',\n },\n {\n title: 'Hue Saturation Value',\n name: 'hsv',\n type: 'hsvaColor',\n },\n {\n title: 'Red Green Blue (rgb)',\n name: 'rgb',\n type: 'rgbaColor',\n },\n ],\n preview: {\n select: {\n title: 'hex',\n alpha: 'alpha',\n hex: 'hex',\n hsl: 'hsl',\n },\n prepare({\n title,\n hex,\n hsl,\n alpha,\n }: {\n title?: string\n alpha?: number\n hex?: string\n hsl?: {h: number; s: number; l: number}\n }) {\n let subtitle = hex || 'No color set'\n if (hsl) {\n subtitle = `H:${round(hsl.h)} S:${round(hsl.s)} L:${round(hsl.l)} A:${round(alpha)}`\n }\n return {\n title: title,\n subtitle: subtitle,\n media: () => (\n <div\n style={{\n backgroundColor: hex ?? '#000',\n opacity: alpha ?? 1,\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n left: '0',\n }}\n />\n ),\n }\n },\n },\n}\n","import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport {set, setIfMissing, unset} from 'sanity/form'\nimport {debounce} from 'lodash'\nimport {Button} from '@sanity/ui'\nimport {AddIcon} from '@sanity/icons'\nimport {ColorPicker} from './ColorPicker'\nimport {ObjectInputProps} from 'sanity'\nimport {HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {ObjectSchemaType} from '@sanity/types'\n\nconst DEFAULT_COLOR: ColorValue & {source: string} = {\n hex: '#24a3e3',\n hsl: {h: 200, s: 0.7732, l: 0.5156, a: 1},\n hsv: {h: 200, s: 0.8414, v: 0.8901, a: 1},\n rgb: {r: 46, g: 163, b: 227, a: 1},\n source: 'hex',\n}\n\nexport interface ColorValue {\n hex: string\n hsl: HSLColor\n hsv: HSVColor\n rgb: RGBColor\n}\n\nexport interface ColorOptions {\n disableAlpha?: boolean\n}\n\nexport type ColorSchemaType = ObjectSchemaType & {\n options?: ColorOptions\n}\nexport type ColorInputProps = ObjectInputProps<ColorValue, ColorSchemaType>\n\nexport function ColorInput(props: ColorInputProps) {\n const {onChange, schemaType: type, readOnly, value} = props\n const focusRef = useRef<HTMLButtonElement>(null)\n\n // use local state so we can have instant ui updates while debouncing patch emits\n const [color, setColor] = useState(value)\n useEffect(() => setColor(value), [value])\n\n const emitSetColor = useCallback(\n (nextColor: ColorValue) => {\n const fieldPatches = type.fields\n .filter((field) => field.name in nextColor)\n .map((field) => {\n const nextFieldValue = nextColor[field.name as keyof ColorValue]\n const isObject = field.type.jsonType === 'object'\n return set(\n isObject ? Object.assign({_type: field.type.name}, nextFieldValue) : nextFieldValue,\n [field.name]\n )\n })\n\n onChange([\n setIfMissing({_type: type.name}),\n set(type.name, ['_type']),\n set(nextColor.rgb?.a, ['alpha']),\n ...fieldPatches,\n ])\n },\n [onChange, type]\n )\n\n // The color picker emits onChange events continuously while the user is sliding the\n // hue/saturation/alpha selectors. This debounces the event to avoid excessive patches\n const debouncedColorChange = useMemo(() => debounce(emitSetColor, 100), [emitSetColor])\n const handleColorChange = useCallback(\n (nextColor: ColorValue) => {\n setColor(nextColor)\n debouncedColorChange(nextColor)\n },\n [debouncedColorChange, setColor]\n )\n\n const handleCreateColor = useCallback(() => {\n setColor(DEFAULT_COLOR)\n emitSetColor(DEFAULT_COLOR)\n }, [emitSetColor])\n\n const handleUnset = useCallback(() => {\n setColor(undefined)\n onChange(unset())\n }, [onChange])\n\n return (\n <>\n {value ? (\n <ColorPicker\n /* ref={this.focusRef}*/\n color={color}\n onChange={handleColorChange}\n readOnly={readOnly || (typeof type.readOnly === 'boolean' && type.readOnly)}\n disableAlpha={type.options?.disableAlpha}\n onUnset={handleUnset}\n />\n ) : (\n <Button\n icon={AddIcon}\n mode=\"ghost\"\n text=\"Create color\"\n ref={focusRef}\n disabled={Boolean(readOnly)}\n onClick={handleCreateColor}\n />\n )}\n </>\n )\n}\n","import React from 'react'\nimport {Alpha, Checkboard, Hue, Saturation} from 'react-color/lib/components/common'\nimport {CustomPicker, HEXColor, HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {Box, Button, Card, Flex, Inline, Stack, Text} from '@sanity/ui'\nimport {TrashIcon} from '@sanity/icons'\nimport styled from 'styled-components'\nimport {ColorPickerFields} from './ColorPickerFields'\nimport {CustomPickerInjectedProps} from 'react-color/lib/components/common/ColorWrap'\nimport {ColorValue} from './ColorInput'\n\nconst ColorBox = styled(Box)`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n`\n\nconst ReadOnlyContainer = styled(Flex)`\n margin-top: 6rem;\n background-color: var(--card-bg-color);\n position: relative;\n width: 100%;\n`\n\nexport interface ColorPickerProps\n extends CustomPickerInjectedProps<HSLColor | HSVColor | RGBColor | HEXColor> {\n width?: string\n disableAlpha: boolean\n readOnly?: boolean\n onUnset: () => void\n color: ColorValue\n}\n\nconst ColorPickerInner = (props: ColorPickerProps) => {\n const {\n width,\n color: {rgb, hex, hsv, hsl},\n onChange,\n onUnset,\n disableAlpha,\n readOnly,\n } = props\n return (\n <div style={{width}}>\n <Card padding={1} border radius={1}>\n <Stack space={2}>\n {!readOnly && (\n <>\n <Card overflow=\"hidden\" style={{position: 'relative', height: '5em'}}>\n <Saturation onChange={onChange} hsl={hsl} hsv={hsv} />\n </Card>\n\n <Card\n shadow={1}\n radius={3}\n overflow=\"hidden\"\n style={{position: 'relative', height: '10px'}}\n >\n <Hue hsl={hsl} onChange={!readOnly && onChange} />\n </Card>\n\n {!disableAlpha && (\n <Card\n shadow={1}\n radius={3}\n overflow=\"hidden\"\n style={{position: 'relative', height: '10px'}}\n >\n <Alpha rgb={rgb} hsl={hsl} onChange={onChange} />\n </Card>\n )}\n </>\n )}\n <Flex>\n <Card\n flex={1}\n radius={2}\n overflow=\"hidden\"\n style={{position: 'relative', minWidth: '4em'}}\n >\n <Checkboard />\n <ColorBox\n style={{\n backgroundColor: `rgba(${rgb?.r},${rgb?.g},${rgb?.b},${rgb?.a})`,\n }}\n />\n\n {readOnly && (\n <ReadOnlyContainer\n padding={2}\n paddingBottom={1}\n sizing=\"border\"\n justify=\"space-between\"\n >\n <Stack space={3} marginTop={1}>\n <Text size={3} weight=\"bold\">\n {hex}\n </Text>\n\n <Inline space={3}>\n <Text size={1}>\n <strong>RGB: </strong>\n {rgb?.r} {rgb?.g} {rgb?.b}\n </Text>\n <Text size={1}>\n <strong>HSL: </strong> {Math.round(hsl?.h ?? 0)} {Math.round(hsl?.s ?? 0)}%{' '}\n {Math.round(hsl?.l ?? 0)}\n </Text>\n </Inline>\n </Stack>\n </ReadOnlyContainer>\n )}\n </Card>\n\n {!readOnly && (\n <Flex align=\"flex-start\" marginLeft={2}>\n <Box style={{width: 200}}>\n <ColorPickerFields\n rgb={rgb}\n hsl={hsl}\n hex={hex}\n onChange={onChange}\n disableAlpha={disableAlpha}\n />\n </Box>\n <Box marginLeft={2}>\n <Button onClick={onUnset} title=\"Delete color\" icon={TrashIcon} tone=\"critical\" />\n </Box>\n </Flex>\n )}\n </Flex>\n </Stack>\n </Card>\n </div>\n )\n}\n\nexport const ColorPicker = CustomPicker(ColorPickerInner)\n","import React, {useCallback, useMemo} from 'react'\n// @ts-expect-error missing export\nimport {isValidHex} from 'react-color/lib/helpers/color'\nimport {EditableInput} from 'react-color/lib/components/common'\nimport {Box, Flex, useTheme} from '@sanity/ui'\nimport {ColorChangeHandler, HEXColor, HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {EditableInputStyles} from 'react-color/lib/components/common/EditableInput'\n\ninterface ColorPickerFieldsProps {\n rgb?: RGBColor\n hsl?: HSLColor\n hex?: string\n disableAlpha: boolean\n onChange: ColorChangeHandler<HSLColor | HSVColor | RGBColor | HEXColor>\n}\n\nexport const ColorPickerFields = ({\n onChange,\n rgb,\n hsl,\n hex,\n disableAlpha,\n}: ColorPickerFieldsProps) => {\n const {sanity} = useTheme()\n\n const inputStyles: EditableInputStyles = useMemo(\n () => ({\n input: {\n width: '80%',\n padding: '4px 10% 3px',\n border: 'none',\n boxShadow: `inset 0 0 0 1px ${sanity.color.input.default.enabled.border}`,\n color: sanity.color.input.default.enabled.fg,\n backgroundColor: sanity.color.input.default.enabled.bg,\n fontSize: sanity.fonts.text.sizes[0].fontSize,\n textAlign: 'center',\n },\n label: {\n display: 'block',\n textAlign: 'center',\n fontSize: sanity.fonts.label.sizes[0].fontSize,\n color: sanity.color.base.fg,\n paddingTop: '3px',\n paddingBottom: '4px',\n textTransform: 'capitalize',\n },\n }),\n [sanity]\n )\n\n const handleChange: ColorChangeHandler<Record<string, string>> = useCallback(\n (data) => {\n if ('hex' in data && data.hex && isValidHex(data.hex)) {\n onChange({\n hex: data.hex,\n source: 'hex',\n })\n } else if (\n rgb &&\n (('r' in data && data.r) || ('g' in data && data.g) || ('b' in data && data.b))\n ) {\n onChange({\n r: Number(data.r) || rgb.r,\n g: Number(data.g) || rgb.g,\n b: Number(data.b) || rgb.b,\n a: rgb.a,\n source: 'rgb',\n })\n } else if (hsl && 'a' in data && data.a) {\n let alpha = Number(data.a)\n if (alpha < 0) {\n alpha = 0\n } else if (alpha > 100) {\n alpha = 100\n }\n alpha /= 100\n\n onChange({\n h: hsl.h,\n s: hsl.s,\n l: hsl.l,\n a: alpha,\n source: 'hsl',\n })\n }\n },\n [onChange, hsl, rgb]\n )\n\n return (\n <Flex>\n <Box flex={2} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"hex\"\n value={hex?.replace('#', '')}\n onChange={handleChange}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"r\"\n value={rgb?.r}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"g\"\n value={rgb?.g}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"b\"\n value={rgb?.b}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n {!disableAlpha && (\n <Box flex={1}>\n <EditableInput\n style={inputStyles}\n label=\"a\"\n value={Math.round((rgb?.a ?? 1) * 100)}\n onChange={handleChange}\n dragLabel\n dragMax={100}\n />\n </Box>\n )}\n </Flex>\n )\n}\n","export const hsvaColor = {\n title: 'Hue Saturation Value',\n name: 'hsvaColor',\n type: 'object',\n fields: [\n {name: 'h', type: 'number', title: 'Hue'},\n {name: 's', type: 'number', title: 'Saturation'},\n {name: 'v', type: 'number', title: 'Value'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n"],"names":[],"version":3,"file":"index.modern.js.map","sourceRoot":"../"}
1
+ {"mappings":"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","sources":["src/index.ts","src/schemas/hslaColor.ts","src/schemas/rgbaColor.ts","src/schemas/color.tsx","src/ColorInput.tsx","src/ColorPicker.tsx","src/ColorPickerFields.tsx","src/schemas/hsvaColor.ts"],"sourcesContent":["import {createPlugin} from 'sanity'\nimport {hslaColor} from './schemas/hslaColor'\nimport {rgbaColor} from './schemas/rgbaColor'\nimport {color} from './schemas/color'\nimport {hsvaColor} from './schemas/hsvaColor'\n\nexport const colorInput = createPlugin({\n name: '@sanity/color-input',\n schema: {\n types: [hslaColor, hsvaColor, rgbaColor, color],\n },\n})\n\nexport {hslaColor, rgbaColor, color, hsvaColor}\nexport {ColorInput} from './ColorInput'\nexport type {ColorValue, ColorInputProps, ColorOptions, ColorSchemaType} from './ColorInput'\n","export const hslaColor = {\n title: 'Hue Saturation Lightness',\n name: 'hslaColor',\n type: 'object',\n fields: [\n {name: 'h', type: 'number', title: 'Hue'},\n {name: 's', type: 'number', title: 'Saturation'},\n {name: 'l', type: 'number', title: 'Lightness'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n","export const rgbaColor = {\n title: 'Red Green Blue (rgb)',\n name: 'rgbaColor',\n type: 'object',\n fields: [\n {name: 'r', type: 'number', title: 'Red'},\n {name: 'g', type: 'number', title: 'Green'},\n {name: 'b', type: 'number', title: 'Blue'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n","import React from 'react'\nimport {ColorInput} from '../ColorInput'\n\nconst round = (val: number = 1) => Math.round(val * 100)\n\nexport const color = {\n name: 'color',\n type: 'object',\n title: 'Color',\n components: {input: ColorInput},\n fields: [\n {\n title: 'Hex',\n name: 'hex',\n type: 'string',\n },\n {\n title: 'Alpha',\n name: 'alpha',\n type: 'number',\n },\n {\n title: 'Hue Saturation Lightness',\n name: 'hsl',\n type: 'hslaColor',\n },\n {\n title: 'Hue Saturation Value',\n name: 'hsv',\n type: 'hsvaColor',\n },\n {\n title: 'Red Green Blue (rgb)',\n name: 'rgb',\n type: 'rgbaColor',\n },\n ],\n preview: {\n select: {\n title: 'hex',\n alpha: 'alpha',\n hex: 'hex',\n hsl: 'hsl',\n },\n prepare({\n title,\n hex,\n hsl,\n alpha,\n }: {\n title?: string\n alpha?: number\n hex?: string\n hsl?: {h: number; s: number; l: number}\n }) {\n let subtitle = hex || 'No color set'\n if (hsl) {\n subtitle = `H:${round(hsl.h)} S:${round(hsl.s)} L:${round(hsl.l)} A:${round(alpha)}`\n }\n return {\n title: title,\n subtitle: subtitle,\n media: () => (\n <div\n style={{\n backgroundColor: hex ?? '#000',\n opacity: alpha ?? 1,\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n left: '0',\n }}\n />\n ),\n }\n },\n },\n}\n","import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport {set, setIfMissing, unset} from 'sanity/form'\nimport {debounce} from 'lodash'\nimport {Button} from '@sanity/ui'\nimport {AddIcon} from '@sanity/icons'\nimport {ColorPicker} from './ColorPicker'\nimport {ObjectInputProps} from 'sanity'\nimport {HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {ObjectSchemaType} from 'sanity'\n\nconst DEFAULT_COLOR: ColorValue & {source: string} = {\n hex: '#24a3e3',\n hsl: {h: 200, s: 0.7732, l: 0.5156, a: 1},\n hsv: {h: 200, s: 0.8414, v: 0.8901, a: 1},\n rgb: {r: 46, g: 163, b: 227, a: 1},\n source: 'hex',\n}\n\nexport interface ColorValue {\n hex: string\n hsl: HSLColor\n hsv: HSVColor\n rgb: RGBColor\n}\n\nexport interface ColorOptions {\n disableAlpha?: boolean\n}\n\nexport type ColorSchemaType = ObjectSchemaType & {\n options?: ColorOptions\n}\nexport type ColorInputProps = ObjectInputProps<ColorValue, ColorSchemaType>\n\nexport function ColorInput(props: ColorInputProps) {\n const {onChange, schemaType: type, readOnly, value} = props\n const focusRef = useRef<HTMLButtonElement>(null)\n\n // use local state so we can have instant ui updates while debouncing patch emits\n const [color, setColor] = useState(value)\n useEffect(() => setColor(value), [value])\n\n const emitSetColor = useCallback(\n (nextColor: ColorValue) => {\n const fieldPatches = type.fields\n .filter((field) => field.name in nextColor)\n .map((field) => {\n const nextFieldValue = nextColor[field.name as keyof ColorValue]\n const isObject = field.type.jsonType === 'object'\n return set(\n isObject ? Object.assign({_type: field.type.name}, nextFieldValue) : nextFieldValue,\n [field.name]\n )\n })\n\n onChange([\n setIfMissing({_type: type.name}),\n set(type.name, ['_type']),\n set(nextColor.rgb?.a, ['alpha']),\n ...fieldPatches,\n ])\n },\n [onChange, type]\n )\n\n // The color picker emits onChange events continuously while the user is sliding the\n // hue/saturation/alpha selectors. This debounces the event to avoid excessive patches\n const debouncedColorChange = useMemo(() => debounce(emitSetColor, 100), [emitSetColor])\n const handleColorChange = useCallback(\n (nextColor: ColorValue) => {\n setColor(nextColor)\n debouncedColorChange(nextColor)\n },\n [debouncedColorChange, setColor]\n )\n\n const handleCreateColor = useCallback(() => {\n setColor(DEFAULT_COLOR)\n emitSetColor(DEFAULT_COLOR)\n }, [emitSetColor])\n\n const handleUnset = useCallback(() => {\n setColor(undefined)\n onChange(unset())\n }, [onChange])\n\n return (\n <>\n {value ? (\n <ColorPicker\n /* ref={this.focusRef}*/\n color={color}\n onChange={handleColorChange}\n readOnly={readOnly || (typeof type.readOnly === 'boolean' && type.readOnly)}\n disableAlpha={type.options?.disableAlpha}\n onUnset={handleUnset}\n />\n ) : (\n <Button\n icon={AddIcon}\n mode=\"ghost\"\n text=\"Create color\"\n ref={focusRef}\n disabled={Boolean(readOnly)}\n onClick={handleCreateColor}\n />\n )}\n </>\n )\n}\n","import React from 'react'\nimport {Alpha, Checkboard, Hue, Saturation} from 'react-color/lib/components/common'\nimport {CustomPicker, HEXColor, HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {Box, Button, Card, Flex, Inline, Stack, Text} from '@sanity/ui'\nimport {TrashIcon} from '@sanity/icons'\nimport styled from 'styled-components'\nimport {ColorPickerFields} from './ColorPickerFields'\nimport {CustomPickerInjectedProps} from 'react-color/lib/components/common/ColorWrap'\nimport {ColorValue} from './ColorInput'\n\nconst ColorBox = styled(Box)`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n`\n\nconst ReadOnlyContainer = styled(Flex)`\n margin-top: 6rem;\n background-color: var(--card-bg-color);\n position: relative;\n width: 100%;\n`\n\nexport interface ColorPickerProps\n extends CustomPickerInjectedProps<HSLColor | HSVColor | RGBColor | HEXColor> {\n width?: string\n disableAlpha: boolean\n readOnly?: boolean\n onUnset: () => void\n color: ColorValue\n}\n\nconst ColorPickerInner = (props: ColorPickerProps) => {\n const {\n width,\n color: {rgb, hex, hsv, hsl},\n onChange,\n onUnset,\n disableAlpha,\n readOnly,\n } = props\n return (\n <div style={{width}}>\n <Card padding={1} border radius={1}>\n <Stack space={2}>\n {!readOnly && (\n <>\n <Card overflow=\"hidden\" style={{position: 'relative', height: '5em'}}>\n <Saturation onChange={onChange} hsl={hsl} hsv={hsv} />\n </Card>\n\n <Card\n shadow={1}\n radius={3}\n overflow=\"hidden\"\n style={{position: 'relative', height: '10px'}}\n >\n <Hue hsl={hsl} onChange={!readOnly && onChange} />\n </Card>\n\n {!disableAlpha && (\n <Card\n shadow={1}\n radius={3}\n overflow=\"hidden\"\n style={{position: 'relative', height: '10px'}}\n >\n <Alpha rgb={rgb} hsl={hsl} onChange={onChange} />\n </Card>\n )}\n </>\n )}\n <Flex>\n <Card\n flex={1}\n radius={2}\n overflow=\"hidden\"\n style={{position: 'relative', minWidth: '4em'}}\n >\n <Checkboard />\n <ColorBox\n style={{\n backgroundColor: `rgba(${rgb?.r},${rgb?.g},${rgb?.b},${rgb?.a})`,\n }}\n />\n\n {readOnly && (\n <ReadOnlyContainer\n padding={2}\n paddingBottom={1}\n sizing=\"border\"\n justify=\"space-between\"\n >\n <Stack space={3} marginTop={1}>\n <Text size={3} weight=\"bold\">\n {hex}\n </Text>\n\n <Inline space={3}>\n <Text size={1}>\n <strong>RGB: </strong>\n {rgb?.r} {rgb?.g} {rgb?.b}\n </Text>\n <Text size={1}>\n <strong>HSL: </strong> {Math.round(hsl?.h ?? 0)} {Math.round(hsl?.s ?? 0)}%{' '}\n {Math.round(hsl?.l ?? 0)}\n </Text>\n </Inline>\n </Stack>\n </ReadOnlyContainer>\n )}\n </Card>\n\n {!readOnly && (\n <Flex align=\"flex-start\" marginLeft={2}>\n <Box style={{width: 200}}>\n <ColorPickerFields\n rgb={rgb}\n hsl={hsl}\n hex={hex}\n onChange={onChange}\n disableAlpha={disableAlpha}\n />\n </Box>\n <Box marginLeft={2}>\n <Button onClick={onUnset} title=\"Delete color\" icon={TrashIcon} tone=\"critical\" />\n </Box>\n </Flex>\n )}\n </Flex>\n </Stack>\n </Card>\n </div>\n )\n}\n\nexport const ColorPicker = CustomPicker(ColorPickerInner)\n","import React, {useCallback, useMemo} from 'react'\n// @ts-expect-error missing export\nimport {isValidHex} from 'react-color/lib/helpers/color'\nimport {EditableInput} from 'react-color/lib/components/common'\nimport {Box, Flex, useTheme} from '@sanity/ui'\nimport {ColorChangeHandler, HEXColor, HSLColor, HSVColor, RGBColor} from 'react-color'\nimport {EditableInputStyles} from 'react-color/lib/components/common/EditableInput'\n\ninterface ColorPickerFieldsProps {\n rgb?: RGBColor\n hsl?: HSLColor\n hex?: string\n disableAlpha: boolean\n onChange: ColorChangeHandler<HSLColor | HSVColor | RGBColor | HEXColor>\n}\n\nexport const ColorPickerFields = ({\n onChange,\n rgb,\n hsl,\n hex,\n disableAlpha,\n}: ColorPickerFieldsProps) => {\n const {sanity} = useTheme()\n\n const inputStyles: EditableInputStyles = useMemo(\n () => ({\n input: {\n width: '80%',\n padding: '4px 10% 3px',\n border: 'none',\n boxShadow: `inset 0 0 0 1px ${sanity.color.input.default.enabled.border}`,\n color: sanity.color.input.default.enabled.fg,\n backgroundColor: sanity.color.input.default.enabled.bg,\n fontSize: sanity.fonts.text.sizes[0].fontSize,\n textAlign: 'center',\n },\n label: {\n display: 'block',\n textAlign: 'center',\n fontSize: sanity.fonts.label.sizes[0].fontSize,\n color: sanity.color.base.fg,\n paddingTop: '3px',\n paddingBottom: '4px',\n textTransform: 'capitalize',\n },\n }),\n [sanity]\n )\n\n const handleChange: ColorChangeHandler<Record<string, string>> = useCallback(\n (data) => {\n if ('hex' in data && data.hex && isValidHex(data.hex)) {\n onChange({\n hex: data.hex,\n source: 'hex',\n })\n } else if (\n rgb &&\n (('r' in data && data.r) || ('g' in data && data.g) || ('b' in data && data.b))\n ) {\n onChange({\n r: Number(data.r) || rgb.r,\n g: Number(data.g) || rgb.g,\n b: Number(data.b) || rgb.b,\n a: rgb.a,\n source: 'rgb',\n })\n } else if (hsl && 'a' in data && data.a) {\n let alpha = Number(data.a)\n if (alpha < 0) {\n alpha = 0\n } else if (alpha > 100) {\n alpha = 100\n }\n alpha /= 100\n\n onChange({\n h: hsl.h,\n s: hsl.s,\n l: hsl.l,\n a: alpha,\n source: 'hsl',\n })\n }\n },\n [onChange, hsl, rgb]\n )\n\n return (\n <Flex>\n <Box flex={2} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"hex\"\n value={hex?.replace('#', '')}\n onChange={handleChange}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"r\"\n value={rgb?.r}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"g\"\n value={rgb?.g}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n <Box flex={1} marginRight={1}>\n <EditableInput\n style={inputStyles}\n label=\"b\"\n value={rgb?.b}\n onChange={handleChange}\n dragLabel\n dragMax={255}\n />\n </Box>\n {!disableAlpha && (\n <Box flex={1}>\n <EditableInput\n style={inputStyles}\n label=\"a\"\n value={Math.round((rgb?.a ?? 1) * 100)}\n onChange={handleChange}\n dragLabel\n dragMax={100}\n />\n </Box>\n )}\n </Flex>\n )\n}\n","export const hsvaColor = {\n title: 'Hue Saturation Value',\n name: 'hsvaColor',\n type: 'object',\n fields: [\n {name: 'h', type: 'number', title: 'Hue'},\n {name: 's', type: 'number', title: 'Saturation'},\n {name: 'v', type: 'number', title: 'Value'},\n {name: 'a', type: 'number', title: 'Alpha'},\n ],\n}\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../../"}
package/lib/{index.d.ts → types/index.d.ts} RENAMED
@@ -1,6 +1,5 @@
1
- import { ObjectInputProps } from "sanity";
1
+ import { ObjectInputProps, ObjectSchemaType } from "sanity";
2
2
  import { HSLColor, HSVColor, RGBColor } from "react-color";
3
- import { ObjectSchemaType } from "@sanity/types";
4
3
  export const hslaColor: {
5
4
  title: string;
6
5
  name: string;
package/lib/types/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"mappings":";;AAAA,OAAO,MAAM;;;;;;;;;CAUZ,CAAA;ACVD,OAAO,MAAM;;;;;;;;;CAUZ,CAAA;AGQD;IACE,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,QAAQ,CAAA;IACb,GAAG,EAAE,QAAQ,CAAA;IACb,GAAG,EAAE,QAAQ,CAAA;CACd;AAED;IACE,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,8BAA8B,gBAAgB,GAAG;IAC/C,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,CAAA;AACD,8BAA8B,iBAAiB,UAAU,EAAE,eAAe,CAAC,CAAA;AAE3E,2BAA2B,KAAK,EAAE,eAAe,eA2EhD;ACxGD,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;mBAgDG,MAAM;mBAAK,MAAM;mBAAK,MAAM;;;;;;;;CAyB3C,CAAA;AC9ED,OAAO,MAAM;;;;;;;;;CAUZ,CAAA;ACJD,OAAO,MAAM,yCAKX,CAAA","sources":["src/src/schemas/hslaColor.ts","src/src/schemas/rgbaColor.ts","src/src/ColorPickerFields.tsx","src/src/ColorPicker.tsx","src/src/ColorInput.tsx","src/src/schemas/color.tsx","src/src/schemas/hsvaColor.ts","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,"import {createPlugin} from 'sanity'\nimport {hslaColor} from './schemas/hslaColor'\nimport {rgbaColor} from './schemas/rgbaColor'\nimport {color} from './schemas/color'\nimport {hsvaColor} from './schemas/hsvaColor'\n\nexport const colorInput = createPlugin({\n name: '@sanity/color-input',\n schema: {\n types: [hslaColor, hsvaColor, rgbaColor, color],\n },\n})\n\nexport {hslaColor, rgbaColor, color, hsvaColor}\nexport {ColorInput} from './ColorInput'\nexport type {ColorValue, ColorInputProps, ColorOptions, ColorSchemaType} from './ColorInput'\n"],"names":[],"version":3,"file":"index.d.ts.map","sourceRoot":"../../"}
package/package.json CHANGED
@@ -1,12 +1,13 @@
1
1
  {
2
2
  "name": "@sanity/color-input",
3
- "version": "3.0.0-studio-v3.0",
3
+ "version": "3.0.0-studio-v3.1",
4
4
  "description": "Color input",
5
5
  "scripts": {
6
6
  "clean": "rimraf lib",
7
- "prebuild": "npm run clean && tsc --noEmit",
8
- "build": "parcel build",
7
+ "prebuild": "npm run clean && plugin-kit verify-package --silent",
8
+ "build": "parcel build --no-cache",
9
9
  "watch": "parcel watch",
10
+ "link-watch": "plugin-kit link-watch",
10
11
  "prepublishOnly": "npm run build",
11
12
  "compile": "tsc --noEmit",
12
13
  "lint": "eslint .",
@@ -16,16 +17,18 @@
16
17
  "source": "./src/index.ts",
17
18
  "exports": {
18
19
  ".": {
19
- "require": "./lib/index.js",
20
- "default": "./lib/index.modern.js"
20
+ "require": "./lib/cjs/index.js",
21
+ "default": "./lib/esm/index.js"
21
22
  }
22
23
  },
23
- "main": "./lib/index.js",
24
- "module": "./lib/index.modern.js",
25
- "types": "./lib/index.d.ts",
24
+ "main": "./lib/cjs/index.js",
25
+ "module": "./lib/esm/index.js",
26
+ "types": "./lib/types/index.d.ts",
26
27
  "files": [
27
28
  "src",
28
- "lib"
29
+ "lib",
30
+ "v2-incompatible.js",
31
+ "sanity.json"
29
32
  ],
30
33
  "author": "Sanity.io <hello@sanity.io>",
31
34
  "license": "MIT",
@@ -40,6 +43,7 @@
40
43
  ],
41
44
  "dependencies": {
42
45
  "@sanity/icons": "^1.2.8",
46
+ "@sanity/incompatible-plugin": "^0.0.1-studio-v3.3",
43
47
  "@sanity/ui": "^0.37.9",
44
48
  "lodash": "^4.17.21",
45
49
  "react-color": "^2.19.3"
@@ -49,6 +53,7 @@
49
53
  "@commitlint/config-conventional": "^15.0.0",
50
54
  "@parcel/packager-ts": "^2.6.0",
51
55
  "@parcel/transformer-typescript-types": "^2.6.0",
56
+ "@sanity/plugin-kit": "^0.0.1-studio-v3.3",
52
57
  "@types/react-color": "^2.17.6",
53
58
  "@types/styled-components": "^5.1.25",
54
59
  "@typescript-eslint/eslint-plugin": "^5.12.0",
@@ -65,7 +70,7 @@
65
70
  "prettier": "^2.6.2",
66
71
  "react": "^17.0.0 || ^18.0.0",
67
72
  "rimraf": "^3.0.2",
68
- "sanity": "purple-unicorn",
73
+ "sanity": "^2.30.1-purple-unicorn.957",
69
74
  "styled-components": "^5.2.0",
70
75
  "typescript": "^4.6.4"
71
76
  },
@@ -75,13 +80,13 @@
75
80
  "styled-components": "^5.2.0"
76
81
  },
77
82
  "bugs": {
78
- "url": "https://github.com/sanity-io/sanity/issues"
83
+ "url": "https://github.com/sanity-io/color-input/issues"
79
84
  },
80
85
  "homepage": "https://www.sanity.io/",
86
+ "sanityExchangeUrl": "https://www.sanity.io/plugins/color-input",
81
87
  "repository": {
82
88
  "type": "git",
83
- "url": "git+https://github.com/sanity-io/sanity.git",
84
- "directory": "packages/@sanity/color-input"
89
+ "url": "git+https://github.com/sanity-io/color-input.git"
85
90
  },
86
91
  "publishConfig": {
87
92
  "access": "public"
package/sanity.json ADDED
@@ -0,0 +1,8 @@
1
+ {
2
+ "parts": [
3
+ {
4
+ "implements": "part:@sanity/base/sanity-root",
5
+ "path": "./v2-incompatible.js"
6
+ }
7
+ ]
8
+ }
package/src/ColorInput.tsx CHANGED
@@ -6,7 +6,7 @@ import {AddIcon} from '@sanity/icons'
6
6
  import {ColorPicker} from './ColorPicker'
7
7
  import {ObjectInputProps} from 'sanity'
8
8
  import {HSLColor, HSVColor, RGBColor} from 'react-color'
9
- import {ObjectSchemaType} from '@sanity/types'
9
+ import {ObjectSchemaType} from 'sanity'
10
10
 
11
11
  const DEFAULT_COLOR: ColorValue & {source: string} = {
12
12
  hex: '#24a3e3',
package/v2-incompatible.js ADDED
@@ -0,0 +1,11 @@
1
+ const {showIncompatiblePluginDialog} = require('@sanity/incompatible-plugin')
2
+ const {name, version, sanityExchangeUrl} = require('./package.json')
3
+
4
+ export default showIncompatiblePluginDialog({
5
+ name: name,
6
+ versions: {
7
+ v3: version,
8
+ v2: '^2.30.0',
9
+ },
10
+ sanityExchangeUrl,
11
+ })
package/lib/index.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"mappings":";;;AAAA,OAAO,MAAM;;;;;;;;;CAUZ,CAAA;ACVD,OAAO,MAAM;;;;;;;;;CAUZ,CAAA;AGQD;IACE,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,QAAQ,CAAA;IACb,GAAG,EAAE,QAAQ,CAAA;IACb,GAAG,EAAE,QAAQ,CAAA;CACd;AAED;IACE,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,8BAA8B,gBAAgB,GAAG;IAC/C,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,CAAA;AACD,8BAA8B,iBAAiB,UAAU,EAAE,eAAe,CAAC,CAAA;AAE3E,2BAA2B,KAAK,EAAE,eAAe,eA2EhD;ACxGD,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;mBAgDG,MAAM;mBAAK,MAAM;mBAAK,MAAM;;;;;;;;CAyB3C,CAAA;AC9ED,OAAO,MAAM;;;;;;;;;CAUZ,CAAA;ACJD,OAAO,MAAM,yCAKX,CAAA","sources":["src/src/schemas/hslaColor.ts","src/src/schemas/rgbaColor.ts","src/src/ColorPickerFields.tsx","src/src/ColorPicker.tsx","src/src/ColorInput.tsx","src/src/schemas/color.tsx","src/src/schemas/hsvaColor.ts","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,"import {createPlugin} from 'sanity'\nimport {hslaColor} from './schemas/hslaColor'\nimport {rgbaColor} from './schemas/rgbaColor'\nimport {color} from './schemas/color'\nimport {hsvaColor} from './schemas/hsvaColor'\n\nexport const colorInput = createPlugin({\n name: '@sanity/color-input',\n schema: {\n types: [hslaColor, hsvaColor, rgbaColor, color],\n },\n})\n\nexport {hslaColor, rgbaColor, color, hsvaColor}\nexport {ColorInput} from './ColorInput'\nexport type {ColorValue, ColorInputProps, ColorOptions, ColorSchemaType} from './ColorInput'\n"],"names":[],"version":3,"file":"index.d.ts.map","sourceRoot":"../"}