@multiplatform.one/forms 7.4.1 → 7.6.0

package/dist/cjs/fields/Icon/index.native.js

@@ -0,0 +1,399 @@
+"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 Icon_exports = {};
+__export(Icon_exports, {
+  DRAWN_ICON_NAMES: () => import_drawnSet2.DRAWN_ICON_NAMES,
+  DrawnIcon: () => import_drawnSet2.DrawnIcon,
+  Icon: () => Icon,
+  filterDrawnIcons: () => import_drawnSet2.filterDrawnIcons,
+  isDrawnIconName: () => import_drawnSet2.isDrawnIconName,
+  parseIconOptions: () => import_drawnSet2.parseIconOptions,
+  resolveIconCatalog: () => import_drawnSet2.resolveIconCatalog
+});
+module.exports = __toCommonJS(Icon_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");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_InputParts = require("../../InputParts");
+var import_FloatingPanel = require("../../FloatingPanel");
+var import_Skeleton = require("../../Skeleton");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_tableCellContext = require("../../shared/tableCellContext.native.js");
+var import_utils = require("../../shared/utils.native.js");
+var import_t = require("../../shared/t.native.js");
+var import_drawnSet = require("./drawnSet.native.js");
+var import_drawnSet2 = require("./drawnSet.native.js");
+var adornmentRing = (0, import_theme.ensureFocusVisibleRing)({
+  outlineOffset: -2
+});
+var NESTED_GLYPH_WELL = 32;
+function EmptyGlyphWell() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    testID: "icon-empty-well",
+    width: 16,
+    height: 16,
+    borderWidth: 1,
+    borderStyle: "dashed",
+    borderColor: "$borderColor",
+    borderRadius: 3
+  });
+}
+function IconControl(param) {
+  var {
+    value,
+    placeholder,
+    disabled,
+    readOnly,
+    hasError,
+    required,
+    id,
+    hasLabel,
+    a11yLabel,
+    helperText,
+    catalog,
+    onValueChange,
+    onBlurControl
+  } = param;
+  var inTableCell = (0, import_tableCellContext.useIsInTableCell)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var [query, setQuery] = (0, import_react.useState)("");
+  var drawn = (0, import_drawnSet.isDrawnIconName)(value) ? value : void 0;
+  var matches = (0, import_react.useMemo)(function () {
+    return (0, import_drawnSet.filterDrawnIcons)(catalog, query);
+  }, [catalog, query]);
+  var closePanel = (0, import_react.useCallback)(function () {
+    setOpen(false);
+    setQuery("");
+    onBlurControl === null || onBlurControl === void 0 ? void 0 : onBlurControl();
+  }, [onBlurControl]);
+  var handlePick = (0, import_react.useCallback)(function (name) {
+    onValueChange(name);
+    closePanel();
+  }, [closePanel, onValueChange]);
+  var handleClear = (0, import_react.useCallback)(function () {
+    onValueChange("");
+    setQuery("");
+  }, [onValueChange]);
+  var handleOpenChange = (0, import_react.useCallback)(function (next) {
+    if (disabled || readOnly) return;
+    if (next) {
+      setOpen(true);
+      return;
+    }
+    closePanel();
+  }, [closePanel, disabled, readOnly]);
+  if (readOnly) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      testID: "icon-field-readonly",
+      width: NESTED_GLYPH_WELL,
+      height: NESTED_GLYPH_WELL,
+      alignItems: "center",
+      justifyContent: "center",
+      children: drawn ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_drawnSet.DrawnIcon, {
+        name: drawn,
+        size: 16
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(EmptyGlyphWell, {})
+    });
+  }
+  var displayValue = open ? query : drawn ? drawn : value;
+  var showClear = Boolean(value) && !disabled;
+  var trigger = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+      cursor: "pointer",
+      onPress: import_tamagui.isWeb && !disabled ? function () {
+        return setOpen(true);
+      } : void 0,
+      size: knobProps.sizeToken,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input.Box, {
+        testID: "icon-field",
+        theme: hasError ? "red" : void 0,
+        disabled,
+        ...(disabled ? {
+          opacity: 0.5,
+          pointerEvents: "none"
+        } : void 0),
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+          adornment: "leading",
+          children: drawn ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_drawnSet.DrawnIcon, {
+            name: drawn,
+            size: 16
+          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(EmptyGlyphWell, {})
+        }), !inTableCell && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+          id,
+          value: displayValue,
+          placeholder,
+          fontFamily: "$mono",
+          readOnly: !open,
+          disabled,
+          "aria-expanded": open,
+          "aria-haspopup": "listbox",
+          "aria-controls": open ? `${id !== null && id !== void 0 ? id : "icon"}-listbox` : void 0,
+          "aria-label": hasLabel ? void 0 : (0, import_t.t)("Icon"),
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0,
+          autoComplete: "off",
+          autoCapitalize: "none",
+          spellCheck: false,
+          onChangeText: open ? setQuery : void 0,
+          onFocus: function onFocus() {
+            if (!disabled) setOpen(true);
+          }
+        }), showClear ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Button, {
+          tabIndex: 0,
+          "aria-label": (0, import_t.t)("Clear icon"),
+          disabled,
+          focusVisibleStyle: adornmentRing,
+          onPress: function onPress(e) {
+            e.stopPropagation();
+            handleClear();
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_drawnSet.DrawnIcon, {
+              name: "x",
+              size: 16
+            })
+          })
+        }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+          adornment: "trailing",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_drawnSet.DrawnIcon, {
+            name: "chev-d",
+            size: 16
+          })
+        })]
+      })
+    })
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
+    open,
+    onOpenChange: handleOpenChange,
+    trigger,
+    disabled,
+    scrollable: true,
+    sizing: "fill",
+    widthMode: "at-least-trigger",
+    triggerA11y: {
+      label: a11yLabel || (0, import_t.t)("Icon"),
+      value: value || placeholder,
+      hint: helperText
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      testID: "icon-panel",
+      id: `${id !== null && id !== void 0 ? id : "icon"}-listbox`,
+      ...{
+        role: "listbox"
+      },
+      "aria-label": (0, import_t.t)("Icons"),
+      padding: "$2",
+      children: matches.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        testID: "icon-no-results",
+        color: import_colorRamps.formCommonColors.muted,
+        fontSize: "$3",
+        textAlign: "center",
+        padding: "$4",
+        children: (0, import_t.t)('No icon matches "{{query}}"', {
+          query
+        })
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        flexWrap: "wrap",
+        children: matches.map(function (name) {
+          var selected = name === value;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            role: "option",
+            "aria-selected": selected,
+            testID: `icon-option-${name}`,
+            width: "33.333%",
+            padding: "$1",
+            cursor: "pointer",
+            onPress: function onPress() {
+              return handlePick(name);
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+              height: 60,
+              alignItems: "center",
+              justifyContent: "center",
+              gap: "$1",
+              borderRadius: "$3",
+              backgroundColor: selected ? "$color3" : "transparent",
+              hoverStyle: {
+                backgroundColor: "$color3"
+              },
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_drawnSet.DrawnIcon, {
+                name,
+                size: 16
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                fontFamily: "$mono",
+                fontSize: 11,
+                color: "$color10",
+                numberOfLines: 1,
+                children: name
+              })]
+            })
+          }, name);
+        })
+      })
+    })
+  });
+}
+function Icon(props) {
+  var {
+    defaultValue,
+    form,
+    placeholder = (0, import_t.t)("Choose an icon"),
+    mode,
+    name,
+    preserveValue,
+    validators,
+    disabled,
+    readOnly,
+    label,
+    labelProps,
+    error: errorProp,
+    helperText,
+    required,
+    size,
+    onBlur,
+    value: controlledValue,
+    onChange,
+    onValueChange,
+    skeleton,
+    compact,
+    id: idProp,
+    icons,
+    options
+  } = (0, import_tamagui.useProps)(props);
+  var catalog = (0, import_react.useMemo)(function () {
+    return (0, import_drawnSet.resolveIconCatalog)(icons !== null && icons !== void 0 ? icons : (0, import_drawnSet.parseIconOptions)(options));
+  }, [icons, options]);
+  var emitValueChange = (0, import_react.useCallback)(function (newValue) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue);
+  }, [onChange, onValueChange]);
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = (0, import_utils.useFormField)({
+    form,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  var [standaloneValue, setStandaloneValue] = (0, import_react.useState)(function () {
+    return (controlledValue !== null && controlledValue !== void 0 ? controlledValue : defaultValue) || "";
+  });
+  (0, import_react.useEffect)(function () {
+    if (controlledValue !== void 0) {
+      setStandaloneValue(controlledValue);
+    }
+  }, [controlledValue]);
+  var handleStandaloneChange = (0, import_react.useCallback)(function (newValue) {
+    setStandaloneValue(newValue);
+    emitValueChange(newValue);
+  }, [emitValueChange]);
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input, {
+      size: size || knobProps.sizeToken,
+      children: [label ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "text",
+        width: 96,
+        height: 14
+      }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "rounded",
+        width: 320,
+        height: knobProps.control.height,
+        borderRadius: knobProps.borderRadius.borderRadius
+      })]
+    });
+  }
+  var control = function control2(fieldValue, onValue, error) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconControl, {
+      value: fieldValue,
+      placeholder,
+      disabled,
+      readOnly,
+      hasError: !!error,
+      required,
+      id,
+      hasLabel: Boolean(label),
+      a11yLabel: typeof label === "string" ? label : void 0,
+      helperText,
+      catalog,
+      onValueChange: onValue,
+      onBlurControl: function onBlurControl() {
+        return onBlur === null || onBlur === void 0 ? void 0 : onBlur(void 0);
+      }
+    });
+  };
+  if (!resolvedForm || !name) {
+    var effectiveValue = controlledValue !== null && controlledValue !== void 0 ? controlledValue : standaloneValue;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      disabled,
+      children: control(effectiveValue, handleStandaloneChange, errorProp)
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var resolvedError = (0, import_utils.getFieldError)(field, errorProp);
+      var fieldValue = field.state.value || "";
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
+        disabled,
+        children: control(fieldValue, function (newValue) {
+          field.handleChange(newValue);
+          emitValueChange(newValue);
+        }, resolvedError)
+      });
+    }
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/fields/Icon/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","Icon_exports","DRAWN_ICON_NAMES","import_drawnSet2","DrawnIcon","Icon","filterDrawnIcons","isDrawnIconName","parseIconOptions","resolveIconCatalog","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_fieldLayout","import_InputParts","import_FloatingPanel","import_Skeleton","import_colorRamps","import_tableCellContext","import_utils","import_t","import_drawnSet","adornmentRing","ensureFocusVisibleRing","outlineOffset","NESTED_GLYPH_WELL","EmptyGlyphWell","jsx","View","testID","width","height","borderWidth","borderStyle","borderColor","borderRadius","IconControl","param","placeholder","disabled","readOnly","hasError","required","id","hasLabel","a11yLabel","helperText","catalog","onValueChange","onBlurControl","inTableCell","useIsInTableCell","knobProps","useResolvedKnobs","open","setOpen","useState","query","setQuery","drawn","matches","useMemo","closePanel","useCallback","handlePick","handleClear","handleOpenChange","next","alignItems","justifyContent","children","size","displayValue","showClear","Boolean","trigger","Input","cursor","onPress","isWeb","sizeToken","jsxs","Box","theme","opacity","pointerEvents","adornment","Area","fontFamily","t","autoComplete","autoCapitalize","spellCheck","onChangeText","onFocus","Button","tabIndex","focusVisibleStyle","e","stopPropagation","FloatingPanel","onOpenChange","scrollable","sizing","widthMode","triggerA11y","label","hint","YStack","role","padding","length","Text","color","formCommonColors","muted","fontSize","textAlign","XStack","flexWrap","map","selected","gap","backgroundColor","hoverStyle","numberOfLines","props","defaultValue","form","mode","preserveValue","validators","labelProps","error","errorProp","onBlur","controlledValue","onChange","skeleton","compact","idProp","icons","options","useProps","emitValueChange","newValue","resolvedForm","useFormField","resolvedValidators","useResolvedValidators","standaloneValue","setStandaloneValue","useEffect","handleStandaloneChange","Skeleton","variant","control","control2","fieldValue","onValue","effectiveValue","FieldLayout","Field","field","resolvedError","getFieldError","state","mergeFieldHandler","handleChange"],"sources":["index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Icon_exports = {};\n__export(Icon_exports, {\n  DRAWN_ICON_NAMES: () => import_drawnSet2.DRAWN_ICON_NAMES,\n  DrawnIcon: () => import_drawnSet2.DrawnIcon,\n  Icon: () => Icon,\n  filterDrawnIcons: () => import_drawnSet2.filterDrawnIcons,\n  isDrawnIconName: () => import_drawnSet2.isDrawnIconName,\n  parseIconOptions: () => import_drawnSet2.parseIconOptions,\n  resolveIconCatalog: () => import_drawnSet2.resolveIconCatalog\n});\nmodule.exports = __toCommonJS(Icon_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = require(\"react\");\nvar import_tamagui = require(\"tamagui\");\nvar import_fieldLayout = require(\"../../fieldLayout\");\nvar import_InputParts = require(\"../../InputParts\");\nvar import_FloatingPanel = require(\"../../FloatingPanel\");\nvar import_Skeleton = require(\"../../Skeleton\");\nvar import_colorRamps = require(\"../../shared/colorRamps\");\nvar import_tableCellContext = require(\"../../shared/tableCellContext\");\nvar import_utils = require(\"../../shared/utils\");\nvar import_t = require(\"../../shared/t\");\nvar import_drawnSet = require(\"./drawnSet\");\nvar import_drawnSet2 = require(\"./drawnSet\");\nvar adornmentRing = (0, import_theme.ensureFocusVisibleRing)({\n  outlineOffset: -2\n});\nvar NESTED_GLYPH_WELL = 32;\nfunction EmptyGlyphWell() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n    testID: \"icon-empty-well\",\n    width: 16,\n    height: 16,\n    borderWidth: 1,\n    borderStyle: \"dashed\",\n    borderColor: \"$borderColor\",\n    borderRadius: 3\n  });\n}\nfunction IconControl(param) {\n  var { value, placeholder, disabled, readOnly, hasError, required, id, hasLabel, a11yLabel, helperText, catalog, onValueChange, onBlurControl } = param;\n  var inTableCell = (0, import_tableCellContext.useIsInTableCell)();\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\n  var [open, setOpen] = (0, import_react.useState)(false);\n  var [query, setQuery] = (0, import_react.useState)(\"\");\n  var drawn = (0, import_drawnSet.isDrawnIconName)(value) ? value : void 0;\n  var matches = (0, import_react.useMemo)(function() {\n    return (0, import_drawnSet.filterDrawnIcons)(catalog, query);\n  }, [\n    catalog,\n    query\n  ]);\n  var closePanel = (0, import_react.useCallback)(function() {\n    setOpen(false);\n    setQuery(\"\");\n    onBlurControl === null || onBlurControl === void 0 ? void 0 : onBlurControl();\n  }, [\n    onBlurControl\n  ]);\n  var handlePick = (0, import_react.useCallback)(function(name) {\n    onValueChange(name);\n    closePanel();\n  }, [\n    closePanel,\n    onValueChange\n  ]);\n  var handleClear = (0, import_react.useCallback)(function() {\n    onValueChange(\"\");\n    setQuery(\"\");\n  }, [\n    onValueChange\n  ]);\n  var handleOpenChange = (0, import_react.useCallback)(function(next) {\n    if (disabled || readOnly) return;\n    if (next) {\n      setOpen(true);\n      return;\n    }\n    closePanel();\n  }, [\n    closePanel,\n    disabled,\n    readOnly\n  ]);\n  if (readOnly) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n      testID: \"icon-field-readonly\",\n      width: NESTED_GLYPH_WELL,\n      height: NESTED_GLYPH_WELL,\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      children: drawn ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drawnSet.DrawnIcon, {\n        name: drawn,\n        size: 16\n      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyGlyphWell, {})\n    });\n  }\n  var displayValue = open ? query : drawn ? drawn : value;\n  var showClear = Boolean(value) && !disabled;\n  var trigger = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input, {\n      cursor: \"pointer\",\n      onPress: import_tamagui.isWeb && !disabled ? function() {\n        return setOpen(true);\n      } : void 0,\n      size: knobProps.sizeToken,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_InputParts.Input.Box, {\n        testID: \"icon-field\",\n        theme: hasError ? \"red\" : void 0,\n        disabled,\n        ...disabled ? {\n          opacity: 0.5,\n          pointerEvents: \"none\"\n        } : void 0,\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {\n            adornment: \"leading\",\n            children: drawn ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drawnSet.DrawnIcon, {\n              name: drawn,\n              size: 16\n            }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyGlyphWell, {})\n          }),\n          !inTableCell && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {\n            id,\n            value: displayValue,\n            placeholder,\n            fontFamily: \"$mono\",\n            readOnly: !open,\n            disabled,\n            \"aria-expanded\": open,\n            \"aria-haspopup\": \"listbox\",\n            \"aria-controls\": open ? `${id !== null && id !== void 0 ? id : \"icon\"}-listbox` : void 0,\n            \"aria-label\": hasLabel ? void 0 : (0, import_t.t)(\"Icon\"),\n            \"aria-required\": required || void 0,\n            \"aria-invalid\": hasError || void 0,\n            autoComplete: \"off\",\n            autoCapitalize: \"none\",\n            spellCheck: false,\n            onChangeText: open ? setQuery : void 0,\n            onFocus: function onFocus() {\n              if (!disabled) setOpen(true);\n            }\n          }),\n          showClear ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Button, {\n            tabIndex: 0,\n            \"aria-label\": (0, import_t.t)(\"Clear icon\"),\n            disabled,\n            focusVisibleStyle: adornmentRing,\n            onPress: function onPress(e) {\n              e.stopPropagation();\n              handleClear();\n            },\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drawnSet.DrawnIcon, {\n                name: \"x\",\n                size: 16\n              })\n            })\n          }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {\n            adornment: \"trailing\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drawnSet.DrawnIcon, {\n              name: \"chev-d\",\n              size: 16\n            })\n          })\n        ]\n      })\n    })\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {\n    open,\n    onOpenChange: handleOpenChange,\n    trigger,\n    disabled,\n    scrollable: true,\n    sizing: \"fill\",\n    widthMode: \"at-least-trigger\",\n    triggerA11y: {\n      label: a11yLabel || (0, import_t.t)(\"Icon\"),\n      value: value || placeholder,\n      hint: helperText\n    },\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n      testID: \"icon-panel\",\n      id: `${id !== null && id !== void 0 ? id : \"icon\"}-listbox`,\n      ...{\n        role: \"listbox\"\n      },\n      \"aria-label\": (0, import_t.t)(\"Icons\"),\n      padding: \"$2\",\n      children: matches.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n        testID: \"icon-no-results\",\n        color: import_colorRamps.formCommonColors.muted,\n        fontSize: \"$3\",\n        textAlign: \"center\",\n        padding: \"$4\",\n        children: (0, import_t.t)('No icon matches \"{{query}}\"', {\n          query\n        })\n      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n        flexWrap: \"wrap\",\n        children: matches.map(function(name) {\n          var selected = name === value;\n          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n            role: \"option\",\n            \"aria-selected\": selected,\n            testID: `icon-option-${name}`,\n            width: \"33.333%\",\n            padding: \"$1\",\n            cursor: \"pointer\",\n            onPress: function onPress() {\n              return handlePick(name);\n            },\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n              height: 60,\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              gap: \"$1\",\n              borderRadius: \"$3\",\n              backgroundColor: selected ? \"$color3\" : \"transparent\",\n              hoverStyle: {\n                backgroundColor: \"$color3\"\n              },\n              children: [\n                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drawnSet.DrawnIcon, {\n                  name,\n                  size: 16\n                }),\n                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n                  fontFamily: \"$mono\",\n                  fontSize: 11,\n                  color: \"$color10\",\n                  numberOfLines: 1,\n                  children: name\n                })\n              ]\n            })\n          }, name);\n        })\n      })\n    })\n  });\n}\nfunction Icon(props) {\n  var { defaultValue, form, placeholder = (0, import_t.t)(\"Choose an icon\"), mode, name, preserveValue, validators, disabled, readOnly, label, labelProps, error: errorProp, helperText, required, size, onBlur, value: controlledValue, onChange, onValueChange, skeleton, compact, id: idProp, icons, options } = (0, import_tamagui.useProps)(props);\n  var catalog = (0, import_react.useMemo)(function() {\n    return (0, import_drawnSet.resolveIconCatalog)(icons !== null && icons !== void 0 ? icons : (0, import_drawnSet.parseIconOptions)(options));\n  }, [\n    icons,\n    options\n  ]);\n  var emitValueChange = (0, import_react.useCallback)(function(newValue) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);\n    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue);\n  }, [\n    onChange,\n    onValueChange\n  ]);\n  var { resolvedForm, knobProps, id } = (0, import_utils.useFormField)({\n    form,\n    id: idProp,\n    compact\n  });\n  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);\n  var [standaloneValue, setStandaloneValue] = (0, import_react.useState)(function() {\n    return (controlledValue !== null && controlledValue !== void 0 ? controlledValue : defaultValue) || \"\";\n  });\n  (0, import_react.useEffect)(function() {\n    if (controlledValue !== void 0) {\n      setStandaloneValue(controlledValue);\n    }\n  }, [\n    controlledValue\n  ]);\n  var handleStandaloneChange = (0, import_react.useCallback)(function(newValue) {\n    setStandaloneValue(newValue);\n    emitValueChange(newValue);\n  }, [\n    emitValueChange\n  ]);\n  if (skeleton) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_InputParts.Input, {\n      size: size || knobProps.sizeToken,\n      children: [\n        label ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {\n          variant: \"text\",\n          width: 96,\n          height: 14\n        }) : null,\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {\n          variant: \"rounded\",\n          width: 320,\n          height: knobProps.control.height,\n          borderRadius: knobProps.borderRadius.borderRadius\n        })\n      ]\n    });\n  }\n  var control = function control2(fieldValue, onValue, error) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconControl, {\n      value: fieldValue,\n      placeholder,\n      disabled,\n      readOnly,\n      hasError: !!error,\n      required,\n      id,\n      hasLabel: Boolean(label),\n      a11yLabel: typeof label === \"string\" ? label : void 0,\n      helperText,\n      catalog,\n      onValueChange: onValue,\n      onBlurControl: function onBlurControl() {\n        return onBlur === null || onBlur === void 0 ? void 0 : onBlur(void 0);\n      }\n    });\n  };\n  if (!resolvedForm || !name) {\n    var effectiveValue = controlledValue !== null && controlledValue !== void 0 ? controlledValue : standaloneValue;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {\n      id,\n      label,\n      labelProps,\n      error: errorProp,\n      helperText,\n      required,\n      size,\n      knobProps,\n      onBlur,\n      disabled,\n      children: control(effectiveValue, handleStandaloneChange, errorProp)\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {\n    defaultValue,\n    form: resolvedForm,\n    mode,\n    name,\n    preserveValue,\n    validators: resolvedValidators,\n    children: function children(field) {\n      var resolvedError = (0, import_utils.getFieldError)(field, errorProp);\n      var fieldValue = field.state.value || \"\";\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {\n        id,\n        label,\n        labelProps,\n        error: resolvedError,\n        helperText,\n        required,\n        size,\n        knobProps,\n        onBlur: (0, import_utils.mergeFieldHandler)(field, \"handleBlur\", onBlur),\n        disabled,\n        children: control(fieldValue, function(newValue) {\n          field.handleChange(newValue);\n          emitValueChange(newValue);\n        }, resolvedError)\n      });\n    }\n  });\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/ImageField/index.cjs

@@ -34,6 +34,7 @@ var import_fieldLayout = require("../../fieldLayout.cjs");
 var import_Skeleton = require("../../Skeleton/index.cjs");
 var import_t = require("../../shared/t.cjs");
 var import_colorRamps = require("../../shared/colorRamps.cjs");
+var import_tableCellContext = require("../../shared/tableCellContext.cjs");
 var import_utils = require("../../shared/utils.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const IMAGE_EXT = /\.(avif|bmp|gif|heic|heif|jpe?g|png|svg|webp)$/i;
@@ -79,13 +80,7 @@ function ImageControl({
   showRemove,
   placeholder,
   objectFit,
-  cappedRadius,
-  borderWidth,
-  outlined,
-  elevation,
-  transition,
-  body,
-  gap,
+  knobProps,
   disabledSurface,
   onChange,
   onChangeProp,
@@ -95,6 +90,8 @@ function ImageControl({
 }) {
   const describedBy = (0, import_fieldLayout.useFieldDescribedBy)();
   const fieldA11y = (0, import_fieldLayout.useFieldA11y)();
+  const inTableCell = (0, import_tableCellContext.useIsInTableCell)();
+  if (typeof document !== "undefined") (0, import_theme.ensureKeyboardModalityTracking)();
   const [previewUrl, setPreviewUrl] = (0, import_react2.useState)(null);
   const [broken, setBroken] = (0, import_react2.useState)(false);
   const [kbFrameFocus, setKbFrameFocus] = (0, import_react2.useState)(false);
@@ -197,7 +194,8 @@ function ImageControl({
     const file = e.dataTransfer.files?.[0];
     if (file) applyFile(file);
   }, [canInteract, applyFile]);
-  const frameBorderWidth = isDragOver && canInteract ? Math.max(borderWidth, 2) : borderWidth;
+  const restBorderWidth = knobProps.inputSurface.borderWidth;
+  const frameBorderWidth = isDragOver && canInteract ? Math.max(restBorderWidth, 2) : restBorderWidth;
   const frameBorderColor = errorProp || isDragOver && canInteract ? errorProp ? import_colorRamps.formCommonColors.error : import_colorRamps.formCommonColors.text : import_colorRamps.formInputColors.border.base;
   const altText = typeof label === "string" && label ? label : fieldA11y?.label || (0, import_t.t)("Selected image");
   const emptyName = typeof label === "string" && label ? (0, import_t.t)("{{label}}: add image", {
@@ -205,20 +203,22 @@ function ImageControl({
   }) : (0, import_t.t)("Add image");
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     alignItems: "flex-start",
-    ...(gap ?? {
-      gap: "$2"
-    }),
+    ...knobProps.gap,
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(ImageFrame, {
       id,
+      "data-media-tile": "",
+      "data-radius-class": "R-SCALE",
+      "data-radius-unclamped": "",
       width: imageWidth,
       height: imageHeight,
-      borderRadius: cappedRadius,
+      ...knobProps.borderRadius,
+      ...knobProps.inputSurface,
       borderStyle: hasPreview ? "solid" : "dashed",
       borderWidth: frameBorderWidth,
       borderColor: frameBorderColor,
-      backgroundColor: outlined || hasPreview ? "transparent" : import_colorRamps.formInputColors.background.base,
-      elevation,
-      transition,
+      backgroundColor: inTableCell || knobProps.outlined || hasPreview ? "transparent" : import_colorRamps.formInputColors.background.base,
+      elevation: inTableCell ? void 0 : knobProps.elevation,
+      transition: knobProps.transition,
       ...(disabled ? disabledSurface : void 0),
       "aria-required": required || void 0,
       "aria-invalid": !!errorProp || void 0,
@@ -270,7 +270,7 @@ function ImageControl({
           size: iconSize,
           color: "var(--color11)"
         }), showCaption ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          ...body,
+          ...knobProps.body,
           color: import_colorRamps.formCommonColors.muted,
           textAlign: "center",
           numberOfLines: 2,
@@ -298,7 +298,7 @@ function ImageControl({
         },
         disabled: !canInteract
       })]
-    }), showRemove && hasValue && canInteract && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+    }), showRemove && hasValue && canInteract && !inTableCell && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
       chromeless: true,
       size: "$2",
       icon: import_react.XIcon,
@@ -347,7 +347,6 @@ function ImageField({
     compact
   });
   const resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
-  const cappedRadius = (0, import_utils.clampRadiusForControl)(knobProps.borderRadius.borderRadius, 6);
   const [validationError, setValidationError] = (0, import_react2.useState)();
   if (skeleton) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
@@ -375,13 +374,7 @@ function ImageField({
     showRemove,
     placeholder,
     objectFit,
-    cappedRadius,
-    borderWidth: knobProps.borderRadius.borderWidth ?? 1,
-    outlined: knobProps.outlined,
-    elevation: knobProps.elevation,
-    transition: knobProps.transition,
-    body: knobProps.body,
-    gap: knobProps.gap,
+    knobProps,
     disabledSurface: disabled ? disabledState.surfaceKnobProps : void 0,
     onChangeProp,
     onValueChange,