@multiplatform.one/frappe-ui 6.0.0

package/dist/jsx/fields/Heading/index.native.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Heading_exports = {};
+__export(Heading_exports, {
+  Heading: () => Heading
+});
+module.exports = __toCommonJS(Heading_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function ChevronIcon(param) {
+  var {
+    collapsed
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    fontSize: "$3",
+    color: "$color10",
+    "aria-hidden": true,
+    children: collapsed ? "\u25B6" : "\u25BC"
+  });
+}
+function Heading(param) {
+  var {
+    label,
+    description,
+    level = 2,
+    collapsible = false,
+    defaultCollapsed = false,
+    showSeparator = true,
+    children,
+    onCollapseChange,
+    ...stackProps
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [isCollapsed, setIsCollapsed] = (0, import_react.useState)(defaultCollapsed);
+  var handleToggle = (0, import_react.useCallback)(function () {
+    if (!collapsible) return;
+    var newState = !isCollapsed;
+    setIsCollapsed(newState);
+    onCollapseChange === null || onCollapseChange === void 0 ? void 0 : onCollapseChange(newState);
+  }, [collapsible, isCollapsed, onCollapseChange]);
+  var HeadingComponent = {
+    1: import_tamagui.H1,
+    2: import_tamagui.H2,
+    3: import_tamagui.H3,
+    4: import_tamagui.H4
+  }[level];
+  var headingContent = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    alignItems: "center",
+    gap: "$2",
+    cursor: collapsible ? "pointer" : "default",
+    onPress: handleToggle,
+    paddingVertical: "$2",
+    hoverStyle: collapsible ? {
+      opacity: 0.8
+    } : void 0,
+    role: collapsible ? "button" : void 0,
+    "aria-expanded": collapsible ? !isCollapsed : void 0,
+    "aria-controls": collapsible ? `section-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0,
+    children: [collapsible && /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChevronIcon, {
+      collapsed: isCollapsed
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(HeadingComponent, {
+      ...knobProps.heading,
+      size: level === 1 ? "$8" : level === 2 ? "$6" : level === 3 ? "$5" : "$4",
+      fontWeight: "600",
+      color: "$color",
+      children: label
+    })]
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [headingContent, description && !isCollapsed && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: knobProps.sizeToken,
+      ...knobProps.body,
+      color: "$color10",
+      marginTop: "$-1",
+      marginBottom: "$1",
+      paddingLeft: collapsible ? "$6" : void 0,
+      children: description
+    }), showSeparator && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+      marginVertical: "$1",
+      backgroundColor: "$color5"
+    }), children && !isCollapsed && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      id: collapsible ? `section-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0,
+      ...knobProps.gap,
+      paddingLeft: collapsible ? "$4" : void 0,
+      children
+    })]
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/fields/Heading/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Heading_exports","Heading","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","ChevronIcon","param","collapsed","jsx","Text","fontSize","color","children","label","description","level","collapsible","defaultCollapsed","showSeparator","onCollapseChange","stackProps","knobProps","useResolvedKnobs","isCollapsed","setIsCollapsed","useState","handleToggle","useCallback","newState","HeadingComponent","H1","H2","H3","H4","headingContent","jsxs","XStack","alignItems","gap","cursor","onPress","paddingVertical","hoverStyle","opacity","role","replace","toLowerCase","heading","size","fontWeight"],"sources":["../../../../src/fields/Heading/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAa,CAAAC,cAAA;AACtB,IAAAC,gBAAiB,GAAIF,MAAI,CAAAG,wBAAyB;AAiB9C,IAAAC,iBA8BA,GAAAJ,MA9BA,CAAAK,mBAAA;AAFJ,IAAAC,YAAS,GAAAN,MAAc,CAAAO,SAAU,CAA2BC,cAAA;AAC1D,IAAAC,QACE,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAC;EAIL,SAAAC,IAAA,IAAAD,GAAA,EAEOZ,SAAS,CAAAW,MAAQ,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACtB,IACAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAQ,WAAAA,IAAA,wBAAAA,IAAA;IACR,SAAAG,GAAc,IAAAhB,iBAAA,CAAAa,IAAA,GACd,KAAAX,YAAmB,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACnBnB,SAAA,CAAgBiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAChB;EACA,OAAAE,EAAA;AAAA;AAEF,IAAiBM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACf,IAAAE,eAAQ,GAAU,EAAI;AACtBhB,QAAM,CAACgB,eAAa;EAEpBC,OAAM,EAAAA,CAAA,KAAAA;AACJ;AACAC,MAAA,CAAAC,OAAM,GAAAN,YAAY,CAAAG,eAAA;AAClB,IAAAI,kBAAe,GAAAC,OAAQ;AACvB,IAAAC,YAAA,GAAAD,OAAmB,2BAAQ;AAAA,IAC7BE,YAAI,GAAaF,OAAA,QAAa;AAE9B,IAAAG,cAAM,GAAAH,OAAmB,CAAE,SAAO,CAAG;AAErC,SAAMI,YAAAC,KACJ;EAAA,IAAC;IAAAC;EAAA,IAAAD,KAAA;EAAA,0BAAAN,kBAAA,CAAAQ,GAAA,EAAAJ,cAAA,CAAAK,IAAA;IAAAC,QACC,MAAW;IAAAC,KACX,EAAI;IAAA,aACI;IAA0BC,QAClC,EAAAL,SAAS;EAAA;AACO;AAC6B,SAC7CV,OAAMA,CAAAS,KAAA;EAAyB,IAC/B;IAAAO,KAAA;IAAAC,WAAe;IAAAC,KAAA,IAAc;IAACC,WAAA,GAAc;IAAAC,gBAAA;IAAAC,aAAA;IAAAN,QAAA;IAAAO,gBAAA;IAAA,GAAAC;EAAA,IAAAd,KAAA;EAAA,IAC5C;IAAAe;EAAA,KACE,GAAAnB,YAAc,CAAAoB,gBAAiB;EAAuC,IAGvE,CAAAC,WAAA,EAAAC,cAAA,QAAArB,YAAA,CAAAsB,QAAA,EAAAR,gBAAA;EAAA,IAAAS,YAAA,KAAe,EAAAvB,YAAA,CAAAwB,WAAC,cAAY;IAAwB,IACrD,CAAAX,WAAA;IAAA,IAAAY,QAAC,IAAAL,WAAA;IAAAC,cAAA,CAAAI,QAAA;IAAAT,gBACK,KAAU,QAAAA,gBAAA,uBAAAA,gBAAA,CAAAS,QAAA;EAAA,IACuDZ,WACrE,EAAWO,WACX,EAAMJ,gBAEL;EAAA,IAAAU,gBACH;IAAA,GAAAzB,cAAA,CAAA0B,EAAA;IAAA,GAAA1B,cAAA,CAAA2B,EAAA;IACF,GAAA3B,cAAA,CAAA4B,EAAA;IAGF,GAAA5B,cACE,CAAA6B;EACG,EAAAlB,KAAA;EAAA,IACAmB,cAAgB,kBACf,IAAAlC,kBAAA,CAAAmC,IAAA,EAAA/B,cAAA,CAAAgC,MAAA;IAAAC,UAAC;IAAAC,GAAA;IAAAC,MACC,EAAAvB,WAAU,YAAU;IAAAwB,OAChB,EAAAd,YAAU;IAAAe,eACR;IAAAC,UACN,EAAA1B,WAAU;MAAA2B,OACV;IAAa,IACb;IAAkCC,IAEjC,EAAA5B,WAAA;IAAA,iBAAAA,WAAA,IAAAO,WAAA;IACH,iBAAAP,WAAA,cAAAH,KAAA,CAAAgC,OAAA,cAAAC,WAAA;IAEDlC,QAAA,GACAI,WAAa,mBACZ,IAAAhB,kBAAA,CAAAQ,GAAA,EAAAH,WAAA;MAACE,SAAA,EAAAgB;IAAA,mBACK,IAAcvB,kBAAiB,CAAAQ,GAAA,EAAAqB,gBAAqB;MACvD,GAAGR,SAAA,CAAU0B,OAAA;MACdC,IAAA,EAAAjC,KAAA,KAAa,WAAcA,KAAA,KAAO,WAAAA,KAAA;MAEjCkC,UAAA;MAAAtC,KAAA;MACHC,QAAA,EAAAC;IAEJ","ignoreList":[]}

package/dist/jsx/fields/Link.mjs

@@ -0,0 +1,244 @@
+import { useLinkSearch } from "@multiplatform.one/frappe";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { MagnifyingGlassIcon, PlusIcon, XIcon } from "@phosphor-icons/react";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { Button, Input, Label, ListItem, Popover, ScrollView, Spinner, Text, XStack, YStack } from "tamagui";
+import { useFrappeConfig } from "../FrappeProvider.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Link({
+  label,
+  value = "",
+  onChange,
+  doctype,
+  displayField: _displayField,
+  searchFields,
+  filters,
+  allowCreate = false,
+  createRoute: _createRoute,
+  onCreateNew,
+  showDescription = false,
+  descriptionField: _descriptionField,
+  showAdvancedSearch = true,
+  onAdvancedSearch,
+  disabled = false,
+  required = false,
+  baseURL,
+  auth,
+  error,
+  ...stackProps
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const config = useFrappeConfig();
+  const [search, setSearch] = useState("");
+  const [open, setOpen] = useState(false);
+  const [highlightedIndex, setHighlightedIndex] = useState(-1);
+  const inputRef = useRef(null);
+  const finalBaseURL = baseURL ?? config?.baseURL ?? "";
+  const connectionConfig = finalBaseURL ? {
+    baseURL: finalBaseURL,
+    socketPort: config?.socketPort,
+    auth: auth ?? config?.auth
+  } : void 0;
+  const {
+    results,
+    isLoading
+  } = useLinkSearch(connectionConfig, doctype, {
+    query: search,
+    searchFields,
+    filters,
+    limit: 20
+  });
+  const displayValue = useMemo(() => {
+    if (!value) return "";
+    const match = results.find(r => r.value === value);
+    return match?.label ?? value;
+  }, [value, results]);
+  const handleSelect = useCallback(selectedValue => {
+    onChange(selectedValue);
+    setOpen(false);
+    setSearch("");
+    setHighlightedIndex(-1);
+  }, [onChange]);
+  const handleClear = useCallback(() => {
+    onChange("");
+    setSearch("");
+    setHighlightedIndex(-1);
+  }, [onChange]);
+  const handleInputChange = useCallback(text => {
+    setSearch(text);
+    setHighlightedIndex(-1);
+    if (!open) setOpen(true);
+  }, [open]);
+  const handleKeyDown = useCallback(e => {
+    if (!open) {
+      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+        setOpen(true);
+        e.preventDefault();
+        return;
+      }
+      return;
+    }
+    const itemCount = results.length;
+    switch (e.key) {
+      case "ArrowDown":
+        {
+          e.preventDefault();
+          setHighlightedIndex(prev => prev < itemCount - 1 ? prev + 1 : 0);
+          break;
+        }
+      case "ArrowUp":
+        {
+          e.preventDefault();
+          setHighlightedIndex(prev => prev > 0 ? prev - 1 : itemCount - 1);
+          break;
+        }
+      case "Enter":
+        {
+          e.preventDefault();
+          if (highlightedIndex >= 0 && highlightedIndex < itemCount) {
+            handleSelect(results[highlightedIndex].value);
+          }
+          break;
+        }
+      case "Escape":
+        {
+          e.preventDefault();
+          setOpen(false);
+          setHighlightedIndex(-1);
+          break;
+        }
+    }
+  }, [open, results, highlightedIndex, handleSelect]);
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [label && /* @__PURE__ */jsxs(Label, {
+      children: [label, required && /* @__PURE__ */jsx(Text, {
+        color: "$red10",
+        children: " *"
+      })]
+    }), /* @__PURE__ */jsxs(Popover, {
+      open,
+      onOpenChange: setOpen,
+      placement: "bottom",
+      children: [/* @__PURE__ */jsx(Popover.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */jsxs(XStack, {
+          alignItems: "center",
+          gap: "$1",
+          children: [/* @__PURE__ */jsx(Input, {
+            ref: inputRef,
+            flex: 1,
+            value: open ? search : displayValue,
+            onChangeText: handleInputChange,
+            placeholder: `Select ${doctype}`,
+            disabled,
+            onFocus: () => {
+              setOpen(true);
+              setSearch("");
+            },
+            ...{
+              onKeyDown: handleKeyDown
+            }
+          }), value && !disabled && /* @__PURE__ */jsx(Button, {
+            size: "$2",
+            chromeless: true,
+            onPress: handleClear,
+            "aria-label": "Clear",
+            children: /* @__PURE__ */jsx(XIcon, {
+              size: 16
+            })
+          })]
+        })
+      }), /* @__PURE__ */jsxs(Popover.Content, {
+        borderColor: "$borderColor",
+        enterStyle: {
+          y: -10,
+          opacity: 0
+        },
+        exitStyle: {
+          y: -10,
+          opacity: 0
+        },
+        children: [/* @__PURE__ */jsx(Popover.Arrow, {
+          borderWidth: 1,
+          borderColor: "$borderColor"
+        }), /* @__PURE__ */jsxs(YStack, {
+          minWidth: 250,
+          maxHeight: 300,
+          children: [/* @__PURE__ */jsx(ScrollView, {
+            children: /* @__PURE__ */jsx(YStack, {
+              children: isLoading && search ? /* @__PURE__ */jsx(YStack, {
+                ...knobProps.panelPadding,
+                alignItems: "center",
+                children: /* @__PURE__ */jsx(Spinner, {
+                  size: "small"
+                })
+              }) : results.length > 0 ? results.map((result, index) => /* @__PURE__ */jsx(ListItem, {
+                title: result.label,
+                subTitle: showDescription && result.description ? result.description : void 0,
+                size: knobProps.sizeToken,
+                backgroundColor: highlightedIndex === index ? "$color4" : void 0,
+                hoverStyle: {
+                  backgroundColor: "$color4"
+                },
+                pressStyle: {
+                  backgroundColor: "$color5"
+                },
+                cursor: "pointer",
+                onPress: () => handleSelect(result.value)
+              }, result.value)) : search ? /* @__PURE__ */jsx(ListItem, {
+                title: "No results found",
+                size: knobProps.sizeToken,
+                disabled: true
+              }) : /* @__PURE__ */jsx(ListItem, {
+                title: "Type to search...",
+                size: knobProps.sizeToken,
+                disabled: true
+              })
+            })
+          }), allowCreate && /* @__PURE__ */jsx(ListItem, {
+            title: `Create new ${doctype}`,
+            icon: PlusIcon,
+            size: knobProps.sizeToken,
+            borderTopWidth: 1,
+            borderTopColor: "$borderColor",
+            hoverStyle: {
+              backgroundColor: "$accentBackground"
+            },
+            pressStyle: {
+              backgroundColor: "$accentBackground"
+            },
+            cursor: "pointer",
+            onPress: () => {
+              onCreateNew?.();
+              setOpen(false);
+            }
+          }), showAdvancedSearch !== false && /* @__PURE__ */jsx(ListItem, {
+            title: "Advanced Search...",
+            icon: MagnifyingGlassIcon,
+            size: knobProps.sizeToken,
+            borderTopWidth: 1,
+            borderTopColor: "$borderColor",
+            hoverStyle: {
+              backgroundColor: "$color2"
+            },
+            cursor: "pointer",
+            onPress: () => {
+              onAdvancedSearch?.();
+              setOpen(false);
+            }
+          })]
+        })]
+      })]
+    }), error && /* @__PURE__ */jsx(Text, {
+      color: "$red10",
+      fontSize: "$2",
+      children: error
+    })]
+  });
+}
+export { Link };
+//# sourceMappingURL=Link.mjs.map

package/dist/jsx/fields/Link.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLinkSearch","useResolvedKnobs","MagnifyingGlassIcon","PlusIcon","XIcon","useCallback","useMemo","useRef","useState","Button","Input","Label","ListItem","Popover","ScrollView","Spinner","Text","XStack","YStack","useFrappeConfig","jsx","jsxs","Link","label","value","onChange","doctype","displayField","_displayField","searchFields","filters","allowCreate","createRoute","_createRoute","onCreateNew","showDescription","descriptionField","_descriptionField","showAdvancedSearch","onAdvancedSearch","disabled","required","baseURL","auth","error","stackProps","knobProps","config","search","setSearch","open","setOpen","highlightedIndex","setHighlightedIndex","inputRef","finalBaseURL","connectionConfig","socketPort","results","isLoading","query","limit","displayValue","match","find","r","handleSelect","selectedValue","handleClear","handleInputChange","text","handleKeyDown","e","key","preventDefault","itemCount","length","prev","gap","children","color","onOpenChange","placement","Trigger","asChild","alignItems","ref","flex","onChangeText","placeholder","onFocus","onKeyDown","size","chromeless","onPress","Content","borderColor","enterStyle","y","opacity","exitStyle","Arrow","borderWidth","minWidth","maxHeight","panelPadding","map","result","index","title","subTitle","description","sizeToken","backgroundColor","hoverStyle","pressStyle","cursor","icon","borderTopWidth","borderTopColor","fontSize"],"sources":["../../../src/fields/Link.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/Link.native.js

@@ -0,0 +1,285 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Link_exports = {};
+__export(Link_exports, {
+  Link: () => Link
+});
+module.exports = __toCommonJS(Link_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_frappe = require("@multiplatform.one/frappe");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_FrappeProvider = require("../FrappeProvider.native.js");
+function Link(param) {
+  var {
+    label,
+    value = "",
+    onChange,
+    doctype,
+    displayField: _displayField,
+    searchFields,
+    filters,
+    allowCreate = false,
+    createRoute: _createRoute,
+    onCreateNew,
+    showDescription = false,
+    descriptionField: _descriptionField,
+    showAdvancedSearch = true,
+    onAdvancedSearch,
+    disabled = false,
+    required = false,
+    baseURL,
+    auth,
+    error,
+    ...stackProps
+  } = param;
+  var _ref;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var config = (0, import_FrappeProvider.useFrappeConfig)();
+  var [search, setSearch] = (0, import_react2.useState)("");
+  var [open, setOpen] = (0, import_react2.useState)(false);
+  var [highlightedIndex, setHighlightedIndex] = (0, import_react2.useState)(-1);
+  var inputRef = (0, import_react2.useRef)(null);
+  var finalBaseURL = (_ref = baseURL !== null && baseURL !== void 0 ? baseURL : config === null || config === void 0 ? void 0 : config.baseURL) !== null && _ref !== void 0 ? _ref : "";
+  var connectionConfig = finalBaseURL ? {
+    baseURL: finalBaseURL,
+    socketPort: config === null || config === void 0 ? void 0 : config.socketPort,
+    auth: auth !== null && auth !== void 0 ? auth : config === null || config === void 0 ? void 0 : config.auth
+  } : void 0;
+  var {
+    results,
+    isLoading
+  } = (0, import_frappe.useLinkSearch)(connectionConfig, doctype, {
+    query: search,
+    searchFields,
+    filters,
+    limit: 20
+  });
+  var displayValue = (0, import_react2.useMemo)(function () {
+    var _ref2;
+    if (!value) return "";
+    var match = results.find(function (r) {
+      return r.value === value;
+    });
+    return (_ref2 = match === null || match === void 0 ? void 0 : match.label) !== null && _ref2 !== void 0 ? _ref2 : value;
+  }, [value, results]);
+  var handleSelect = (0, import_react2.useCallback)(function (selectedValue) {
+    onChange(selectedValue);
+    setOpen(false);
+    setSearch("");
+    setHighlightedIndex(-1);
+  }, [onChange]);
+  var handleClear = (0, import_react2.useCallback)(function () {
+    onChange("");
+    setSearch("");
+    setHighlightedIndex(-1);
+  }, [onChange]);
+  var handleInputChange = (0, import_react2.useCallback)(function (text) {
+    setSearch(text);
+    setHighlightedIndex(-1);
+    if (!open) setOpen(true);
+  }, [open]);
+  var handleKeyDown = (0, import_react2.useCallback)(function (e) {
+    if (!open) {
+      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+        setOpen(true);
+        e.preventDefault();
+        return;
+      }
+      return;
+    }
+    var itemCount = results.length;
+    switch (e.key) {
+      case "ArrowDown":
+        {
+          e.preventDefault();
+          setHighlightedIndex(function (prev) {
+            return prev < itemCount - 1 ? prev + 1 : 0;
+          });
+          break;
+        }
+      case "ArrowUp":
+        {
+          e.preventDefault();
+          setHighlightedIndex(function (prev) {
+            return prev > 0 ? prev - 1 : itemCount - 1;
+          });
+          break;
+        }
+      case "Enter":
+        {
+          e.preventDefault();
+          if (highlightedIndex >= 0 && highlightedIndex < itemCount) {
+            handleSelect(results[highlightedIndex].value);
+          }
+          break;
+        }
+      case "Escape":
+        {
+          e.preventDefault();
+          setOpen(false);
+          setHighlightedIndex(-1);
+          break;
+        }
+    }
+  }, [open, results, highlightedIndex, handleSelect]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
+      children: [label, required && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$red10",
+        children: " *"
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+      open,
+      onOpenChange: setOpen,
+      placement: "bottom",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          alignItems: "center",
+          gap: "$1",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+            ref: inputRef,
+            flex: 1,
+            value: open ? search : displayValue,
+            onChangeText: handleInputChange,
+            placeholder: `Select ${doctype}`,
+            disabled,
+            onFocus: function onFocus() {
+              setOpen(true);
+              setSearch("");
+            },
+            ...{
+              onKeyDown: handleKeyDown
+            }
+          }), value && !disabled && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            size: "$2",
+            chromeless: true,
+            onPress: handleClear,
+            "aria-label": "Clear",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {
+              size: 16
+            })
+          })]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+        borderColor: "$borderColor",
+        enterStyle: {
+          y: -10,
+          opacity: 0
+        },
+        exitStyle: {
+          y: -10,
+          opacity: 0
+        },
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+          borderWidth: 1,
+          borderColor: "$borderColor"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          minWidth: 250,
+          maxHeight: 300,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+              children: isLoading && search ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+                ...knobProps.panelPadding,
+                alignItems: "center",
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+                  size: "small"
+                })
+              }) : results.length > 0 ? results.map(function (result, index) {
+                return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+                  title: result.label,
+                  subTitle: showDescription && result.description ? result.description : void 0,
+                  size: knobProps.sizeToken,
+                  backgroundColor: highlightedIndex === index ? "$color4" : void 0,
+                  hoverStyle: {
+                    backgroundColor: "$color4"
+                  },
+                  pressStyle: {
+                    backgroundColor: "$color5"
+                  },
+                  cursor: "pointer",
+                  onPress: function onPress() {
+                    return handleSelect(result.value);
+                  }
+                }, result.value);
+              }) : search ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+                title: "No results found",
+                size: knobProps.sizeToken,
+                disabled: true
+              }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+                title: "Type to search...",
+                size: knobProps.sizeToken,
+                disabled: true
+              })
+            })
+          }), allowCreate && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+            title: `Create new ${doctype}`,
+            icon: import_react.PlusIcon,
+            size: knobProps.sizeToken,
+            borderTopWidth: 1,
+            borderTopColor: "$borderColor",
+            hoverStyle: {
+              backgroundColor: "$accentBackground"
+            },
+            pressStyle: {
+              backgroundColor: "$accentBackground"
+            },
+            cursor: "pointer",
+            onPress: function onPress() {
+              onCreateNew === null || onCreateNew === void 0 ? void 0 : onCreateNew();
+              setOpen(false);
+            }
+          }), showAdvancedSearch !== false && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+            title: "Advanced Search...",
+            icon: import_react.MagnifyingGlassIcon,
+            size: knobProps.sizeToken,
+            borderTopWidth: 1,
+            borderTopColor: "$borderColor",
+            hoverStyle: {
+              backgroundColor: "$color2"
+            },
+            cursor: "pointer",
+            onPress: function onPress() {
+              onAdvancedSearch === null || onAdvancedSearch === void 0 ? void 0 : onAdvancedSearch();
+              setOpen(false);
+            }
+          })]
+        })]
+      })]
+    }), error && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      color: "$red10",
+      fontSize: "$2",
+      children: error
+    })]
+  });
+}
+//# sourceMappingURL=Link.native.js.map