@multiplatform.one/forms 7.71.0 → 7.73.0

package/dist/jsx/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/jsx/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/jsx/FloatingPanel/iconEcho.native.js

@@ -0,0 +1,114 @@
+"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 iconEcho_exports = {};
+__export(iconEcho_exports, {
+  ICON_ECHO_TEST_ID: () => ICON_ECHO_TEST_ID,
+  iconEchoElement: () => iconEchoElement,
+  iconEchoOverlays: () => iconEchoOverlays
+});
+module.exports = __toCommonJS(iconEcho_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_circleGlyph = require("../Button/circleGlyph.native.js");
+var import_t = require("../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__ */(0, import_jsx_runtime.jsx)(import_theme.SurfaceContext.Provider, {
+    ...surface,
+    children: echo
+  });
+}
+function echoOf(trigger, _kind, onClose) {
+  if (! /* @__PURE__ */(0, import_react2.isValidElement)(trigger)) return null;
+  var props = trigger.props;
+  var label = (0, import_t.t)("Close");
+  var dropped = Object.fromEntries(DROPPED_PROPS.map(function (name) {
+    return [name, void 0];
+  }));
+  if (props.icon != null) {
+    return /* @__PURE__ */(0, import_react2.cloneElement)(trigger, {
+      ...dropped,
+      ref: null,
+      icon: import_react.XIcon,
+      "aria-label": label,
+      onPress: onClose,
+      testID: ICON_ECHO_TEST_ID,
+      "data-testid": ICON_ECHO_TEST_ID
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.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 = (0, import_tamagui.useTheme)();
+  var [side, setSide] = (0, import_react2.useState)(0);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {
+      size: side > 0 ? Math.round(side * import_circleGlyph.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
+    })
+  });
+}
+//# sourceMappingURL=iconEcho.native.js.map

package/dist/jsx/FloatingPanel/iconEcho.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","iconEcho_exports","ICON_ECHO_TEST_ID","iconEchoElement","iconEchoOverlays","module","exports","import_jsx_runtime","require","import_react","import_react2","import_theme","import_tamagui","import_circleGlyph","import_t","DROPPED_PROPS","kind","up","trigger","onClose","surface","echo","echoOf","jsx","SurfaceContext","Provider","children","_kind","isValidElement","props","label","t","dropped","fromEntries","map","icon","cloneElement","ref","XIcon","onPress","testID","CircleClose"],"sources":["../../../src/FloatingPanel/iconEcho.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}