@sanity/color-input 4.0.6 → 5.0.0

package/README.md

@@ -1,12 +1,10 @@
 # @sanity/color-input
 
-> For the v2 version, please refer to the [v2-branch](https://github.com/sanity-io/sanity/tree/next/packages/%40sanity/color-input).
-
 ## What is it?
 
 Color input plugin for [Sanity](https://sanity.io/) that stores selected colors in hex, hsl, hsv and rgb format.
 
-![Color input in the Studio](assets/color-input.png)
+![Color input in the Studio](https://github.com/user-attachments/assets/070a3718-33fc-47f7-94fb-93988902e81e)
 
 ## Installation
 
@@ -69,7 +67,7 @@ To disable the alpha option, set `disableAlpha` to `true`:
 
 Which will render accordingly:
 
-![This is an image](assets/no-alpha.png)
+![This is an image](https://github.com/user-attachments/assets/f7095cbb-8014-4aef-bb95-58f6aa25672b)
 
 ### Color list
 
@@ -99,7 +97,7 @@ This uses the `react-color` under the hood https://casesandberg.github.io/react-
 
 Which will render accordingly:
 
-![This is an image](assets/color-list.png)
+![This is an image](https://github.com/user-attachments/assets/f2a35da3-8944-46b3-a626-9aa870800b65)
 
 ## Data model
 
@@ -135,18 +133,3 @@ Which will render accordingly:
 ## License
 
 MIT-licensed. See LICENSE.
-
-## Develop & test
-
-This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit)
-with default configuration for build & watch scripts.
-
-See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio)
-on how to run this plugin with hotreload in the studio.
-
-### Release new version
-
-Run ["CI & Release" workflow](https://github.com/sanity-io/color-input/actions/workflows/main.yml).
-Make sure to select the main branch and check "Release new version".
-
-Semantic release will only release on configured branches, so it is safe to run release on any branch.

package/dist/_chunks-es/ColorInput.js

@@ -0,0 +1,340 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import { useRef, useState, useEffect, useDeferredValue, startTransition } from "react";
+import { CustomPicker } from "react-color";
+import { EditableInput, Saturation, Hue, Alpha, Checkboard } from "react-color/lib/components/common";
+import { set, setIfMissing, unset } from "sanity";
+import { styled } from "styled-components";
+import { useEffectEvent } from "use-effect-event";
+import { AddIcon, TrashIcon } from "@sanity/icons";
+import { Flex, useTheme, Box, Button, Card, Stack, Text, Inline } from "@sanity/ui";
+import tinycolor from "tinycolor2";
+import { isValidHex } from "react-color/lib/helpers/color";
+const ColorListWrap = styled(Flex)`
+  gap: 0.25em;
+`, ColorBoxContainer = styled.div`
+  width: 2.1em;
+  height: 2.1em;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  border-radius: 3px;
+  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=')
+    left center #fff;
+`, ColorBox$1 = styled.div`
+  border-radius: inherit;
+  box-shadow: inset 0 0 0 1px var(--card-shadow-outline-color);
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+`, validateColors = (colors) => colors.reduce((cls, c2) => {
+  const color = c2.hex ? tinycolor(c2.hex) : tinycolor(c2);
+  return color.isValid() && cls.push({
+    color: c2,
+    backgroundColor: color.toRgbString()
+  }), cls;
+}, []);
+function ColorList(t0) {
+  const $ = c(7), {
+    colors,
+    onChange
+  } = t0;
+  if (!colors)
+    return null;
+  let t1;
+  if ($[0] !== colors || $[1] !== onChange) {
+    let t22;
+    $[3] !== onChange ? (t22 = (t3, idx) => {
+      const {
+        color,
+        backgroundColor
+      } = t3;
+      return /* @__PURE__ */ jsx(ColorBoxContainer, { onClick: () => {
+        onChange(color);
+      }, children: /* @__PURE__ */ jsx(ColorBox$1, { style: {
+        background: backgroundColor
+      } }) }, `${backgroundColor}-${idx}`);
+    }, $[3] = onChange, $[4] = t22) : t22 = $[4], t1 = validateColors(colors).map(t22), $[0] = colors, $[1] = onChange, $[2] = t1;
+  } else
+    t1 = $[2];
+  let t2;
+  return $[5] !== t1 ? (t2 = /* @__PURE__ */ jsx(ColorListWrap, { wrap: "wrap", children: t1 }), $[5] = t1, $[6] = t2) : t2 = $[6], t2;
+}
+const ColorPickerFields = (t0) => {
+  const $ = c(44), {
+    onChange,
+    rgb,
+    hsl,
+    hex,
+    disableAlpha
+  } = t0, {
+    sanity
+  } = useTheme(), t1 = `inset 0 0 0 1px ${sanity.color.input.default.enabled.border}`, t2 = sanity.fonts.text.sizes[0]?.fontSize;
+  let t3;
+  $[0] !== sanity.color.input.default.enabled.bg || $[1] !== sanity.color.input.default.enabled.fg || $[2] !== t1 || $[3] !== t2 ? (t3 = {
+    width: "80%",
+    padding: "4px 10% 3px",
+    border: "none",
+    boxShadow: t1,
+    color: sanity.color.input.default.enabled.fg,
+    backgroundColor: sanity.color.input.default.enabled.bg,
+    fontSize: t2,
+    textAlign: "center"
+  }, $[0] = sanity.color.input.default.enabled.bg, $[1] = sanity.color.input.default.enabled.fg, $[2] = t1, $[3] = t2, $[4] = t3) : t3 = $[4];
+  const t4 = sanity.fonts.label.sizes[0]?.fontSize;
+  let t5;
+  $[5] !== sanity.color.base.fg || $[6] !== t4 ? (t5 = {
+    display: "block",
+    textAlign: "center",
+    fontSize: t4,
+    color: sanity.color.base.fg,
+    paddingTop: "3px",
+    paddingBottom: "4px",
+    textTransform: "capitalize"
+  }, $[5] = sanity.color.base.fg, $[6] = t4, $[7] = t5) : t5 = $[7];
+  let t6;
+  $[8] !== t3 || $[9] !== t5 ? (t6 = {
+    input: t3,
+    label: t5
+  }, $[8] = t3, $[9] = t5, $[10] = t6) : t6 = $[10];
+  const inputStyles = t6;
+  let t7;
+  $[11] !== hsl || $[12] !== onChange || $[13] !== rgb ? (t7 = (data) => {
+    if ("hex" in data && data.hex && isValidHex(data.hex))
+      onChange({
+        hex: data.hex,
+        source: "hex"
+      });
+    else if (rgb && ("r" in data && data.r || "g" in data && data.g || "b" in data && data.b))
+      onChange({
+        r: Number(data.r) || rgb.r,
+        g: Number(data.g) || rgb.g,
+        b: Number(data.b) || rgb.b,
+        a: rgb.a,
+        source: "rgb"
+      });
+    else if (hsl && "a" in data && data.a) {
+      let alpha = Number(data.a);
+      alpha < 0 ? alpha = 0 : alpha > 100 && (alpha = 100), alpha = alpha / 100, onChange({
+        h: hsl.h,
+        s: hsl.s,
+        l: hsl.l,
+        a: alpha,
+        source: "hsl"
+      });
+    }
+  }, $[11] = hsl, $[12] = onChange, $[13] = rgb, $[14] = t7) : t7 = $[14];
+  const handleChange = t7;
+  let t8;
+  $[15] !== hex ? (t8 = hex?.replace("#", ""), $[15] = hex, $[16] = t8) : t8 = $[16];
+  let t9;
+  $[17] !== handleChange || $[18] !== inputStyles || $[19] !== t8 ? (t9 = /* @__PURE__ */ jsx(Box, { flex: 2, marginRight: 1, children: /* @__PURE__ */ jsx(EditableInput, { style: inputStyles, label: "hex", value: t8, onChange: handleChange }) }), $[17] = handleChange, $[18] = inputStyles, $[19] = t8, $[20] = t9) : t9 = $[20];
+  const t10 = rgb?.r;
+  let t11;
+  $[21] !== handleChange || $[22] !== inputStyles || $[23] !== t10 ? (t11 = /* @__PURE__ */ jsx(Box, { flex: 1, marginRight: 1, children: /* @__PURE__ */ jsx(EditableInput, { style: inputStyles, label: "r", value: t10, onChange: handleChange, dragLabel: !0, dragMax: 255 }) }), $[21] = handleChange, $[22] = inputStyles, $[23] = t10, $[24] = t11) : t11 = $[24];
+  const t12 = rgb?.g;
+  let t13;
+  $[25] !== handleChange || $[26] !== inputStyles || $[27] !== t12 ? (t13 = /* @__PURE__ */ jsx(Box, { flex: 1, marginRight: 1, children: /* @__PURE__ */ jsx(EditableInput, { style: inputStyles, label: "g", value: t12, onChange: handleChange, dragLabel: !0, dragMax: 255 }) }), $[25] = handleChange, $[26] = inputStyles, $[27] = t12, $[28] = t13) : t13 = $[28];
+  const t14 = rgb?.b;
+  let t15;
+  $[29] !== handleChange || $[30] !== inputStyles || $[31] !== t14 ? (t15 = /* @__PURE__ */ jsx(Box, { flex: 1, marginRight: 1, children: /* @__PURE__ */ jsx(EditableInput, { style: inputStyles, label: "b", value: t14, onChange: handleChange, dragLabel: !0, dragMax: 255 }) }), $[29] = handleChange, $[30] = inputStyles, $[31] = t14, $[32] = t15) : t15 = $[32];
+  let t16;
+  $[33] !== disableAlpha || $[34] !== handleChange || $[35] !== inputStyles || $[36] !== rgb?.a ? (t16 = !disableAlpha && /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(EditableInput, { style: inputStyles, label: "a", value: Math.round((rgb?.a ?? 1) * 100), onChange: handleChange, dragLabel: !0, dragMax: 100 }) }), $[33] = disableAlpha, $[34] = handleChange, $[35] = inputStyles, $[36] = rgb?.a, $[37] = t16) : t16 = $[37];
+  let t17;
+  return $[38] !== t11 || $[39] !== t13 || $[40] !== t15 || $[41] !== t16 || $[42] !== t9 ? (t17 = /* @__PURE__ */ jsxs(Flex, { children: [
+    t9,
+    t11,
+    t13,
+    t15,
+    t16
+  ] }), $[38] = t11, $[39] = t13, $[40] = t15, $[41] = t16, $[42] = t9, $[43] = t17) : t17 = $[43], t17;
+}, ColorBox = styled(Box)`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+`, ReadOnlyContainer = styled(Flex)`
+  margin-top: 6rem;
+  background-color: var(--card-bg-color);
+  position: relative;
+  width: 100%;
+`, ColorPickerInner = (props) => {
+  const $ = c(47), {
+    width,
+    color: t0,
+    onChange,
+    onUnset,
+    disableAlpha,
+    colorList,
+    readOnly
+  } = props, {
+    rgb,
+    hex,
+    hsv,
+    hsl
+  } = t0;
+  if (!hsl || !hsv)
+    return null;
+  let t1;
+  $[0] !== width ? (t1 = {
+    width
+  }, $[0] = width, $[1] = t1) : t1 = $[1];
+  let t2;
+  $[2] !== disableAlpha || $[3] !== hsl || $[4] !== hsv || $[5] !== onChange || $[6] !== readOnly || $[7] !== rgb ? (t2 = !readOnly && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Card, { overflow: "hidden", style: {
+      position: "relative",
+      height: "5em"
+    }, children: /* @__PURE__ */ jsx(Saturation, { onChange, hsl, hsv }) }),
+    /* @__PURE__ */ jsx(Card, { shadow: 1, radius: 3, overflow: "hidden", style: {
+      position: "relative",
+      height: "10px"
+    }, children: /* @__PURE__ */ jsx(Hue, { hsl, onChange: !readOnly && onChange }) }),
+    !disableAlpha && /* @__PURE__ */ jsx(Card, { shadow: 1, radius: 3, overflow: "hidden", style: {
+      position: "relative",
+      height: "10px",
+      background: "#fff"
+    }, children: /* @__PURE__ */ jsx(Alpha, { rgb, hsl, onChange }) })
+  ] }), $[2] = disableAlpha, $[3] = hsl, $[4] = hsv, $[5] = onChange, $[6] = readOnly, $[7] = rgb, $[8] = t2) : t2 = $[8];
+  let t3;
+  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t3 = {
+    position: "relative",
+    minWidth: "4em",
+    background: "#fff"
+  }, $[9] = t3) : t3 = $[9];
+  let t4;
+  $[10] === Symbol.for("react.memo_cache_sentinel") ? (t4 = {}, $[10] = t4) : t4 = $[10];
+  let t5;
+  $[11] === Symbol.for("react.memo_cache_sentinel") ? (t5 = /* @__PURE__ */ jsx(Checkboard, { size: 8, white: "transparent", grey: "rgba(0,0,0,.08)", renderers: t4 }), $[11] = t5) : t5 = $[11];
+  const t6 = `rgba(${rgb?.r},${rgb?.g},${rgb?.b},${rgb?.a})`;
+  let t7;
+  $[12] !== t6 ? (t7 = /* @__PURE__ */ jsx(ColorBox, { style: {
+    backgroundColor: t6
+  } }), $[12] = t6, $[13] = t7) : t7 = $[13];
+  let t8;
+  $[14] !== hex || $[15] !== hsl?.h || $[16] !== hsl?.l || $[17] !== hsl?.s || $[18] !== readOnly || $[19] !== rgb?.b || $[20] !== rgb?.g || $[21] !== rgb?.r ? (t8 = readOnly && /* @__PURE__ */ jsx(ReadOnlyContainer, { padding: 2, paddingBottom: 1, sizing: "border", justify: "space-between", children: /* @__PURE__ */ jsxs(Stack, { space: 3, marginTop: 1, children: [
+    /* @__PURE__ */ jsx(Text, { size: 3, weight: "bold", children: hex }),
+    /* @__PURE__ */ jsxs(Inline, { space: 3, children: [
+      /* @__PURE__ */ jsxs(Text, { size: 1, children: [
+        /* @__PURE__ */ jsx("strong", { children: "RGB: " }),
+        rgb?.r,
+        " ",
+        rgb?.g,
+        " ",
+        rgb?.b
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: 1, children: [
+        /* @__PURE__ */ jsx("strong", { children: "HSL: " }),
+        " ",
+        Math.round(hsl?.h ?? 0),
+        " ",
+        Math.round((hsl?.s ?? 0) * 100),
+        "% ",
+        Math.round((hsl?.l ?? 0) * 100),
+        "%"
+      ] })
+    ] })
+  ] }) }), $[14] = hex, $[15] = hsl?.h, $[16] = hsl?.l, $[17] = hsl?.s, $[18] = readOnly, $[19] = rgb?.b, $[20] = rgb?.g, $[21] = rgb?.r, $[22] = t8) : t8 = $[22];
+  let t9;
+  $[23] !== t7 || $[24] !== t8 ? (t9 = /* @__PURE__ */ jsxs(Card, { flex: 1, radius: 2, overflow: "hidden", style: t3, children: [
+    t5,
+    t7,
+    t8
+  ] }), $[23] = t7, $[24] = t8, $[25] = t9) : t9 = $[25];
+  let t10;
+  $[26] !== disableAlpha || $[27] !== hex || $[28] !== hsl || $[29] !== onChange || $[30] !== onUnset || $[31] !== readOnly || $[32] !== rgb ? (t10 = !readOnly && /* @__PURE__ */ jsxs(Flex, { align: "flex-start", marginLeft: 2, children: [
+    /* @__PURE__ */ jsx(Box, { style: {
+      width: 200
+    }, children: /* @__PURE__ */ jsx(ColorPickerFields, { rgb, hsl, hex, onChange, disableAlpha }) }),
+    /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Button, { onClick: onUnset, title: "Delete color", icon: TrashIcon, tone: "critical" }) })
+  ] }), $[26] = disableAlpha, $[27] = hex, $[28] = hsl, $[29] = onChange, $[30] = onUnset, $[31] = readOnly, $[32] = rgb, $[33] = t10) : t10 = $[33];
+  let t11;
+  $[34] !== t10 || $[35] !== t9 ? (t11 = /* @__PURE__ */ jsxs(Flex, { children: [
+    t9,
+    t10
+  ] }), $[34] = t10, $[35] = t9, $[36] = t11) : t11 = $[36];
+  let t12;
+  $[37] !== colorList || $[38] !== onChange ? (t12 = colorList && /* @__PURE__ */ jsx(ColorList, { colors: colorList, onChange }), $[37] = colorList, $[38] = onChange, $[39] = t12) : t12 = $[39];
+  let t13;
+  $[40] !== t11 || $[41] !== t12 || $[42] !== t2 ? (t13 = /* @__PURE__ */ jsx(Card, { padding: 1, border: !0, radius: 1, children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    t2,
+    t11,
+    t12
+  ] }) }), $[40] = t11, $[41] = t12, $[42] = t2, $[43] = t13) : t13 = $[43];
+  let t14;
+  return $[44] !== t1 || $[45] !== t13 ? (t14 = /* @__PURE__ */ jsx("div", { style: t1, children: t13 }), $[44] = t1, $[45] = t13, $[46] = t14) : t14 = $[46], t14;
+}, ColorPicker = CustomPicker(ColorPickerInner), DEFAULT_COLOR = {
+  hex: "#24a3e3",
+  hsl: {
+    h: 200,
+    s: 0.7732,
+    l: 0.5156,
+    a: 1
+  },
+  hsv: {
+    h: 200,
+    s: 0.8414,
+    v: 0.8901,
+    a: 1
+  },
+  rgb: {
+    r: 46,
+    g: 163,
+    b: 227,
+    a: 1
+  },
+  source: "hex"
+};
+function ColorInput(props) {
+  const $ = c(24), {
+    onChange,
+    readOnly
+  } = props, value = props.value, type = props.schemaType, focusRef = useRef(null), [color, setColor] = useState(value);
+  let t0, t1;
+  $[0] !== value ? (t0 = () => startTransition(() => setColor(value)), t1 = [value], $[0] = value, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1);
+  const [emitColor, setEmitColor] = useState(void 0), debouncedColor = useDeferredValue(emitColor);
+  let t2;
+  $[3] !== onChange || $[4] !== type.fields || $[5] !== type.name ? (t2 = (nextColor) => {
+    const fieldPatches = type.fields.filter((field) => field.name in nextColor).map((field_0) => {
+      const nextFieldValue = nextColor[field_0.name], isObject = field_0.type.jsonType === "object";
+      return set(isObject ? Object.assign({
+        _type: field_0.type.name
+      }, nextFieldValue) : nextFieldValue, [field_0.name]);
+    });
+    onChange([setIfMissing({
+      _type: type.name
+    }), set(type.name, ["_type"]), set(nextColor.rgb?.a, ["alpha"]), ...fieldPatches]);
+  }, $[3] = onChange, $[4] = type.fields, $[5] = type.name, $[6] = t2) : t2 = $[6];
+  const handleChange = useEffectEvent(t2);
+  let t3;
+  $[7] !== debouncedColor || $[8] !== handleChange ? (t3 = () => {
+    if (!debouncedColor)
+      return;
+    const raf = requestAnimationFrame(() => handleChange(debouncedColor));
+    return () => cancelAnimationFrame(raf);
+  }, $[7] = debouncedColor, $[8] = handleChange, $[9] = t3) : t3 = $[9];
+  let t4;
+  $[10] !== debouncedColor ? (t4 = [debouncedColor], $[10] = debouncedColor, $[11] = t4) : t4 = $[11], useEffect(t3, t4);
+  let t5;
+  $[12] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
+    setColor(DEFAULT_COLOR), setEmitColor(DEFAULT_COLOR);
+  }, $[12] = t5) : t5 = $[12];
+  const handleCreateColor = t5;
+  let t6;
+  $[13] === Symbol.for("react.memo_cache_sentinel") ? (t6 = (nextColor_0) => {
+    setColor(nextColor_0), setEmitColor(nextColor_0);
+  }, $[13] = t6) : t6 = $[13];
+  const handleColorChange = t6;
+  let t7;
+  $[14] !== onChange ? (t7 = () => {
+    setColor(void 0), onChange(unset());
+  }, $[14] = onChange, $[15] = t7) : t7 = $[15];
+  const handleUnset = t7;
+  let t8;
+  return $[16] !== color || $[17] !== handleUnset || $[18] !== readOnly || $[19] !== type.options?.colorList || $[20] !== type.options?.disableAlpha || $[21] !== type.readOnly || $[22] !== value ? (t8 = /* @__PURE__ */ jsx(Fragment, { children: value && value.hex ? /* @__PURE__ */ jsx(ColorPicker, { color, onChange: handleColorChange, readOnly: readOnly || typeof type.readOnly == "boolean" && type.readOnly, disableAlpha: !!type.options?.disableAlpha, colorList: type.options?.colorList, onUnset: handleUnset }) : /* @__PURE__ */ jsx(Button, { icon: AddIcon, mode: "ghost", text: "Create color", ref: focusRef, disabled: !!readOnly, onClick: handleCreateColor }) }), $[16] = color, $[17] = handleUnset, $[18] = readOnly, $[19] = type.options?.colorList, $[20] = type.options?.disableAlpha, $[21] = type.readOnly, $[22] = value, $[23] = t8) : t8 = $[23], t8;
+}
+export {
+  ColorInput as default
+};
+//# sourceMappingURL=ColorInput.js.map

package/dist/_chunks-es/ColorInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.js","sources":["../../src/ColorList.tsx","../../src/ColorPickerFields.tsx","../../src/ColorInput.tsx"],"sourcesContent":["import type {Color, ColorChangeHandler} from 'react-color'\n\nimport {styled} from 'styled-components'\nimport tinycolor from 'tinycolor2'\n\nimport {Flex} from '@sanity/ui'\n\nconst ColorListWrap = styled(Flex)`\n  gap: 0.25em;\n`\n\nconst ColorBoxContainer = styled.div`\n  width: 2.1em;\n  height: 2.1em;\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n  border-radius: 3px;\n  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=')\n    left center #fff;\n`\n\nconst ColorBox = styled.div`\n  border-radius: inherit;\n  box-shadow: inset 0 0 0 1px var(--card-shadow-outline-color);\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n`\n\ninterface ValidatedColor {\n  color: Color\n  backgroundColor: string\n}\n\ninterface ColorListProps {\n  colors?: Array<Color>\n  onChange: ColorChangeHandler<Color>\n}\n\nconst validateColors = (colors: Array<Color>) =>\n  colors.reduce((cls: Array<ValidatedColor>, c) => {\n    // @ts-expect-error fix types later\n    const color = c.hex ? tinycolor(c.hex) : tinycolor(c)\n    if (color.isValid()) {\n      cls.push({\n        color: c,\n        backgroundColor: color.toRgbString(),\n      })\n    }\n    return cls\n  }, [])\n\nexport function ColorList({colors, onChange}: ColorListProps): React.JSX.Element | null {\n  if (!colors) return null\n  return (\n    <ColorListWrap wrap=\"wrap\">\n      {validateColors(colors).map(({color, backgroundColor}, idx) => (\n        <ColorBoxContainer\n          key={`${backgroundColor}-${idx}`}\n          onClick={() => {\n            onChange(color)\n          }}\n        >\n          <ColorBox style={{background: backgroundColor}} />\n        </ColorBoxContainer>\n      ))}\n    </ColorListWrap>\n  )\n}\n","import type {Color, ColorChangeHandler, HSLColor, RGBColor} from 'react-color'\nimport type {EditableInputStyles} from 'react-color/lib/components/common/EditableInput'\n\nimport {useCallback, useMemo} from 'react'\nimport {EditableInput} from 'react-color/lib/components/common'\n// @ts-expect-error missing export\nimport {isValidHex} from 'react-color/lib/helpers/color'\n\nimport {Box, Flex, useTheme} from '@sanity/ui'\n\ninterface ColorPickerFieldsProps {\n  rgb?: RGBColor\n  hsl?: HSLColor\n  hex?: string\n  disableAlpha: boolean\n  onChange: ColorChangeHandler<Color>\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","import type {CustomPickerInjectedProps} from 'react-color/lib/components/common/ColorWrap'\n\nimport {startTransition, useCallback, useDeferredValue, useEffect, useRef, useState} from 'react'\nimport {type Color, CustomPicker} from 'react-color'\nimport {Alpha, Checkboard, Hue, Saturation} from 'react-color/lib/components/common'\nimport {type ObjectInputProps, set, setIfMissing, unset} from 'sanity'\nimport {styled} from 'styled-components'\nimport {useEffectEvent} from 'use-effect-event'\n\nimport {AddIcon} from '@sanity/icons'\nimport {TrashIcon} from '@sanity/icons'\nimport {Box, Button, Card, Flex, Inline, Stack, Text} from '@sanity/ui'\n\nimport type {ColorSchemaType, ColorValue} from './types'\n\nimport {ColorList} from './ColorList'\nimport {ColorPickerFields} from './ColorPickerFields'\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\ninterface ColorPickerProps extends CustomPickerInjectedProps<Color> {\n  width?: string\n  disableAlpha: boolean\n  colorList?: Array<Color> | undefined\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    colorList,\n    readOnly,\n  } = props\n\n  if (!hsl || !hsv) {\n    return null\n  }\n\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', background: '#fff'}}\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', background: '#fff'}}\n            >\n              <Checkboard\n                size={8}\n                white=\"transparent\"\n                grey=\"rgba(0,0,0,.08)\"\n                renderers={{} as {canvas: unknown}}\n              />\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)}{' '}\n                        {Math.round((hsl?.s ?? 0) * 100)}% {Math.round((hsl?.l ?? 0) * 100)}%\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          {colorList && <ColorList colors={colorList} onChange={onChange} />}\n        </Stack>\n      </Card>\n    </div>\n  )\n}\n\nconst ColorPicker = CustomPicker(ColorPickerInner)\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 default function ColorInput(props: ObjectInputProps) {\n  const {onChange, readOnly} = props\n  const value = props.value as ColorValue | undefined\n  const type = props.schemaType as ColorSchemaType\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  // Marking the `setColor` in a transition allows React to interrupt render should the user start dragging the input before React is finished rendering\n  useEffect(() => startTransition(() => setColor(value)), [value])\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  // and massively improve render performance and avoid jank\n  const [emitColor, setEmitColor] = useState<typeof value>(undefined)\n  const debouncedColor = useDeferredValue(emitColor)\n  const handleChange = useEffectEvent((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  useEffect(() => {\n    if (!debouncedColor) return undefined\n    const raf = requestAnimationFrame(() => handleChange(debouncedColor))\n    return () => cancelAnimationFrame(raf)\n  }, [debouncedColor])\n\n  const handleCreateColor = useCallback(() => {\n    setColor(DEFAULT_COLOR)\n    setEmitColor(DEFAULT_COLOR)\n  }, [])\n\n  const handleColorChange = useCallback((nextColor: ColorValue) => {\n    setColor(nextColor)\n    setEmitColor(nextColor)\n  }, [])\n\n  const handleUnset = useCallback(() => {\n    setColor(undefined)\n    onChange(unset())\n  }, [onChange])\n\n  return (\n    <>\n      {value && value.hex ? (\n        <ColorPicker\n          color={color!}\n          onChange={handleColorChange}\n          readOnly={readOnly || (typeof type.readOnly === 'boolean' && type.readOnly)}\n          disableAlpha={!!type.options?.disableAlpha}\n          colorList={type.options?.colorList}\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"],"names":["ColorListWrap","styled","Flex","ColorBoxContainer","div","ColorBox","validateColors","colors","reduce","cls","c","color","hex","tinycolor","isValid","push","backgroundColor","toRgbString","ColorList","t0","$","_c","onChange","t1","t2","t3","idx","background","map","ColorPickerFields","rgb","hsl","disableAlpha","sanity","useTheme","input","default","enabled","border","fonts","text","sizes","fontSize","bg","fg","width","padding","boxShadow","textAlign","t4","label","t5","base","display","paddingTop","paddingBottom","textTransform","t6","inputStyles","t7","data","isValidHex","source","r","g","b","Number","a","alpha","h","s","l","handleChange","t8","replace","t9","t10","t11","t12","t13","t14","t15","t16","Math","round","t17","Box","ReadOnlyContainer","ColorPickerInner","props","onUnset","colorList","readOnly","hsv","position","height","Symbol","for","minWidth","TrashIcon","ColorPicker","CustomPicker","DEFAULT_COLOR","v","ColorInput","value","type","schemaType","focusRef","useRef","setColor","useState","startTransition","useEffect","emitColor","setEmitColor","undefined","debouncedColor","useDeferredValue","fields","name","nextColor","fieldPatches","filter","field","field_0","nextFieldValue","isObject","jsonType","set","Object","assign","_type","setIfMissing","useEffectEvent","raf","requestAnimationFrame","cancelAnimationFrame","handleCreateColor","nextColor_0","handleColorChange","unset","handleUnset","options","AddIcon","Boolean"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,64 @@
+import * as sanity14 from "sanity";
+import { ObjectDefinition, ObjectInputProps, ObjectOptions, ObjectSchemaType } from "sanity";
+import { Color, HSLColor, HSVColor, RGBColor } from "react-color";
+import * as react2 from "react";
+interface ColorValue {
+  hex: string;
+  hsl: HSLColor;
+  hsv: HSVColor;
+  rgb: RGBColor;
+}
+interface ColorOptions extends Omit<ObjectOptions, 'columns'> {
+  disableAlpha?: boolean;
+  colorList?: Array<Color>;
+}
+type ColorSchemaType = Omit<ObjectSchemaType, 'options'> & {
+  options?: ColorOptions;
+};
+type ColorInputProps = ObjectInputProps<ColorValue, ColorSchemaType>;
+declare const colorTypeName: "color";
+/**
+ * @public
+ */
+interface ColorDefinition extends Omit<ObjectDefinition, 'type' | 'fields' | 'options'> {
+  type: typeof colorTypeName;
+  options?: ColorOptions;
+}
+declare module 'sanity' {
+  interface IntrinsicDefinitions {
+    color: ColorDefinition;
+  }
+}
+declare const color: {
+  type: "object";
+  name: "color";
+} & Omit<ObjectDefinition, "preview"> & {
+  preview?: sanity14.PreviewConfig<{
+    title: string;
+    alpha: string;
+    hex: string;
+    hsl: string;
+  }, Record<"alpha" | "hex" | "hsl" | "title", any>>;
+};
+declare const hslaColor: {
+  type: "object";
+  name: "hslaColor";
+} & Omit<sanity14.ObjectDefinition, "preview"> & {
+  preview?: sanity14.PreviewConfig<Record<string, string>, Record<never, any>>;
+};
+declare const hsvaColor: {
+  type: "object";
+  name: "hsvaColor";
+} & Omit<sanity14.ObjectDefinition, "preview"> & {
+  preview?: sanity14.PreviewConfig<Record<string, string>, Record<never, any>>;
+};
+declare const rgbaColor: {
+  type: "object";
+  name: "rgbaColor";
+} & Omit<sanity14.ObjectDefinition, "preview"> & {
+  preview?: sanity14.PreviewConfig<Record<string, string>, Record<never, any>>;
+};
+declare function ColorInput$1(props: ObjectInputProps): react2.JSX.Element;
+declare const ColorInput: react2.LazyExoticComponent<typeof ColorInput$1>;
+declare const colorInput: sanity14.Plugin<void>;
+export { type ColorDefinition, ColorInput, type ColorInputProps, type ColorOptions, type ColorSchemaType, type ColorValue, color, colorInput, hslaColor, hsvaColor, rgbaColor };

package/dist/index.js

@@ -0,0 +1,138 @@
+import { defineType, definePlugin } from "sanity";
+import { jsx } from "react/jsx-runtime";
+import { lazy } from "react";
+const ColorInput = lazy(() => import("./_chunks-es/ColorInput.js")), round = (val = 1) => Math.round(val * 100), colorTypeName = "color", color = defineType({
+  name: colorTypeName,
+  type: "object",
+  title: "Color",
+  components: {
+    input: ColorInput
+  },
+  fields: [{
+    title: "Hex",
+    name: "hex",
+    type: "string"
+  }, {
+    title: "Alpha",
+    name: "alpha",
+    type: "number"
+  }, {
+    title: "Hue Saturation Lightness",
+    name: "hsl",
+    type: "hslaColor"
+  }, {
+    title: "Hue Saturation Value",
+    name: "hsv",
+    type: "hsvaColor"
+  }, {
+    title: "Red Green Blue (rgb)",
+    name: "rgb",
+    type: "rgbaColor"
+  }],
+  preview: {
+    select: {
+      title: "hex",
+      alpha: "alpha",
+      hex: "hex",
+      hsl: "hsl"
+    },
+    prepare({
+      title,
+      hex,
+      hsl,
+      alpha
+    }) {
+      let subtitle = hex || "No color set";
+      return hsl && (subtitle = `H:${round(hsl.h)} S:${round(hsl.s)} L:${round(hsl.l)} A:${round(alpha)}`), {
+        title,
+        subtitle,
+        media: () => /* @__PURE__ */ jsx("div", { style: {
+          backgroundColor: hex ?? "#000",
+          opacity: alpha ?? 1,
+          position: "absolute",
+          height: "100%",
+          width: "100%",
+          top: "0",
+          left: "0"
+        } })
+      };
+    }
+  }
+}), hslaColor = defineType({
+  title: "Hue Saturation Lightness",
+  name: "hslaColor",
+  type: "object",
+  fields: [{
+    name: "h",
+    type: "number",
+    title: "Hue"
+  }, {
+    name: "s",
+    type: "number",
+    title: "Saturation"
+  }, {
+    name: "l",
+    type: "number",
+    title: "Lightness"
+  }, {
+    name: "a",
+    type: "number",
+    title: "Alpha"
+  }]
+}), hsvaColor = defineType({
+  title: "Hue Saturation Value",
+  name: "hsvaColor",
+  type: "object",
+  fields: [{
+    name: "h",
+    type: "number",
+    title: "Hue"
+  }, {
+    name: "s",
+    type: "number",
+    title: "Saturation"
+  }, {
+    name: "v",
+    type: "number",
+    title: "Value"
+  }, {
+    name: "a",
+    type: "number",
+    title: "Alpha"
+  }]
+}), rgbaColor = defineType({
+  title: "Red Green Blue (rgb)",
+  name: "rgbaColor",
+  type: "object",
+  fields: [{
+    name: "r",
+    type: "number",
+    title: "Red"
+  }, {
+    name: "g",
+    type: "number",
+    title: "Green"
+  }, {
+    name: "b",
+    type: "number",
+    title: "Blue"
+  }, {
+    name: "a",
+    type: "number",
+    title: "Alpha"
+  }]
+}), colorInput = definePlugin({
+  name: "@sanity/color-input",
+  schema: {
+    types: [hslaColor, hsvaColor, rgbaColor, color]
+  }
+});
+export {
+  ColorInput,
+  color,
+  colorInput,
+  hslaColor,
+  hsvaColor,
+  rgbaColor
+};
+//# sourceMappingURL=index.js.map