@multiplatform.one/forms 7.71.0 → 7.73.0

package/dist/esm/FloatingPanel/iconEcho.mjs

@@ -0,0 +1,77 @@
+import { XIcon } from "@phosphor-icons/react";
+import { cloneElement, isValidElement, useState } from "react";
+import { SurfaceContext } from "@multiplatform.one/theme";
+import { useTheme, View } from "tamagui";
+import { ICON_BUTTON_CIRCLE_GLYPH_RATIO } from "../Button/circleGlyph.mjs";
+import { t } from "../shared/t.mjs";
+import { jsx } from "react/jsx-runtime";
+const ICON_ECHO_TEST_ID = "floating-panel-icon-echo";
+const DROPPED_PROPS = ["id", "onLongPress", "onKeyDown", "onContextMenu", "aria-haspopup", "aria-expanded", "aria-controls", "aria-describedby", "tooltip"];
+function iconEchoOverlays(kind, up) {
+  return kind === "close" && !up;
+}
+function iconEchoElement(trigger, kind, onClose, surface) {
+  const echo = echoOf(trigger, kind, onClose);
+  if (echo == null || !surface) return echo;
+  return /* @__PURE__ */jsx(SurfaceContext.Provider, {
+    ...surface,
+    children: echo
+  });
+}
+function echoOf(trigger, _kind, onClose) {
+  if (!isValidElement(trigger)) return null;
+  const props = trigger.props;
+  const label = t("Close");
+  const dropped = Object.fromEntries(DROPPED_PROPS.map(name => [name, void 0]));
+  if (props.icon != null) {
+    return cloneElement(trigger, {
+      ...dropped,
+      ref: null,
+      icon: XIcon,
+      "aria-label": label,
+      onPress: onClose,
+      testID: ICON_ECHO_TEST_ID,
+      "data-testid": ICON_ECHO_TEST_ID
+    });
+  }
+  return /* @__PURE__ */jsx(CircleClose, {
+    label,
+    onClose
+  });
+}
+const avatarPlate = "$selectedBackground";
+const circleGlyphFallbackPx = 18;
+function CircleClose({
+  label,
+  onClose
+}) {
+  const theme = useTheme();
+  const [side, setSide] = useState(0);
+  return /* @__PURE__ */jsx(View, {
+    role: "button",
+    "aria-label": label,
+    tabIndex: 0,
+    cursor: "pointer",
+    width: "100%",
+    height: "100%",
+    borderRadius: 1e5,
+    backgroundColor: avatarPlate,
+    alignItems: "center",
+    justifyContent: "center",
+    pressStyle: {
+      opacity: 0.6
+    },
+    onPress: onClose,
+    onLayout: event => setSide(Math.min(event.nativeEvent.layout.width, event.nativeEvent.layout.height)),
+    testID: ICON_ECHO_TEST_ID,
+    "data-testid": ICON_ECHO_TEST_ID,
+    children: /* @__PURE__ */jsx(XIcon, {
+      size: side > 0 ? Math.round(side * ICON_BUTTON_CIRCLE_GLYPH_RATIO) : circleGlyphFallbackPx,
+      weight: "bold",
+      color: theme.selectedColor?.val ?? theme.color?.val,
+      "aria-hidden": true
+    })
+  });
+}
+export { ICON_ECHO_TEST_ID, iconEchoElement, iconEchoOverlays };
+//# sourceMappingURL=iconEcho.mjs.map

package/dist/esm/FloatingPanel/iconEcho.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["XIcon","cloneElement","isValidElement","useState","SurfaceContext","useTheme","View","ICON_BUTTON_CIRCLE_GLYPH_RATIO","t","jsx","ICON_ECHO_TEST_ID","DROPPED_PROPS","iconEchoOverlays","kind","up","iconEchoElement","trigger","onClose","surface","echo","echoOf","Provider","children","_kind","props","label","dropped","Object","fromEntries","map","name","icon","ref","onPress","testID","CircleClose","avatarPlate","circleGlyphFallbackPx","theme","side","setSide","role","tabIndex","cursor","width","height","borderRadius","backgroundColor","alignItems","justifyContent","pressStyle","opacity","onLayout","event","Math","min","nativeEvent","layout","size","round","weight","color","selectedColor","val"],"sources":["../../../src/FloatingPanel/iconEcho.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/FloatingPanel/iconEcho.native.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { XIcon } from "@phosphor-icons/react";
+import { cloneElement, isValidElement, useState } from "react";
+import { SurfaceContext } from "@multiplatform.one/theme";
+import { useTheme, View } from "tamagui";
+import { ICON_BUTTON_CIRCLE_GLYPH_RATIO } from "../Button/circleGlyph.native.js";
+import { t } from "../shared/t.native.js";
+var ICON_ECHO_TEST_ID = "floating-panel-icon-echo";
+var DROPPED_PROPS = ["id", "onLongPress", "onKeyDown", "onContextMenu", "aria-haspopup", "aria-expanded", "aria-controls", "aria-describedby", "tooltip"];
+function iconEchoOverlays(kind, up) {
+  return kind === "close" && !up;
+}
+function iconEchoElement(trigger, kind, onClose, surface) {
+  var echo = echoOf(trigger, kind, onClose);
+  if (echo == null || !surface) return echo;
+  return /* @__PURE__ */_jsx(SurfaceContext.Provider, {
+    ...surface,
+    children: echo
+  });
+}
+function echoOf(trigger, _kind, onClose) {
+  if (! /* @__PURE__ */isValidElement(trigger)) return null;
+  var props = trigger.props;
+  var label = t("Close");
+  var dropped = Object.fromEntries(DROPPED_PROPS.map(function (name) {
+    return [name, void 0];
+  }));
+  if (props.icon != null) {
+    return /* @__PURE__ */cloneElement(trigger, {
+      ...dropped,
+      ref: null,
+      icon: XIcon,
+      "aria-label": label,
+      onPress: onClose,
+      testID: ICON_ECHO_TEST_ID,
+      "data-testid": ICON_ECHO_TEST_ID
+    });
+  }
+  return /* @__PURE__ */_jsx(CircleClose, {
+    label,
+    onClose
+  });
+}
+var avatarPlate = "$selectedBackground";
+var circleGlyphFallbackPx = 18;
+function CircleClose(param) {
+  var {
+    label,
+    onClose
+  } = param;
+  var _ref;
+  var _theme_selectedColor, _theme_color;
+  var theme = useTheme();
+  var [side, setSide] = useState(0);
+  return /* @__PURE__ */_jsx(View, {
+    role: "button",
+    "aria-label": label,
+    tabIndex: 0,
+    cursor: "pointer",
+    width: "100%",
+    height: "100%",
+    borderRadius: 1e5,
+    backgroundColor: avatarPlate,
+    alignItems: "center",
+    justifyContent: "center",
+    pressStyle: {
+      opacity: 0.6
+    },
+    onPress: onClose,
+    onLayout: function onLayout(event) {
+      return setSide(Math.min(event.nativeEvent.layout.width, event.nativeEvent.layout.height));
+    },
+    testID: ICON_ECHO_TEST_ID,
+    "data-testid": ICON_ECHO_TEST_ID,
+    children: /* @__PURE__ */_jsx(XIcon, {
+      size: side > 0 ? Math.round(side * ICON_BUTTON_CIRCLE_GLYPH_RATIO) : circleGlyphFallbackPx,
+      weight: "bold",
+      color: (_ref = (_theme_selectedColor = theme.selectedColor) === null || _theme_selectedColor === void 0 ? void 0 : _theme_selectedColor.val) !== null && _ref !== void 0 ? _ref : (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.val,
+      "aria-hidden": true
+    })
+  });
+}
+export { ICON_ECHO_TEST_ID, iconEchoElement, iconEchoOverlays };
+//# sourceMappingURL=iconEcho.native.js.map

package/dist/esm/FloatingPanel/iconEcho.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","XIcon","cloneElement","isValidElement","useState","SurfaceContext","useTheme","View","ICON_BUTTON_CIRCLE_GLYPH_RATIO","t","ICON_ECHO_TEST_ID","DROPPED_PROPS","iconEchoOverlays","kind","up","iconEchoElement","trigger","onClose","surface","echo","echoOf","Provider","children","_kind","props","label","dropped","Object","fromEntries","map","name","icon","ref","onPress","testID","CircleClose","avatarPlate","circleGlyphFallbackPx","param","_ref","_theme_selectedColor","_theme_color","theme","side","setSide","role","tabIndex","cursor","width","height","borderRadius","backgroundColor","alignItems","justifyContent","pressStyle","opacity","onLayout","event","Math","min","nativeEvent","layout","size","round","weight","color","selectedColor","val"],"sources":["iconEcho.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { XIcon } from \"@phosphor-icons/react\";\nimport { cloneElement, isValidElement, useState } from \"react\";\nimport { SurfaceContext } from \"@multiplatform.one/theme\";\nimport { useTheme, View } from \"tamagui\";\nimport { ICON_BUTTON_CIRCLE_GLYPH_RATIO } from \"../Button/circleGlyph\";\nimport { t } from \"../shared/t\";\nvar ICON_ECHO_TEST_ID = \"floating-panel-icon-echo\";\nvar DROPPED_PROPS = [\n  \"id\",\n  \"onLongPress\",\n  \"onKeyDown\",\n  \"onContextMenu\",\n  \"aria-haspopup\",\n  \"aria-expanded\",\n  \"aria-controls\",\n  \"aria-describedby\",\n  \"tooltip\"\n];\nfunction iconEchoOverlays(kind, up) {\n  return kind === \"close\" && !up;\n}\nfunction iconEchoElement(trigger, kind, onClose, surface) {\n  var echo = echoOf(trigger, kind, onClose);\n  if (echo == null || !surface) return echo;\n  return /* @__PURE__ */ _jsx(SurfaceContext.Provider, {\n    ...surface,\n    children: echo\n  });\n}\nfunction echoOf(trigger, _kind, onClose) {\n  if (!/* @__PURE__ */ isValidElement(trigger)) return null;\n  var props = trigger.props;\n  var label = t(\"Close\");\n  var dropped = Object.fromEntries(DROPPED_PROPS.map(function(name) {\n    return [\n      name,\n      void 0\n    ];\n  }));\n  if (props.icon != null) {\n    return /* @__PURE__ */ cloneElement(trigger, {\n      ...dropped,\n      ref: null,\n      icon: XIcon,\n      \"aria-label\": label,\n      onPress: onClose,\n      testID: ICON_ECHO_TEST_ID,\n      \"data-testid\": ICON_ECHO_TEST_ID\n    });\n  }\n  return /* @__PURE__ */ _jsx(CircleClose, {\n    label,\n    onClose\n  });\n}\nvar avatarPlate = \"$selectedBackground\";\nvar circleGlyphFallbackPx = 18;\nfunction CircleClose(param) {\n  var { label, onClose } = param;\n  var _ref;\n  var _theme_selectedColor, _theme_color;\n  var theme = useTheme();\n  var [side, setSide] = useState(0);\n  return /* @__PURE__ */ _jsx(View, {\n    role: \"button\",\n    \"aria-label\": label,\n    tabIndex: 0,\n    cursor: \"pointer\",\n    width: \"100%\",\n    height: \"100%\",\n    borderRadius: 1e5,\n    backgroundColor: avatarPlate,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    pressStyle: {\n      opacity: 0.6\n    },\n    onPress: onClose,\n    onLayout: function onLayout(event) {\n      return setSide(Math.min(event.nativeEvent.layout.width, event.nativeEvent.layout.height));\n    },\n    testID: ICON_ECHO_TEST_ID,\n    \"data-testid\": ICON_ECHO_TEST_ID,\n    children: /* @__PURE__ */ _jsx(XIcon, {\n      size: side > 0 ? Math.round(side * ICON_BUTTON_CIRCLE_GLYPH_RATIO) : circleGlyphFallbackPx,\n      weight: \"bold\",\n      color: (_ref = (_theme_selectedColor = theme.selectedColor) === null || _theme_selectedColor === void 0 ? void 0 : _theme_selectedColor.val) !== null && _ref !== void 0 ? _ref : (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.val,\n      \"aria-hidden\": true\n    })\n  });\n}\nexport {\n  ICON_ECHO_TEST_ID,\n  iconEchoElement,\n  iconEchoOverlays\n};\n//# sourceMappingURL=iconEcho.js.map\n"],"mappings":"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","ignoreList":[]}