@madebywild/sanity-color-field 0.3.14 → 0.3.16

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/input.tsx","../src/types.tsx","../src/index.tsx"],"sourcesContent":["import { AsyncAutocomplete } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport { Avatar, Box, Card, Flex, Text } from \"@sanity/ui\";\nimport { getLuminance } from \"color2k\";\nimport { type ObjectInputProps, set, unset } from \"sanity\";\nimport type { FieldOptions, PluginConfig } from \"./types\";\n\ntype FieldValues = {\n  // The selected value from the color list.\n  value?: string;\n  // The calculated luminance of the selected color (0 to 1).\n  luminance?: number;\n};\n\n// Maybe parse CSS variable and return its computed value.\n// Handles var(--variable), --variable.\n// If the input is not a CSS variable, returns it as-is.\nfunction maybeGetColorValue(source: string) {\n  const varMatch = source.match(/^var\\((.+)\\)$/);\n  const inner = varMatch?.[1] ? varMatch[1].trim() : source.trim();\n\n  // Only take the first part for var(--variable, fallback) and ignore the fallback.\n  const cssVarName = inner.split(\",\")[0]?.trim();\n  const resolved = cssVarName?.startsWith(\"--\")\n    ? getComputedStyle(document.documentElement).getPropertyValue(cssVarName).trim()\n    : null;\n\n  // Fallback to the source if we couldn't resolve the CSS variable.\n  return resolved || source;\n}\n\n// The getLuminance function can throw for invalid colors.\nfunction safeGetLuminance(maybeColor: string) {\n  try {\n    return getLuminance(maybeColor);\n  } catch (e) {\n    console.warn(\"Failed to get luminance\", e);\n    return undefined;\n  }\n}\n\nfunction defaultRenderSelected(value: string) {\n  return <Avatar style={{ backgroundColor: value }} />;\n}\n\nfunction defaultRenderOption({ label, value }: { label?: string; value: string }) {\n  return (\n    <Card as=\"button\">\n      <Flex align=\"center\" padding={2}>\n        <Avatar size={1} style={{ backgroundColor: value }} />\n        <Box flex={1} padding={2}>\n          <Text size={2}>{label}</Text>\n        </Box>\n      </Flex>\n    </Card>\n  );\n}\n\nfunction ColorInput({\n  pluginConfig,\n  ...props\n}: ObjectInputProps<FieldValues> & {\n  pluginConfig: PluginConfig;\n}) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n  const colorList = pluginConfig.colorList;\n  const renderOption = pluginConfig.renderOption ?? defaultRenderOption;\n  const renderSelected = pluginConfig.renderSelected ?? defaultRenderSelected;\n\n  const whitelist = options?.whitelist;\n  const blacklist = options?.blacklist;\n\n  return (\n    <AsyncAutocomplete\n      placeholder=\"Select color\"\n      noOptionsPlaceholder=\"No colors found\"\n      listItems={colorList}\n      whitelist={whitelist}\n      blacklist={blacklist}\n      value={props.value?.value}\n      renderValue={(value, opt) => opt?.label ?? value}\n      onChange={(value) => {\n        if (!value) return props.onChange(unset());\n        const color = maybeGetColorValue(value);\n        const luminance = color ? safeGetLuminance(color) : undefined;\n        return props.onChange(set({ ...props.value, value, luminance }));\n      }}\n      renderSelected={(value) => {\n        return renderSelected(value);\n      }}\n      renderOption={({ label, value }) => {\n        return renderOption({ label, value });\n      }}\n    />\n  );\n}\n\nexport { ColorInput };\n","import type { ListItems } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { ObjectOptions, StringDefinition } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.color\" as const;\n\n/** @public */\nexport type PluginConfig = {\n  /**\n   * A list of colors to show in the color picker.\n   * In addition to the value, the field will also calculate\n   * and store the color's luminance in a separate field.\n   * @example\n   * ```ts\n   * colorList: [\n   *   { label: \"Red\", value: \"#ff0000\" },\n   *   { label: \"Green\", value: \"#00ff00\" },\n   *   { label: \"Blue\", value: \"#0000ff\" },\n   * ]\n   * ```\n   */\n  colorList: ListItems;\n  /**\n   * A function to render the selected color value.\n   * @example\n   * ```ts\n   * renderSelected: (value) => <div style={{ backgroundColor: value, width: 20, height: 20 }} />\n   * ```\n   */\n  renderSelected?: (value: string) => React.JSX.Element;\n  /** A function to render each color option in the dropdown.\n   * @example\n   * ```ts\n   * renderOption: (item) => <div>{item.label}</div>\n   * ```\n   */\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n/** @public */\nexport type FieldOptions = ObjectOptions & {\n  /**\n   * Whitelist colors by their values.\n   */\n  whitelist?: string[];\n  /**\n   * Blacklist colors by their values.\n   */\n  blacklist?: string[];\n};\n\n// Add the custom field definition to Sanity's intrinsic definitions\n// so that type checking works correctly when using this field type.\ndeclare module \"sanity\" {\n  export interface IntrinsicDefinitions {\n    [typeName]: Omit<StringDefinition, \"type\" | \"fields\" | \"options\"> & {\n      type: typeof typeName;\n      options?: FieldOptions;\n    };\n  }\n}\n","import { defineField, definePlugin, defineType } from \"sanity\";\nimport { ColorInput } from \"./input\";\nimport { type FieldOptions, type PluginConfig, typeName } from \"./types\";\n\n/** @public */\nconst wildSanityColorFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-color-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"object\",\n          title: \"Color\",\n          description: \"Select a color.\",\n          icon: () => <>🎨</>,\n          components: {\n            input: (props) => <ColorInput pluginConfig={config} {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"value\",\n              type: \"string\",\n            }),\n            defineField({\n              name: \"luminance\",\n              type: \"number\",\n            }),\n          ],\n        }),\n      ],\n    },\n  };\n});\n\nexport { wildSanityColorFieldPlugin, typeName, type PluginConfig, type FieldOptions };\n"],"names":["maybeGetColorValue","source","varMatch","match","cssVarName","trim","split","startsWith","getComputedStyle","document","documentElement","getPropertyValue","safeGetLuminance","maybeColor","getLuminance","e","console","warn","defaultRenderSelected","value","jsx","Avatar","backgroundColor","defaultRenderOption","label","Card","Flex","Box","Text","ColorInput","t0","$","_c","pluginConfig","props","options","schemaType","colorList","renderOption","renderSelected","whitelist","blacklist","t1","t2","value_0","onChange","unset","color","luminance","undefined","set","t3","value_1","t4","t5","value_2","AsyncAutocomplete","_temp","opt","typeName","wildSanityColorFieldPlugin","definePlugin","config","name","schema","types","defineType","type","title","description","icon","Fragment","components","input","fields","defineField"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../src/input.tsx","../src/types.tsx","../src/index.tsx"],"sourcesContent":["import { AsyncAutocomplete } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport { Avatar, Box, Card, Flex, Text } from \"@sanity/ui\";\nimport { getLuminance } from \"color2k\";\nimport { type ObjectInputProps, set, unset } from \"sanity\";\nimport type { FieldOptions, PluginConfig } from \"./types\";\n\ntype FieldValues = {\n  // The selected value from the color list.\n  value?: string;\n  // The calculated luminance of the selected color (0 to 1).\n  luminance?: number;\n};\n\n// Maybe parse CSS variable and return its computed value.\n// Handles var(--variable), --variable.\n// If the input is not a CSS variable, returns it as-is.\nfunction maybeGetColorValue(source: string) {\n  const varMatch = source.match(/^var\\((.+)\\)$/);\n  const inner = varMatch?.[1] ? varMatch[1].trim() : source.trim();\n\n  // Only take the first part for var(--variable, fallback) and ignore the fallback.\n  const cssVarName = inner.split(\",\")[0]?.trim();\n  const resolved = cssVarName?.startsWith(\"--\")\n    ? getComputedStyle(document.documentElement).getPropertyValue(cssVarName).trim()\n    : null;\n\n  // Fallback to the source if we couldn't resolve the CSS variable.\n  return resolved || source;\n}\n\n// The getLuminance function can throw for invalid colors.\nfunction safeGetLuminance(maybeColor: string) {\n  try {\n    return getLuminance(maybeColor);\n  } catch (e) {\n    console.warn(\"Failed to get luminance\", e);\n    return undefined;\n  }\n}\n\nfunction defaultRenderSelected(value: string) {\n  return <Avatar style={{ backgroundColor: value }} />;\n}\n\nfunction defaultRenderOption({ label, value }: { label?: string; value: string }) {\n  return (\n    <Card as=\"button\">\n      <Flex align=\"center\" padding={2}>\n        <Avatar size={1} style={{ backgroundColor: value }} />\n        <Box flex={1} padding={2}>\n          <Text size={2}>{label}</Text>\n        </Box>\n      </Flex>\n    </Card>\n  );\n}\n\nfunction ColorInput({\n  pluginConfig,\n  ...props\n}: ObjectInputProps<FieldValues> & {\n  pluginConfig: PluginConfig;\n}) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n  const colorList = pluginConfig.colorList;\n  const renderOption = pluginConfig.renderOption ?? defaultRenderOption;\n  const renderSelected = pluginConfig.renderSelected ?? defaultRenderSelected;\n\n  const whitelist = options?.whitelist;\n  const blacklist = options?.blacklist;\n\n  return (\n    <AsyncAutocomplete\n      placeholder=\"Select color\"\n      noOptionsPlaceholder=\"No colors found\"\n      listItems={colorList}\n      whitelist={whitelist}\n      blacklist={blacklist}\n      value={props.value?.value}\n      renderValue={(value, opt) => opt?.label ?? value}\n      onChange={(value) => {\n        if (!value) return props.onChange(unset());\n        const color = maybeGetColorValue(value);\n        const luminance = color ? safeGetLuminance(color) : undefined;\n        return props.onChange(set({ ...props.value, value, luminance }));\n      }}\n      renderSelected={(value) => {\n        return renderSelected(value);\n      }}\n      renderOption={({ label, value }) => {\n        return renderOption({ label, value });\n      }}\n    />\n  );\n}\n\nexport { ColorInput };\n","import type { ListItems } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { ObjectOptions, StringDefinition } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.color\" as const;\n\n/** @public */\nexport type PluginConfig = {\n  /**\n   * A list of colors to show in the color picker.\n   * In addition to the value, the field will also calculate\n   * and store the color's luminance in a separate field.\n   * @example\n   * ```ts\n   * colorList: [\n   *   { label: \"Red\", value: \"#ff0000\" },\n   *   { label: \"Green\", value: \"#00ff00\" },\n   *   { label: \"Blue\", value: \"#0000ff\" },\n   * ]\n   * ```\n   */\n  colorList: ListItems;\n  /**\n   * A function to render the selected color value.\n   * @example\n   * ```ts\n   * renderSelected: (value) => <div style={{ backgroundColor: value, width: 20, height: 20 }} />\n   * ```\n   */\n  renderSelected?: (value: string) => React.JSX.Element;\n  /** A function to render each color option in the dropdown.\n   * @example\n   * ```ts\n   * renderOption: (item) => <div>{item.label}</div>\n   * ```\n   */\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n/** @public */\nexport type FieldOptions = ObjectOptions & {\n  /**\n   * Whitelist colors by their values.\n   */\n  whitelist?: string[];\n  /**\n   * Blacklist colors by their values.\n   */\n  blacklist?: string[];\n};\n\n// Add the custom field definition to Sanity's intrinsic definitions\n// so that type checking works correctly when using this field type.\ndeclare module \"sanity\" {\n  export interface IntrinsicDefinitions {\n    [typeName]: Omit<StringDefinition, \"type\" | \"fields\" | \"options\" | \"components\"> & {\n      type: typeof typeName;\n      options?: FieldOptions;\n    };\n  }\n}\n","import { defineField, definePlugin, defineType } from \"sanity\";\nimport { ColorInput } from \"./input\";\nimport { type FieldOptions, type PluginConfig, typeName } from \"./types\";\n\n/** @public */\nconst wildSanityColorFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-color-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"object\",\n          title: \"Color\",\n          description: \"Select a color.\",\n          icon: () => <>🎨</>,\n          components: {\n            input: (props) => <ColorInput pluginConfig={config} {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"value\",\n              type: \"string\",\n            }),\n            defineField({\n              name: \"luminance\",\n              type: \"number\",\n            }),\n          ],\n        }),\n      ],\n    },\n  };\n});\n\nexport { wildSanityColorFieldPlugin, typeName, type PluginConfig, type FieldOptions };\n"],"names":["maybeGetColorValue","source","varMatch","match","cssVarName","trim","split","startsWith","getComputedStyle","document","documentElement","getPropertyValue","safeGetLuminance","maybeColor","getLuminance","e","console","warn","defaultRenderSelected","value","jsx","Avatar","backgroundColor","defaultRenderOption","label","Card","Flex","Box","Text","ColorInput","t0","$","_c","pluginConfig","props","options","schemaType","colorList","renderOption","renderSelected","whitelist","blacklist","t1","t2","value_0","onChange","unset","color","luminance","undefined","set","t3","value_1","t4","t5","value_2","AsyncAutocomplete","_temp","opt","typeName","wildSanityColorFieldPlugin","definePlugin","config","name","schema","types","defineType","type","title","description","icon","Fragment","components","input","fields","defineField"],"mappings":"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"}

package/dist/index.d.cts

@@ -58,7 +58,7 @@ type FieldOptions = ObjectOptions & {
 };
 declare module "sanity" {
   interface IntrinsicDefinitions {
-    [typeName]: Omit<StringDefinition, "type" | "fields" | "options"> & {
+    [typeName]: Omit<StringDefinition, "type" | "fields" | "options" | "components"> & {
       type: typeof typeName;
       options?: FieldOptions;
     };

package/dist/index.d.ts

@@ -58,7 +58,7 @@ type FieldOptions = ObjectOptions & {
 };
 declare module "sanity" {
   interface IntrinsicDefinitions {
-    [typeName]: Omit<StringDefinition, "type" | "fields" | "options"> & {
+    [typeName]: Omit<StringDefinition, "type" | "fields" | "options" | "components"> & {
       type: typeof typeName;
       options?: FieldOptions;
     };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/input.tsx","../src/types.tsx","../src/index.tsx"],"sourcesContent":["import { AsyncAutocomplete } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport { Avatar, Box, Card, Flex, Text } from \"@sanity/ui\";\nimport { getLuminance } from \"color2k\";\nimport { type ObjectInputProps, set, unset } from \"sanity\";\nimport type { FieldOptions, PluginConfig } from \"./types\";\n\ntype FieldValues = {\n  // The selected value from the color list.\n  value?: string;\n  // The calculated luminance of the selected color (0 to 1).\n  luminance?: number;\n};\n\n// Maybe parse CSS variable and return its computed value.\n// Handles var(--variable), --variable.\n// If the input is not a CSS variable, returns it as-is.\nfunction maybeGetColorValue(source: string) {\n  const varMatch = source.match(/^var\\((.+)\\)$/);\n  const inner = varMatch?.[1] ? varMatch[1].trim() : source.trim();\n\n  // Only take the first part for var(--variable, fallback) and ignore the fallback.\n  const cssVarName = inner.split(\",\")[0]?.trim();\n  const resolved = cssVarName?.startsWith(\"--\")\n    ? getComputedStyle(document.documentElement).getPropertyValue(cssVarName).trim()\n    : null;\n\n  // Fallback to the source if we couldn't resolve the CSS variable.\n  return resolved || source;\n}\n\n// The getLuminance function can throw for invalid colors.\nfunction safeGetLuminance(maybeColor: string) {\n  try {\n    return getLuminance(maybeColor);\n  } catch (e) {\n    console.warn(\"Failed to get luminance\", e);\n    return undefined;\n  }\n}\n\nfunction defaultRenderSelected(value: string) {\n  return <Avatar style={{ backgroundColor: value }} />;\n}\n\nfunction defaultRenderOption({ label, value }: { label?: string; value: string }) {\n  return (\n    <Card as=\"button\">\n      <Flex align=\"center\" padding={2}>\n        <Avatar size={1} style={{ backgroundColor: value }} />\n        <Box flex={1} padding={2}>\n          <Text size={2}>{label}</Text>\n        </Box>\n      </Flex>\n    </Card>\n  );\n}\n\nfunction ColorInput({\n  pluginConfig,\n  ...props\n}: ObjectInputProps<FieldValues> & {\n  pluginConfig: PluginConfig;\n}) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n  const colorList = pluginConfig.colorList;\n  const renderOption = pluginConfig.renderOption ?? defaultRenderOption;\n  const renderSelected = pluginConfig.renderSelected ?? defaultRenderSelected;\n\n  const whitelist = options?.whitelist;\n  const blacklist = options?.blacklist;\n\n  return (\n    <AsyncAutocomplete\n      placeholder=\"Select color\"\n      noOptionsPlaceholder=\"No colors found\"\n      listItems={colorList}\n      whitelist={whitelist}\n      blacklist={blacklist}\n      value={props.value?.value}\n      renderValue={(value, opt) => opt?.label ?? value}\n      onChange={(value) => {\n        if (!value) return props.onChange(unset());\n        const color = maybeGetColorValue(value);\n        const luminance = color ? safeGetLuminance(color) : undefined;\n        return props.onChange(set({ ...props.value, value, luminance }));\n      }}\n      renderSelected={(value) => {\n        return renderSelected(value);\n      }}\n      renderOption={({ label, value }) => {\n        return renderOption({ label, value });\n      }}\n    />\n  );\n}\n\nexport { ColorInput };\n","import type { ListItems } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { ObjectOptions, StringDefinition } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.color\" as const;\n\n/** @public */\nexport type PluginConfig = {\n  /**\n   * A list of colors to show in the color picker.\n   * In addition to the value, the field will also calculate\n   * and store the color's luminance in a separate field.\n   * @example\n   * ```ts\n   * colorList: [\n   *   { label: \"Red\", value: \"#ff0000\" },\n   *   { label: \"Green\", value: \"#00ff00\" },\n   *   { label: \"Blue\", value: \"#0000ff\" },\n   * ]\n   * ```\n   */\n  colorList: ListItems;\n  /**\n   * A function to render the selected color value.\n   * @example\n   * ```ts\n   * renderSelected: (value) => <div style={{ backgroundColor: value, width: 20, height: 20 }} />\n   * ```\n   */\n  renderSelected?: (value: string) => React.JSX.Element;\n  /** A function to render each color option in the dropdown.\n   * @example\n   * ```ts\n   * renderOption: (item) => <div>{item.label}</div>\n   * ```\n   */\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n/** @public */\nexport type FieldOptions = ObjectOptions & {\n  /**\n   * Whitelist colors by their values.\n   */\n  whitelist?: string[];\n  /**\n   * Blacklist colors by their values.\n   */\n  blacklist?: string[];\n};\n\n// Add the custom field definition to Sanity's intrinsic definitions\n// so that type checking works correctly when using this field type.\ndeclare module \"sanity\" {\n  export interface IntrinsicDefinitions {\n    [typeName]: Omit<StringDefinition, \"type\" | \"fields\" | \"options\"> & {\n      type: typeof typeName;\n      options?: FieldOptions;\n    };\n  }\n}\n","import { defineField, definePlugin, defineType } from \"sanity\";\nimport { ColorInput } from \"./input\";\nimport { type FieldOptions, type PluginConfig, typeName } from \"./types\";\n\n/** @public */\nconst wildSanityColorFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-color-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"object\",\n          title: \"Color\",\n          description: \"Select a color.\",\n          icon: () => <>🎨</>,\n          components: {\n            input: (props) => <ColorInput pluginConfig={config} {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"value\",\n              type: \"string\",\n            }),\n            defineField({\n              name: \"luminance\",\n              type: \"number\",\n            }),\n          ],\n        }),\n      ],\n    },\n  };\n});\n\nexport { wildSanityColorFieldPlugin, typeName, type PluginConfig, type FieldOptions };\n"],"names":["maybeGetColorValue","source","varMatch","match","cssVarName","trim","split","startsWith","getComputedStyle","document","documentElement","getPropertyValue","safeGetLuminance","maybeColor","getLuminance","e","console","warn","defaultRenderSelected","value","backgroundColor","defaultRenderOption","label","ColorInput","t0","$","_c","pluginConfig","props","options","schemaType","colorList","renderOption","renderSelected","whitelist","blacklist","t1","t2","value_0","onChange","unset","color","luminance","undefined","set","t3","value_1","t4","t5","value_2","_temp","opt","typeName","wildSanityColorFieldPlugin","definePlugin","config","name","schema","types","defineType","type","title","description","icon","components","input","fields","defineField"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/input.tsx","../src/types.tsx","../src/index.tsx"],"sourcesContent":["import { AsyncAutocomplete } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport { Avatar, Box, Card, Flex, Text } from \"@sanity/ui\";\nimport { getLuminance } from \"color2k\";\nimport { type ObjectInputProps, set, unset } from \"sanity\";\nimport type { FieldOptions, PluginConfig } from \"./types\";\n\ntype FieldValues = {\n  // The selected value from the color list.\n  value?: string;\n  // The calculated luminance of the selected color (0 to 1).\n  luminance?: number;\n};\n\n// Maybe parse CSS variable and return its computed value.\n// Handles var(--variable), --variable.\n// If the input is not a CSS variable, returns it as-is.\nfunction maybeGetColorValue(source: string) {\n  const varMatch = source.match(/^var\\((.+)\\)$/);\n  const inner = varMatch?.[1] ? varMatch[1].trim() : source.trim();\n\n  // Only take the first part for var(--variable, fallback) and ignore the fallback.\n  const cssVarName = inner.split(\",\")[0]?.trim();\n  const resolved = cssVarName?.startsWith(\"--\")\n    ? getComputedStyle(document.documentElement).getPropertyValue(cssVarName).trim()\n    : null;\n\n  // Fallback to the source if we couldn't resolve the CSS variable.\n  return resolved || source;\n}\n\n// The getLuminance function can throw for invalid colors.\nfunction safeGetLuminance(maybeColor: string) {\n  try {\n    return getLuminance(maybeColor);\n  } catch (e) {\n    console.warn(\"Failed to get luminance\", e);\n    return undefined;\n  }\n}\n\nfunction defaultRenderSelected(value: string) {\n  return <Avatar style={{ backgroundColor: value }} />;\n}\n\nfunction defaultRenderOption({ label, value }: { label?: string; value: string }) {\n  return (\n    <Card as=\"button\">\n      <Flex align=\"center\" padding={2}>\n        <Avatar size={1} style={{ backgroundColor: value }} />\n        <Box flex={1} padding={2}>\n          <Text size={2}>{label}</Text>\n        </Box>\n      </Flex>\n    </Card>\n  );\n}\n\nfunction ColorInput({\n  pluginConfig,\n  ...props\n}: ObjectInputProps<FieldValues> & {\n  pluginConfig: PluginConfig;\n}) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n  const colorList = pluginConfig.colorList;\n  const renderOption = pluginConfig.renderOption ?? defaultRenderOption;\n  const renderSelected = pluginConfig.renderSelected ?? defaultRenderSelected;\n\n  const whitelist = options?.whitelist;\n  const blacklist = options?.blacklist;\n\n  return (\n    <AsyncAutocomplete\n      placeholder=\"Select color\"\n      noOptionsPlaceholder=\"No colors found\"\n      listItems={colorList}\n      whitelist={whitelist}\n      blacklist={blacklist}\n      value={props.value?.value}\n      renderValue={(value, opt) => opt?.label ?? value}\n      onChange={(value) => {\n        if (!value) return props.onChange(unset());\n        const color = maybeGetColorValue(value);\n        const luminance = color ? safeGetLuminance(color) : undefined;\n        return props.onChange(set({ ...props.value, value, luminance }));\n      }}\n      renderSelected={(value) => {\n        return renderSelected(value);\n      }}\n      renderOption={({ label, value }) => {\n        return renderOption({ label, value });\n      }}\n    />\n  );\n}\n\nexport { ColorInput };\n","import type { ListItems } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { ObjectOptions, StringDefinition } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.color\" as const;\n\n/** @public */\nexport type PluginConfig = {\n  /**\n   * A list of colors to show in the color picker.\n   * In addition to the value, the field will also calculate\n   * and store the color's luminance in a separate field.\n   * @example\n   * ```ts\n   * colorList: [\n   *   { label: \"Red\", value: \"#ff0000\" },\n   *   { label: \"Green\", value: \"#00ff00\" },\n   *   { label: \"Blue\", value: \"#0000ff\" },\n   * ]\n   * ```\n   */\n  colorList: ListItems;\n  /**\n   * A function to render the selected color value.\n   * @example\n   * ```ts\n   * renderSelected: (value) => <div style={{ backgroundColor: value, width: 20, height: 20 }} />\n   * ```\n   */\n  renderSelected?: (value: string) => React.JSX.Element;\n  /** A function to render each color option in the dropdown.\n   * @example\n   * ```ts\n   * renderOption: (item) => <div>{item.label}</div>\n   * ```\n   */\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n/** @public */\nexport type FieldOptions = ObjectOptions & {\n  /**\n   * Whitelist colors by their values.\n   */\n  whitelist?: string[];\n  /**\n   * Blacklist colors by their values.\n   */\n  blacklist?: string[];\n};\n\n// Add the custom field definition to Sanity's intrinsic definitions\n// so that type checking works correctly when using this field type.\ndeclare module \"sanity\" {\n  export interface IntrinsicDefinitions {\n    [typeName]: Omit<StringDefinition, \"type\" | \"fields\" | \"options\" | \"components\"> & {\n      type: typeof typeName;\n      options?: FieldOptions;\n    };\n  }\n}\n","import { defineField, definePlugin, defineType } from \"sanity\";\nimport { ColorInput } from \"./input\";\nimport { type FieldOptions, type PluginConfig, typeName } from \"./types\";\n\n/** @public */\nconst wildSanityColorFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-color-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"object\",\n          title: \"Color\",\n          description: \"Select a color.\",\n          icon: () => <>🎨</>,\n          components: {\n            input: (props) => <ColorInput pluginConfig={config} {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"value\",\n              type: \"string\",\n            }),\n            defineField({\n              name: \"luminance\",\n              type: \"number\",\n            }),\n          ],\n        }),\n      ],\n    },\n  };\n});\n\nexport { wildSanityColorFieldPlugin, typeName, type PluginConfig, type FieldOptions };\n"],"names":["maybeGetColorValue","source","varMatch","match","cssVarName","trim","split","startsWith","getComputedStyle","document","documentElement","getPropertyValue","safeGetLuminance","maybeColor","getLuminance","e","console","warn","defaultRenderSelected","value","backgroundColor","defaultRenderOption","label","ColorInput","t0","$","_c","pluginConfig","props","options","schemaType","colorList","renderOption","renderSelected","whitelist","blacklist","t1","t2","value_0","onChange","unset","color","luminance","undefined","set","t3","value_1","t4","t5","value_2","_temp","opt","typeName","wildSanityColorFieldPlugin","definePlugin","config","name","schema","types","defineType","type","title","description","icon","components","input","fields","defineField"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madebywild/sanity-color-field",
-  "version": "0.3.14",
+  "version": "0.3.16",
   "type": "module",
   "sideEffects": false,
   "license": "UNLICENSED",
@@ -22,7 +22,7 @@
   },
   "dependencies": {
     "color2k": "2.0.3",
-    "@madebywild/sanity-utils": "0.3.12"
+    "@madebywild/sanity-utils": "0.3.14"
   },
   "peerDependencies": {
     "@sanity/ui": "^3.1",

package/src/types.tsx

@@ -53,7 +53,7 @@ export type FieldOptions = ObjectOptions & {
 // so that type checking works correctly when using this field type.
 declare module "sanity" {
   export interface IntrinsicDefinitions {
-    [typeName]: Omit<StringDefinition, "type" | "fields" | "options"> & {
+    [typeName]: Omit<StringDefinition, "type" | "fields" | "options" | "components"> & {
       type: typeof typeName;
       options?: FieldOptions;
     };