@madebywild/sanity-icon-field 0.2.3 → 0.2.5

package/dist/index.cjs

@@ -1,46 +1,54 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var jsxRuntime = require("react/jsx-runtime"), sanity = require("sanity"), asyncAutocomplete = require("@madebywild/sanity-utils/async-autocomplete"), ui = require("@sanity/ui");
-function IconInput({
-  pluginConfig,
-  ...props
-}) {
+var jsxRuntime = require("react/jsx-runtime"), sanity = require("sanity"), compilerRuntime = require("react/compiler-runtime"), asyncAutocomplete = require("@madebywild/sanity-utils/async-autocomplete"), ui = require("@sanity/ui");
+function IconInput(t0) {
+  const $ = compilerRuntime.c(15);
+  let pluginConfig, props;
+  $[0] !== t0 ? ({
+    pluginConfig,
+    ...props
+  } = t0, $[0] = t0, $[1] = pluginConfig, $[2] = props) : (pluginConfig = $[1], props = $[2]);
   const options = props.schemaType.options, iconList = options?.iconList ?? pluginConfig.iconList, renderOption = options?.renderOption ?? pluginConfig.renderOption, renderSelected = options?.renderSelected ?? pluginConfig.renderSelected;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    asyncAutocomplete.AsyncAutocomplete,
-    {
-      placeholder: "Select icon",
-      noOptionsPlaceholder: "No icons found",
-      listItems: iconList,
-      value: props.value,
-      renderValue: (value, opt) => opt?.label ?? value,
-      onChange: (value) => {
-        const next = value ? sanity.set(value) : sanity.unset();
-        return props.onChange(next);
-      },
-      renderSelected: (value) => renderSelected ? renderSelected(value) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, children: value }),
-      renderOption: ({ label, value }) => renderOption ? renderOption({ label, value }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "button", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", padding: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u{1F9FF}" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, children: label }) })
-      ] }) })
-    }
-  );
+  let t1;
+  $[3] !== props ? (t1 = (value_0) => {
+    const next = value_0 ? sanity.set(value_0) : sanity.unset();
+    return props.onChange(next);
+  }, $[3] = props, $[4] = t1) : t1 = $[4];
+  let t2;
+  $[5] !== renderSelected ? (t2 = (value_1) => renderSelected ? renderSelected(value_1) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, children: value_1 }), $[5] = renderSelected, $[6] = t2) : t2 = $[6];
+  let t3;
+  $[7] !== renderOption ? (t3 = (t42) => {
+    const {
+      label,
+      value: value_2
+    } = t42;
+    return renderOption ? renderOption({
+      label,
+      value: value_2
+    }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "button", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", padding: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u{1F9FF}" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, children: label }) })
+    ] }) });
+  }, $[7] = renderOption, $[8] = t3) : t3 = $[8];
+  let t4;
+  return $[9] !== iconList || $[10] !== props.value || $[11] !== t1 || $[12] !== t2 || $[13] !== t3 ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(asyncAutocomplete.AsyncAutocomplete, { placeholder: "Select icon", noOptionsPlaceholder: "No icons found", listItems: iconList, value: props.value, renderValue: _temp, onChange: t1, renderSelected: t2, renderOption: t3 }), $[9] = iconList, $[10] = props.value, $[11] = t1, $[12] = t2, $[13] = t3, $[14] = t4) : t4 = $[14], t4;
+}
+function _temp(value, opt) {
+  return opt?.label ?? value;
 }
 const typeName = "wild.icon", wildSanityIconFieldPlugin = sanity.definePlugin((config) => ({
   name: "@madebywild/sanity-icon-field",
   schema: {
-    types: [
-      sanity.defineType({
-        name: typeName,
-        type: "string",
-        title: "Icon",
-        description: "Select an icon.",
-        icon: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F9FF}" }),
-        components: {
-          input: (props) => /* @__PURE__ */ jsxRuntime.jsx(IconInput, { pluginConfig: config, ...props })
-        }
-      })
-    ]
+    types: [sanity.defineType({
+      name: typeName,
+      type: "string",
+      title: "Icon",
+      description: "Select an icon.",
+      icon: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F9FF}" }),
+      components: {
+        input: (props) => /* @__PURE__ */ jsxRuntime.jsx(IconInput, { pluginConfig: config, ...props })
+      }
+    })]
   }
 }));
 exports.typeName = typeName;

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 { Box, Card, Flex, Text } from \"@sanity/ui\";\nimport { type StringInputProps, set, unset } from \"sanity\";\nimport type { FieldOptions, PluginConfig } from \"./types\";\n\nfunction IconInput({\n  pluginConfig,\n  ...props\n}: StringInputProps & {\n  pluginConfig: PluginConfig;\n}) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n  const iconList = options?.iconList ?? pluginConfig.iconList;\n  const renderOption = options?.renderOption ?? pluginConfig.renderOption;\n  const renderSelected = options?.renderSelected ?? pluginConfig.renderSelected;\n\n  return (\n    <AsyncAutocomplete\n      placeholder=\"Select icon\"\n      noOptionsPlaceholder=\"No icons found\"\n      listItems={iconList}\n      value={props.value}\n      renderValue={(value, opt) => opt?.label ?? value}\n      onChange={(value) => {\n        const next = value ? set(value) : unset();\n        return props.onChange(next);\n      }}\n      renderSelected={(value) => {\n        if (renderSelected) return renderSelected(value);\n        return <Text size={2}>{value}</Text>;\n      }}\n      renderOption={({ label, value }) => {\n        if (renderOption) return renderOption({ label, value });\n        return (\n          <Card as=\"button\">\n            <Flex align=\"center\" padding={2}>\n              <span>🧿</span>\n              <Box flex={1} padding={2}>\n                <Text size={2}>{label}</Text>\n              </Box>\n            </Flex>\n          </Card>\n        );\n      }}\n    />\n  );\n}\n\nexport { IconInput };\n","import type { ListItems } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { StringDefinition, StringOptions } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.icon\" as const;\n\n/** @public */\nexport type PluginConfig = {\n  iconList: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n/** @public */\nexport type FieldOptions = StringOptions & {\n  iconList?: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\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 { definePlugin, defineType } from \"sanity\";\nimport { IconInput } from \"./input\";\nimport { type FieldOptions, type PluginConfig, typeName } from \"./types\";\n\n/** @public */\nconst wildSanityIconFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-icon-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"string\",\n          title: \"Icon\",\n          description: \"Select an icon.\",\n          icon: () => <>🧿</>,\n          components: {\n            input: (props) => <IconInput pluginConfig={config} {...props} />,\n          },\n        }),\n      ],\n    },\n  };\n});\n\nexport { wildSanityIconFieldPlugin, typeName, type PluginConfig, type FieldOptions };\n"],"names":["jsx","AsyncAutocomplete","set","unset","Text","Card","Flex","Box","definePlugin","defineType","Fragment"],"mappings":";;;AAKA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,GAAG;AACL,GAEG;AACD,QAAM,UAAU,MAAM,WAAW,SAC3B,WAAW,SAAS,YAAY,aAAa,UAC7C,eAAe,SAAS,gBAAgB,aAAa,cACrD,iBAAiB,SAAS,kBAAkB,aAAa;AAE/D,SACEA,2BAAAA;AAAAA,IAACC,kBAAAA;AAAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,sBAAqB;AAAA,MACrB,WAAW;AAAA,MACX,OAAO,MAAM;AAAA,MACb,aAAa,CAAC,OAAO,QAAQ,KAAK,SAAS;AAAA,MAC3C,UAAU,CAAC,UAAU;AACnB,cAAM,OAAO,QAAQC,OAAAA,IAAI,KAAK,IAAIC,OAAAA,MAAA;AAClC,eAAO,MAAM,SAAS,IAAI;AAAA,MAC5B;AAAA,MACA,gBAAgB,CAAC,UACX,iBAAuB,eAAe,KAAK,IACxCH,+BAACI,GAAAA,MAAA,EAAK,MAAM,GAAI,UAAA,MAAA,CAAM;AAAA,MAE/B,cAAc,CAAC,EAAE,OAAO,YAClB,eAAqB,aAAa,EAAE,OAAO,MAAA,CAAO,IAEpDJ,2BAAAA,IAACK,WAAK,IAAG,UACP,0CAACC,GAAAA,MAAA,EAAK,OAAM,UAAS,SAAS,GAC5B,UAAA;AAAA,QAAAN,2BAAAA,IAAC,UAAK,UAAA,YAAA,CAAE;AAAA,QACRA,2BAAAA,IAACO,GAAAA,KAAA,EAAI,MAAM,GAAG,SAAS,GACrB,UAAAP,2BAAAA,IAACI,GAAAA,MAAA,EAAK,MAAM,GAAI,UAAA,MAAA,CAAM,EAAA,CACxB;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAKV;AC1CO,MAAM,WAAW,aCClB,4BAA4BI,OAAAA,aAA2B,CAAC,YACrD;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,OAAO;AAAA,MACLC,kBAAW;AAAA,QACT,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,QACb,MAAM,MAAMT,2BAAAA,IAAAU,WAAAA,UAAA,EAAE,UAAA,YAAA,CAAE;AAAA,QAChB,YAAY;AAAA,UACV,OAAO,CAAC,UAAUV,+BAAC,aAAU,cAAc,QAAS,GAAG,MAAA,CAAO;AAAA,QAAA;AAAA,MAChE,CACD;AAAA,IAAA;AAAA,EACH;AAEJ,EACD;;;"}
+{"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 { Box, Card, Flex, Text } from \"@sanity/ui\";\nimport { type StringInputProps, set, unset } from \"sanity\";\nimport type { FieldOptions, PluginConfig } from \"./types\";\n\nfunction IconInput({\n  pluginConfig,\n  ...props\n}: StringInputProps & {\n  pluginConfig: PluginConfig;\n}) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n  const iconList = options?.iconList ?? pluginConfig.iconList;\n  const renderOption = options?.renderOption ?? pluginConfig.renderOption;\n  const renderSelected = options?.renderSelected ?? pluginConfig.renderSelected;\n\n  return (\n    <AsyncAutocomplete\n      placeholder=\"Select icon\"\n      noOptionsPlaceholder=\"No icons found\"\n      listItems={iconList}\n      value={props.value}\n      renderValue={(value, opt) => opt?.label ?? value}\n      onChange={(value) => {\n        const next = value ? set(value) : unset();\n        return props.onChange(next);\n      }}\n      renderSelected={(value) => {\n        if (renderSelected) return renderSelected(value);\n        return <Text size={2}>{value}</Text>;\n      }}\n      renderOption={({ label, value }) => {\n        if (renderOption) return renderOption({ label, value });\n        return (\n          <Card as=\"button\">\n            <Flex align=\"center\" padding={2}>\n              <span>🧿</span>\n              <Box flex={1} padding={2}>\n                <Text size={2}>{label}</Text>\n              </Box>\n            </Flex>\n          </Card>\n        );\n      }}\n    />\n  );\n}\n\nexport { IconInput };\n","import type { ListItems } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { StringDefinition, StringOptions } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.icon\" as const;\n\n/** @public */\nexport type PluginConfig = {\n  iconList: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n/** @public */\nexport type FieldOptions = StringOptions & {\n  iconList?: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\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 { definePlugin, defineType } from \"sanity\";\nimport { IconInput } from \"./input\";\nimport { type FieldOptions, type PluginConfig, typeName } from \"./types\";\n\n/** @public */\nconst wildSanityIconFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-icon-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"string\",\n          title: \"Icon\",\n          description: \"Select an icon.\",\n          icon: () => <>🧿</>,\n          components: {\n            input: (props) => <IconInput pluginConfig={config} {...props} />,\n          },\n        }),\n      ],\n    },\n  };\n});\n\nexport { wildSanityIconFieldPlugin, typeName, type PluginConfig, type FieldOptions };\n"],"names":["IconInput","t0","$","_c","pluginConfig","props","options","schemaType","iconList","renderOption","renderSelected","t1","value_0","next","value","set","unset","onChange","t2","value_1","jsx","Text","t3","t4","label","value_2","Card","jsxs","Flex","Box","AsyncAutocomplete","_temp","opt","typeName","wildSanityIconFieldPlugin","definePlugin","config","name","schema","types","defineType","type","title","description","icon","Fragment","components","input"],"mappings":"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"}

package/dist/index.js

@@ -1,47 +1,56 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { set, unset, definePlugin, defineType } from "sanity";
+import { c } from "react/compiler-runtime";
 import { AsyncAutocomplete } from "@madebywild/sanity-utils/async-autocomplete";
-import { Card, Flex, Box, Text } from "@sanity/ui";
-function IconInput({
-  pluginConfig,
-  ...props
-}) {
+import { Text, Card, Flex, Box } from "@sanity/ui";
+function IconInput(t0) {
+  const $ = c(15);
+  let pluginConfig, props;
+  $[0] !== t0 ? ({
+    pluginConfig,
+    ...props
+  } = t0, $[0] = t0, $[1] = pluginConfig, $[2] = props) : (pluginConfig = $[1], props = $[2]);
   const options = props.schemaType.options, iconList = options?.iconList ?? pluginConfig.iconList, renderOption = options?.renderOption ?? pluginConfig.renderOption, renderSelected = options?.renderSelected ?? pluginConfig.renderSelected;
-  return /* @__PURE__ */ jsx(
-    AsyncAutocomplete,
-    {
-      placeholder: "Select icon",
-      noOptionsPlaceholder: "No icons found",
-      listItems: iconList,
-      value: props.value,
-      renderValue: (value, opt) => opt?.label ?? value,
-      onChange: (value) => {
-        const next = value ? set(value) : unset();
-        return props.onChange(next);
-      },
-      renderSelected: (value) => renderSelected ? renderSelected(value) : /* @__PURE__ */ jsx(Text, { size: 2, children: value }),
-      renderOption: ({ label, value }) => renderOption ? renderOption({ label, value }) : /* @__PURE__ */ jsx(Card, { as: "button", children: /* @__PURE__ */ jsxs(Flex, { align: "center", padding: 2, children: [
-        /* @__PURE__ */ jsx("span", { children: "\u{1F9FF}" }),
-        /* @__PURE__ */ jsx(Box, { flex: 1, padding: 2, children: /* @__PURE__ */ jsx(Text, { size: 2, children: label }) })
-      ] }) })
-    }
-  );
+  let t1;
+  $[3] !== props ? (t1 = (value_0) => {
+    const next = value_0 ? set(value_0) : unset();
+    return props.onChange(next);
+  }, $[3] = props, $[4] = t1) : t1 = $[4];
+  let t2;
+  $[5] !== renderSelected ? (t2 = (value_1) => renderSelected ? renderSelected(value_1) : /* @__PURE__ */ jsx(Text, { size: 2, children: value_1 }), $[5] = renderSelected, $[6] = t2) : t2 = $[6];
+  let t3;
+  $[7] !== renderOption ? (t3 = (t42) => {
+    const {
+      label,
+      value: value_2
+    } = t42;
+    return renderOption ? renderOption({
+      label,
+      value: value_2
+    }) : /* @__PURE__ */ jsx(Card, { as: "button", children: /* @__PURE__ */ jsxs(Flex, { align: "center", padding: 2, children: [
+      /* @__PURE__ */ jsx("span", { children: "\u{1F9FF}" }),
+      /* @__PURE__ */ jsx(Box, { flex: 1, padding: 2, children: /* @__PURE__ */ jsx(Text, { size: 2, children: label }) })
+    ] }) });
+  }, $[7] = renderOption, $[8] = t3) : t3 = $[8];
+  let t4;
+  return $[9] !== iconList || $[10] !== props.value || $[11] !== t1 || $[12] !== t2 || $[13] !== t3 ? (t4 = /* @__PURE__ */ jsx(AsyncAutocomplete, { placeholder: "Select icon", noOptionsPlaceholder: "No icons found", listItems: iconList, value: props.value, renderValue: _temp, onChange: t1, renderSelected: t2, renderOption: t3 }), $[9] = iconList, $[10] = props.value, $[11] = t1, $[12] = t2, $[13] = t3, $[14] = t4) : t4 = $[14], t4;
+}
+function _temp(value, opt) {
+  return opt?.label ?? value;
 }
 const typeName = "wild.icon", wildSanityIconFieldPlugin = definePlugin((config) => ({
   name: "@madebywild/sanity-icon-field",
   schema: {
-    types: [
-      defineType({
-        name: typeName,
-        type: "string",
-        title: "Icon",
-        description: "Select an icon.",
-        icon: () => /* @__PURE__ */ jsx(Fragment, { children: "\u{1F9FF}" }),
-        components: {
-          input: (props) => /* @__PURE__ */ jsx(IconInput, { pluginConfig: config, ...props })
-        }
-      })
-    ]
+    types: [defineType({
+      name: typeName,
+      type: "string",
+      title: "Icon",
+      description: "Select an icon.",
+      icon: () => /* @__PURE__ */ jsx(Fragment, { children: "\u{1F9FF}" }),
+      components: {
+        input: (props) => /* @__PURE__ */ jsx(IconInput, { pluginConfig: config, ...props })
+      }
+    })]
   }
 }));
 export {

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 { Box, Card, Flex, Text } from \"@sanity/ui\";\nimport { type StringInputProps, set, unset } from \"sanity\";\nimport type { FieldOptions, PluginConfig } from \"./types\";\n\nfunction IconInput({\n  pluginConfig,\n  ...props\n}: StringInputProps & {\n  pluginConfig: PluginConfig;\n}) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n  const iconList = options?.iconList ?? pluginConfig.iconList;\n  const renderOption = options?.renderOption ?? pluginConfig.renderOption;\n  const renderSelected = options?.renderSelected ?? pluginConfig.renderSelected;\n\n  return (\n    <AsyncAutocomplete\n      placeholder=\"Select icon\"\n      noOptionsPlaceholder=\"No icons found\"\n      listItems={iconList}\n      value={props.value}\n      renderValue={(value, opt) => opt?.label ?? value}\n      onChange={(value) => {\n        const next = value ? set(value) : unset();\n        return props.onChange(next);\n      }}\n      renderSelected={(value) => {\n        if (renderSelected) return renderSelected(value);\n        return <Text size={2}>{value}</Text>;\n      }}\n      renderOption={({ label, value }) => {\n        if (renderOption) return renderOption({ label, value });\n        return (\n          <Card as=\"button\">\n            <Flex align=\"center\" padding={2}>\n              <span>🧿</span>\n              <Box flex={1} padding={2}>\n                <Text size={2}>{label}</Text>\n              </Box>\n            </Flex>\n          </Card>\n        );\n      }}\n    />\n  );\n}\n\nexport { IconInput };\n","import type { ListItems } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { StringDefinition, StringOptions } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.icon\" as const;\n\n/** @public */\nexport type PluginConfig = {\n  iconList: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n/** @public */\nexport type FieldOptions = StringOptions & {\n  iconList?: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\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 { definePlugin, defineType } from \"sanity\";\nimport { IconInput } from \"./input\";\nimport { type FieldOptions, type PluginConfig, typeName } from \"./types\";\n\n/** @public */\nconst wildSanityIconFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-icon-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"string\",\n          title: \"Icon\",\n          description: \"Select an icon.\",\n          icon: () => <>🧿</>,\n          components: {\n            input: (props) => <IconInput pluginConfig={config} {...props} />,\n          },\n        }),\n      ],\n    },\n  };\n});\n\nexport { wildSanityIconFieldPlugin, typeName, type PluginConfig, type FieldOptions };\n"],"names":[],"mappings":";;;;AAKA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,GAAG;AACL,GAEG;AACD,QAAM,UAAU,MAAM,WAAW,SAC3B,WAAW,SAAS,YAAY,aAAa,UAC7C,eAAe,SAAS,gBAAgB,aAAa,cACrD,iBAAiB,SAAS,kBAAkB,aAAa;AAE/D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,sBAAqB;AAAA,MACrB,WAAW;AAAA,MACX,OAAO,MAAM;AAAA,MACb,aAAa,CAAC,OAAO,QAAQ,KAAK,SAAS;AAAA,MAC3C,UAAU,CAAC,UAAU;AACnB,cAAM,OAAO,QAAQ,IAAI,KAAK,IAAI,MAAA;AAClC,eAAO,MAAM,SAAS,IAAI;AAAA,MAC5B;AAAA,MACA,gBAAgB,CAAC,UACX,iBAAuB,eAAe,KAAK,IACxC,oBAAC,MAAA,EAAK,MAAM,GAAI,UAAA,MAAA,CAAM;AAAA,MAE/B,cAAc,CAAC,EAAE,OAAO,YAClB,eAAqB,aAAa,EAAE,OAAO,MAAA,CAAO,IAEpD,oBAAC,QAAK,IAAG,UACP,+BAAC,MAAA,EAAK,OAAM,UAAS,SAAS,GAC5B,UAAA;AAAA,QAAA,oBAAC,UAAK,UAAA,YAAA,CAAE;AAAA,QACR,oBAAC,KAAA,EAAI,MAAM,GAAG,SAAS,GACrB,UAAA,oBAAC,MAAA,EAAK,MAAM,GAAI,UAAA,MAAA,CAAM,EAAA,CACxB;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAKV;AC1CO,MAAM,WAAW,aCClB,4BAA4B,aAA2B,CAAC,YACrD;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,QACT,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,QACb,MAAM,MAAM,oBAAA,UAAA,EAAE,UAAA,YAAA,CAAE;AAAA,QAChB,YAAY;AAAA,UACV,OAAO,CAAC,UAAU,oBAAC,aAAU,cAAc,QAAS,GAAG,MAAA,CAAO;AAAA,QAAA;AAAA,MAChE,CACD;AAAA,IAAA;AAAA,EACH;AAEJ,EACD;"}
+{"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 { Box, Card, Flex, Text } from \"@sanity/ui\";\nimport { type StringInputProps, set, unset } from \"sanity\";\nimport type { FieldOptions, PluginConfig } from \"./types\";\n\nfunction IconInput({\n  pluginConfig,\n  ...props\n}: StringInputProps & {\n  pluginConfig: PluginConfig;\n}) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n  const iconList = options?.iconList ?? pluginConfig.iconList;\n  const renderOption = options?.renderOption ?? pluginConfig.renderOption;\n  const renderSelected = options?.renderSelected ?? pluginConfig.renderSelected;\n\n  return (\n    <AsyncAutocomplete\n      placeholder=\"Select icon\"\n      noOptionsPlaceholder=\"No icons found\"\n      listItems={iconList}\n      value={props.value}\n      renderValue={(value, opt) => opt?.label ?? value}\n      onChange={(value) => {\n        const next = value ? set(value) : unset();\n        return props.onChange(next);\n      }}\n      renderSelected={(value) => {\n        if (renderSelected) return renderSelected(value);\n        return <Text size={2}>{value}</Text>;\n      }}\n      renderOption={({ label, value }) => {\n        if (renderOption) return renderOption({ label, value });\n        return (\n          <Card as=\"button\">\n            <Flex align=\"center\" padding={2}>\n              <span>🧿</span>\n              <Box flex={1} padding={2}>\n                <Text size={2}>{label}</Text>\n              </Box>\n            </Flex>\n          </Card>\n        );\n      }}\n    />\n  );\n}\n\nexport { IconInput };\n","import type { ListItems } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { StringDefinition, StringOptions } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.icon\" as const;\n\n/** @public */\nexport type PluginConfig = {\n  iconList: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n/** @public */\nexport type FieldOptions = StringOptions & {\n  iconList?: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\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 { definePlugin, defineType } from \"sanity\";\nimport { IconInput } from \"./input\";\nimport { type FieldOptions, type PluginConfig, typeName } from \"./types\";\n\n/** @public */\nconst wildSanityIconFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-icon-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"string\",\n          title: \"Icon\",\n          description: \"Select an icon.\",\n          icon: () => <>🧿</>,\n          components: {\n            input: (props) => <IconInput pluginConfig={config} {...props} />,\n          },\n        }),\n      ],\n    },\n  };\n});\n\nexport { wildSanityIconFieldPlugin, typeName, type PluginConfig, type FieldOptions };\n"],"names":["IconInput","t0","$","_c","pluginConfig","props","options","schemaType","iconList","renderOption","renderSelected","t1","value_0","next","value","set","unset","onChange","t2","value_1","t3","t4","label","value_2","_temp","opt","typeName","wildSanityIconFieldPlugin","definePlugin","config","name","schema","types","defineType","type","title","description","icon","components","input"],"mappings":";;;;;AAKA,SAAAA,UAAAC,IAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA;AAAA,MAAAC,cAAAC;AAAAH,WAAAD,MAAmB;AAAA,IAAAG;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAAAJ,IAKlBC,OAAAD,IAAAC,OAAAE,cAAAF,OAAAG,UAAAD,eAAAF,EAAA,CAAA,GAAAG,QAAAH,EAAA,CAAA;AACC,QAAAI,UAAgBD,MAAKE,WAAWD,SAChCE,WAAiBF,SAAOE,YAAcJ,aAAYI,UAClDC,eAAqBH,SAAOG,gBAAkBL,aAAYK,cAC1DC,iBAAuBJ,SAAOI,kBAAoBN,aAAYM;AAAgB,MAAAC;AAAAT,WAAAG,SAShEM,KAAAC,CAAAA,YAAA;AACR,UAAAC,OAAaC,UAAQC,IAAID,OAAe,IAANE,MAAAA;AAAQ,WACnCX,MAAKY,SAAUJ,IAAI;AAAA,EAAC,GAC5BX,OAAAG,OAAAH,OAAAS,MAAAA,KAAAT,EAAA,CAAA;AAAA,MAAAgB;AAAAhB,WAAAQ,kBACeQ,KAAAC,CAAAA,YACVT,iBAAuBA,eAAeI,OAAK,IACxC,oBAAC,MAAA,EAAW,MAAA,GAAIA,UAAAA,QAAAA,CAAM,GAC9BZ,OAAAQ,gBAAAR,OAAAgB,MAAAA,KAAAhB,EAAA,CAAA;AAAA,MAAAkB;AAAAlB,WAAAO,gBACaW,KAAAC,CAAAA,QAAA;AAAC,UAAA;AAAA,MAAAC;AAAAA,MAAAR,OAAAS;AAAAA,IAAAA,IAAAF;AACb,WAAIZ,eAAqBA,aAAa;AAAA,MAAAa;AAAAA,MAAAR,OAASA;AAAAA,IAAAA,CAAO,IAEpD,oBAAC,MAAA,EAAQ,IAAA,UACP,UAAA,qBAAC,MAAA,EAAW,OAAA,UAAkB,SAAA,GAC5B,UAAA;AAAA,MAAA,oBAAA,UAAM,UAAA,YAAA,CAAE;AAAA,MACR,oBAAC,KAAA,EAAU,MAAA,GAAY,SAAA,GACrB,UAAA,oBAAC,MAAA,EAAW,MAAA,oBAAU,EAAA,CACxB;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAO,GAEVZ,OAAAO,cAAAP,OAAAkB,MAAAA,KAAAlB,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,SAAAM,YAAAN,EAAA,EAAA,MAAAG,MAAAS,SAAAZ,EAAA,EAAA,MAAAS,MAAAT,EAAA,EAAA,MAAAgB,MAAAhB,UAAAkB,MA1BHC,yBAAC,mBAAA,EACa,aAAA,eACS,sBAAA,kBACVb,qBACJ,OAAAH,MAAKS,OACC,aAAAU,OACH,UAAAb,IAIM,gBAAAO,IAIF,cAAAE,GAAAA,CAYb,GACDlB,OAAAM,UAAAN,EAAA,EAAA,IAAAG,MAAAS,OAAAZ,QAAAS,IAAAT,QAAAgB,IAAAhB,QAAAkB,IAAAlB,QAAAmB,MAAAA,KAAAnB,EAAA,EAAA,GA3BFmB;AA2BE;AAvCN,SAAAG,MAAAV,OAAAW,KAAA;AAAA,SAiBmCA,KAAGH,SAAHR;AAAmB;AClB/C,MAAMY,WAAW,aCClBC,4BAA4BC,aAA4BC,CAAAA,YACrD;AAAA,EACLC,MAAM;AAAA,EACNC,QAAQ;AAAA,IACNC,OAAO,CACLC,WAAW;AAAA,MACTH,MAAMJ;AAAAA,MACNQ,MAAM;AAAA,MACNC,OAAO;AAAA,MACPC,aAAa;AAAA,MACbC,MAAMA,MAAM,oBAAA,UAAA,EAAE,UAAA,YAAA,CAAE;AAAA,MAChBC,YAAY;AAAA,QACVC,OAAQlC,CAAAA,UAAU,oBAAC,aAAU,cAAcwB,QAAQ,GAAIxB,MAAAA,CAAM;AAAA,MAAA;AAAA,IAC/D,CACD,CAAC;AAAA,EAAA;AAGR,EACD;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madebywild/sanity-icon-field",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "type": "module",
   "sideEffects": false,
   "license": "UNLICENSED",
@@ -21,22 +21,23 @@
     "access": "restricted"
   },
   "dependencies": {
-    "@madebywild/sanity-utils": "0.2.3"
+    "@madebywild/sanity-utils": "0.2.5"
   },
   "peerDependencies": {
     "@sanity/ui": "^3.1",
-    "sanity": "^4.17",
     "react": "^19",
-    "react-dom": "^19"
+    "react-dom": "^19",
+    "sanity": "^4.17"
   },
   "devDependencies": {
     "@sanity/pkg-utils": "^9.2",
-    "sanity": "^4.17",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "babel-plugin-react-compiler": "1.0.0",
     "react": "^19",
     "react-dom": "^19",
-    "typescript": "^5",
-    "@types/react": "^19",
-    "@types/react-dom": "^19"
+    "sanity": "^4.17",
+    "typescript": "^5"
   },
   "scripts": {
     "build": "pkg-utils build --strict",