@dxos/react-ui-text-tooltip 0.7.1 → 0.7.2-staging.6d26b2a

package/dist/lib/node/index.cjs

@@ -0,0 +1,68 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var node_exports = {};
+__export(node_exports, {
+  TextTooltip: () => TextTooltip
+});
+module.exports = __toCommonJS(node_exports);
+var import_react_compose_refs = require("@radix-ui/react-compose-refs");
+var import_react = __toESM(require("react"));
+var import_react_ui = require("@dxos/react-ui");
+var TextTooltip = /* @__PURE__ */ (0, import_react.forwardRef)(({ text, children, onlyWhenTruncating, asChild = true, portal = true, zIndex = 70, sideOffset, side, truncateQuery, ...props }, forwardedRef) => {
+  const ContentRoot = portal ? import_react_ui.Tooltip.Portal : import_react.Fragment;
+  const content = (0, import_react.useRef)(null);
+  const ref = (0, import_react_compose_refs.useComposedRefs)(content, forwardedRef);
+  const [open, setOpen] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ import_react.default.createElement(import_react_ui.Tooltip.Root, {
+    open,
+    onOpenChange: (nextOpen) => {
+      if (onlyWhenTruncating && nextOpen && content.current) {
+        const element = truncateQuery ? content.current.querySelector(truncateQuery) : content.current;
+        return setOpen(element ? element.scrollWidth > element.offsetWidth : false);
+      } else {
+        return setOpen(nextOpen);
+      }
+    }
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Tooltip.Trigger, {
+    asChild,
+    ...props,
+    ref
+  }, children), /* @__PURE__ */ import_react.default.createElement(ContentRoot, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Tooltip.Content, {
+    side,
+    sideOffset,
+    style: {
+      zIndex
+    }
+  }, text, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Tooltip.Arrow, null))));
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextTooltip
+});
+//# sourceMappingURL=index.cjs.map

package/dist/lib/node/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/TextTooltip.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport React, {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  forwardRef,\n  Fragment,\n  type PropsWithChildren,\n  useRef,\n  useState,\n} from 'react';\n\nimport { Tooltip, type TooltipContentProps } from '@dxos/react-ui';\n\nexport type TextTooltipProps = PropsWithChildren<\n  {\n    text: string;\n    asChild?: boolean;\n    portal?: boolean;\n    zIndex?: CSSProperties['zIndex'];\n    onlyWhenTruncating?: boolean;\n    truncateQuery?: string;\n  } & Pick<TooltipContentProps, 'side' | 'sideOffset'> &\n    ComponentPropsWithoutRef<'button'>\n>;\n\nexport const TextTooltip = forwardRef<HTMLButtonElement, TextTooltipProps>(\n  (\n    {\n      text,\n      children,\n      onlyWhenTruncating,\n      asChild = true,\n      portal = true,\n      zIndex = 70,\n      sideOffset,\n      side,\n      truncateQuery,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const ContentRoot = portal ? Tooltip.Portal : Fragment;\n    const content = useRef<HTMLButtonElement | null>(null);\n    const ref = useComposedRefs(content, forwardedRef);\n    const [open, setOpen] = useState(false);\n    return (\n      <Tooltip.Root\n        open={open}\n        onOpenChange={(nextOpen) => {\n          if (onlyWhenTruncating && nextOpen && content.current) {\n            const element: HTMLElement | null = truncateQuery\n              ? content.current.querySelector(truncateQuery)\n              : content.current;\n            return setOpen(element ? element.scrollWidth > element.offsetWidth : false);\n          } else {\n            return setOpen(nextOpen);\n          }\n        }}\n      >\n        <Tooltip.Trigger asChild={asChild} {...props} ref={ref}>\n          {children}\n        </Tooltip.Trigger>\n        <ContentRoot>\n          <Tooltip.Content\n            {...{\n              side,\n              sideOffset,\n              style: { zIndex },\n            }}\n          >\n            {text}\n            <Tooltip.Arrow />\n          </Tooltip.Content>\n        </ContentRoot>\n      </Tooltip.Root>\n    );\n  },\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,gCAAgC;AAChC,mBAQO;AAEP,sBAAkD;AAc3C,IAAMA,cAAcC,6CACzB,CACE,EACEC,MACAC,UACAC,oBACAC,UAAU,MACVC,SAAS,MACTC,SAAS,IACTC,YACAC,MACAC,eACA,GAAGC,MAAAA,GAELC,iBAAAA;AAEA,QAAMC,cAAcP,SAASQ,wBAAQC,SAASC;AAC9C,QAAMC,cAAUC,qBAAiC,IAAA;AACjD,QAAMC,UAAMC,2CAAgBH,SAASL,YAAAA;AACrC,QAAM,CAACS,MAAMC,OAAAA,QAAWC,uBAAS,KAAA;AACjC,SACE,6BAAAC,QAAA,cAACV,wBAAQW,MAAI;IACXJ;IACAK,cAAc,CAACC,aAAAA;AACb,UAAIvB,sBAAsBuB,YAAYV,QAAQW,SAAS;AACrD,cAAMC,UAA8BnB,gBAChCO,QAAQW,QAAQE,cAAcpB,aAAAA,IAC9BO,QAAQW;AACZ,eAAON,QAAQO,UAAUA,QAAQE,cAAcF,QAAQG,cAAc,KAAA;MACvE,OAAO;AACL,eAAOV,QAAQK,QAAAA;MACjB;IACF;KAEA,6BAAAH,QAAA,cAACV,wBAAQmB,SAAO;IAAC5B;IAAmB,GAAGM;IAAOQ;KAC3ChB,QAAAA,GAEH,6BAAAqB,QAAA,cAACX,aAAAA,MACC,6BAAAW,QAAA,cAACV,wBAAQoB,SACH;IACFzB;IACAD;IACA2B,OAAO;MAAE5B;IAAO;EAClB,GAECL,MACD,6BAAAsB,QAAA,cAACV,wBAAQsB,OAAK,IAAA,CAAA,CAAA,CAAA;AAKxB,CAAA;",
+  "names": ["TextTooltip", "forwardRef", "text", "children", "onlyWhenTruncating", "asChild", "portal", "zIndex", "sideOffset", "side", "truncateQuery", "props", "forwardedRef", "ContentRoot", "Tooltip", "Portal", "Fragment", "content", "useRef", "ref", "useComposedRefs", "open", "setOpen", "useState", "React", "Root", "onOpenChange", "nextOpen", "current", "element", "querySelector", "scrollWidth", "offsetWidth", "Trigger", "Content", "style", "Arrow"]
+}

package/dist/lib/node/meta.json

@@ -0,0 +1 @@
+{"inputs":{"packages/ui/react-ui-text-tooltip/src/components/TextTooltip.tsx":{"bytes":6535,"imports":[{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-text-tooltip/src/components/index.ts":{"bytes":527,"imports":[{"path":"packages/ui/react-ui-text-tooltip/src/components/TextTooltip.tsx","kind":"import-statement","original":"./TextTooltip"}],"format":"esm"},"packages/ui/react-ui-text-tooltip/src/index.ts":{"bytes":511,"imports":[{"path":"packages/ui/react-ui-text-tooltip/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-text-tooltip/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3671},"packages/ui/react-ui-text-tooltip/dist/lib/node/index.cjs":{"imports":[{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["TextTooltip"],"entryPoint":"packages/ui/react-ui-text-tooltip/src/index.ts","inputs":{"packages/ui/react-ui-text-tooltip/src/components/TextTooltip.tsx":{"bytesInOutput":1331},"packages/ui/react-ui-text-tooltip/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-text-tooltip/src/index.ts":{"bytesInOutput":0}},"bytes":1460}}}

package/dist/lib/node-esm/index.mjs

@@ -0,0 +1,37 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// packages/ui/react-ui-text-tooltip/src/components/TextTooltip.tsx
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import React, { forwardRef, Fragment, useRef, useState } from "react";
+import { Tooltip } from "@dxos/react-ui";
+var TextTooltip = /* @__PURE__ */ forwardRef(({ text, children, onlyWhenTruncating, asChild = true, portal = true, zIndex = 70, sideOffset, side, truncateQuery, ...props }, forwardedRef) => {
+  const ContentRoot = portal ? Tooltip.Portal : Fragment;
+  const content = useRef(null);
+  const ref = useComposedRefs(content, forwardedRef);
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ React.createElement(Tooltip.Root, {
+    open,
+    onOpenChange: (nextOpen) => {
+      if (onlyWhenTruncating && nextOpen && content.current) {
+        const element = truncateQuery ? content.current.querySelector(truncateQuery) : content.current;
+        return setOpen(element ? element.scrollWidth > element.offsetWidth : false);
+      } else {
+        return setOpen(nextOpen);
+      }
+    }
+  }, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+    asChild,
+    ...props,
+    ref
+  }, children), /* @__PURE__ */ React.createElement(ContentRoot, null, /* @__PURE__ */ React.createElement(Tooltip.Content, {
+    side,
+    sideOffset,
+    style: {
+      zIndex
+    }
+  }, text, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null))));
+});
+export {
+  TextTooltip
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/TextTooltip.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport React, {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  forwardRef,\n  Fragment,\n  type PropsWithChildren,\n  useRef,\n  useState,\n} from 'react';\n\nimport { Tooltip, type TooltipContentProps } from '@dxos/react-ui';\n\nexport type TextTooltipProps = PropsWithChildren<\n  {\n    text: string;\n    asChild?: boolean;\n    portal?: boolean;\n    zIndex?: CSSProperties['zIndex'];\n    onlyWhenTruncating?: boolean;\n    truncateQuery?: string;\n  } & Pick<TooltipContentProps, 'side' | 'sideOffset'> &\n    ComponentPropsWithoutRef<'button'>\n>;\n\nexport const TextTooltip = forwardRef<HTMLButtonElement, TextTooltipProps>(\n  (\n    {\n      text,\n      children,\n      onlyWhenTruncating,\n      asChild = true,\n      portal = true,\n      zIndex = 70,\n      sideOffset,\n      side,\n      truncateQuery,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const ContentRoot = portal ? Tooltip.Portal : Fragment;\n    const content = useRef<HTMLButtonElement | null>(null);\n    const ref = useComposedRefs(content, forwardedRef);\n    const [open, setOpen] = useState(false);\n    return (\n      <Tooltip.Root\n        open={open}\n        onOpenChange={(nextOpen) => {\n          if (onlyWhenTruncating && nextOpen && content.current) {\n            const element: HTMLElement | null = truncateQuery\n              ? content.current.querySelector(truncateQuery)\n              : content.current;\n            return setOpen(element ? element.scrollWidth > element.offsetWidth : false);\n          } else {\n            return setOpen(nextOpen);\n          }\n        }}\n      >\n        <Tooltip.Trigger asChild={asChild} {...props} ref={ref}>\n          {children}\n        </Tooltip.Trigger>\n        <ContentRoot>\n          <Tooltip.Content\n            {...{\n              side,\n              sideOffset,\n              style: { zIndex },\n            }}\n          >\n            {text}\n            <Tooltip.Arrow />\n          </Tooltip.Content>\n        </ContentRoot>\n      </Tooltip.Root>\n    );\n  },\n);\n"],
+  "mappings": ";;;AAIA,SAASA,uBAAuB;AAChC,OAAOC,SAGLC,YACAC,UAEAC,QACAC,gBACK;AAEP,SAASC,eAAyC;AAc3C,IAAMC,cAAcC,2BACzB,CACE,EACEC,MACAC,UACAC,oBACAC,UAAU,MACVC,SAAS,MACTC,SAAS,IACTC,YACAC,MACAC,eACA,GAAGC,MAAAA,GAELC,iBAAAA;AAEA,QAAMC,cAAcP,SAASQ,QAAQC,SAASC;AAC9C,QAAMC,UAAUC,OAAiC,IAAA;AACjD,QAAMC,MAAMC,gBAAgBH,SAASL,YAAAA;AACrC,QAAM,CAACS,MAAMC,OAAAA,IAAWC,SAAS,KAAA;AACjC,SACE,sBAAA,cAACT,QAAQU,MAAI;IACXH;IACAI,cAAc,CAACC,aAAAA;AACb,UAAItB,sBAAsBsB,YAAYT,QAAQU,SAAS;AACrD,cAAMC,UAA8BlB,gBAChCO,QAAQU,QAAQE,cAAcnB,aAAAA,IAC9BO,QAAQU;AACZ,eAAOL,QAAQM,UAAUA,QAAQE,cAAcF,QAAQG,cAAc,KAAA;MACvE,OAAO;AACL,eAAOT,QAAQI,QAAAA;MACjB;IACF;KAEA,sBAAA,cAACZ,QAAQkB,SAAO;IAAC3B;IAAmB,GAAGM;IAAOQ;KAC3ChB,QAAAA,GAEH,sBAAA,cAACU,aAAAA,MACC,sBAAA,cAACC,QAAQmB,SACH;IACFxB;IACAD;IACA0B,OAAO;MAAE3B;IAAO;EAClB,GAECL,MACD,sBAAA,cAACY,QAAQqB,OAAK,IAAA,CAAA,CAAA,CAAA;AAKxB,CAAA;",
+  "names": ["useComposedRefs", "React", "forwardRef", "Fragment", "useRef", "useState", "Tooltip", "TextTooltip", "forwardRef", "text", "children", "onlyWhenTruncating", "asChild", "portal", "zIndex", "sideOffset", "side", "truncateQuery", "props", "forwardedRef", "ContentRoot", "Tooltip", "Portal", "Fragment", "content", "useRef", "ref", "useComposedRefs", "open", "setOpen", "useState", "Root", "onOpenChange", "nextOpen", "current", "element", "querySelector", "scrollWidth", "offsetWidth", "Trigger", "Content", "style", "Arrow"]
+}

package/dist/lib/node-esm/meta.json

@@ -0,0 +1 @@
+{"inputs":{"packages/ui/react-ui-text-tooltip/src/components/TextTooltip.tsx":{"bytes":6535,"imports":[{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-text-tooltip/src/components/index.ts":{"bytes":527,"imports":[{"path":"packages/ui/react-ui-text-tooltip/src/components/TextTooltip.tsx","kind":"import-statement","original":"./TextTooltip"}],"format":"esm"},"packages/ui/react-ui-text-tooltip/src/index.ts":{"bytes":511,"imports":[{"path":"packages/ui/react-ui-text-tooltip/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-text-tooltip/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3673},"packages/ui/react-ui-text-tooltip/dist/lib/node-esm/index.mjs":{"imports":[{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["TextTooltip"],"entryPoint":"packages/ui/react-ui-text-tooltip/src/index.ts","inputs":{"packages/ui/react-ui-text-tooltip/src/components/TextTooltip.tsx":{"bytesInOutput":1331},"packages/ui/react-ui-text-tooltip/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-text-tooltip/src/index.ts":{"bytesInOutput":0}},"bytes":1553}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-text-tooltip",
-  "version": "0.7.1",
+  "version": "0.7.2-staging.6d26b2a",
   "description": "An opinionated card component.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,7 +10,8 @@
   "exports": {
     ".": {
       "types": "./dist/types/src/index.d.ts",
-      "browser": "./dist/lib/browser/index.mjs"
+      "browser": "./dist/lib/browser/index.mjs",
+      "node": "./dist/lib/node-esm/index.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -31,15 +32,15 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui": "0.7.1",
-    "@dxos/react-ui-theme": "0.7.1"
+    "@dxos/react-ui": "0.7.2-staging.6d26b2a",
+    "@dxos/react-ui-theme": "0.7.2-staging.6d26b2a"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.1",
-    "@dxos/react-ui-theme": "0.7.1"
+    "@dxos/react-ui": "0.7.2-staging.6d26b2a",
+    "@dxos/react-ui-theme": "0.7.2-staging.6d26b2a"
   },
   "publishConfig": {
     "access": "public"