@madebywild/sanity-icon-field 0.0.1

package/README.md

@@ -0,0 +1 @@
+# @madebywild/sanity-icon-field

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { type FieldOptions, type PluginConfig, typeName } from "./types";
+declare const wildSanityIconFieldPlugin: import("sanity").Plugin<PluginConfig>;
+export { wildSanityIconFieldPlugin, type PluginConfig, type FieldOptions, typeName };

package/dist/index.js

@@ -0,0 +1,24 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { definePlugin, defineType } from "sanity";
+import { IconInput } from "./input";
+import { typeName } from "./types";
+const wildSanityIconFieldPlugin = definePlugin((config) => {
+    return {
+        name: "@madebywild/sanity-icon-field",
+        schema: {
+            types: [
+                defineType({
+                    name: typeName,
+                    type: "string",
+                    title: "Icon",
+                    description: "Select an icon.",
+                    icon: () => _jsx(_Fragment, { children: "\uD83E\uDDFF" }),
+                    components: {
+                        input: (props) => _jsx(IconInput, { config: config, ...props }),
+                    },
+                }),
+            ],
+        },
+    };
+});
+export { wildSanityIconFieldPlugin, typeName };

package/dist/input.d.ts

@@ -0,0 +1,6 @@
+import { type StringInputProps } from "sanity";
+import type { PluginConfig } from "./types";
+declare function IconInput({ config, schemaType, onChange, value, }: StringInputProps & {
+    config: PluginConfig;
+}): import("react/jsx-runtime").JSX.Element;
+export { IconInput };

package/dist/input.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AsyncAutocomplete } from "@madebywild/sanity-utils";
+import { Box, Card, Flex, Text } from "@sanity/ui";
+import { set, unset } from "sanity";
+function IconInput({ config, schemaType, onChange, value, }) {
+    const options = schemaType.options;
+    const iconList = options?.iconList ?? config.iconList;
+    const renderOption = options?.renderOption ?? config.renderOption;
+    const renderSelected = options?.renderSelected ?? config.renderSelected;
+    return (_jsx(AsyncAutocomplete, { defaultValue: value, placeholder: "Select icon", listItems: iconList, renderValue: (value, opt) => opt?.label ?? value, onChange: (value) => {
+            const next = value ? set(value) : unset();
+            return onChange(next);
+        }, renderSelected: (value) => {
+            if (renderSelected)
+                return renderSelected(value);
+            return _jsx(Text, { size: 2, children: value });
+        }, renderOption: ({ label, value }) => {
+            if (renderOption)
+                return renderOption({ label, value });
+            return (_jsx(Card, { as: "button", children: _jsxs(Flex, { align: "center", padding: 2, children: [_jsx("span", { children: "\uD83E\uDDFF" }), _jsx(Box, { flex: 1, padding: 2, children: _jsx(Text, { size: 2, children: label }) })] }) }));
+        } }));
+}
+export { IconInput };

package/dist/types.d.ts

@@ -0,0 +1,27 @@
+import type { ListItemsGetter } from "@madebywild/sanity-utils";
+import type { StringDefinition, StringOptions } from "sanity";
+export type PluginConfig = {
+    iconList: ListItemsGetter;
+    renderSelected?: (value: string) => React.JSX.Element;
+    renderOption?: (item: {
+        label?: string;
+        value: string;
+    }) => React.JSX.Element;
+};
+export type FieldOptions = StringOptions & {
+    iconList?: ListItemsGetter;
+    renderSelected?: (value: string) => React.JSX.Element;
+    renderOption?: (item: {
+        label?: string;
+        value: string;
+    }) => React.JSX.Element;
+};
+export declare const typeName: "wild.icon";
+declare module "sanity" {
+    interface IntrinsicDefinitions {
+        [typeName]: Omit<StringDefinition, "type" | "fields"> & {
+            type: typeof typeName;
+            options?: FieldOptions;
+        };
+    }
+}

package/dist/types.js

@@ -0,0 +1 @@
+export const typeName = "wild.icon";

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@madebywild/sanity-icon-field",
+  "type": "module",
+  "version": "0.0.1",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "clear": "rm -rf dist",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@madebywild/sanity-utils": "*"
+  },
+  "peerDependencies": {
+    "sanity": "^4.17",
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "devDependencies": {
+    "sanity": "^4.17",
+    "react": "^19",
+    "react-dom": "^19",
+    "typescript": "^5.9",
+    "@types/react": "^19",
+    "@types/react-dom": "^19"
+  }
+}