@adecore/ui 0.31.11 → 0.32.0

package/dist/Tooltip.js

@@ -1,21 +1,158 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import 'react';
 import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';
-import { Kbd } from './Kbd.js';
+import { Kbd } from "./Kbd.js";
 import { registerShortcutHint } from './shortcut-hints.js';
 /* One provider per app. Tooltips share a delay, so moving along a row of buttons feels instant. `UIProvider` mounts it. */
-export function TooltipProvider({ children }) {
-    return (_jsx(BaseTooltip.Provider, { delay: 150, closeDelay: 0, children: children }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function TooltipProvider(t0) {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = /*#__PURE__*/_jsx(BaseTooltip.Provider, {
+      delay: 150,
+      closeDelay: 0,
+      children: children
+    });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
 }
 /* A hint on hover and on keyboard focus. Every hint in an app is one of these, never a `title`. */
-export function Tooltip({ label, open, onOpenChange, anchor, kbd, side = 'top', sideOffset = 6, name = false, disabled = false, children }) {
-    // Held Cmd (Ctrl off macOS) prints this shortcut under the trigger (`ShortcutHints`).
-    const hintRef = useCallback((element) => {
-        if (element === null || kbd === undefined || typeof kbd === 'string') {
-            return undefined;
-        }
-        return registerShortcutHint(element, kbd);
-    }, [kbd]);
-    return (_jsxs(BaseTooltip.Root, { disabled: disabled, open: open, onOpenChange: onOpenChange, disableHoverablePopup: children === undefined, children: [children && _jsx(BaseTooltip.Trigger, { ref: hintRef, render: children, "aria-label": name && typeof label === 'string' ? label : undefined }), _jsx(BaseTooltip.Portal, { children: _jsx(BaseTooltip.Positioner, { anchor: anchor, side: side, sideOffset: sideOffset, className: "tooltip-positioner", children: _jsx(BaseTooltip.Popup, { role: "tooltip", className: "tooltip-popup", children: _jsxs("div", { className: "max-w-72 px-[9px] py-[5px] text-pretty", children: [_jsx("span", { className: "wrap-anywhere", children: label }), kbd !== undefined &&
-                                    (typeof kbd === 'string' ? (_jsx(Kbd, { variant: "inline", className: "ml-2", children: kbd })) : (_jsx(Kbd, { shortcut: kbd, variant: "inline", className: "ml-2" })))] }) }) }) })] }));
-}
+export function Tooltip(t0) {
+  const $ = _c(26);
+  const {
+    label,
+    open,
+    onOpenChange,
+    anchor,
+    kbd,
+    side: t1,
+    sideOffset: t2,
+    name: t3,
+    disabled: t4,
+    children
+  } = t0;
+  const side = t1 === undefined ? "top" : t1;
+  const sideOffset = t2 === undefined ? 6 : t2;
+  const name = t3 === undefined ? false : t3;
+  const disabled = t4 === undefined ? false : t4;
+  let t5;
+  if ($[0] !== kbd) {
+    t5 = element => {
+      if (element === null || kbd === undefined || typeof kbd === "string") {
+        return;
+      }
+      return registerShortcutHint(element, kbd);
+    };
+    $[0] = kbd;
+    $[1] = t5;
+  } else {
+    t5 = $[1];
+  }
+  const hintRef = t5;
+  const t6 = children === undefined;
+  let t7;
+  if ($[2] !== children || $[3] !== hintRef || $[4] !== label || $[5] !== name) {
+    t7 = children && /*#__PURE__*/_jsx(BaseTooltip.Trigger, {
+      ref: hintRef,
+      render: children,
+      "aria-label": name && typeof label === "string" ? label : undefined
+    });
+    $[2] = children;
+    $[3] = hintRef;
+    $[4] = label;
+    $[5] = name;
+    $[6] = t7;
+  } else {
+    t7 = $[6];
+  }
+  let t8;
+  if ($[7] !== label) {
+    t8 = /*#__PURE__*/_jsx("span", {
+      className: "wrap-anywhere",
+      children: label
+    });
+    $[7] = label;
+    $[8] = t8;
+  } else {
+    t8 = $[8];
+  }
+  let t9;
+  if ($[9] !== kbd) {
+    t9 = kbd !== undefined && (typeof kbd === "string" ? /*#__PURE__*/_jsx(Kbd, {
+      variant: "inline",
+      className: "ml-2",
+      children: kbd
+    }) : /*#__PURE__*/_jsx(Kbd, {
+      shortcut: kbd,
+      variant: "inline",
+      className: "ml-2"
+    }));
+    $[9] = kbd;
+    $[10] = t9;
+  } else {
+    t9 = $[10];
+  }
+  let t10;
+  if ($[11] !== t8 || $[12] !== t9) {
+    t10 = /*#__PURE__*/_jsx(BaseTooltip.Popup, {
+      role: "tooltip",
+      className: "tooltip-popup",
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "max-w-72 px-[9px] py-[5px] text-pretty",
+        children: [t8, t9]
+      })
+    });
+    $[11] = t8;
+    $[12] = t9;
+    $[13] = t10;
+  } else {
+    t10 = $[13];
+  }
+  let t11;
+  if ($[14] !== anchor || $[15] !== side || $[16] !== sideOffset || $[17] !== t10) {
+    t11 = /*#__PURE__*/_jsx(BaseTooltip.Portal, {
+      children: /*#__PURE__*/_jsx(BaseTooltip.Positioner, {
+        anchor: anchor,
+        side: side,
+        sideOffset: sideOffset,
+        className: "tooltip-positioner",
+        children: t10
+      })
+    });
+    $[14] = anchor;
+    $[15] = side;
+    $[16] = sideOffset;
+    $[17] = t10;
+    $[18] = t11;
+  } else {
+    t11 = $[18];
+  }
+  let t12;
+  if ($[19] !== disabled || $[20] !== onOpenChange || $[21] !== open || $[22] !== t11 || $[23] !== t6 || $[24] !== t7) {
+    t12 = /*#__PURE__*/_jsxs(BaseTooltip.Root, {
+      disabled: disabled,
+      open: open,
+      onOpenChange: onOpenChange,
+      disableHoverablePopup: t6,
+      children: [t7, t11]
+    });
+    $[19] = disabled;
+    $[20] = onOpenChange;
+    $[21] = open;
+    $[22] = t11;
+    $[23] = t6;
+    $[24] = t7;
+    $[25] = t12;
+  } else {
+    t12 = $[25];
+  }
+  return t12;
+}

package/dist/UIProvider.js

@@ -1,26 +1,73 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useLayoutEffect, useState } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { setFormatSource } from './format/locale.js';
 import { addUiResources } from './locales.js';
 import { startInputModality } from './modality.js';
-import { TooltipProvider } from './Tooltip.js';
+import { TooltipProvider } from "./Tooltip.js";
 /*
  * Everything the library needs from an app, once, around the whole tree: its words in the app's
  * i18next, the source of the formatters, the shared tooltip delay and the note of which input device
  * is in use. Mount it above the first component of the library.
  */
-export function UIProvider({ i18n, formatSource, children }) {
-    const [handed, setHanded] = useState({ i18n: null, source: undefined });
-    // In render and not in an effect, so the first child already reads the words and the region.
-    // Both calls only store what they are handed, so a render React throws away leaves nothing wrong behind.
-    if (handed.i18n !== i18n || handed.source !== formatSource) {
-        addUiResources(i18n);
-        if (formatSource !== undefined) {
-            setFormatSource(formatSource);
-        }
-        setHanded({ i18n, source: formatSource });
+import { jsx as _jsx } from "react/jsx-runtime";
+export function UIProvider(t0) {
+  const $ = _c(7);
+  const {
+    i18n,
+    formatSource,
+    children
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      i18n: null,
+      source: undefined
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [handed, setHanded] = useState(t1);
+  if (handed.i18n !== i18n || handed.source !== formatSource) {
+    addUiResources(i18n);
+    if (formatSource !== undefined) {
+      setFormatSource(formatSource);
     }
-    useLayoutEffect(startInputModality, []);
-    return (_jsx(I18nextProvider, { i18n: i18n, children: _jsx(TooltipProvider, { children: children }) }));
-}
+    setHanded({
+      i18n,
+      source: formatSource
+    });
+  }
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  useLayoutEffect(startInputModality, t2);
+  let t3;
+  if ($[2] !== children) {
+    t3 = /*#__PURE__*/_jsx(TooltipProvider, {
+      children: children
+    });
+    $[2] = children;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== i18n || $[5] !== t3) {
+    t4 = /*#__PURE__*/_jsx(I18nextProvider, {
+      i18n: i18n,
+      children: t3
+    });
+    $[4] = i18n;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  return t4;
+}