roamjs-components 0.88.0 → 0.88.1

package/components/Description.d.ts

@@ -1,5 +1,9 @@
+import { Tooltip } from "@blueprintjs/core";
 import React from "react";
-declare const Description: ({ description, }: {
+declare type TooltipInteractionKind = React.ComponentProps<typeof Tooltip>["interactionKind"];
+declare type DescriptionProps = {
     description: React.ReactNode;
-}) => React.ReactElement;
+    interactionKind?: TooltipInteractionKind;
+};
+declare const Description: ({ description, interactionKind, }: DescriptionProps) => React.ReactElement;
 export default Description;

package/components/Description.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const core_1 = require("@blueprintjs/core");
 const react_1 = tslib_1.__importDefault(require("react"));
-const Description = ({ description, }) => {
+const Description = ({ description, interactionKind = core_1.PopoverInteractionKind.HOVER_TARGET_ONLY, }) => {
     return (react_1.default.createElement("span", { style: {
             marginLeft: 12,
             display: "inline-block",
             opacity: 0.8,
             verticalAlign: "text-bottom",
         } },
-        react_1.default.createElement(core_1.Tooltip, { content: react_1.default.createElement("span", { style: { maxWidth: 400, display: "inline-block" } }, description) },
+        react_1.default.createElement(core_1.Tooltip, { interactionKind: interactionKind, content: react_1.default.createElement("span", { style: { maxWidth: 400, display: "inline-block" } }, description) },
             react_1.default.createElement(core_1.Icon, { icon: "info-sign", iconSize: 12 }))));
 };
 exports.default = Description;

package/components/Description.js.map

@@ -1 +1 @@
-{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../src/components/Description.tsx"],"names":[],"mappings":";;;AAAA,4CAAkD;AAClD,0DAA0B;AAE1B,MAAM,WAAW,GAAG,CAAC,EACnB,WAAW,GAGZ,EAAsB,EAAE;IACvB,OAAO,CACL,wCACE,KAAK,EAAE;YACL,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,GAAG;YACZ,aAAa,EAAE,aAAa;SAC7B;QAED,8BAAC,cAAO,IACN,OAAO,EACL,wCAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,IACpD,WAAW,CACP;YAGT,8BAAC,WAAI,IAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,GAAI,CACjC,CACL,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import { Tooltip, Icon } from \"@blueprintjs/core\";\nimport React from \"react\";\n\nconst Description = ({\n  description,\n}: {\n  description: React.ReactNode;\n}): React.ReactElement => {\n  return (\n    <span\n      style={{\n        marginLeft: 12,\n        display: \"inline-block\",\n        opacity: 0.8,\n        verticalAlign: \"text-bottom\",\n      }}\n    >\n      <Tooltip\n        content={\n          <span style={{ maxWidth: 400, display: \"inline-block\" }}>\n            {description}\n          </span>\n        }\n      >\n        <Icon icon={\"info-sign\"} iconSize={12} />\n      </Tooltip>\n    </span>\n  );\n};\n\nexport default Description;\n"]}
+{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../src/components/Description.tsx"],"names":[],"mappings":";;;AAAA,4CAA0E;AAC1E,0DAA0B;AAW1B,MAAM,WAAW,GAAG,CAAC,EACnB,WAAW,EACX,eAAe,GAAG,6BAAsB,CAAC,iBAAiB,GACzC,EAAsB,EAAE;IACzC,OAAO,CACL,wCACE,KAAK,EAAE;YACL,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,GAAG;YACZ,aAAa,EAAE,aAAa;SAC7B;QAED,8BAAC,cAAO,IACN,eAAe,EAAE,eAAe,EAChC,OAAO,EACL,wCAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,IACpD,WAAW,CACP;YAGT,8BAAC,WAAI,IAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,GAAI,CACjC,CACL,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import { Tooltip, Icon, PopoverInteractionKind } from \"@blueprintjs/core\";\nimport React from \"react\";\n\ntype TooltipInteractionKind = React.ComponentProps<\n  typeof Tooltip\n>[\"interactionKind\"];\n\ntype DescriptionProps = {\n  description: React.ReactNode;\n  interactionKind?: TooltipInteractionKind;\n};\n\nconst Description = ({\n  description,\n  interactionKind = PopoverInteractionKind.HOVER_TARGET_ONLY,\n}: DescriptionProps): React.ReactElement => {\n  return (\n    <span\n      style={{\n        marginLeft: 12,\n        display: \"inline-block\",\n        opacity: 0.8,\n        verticalAlign: \"text-bottom\",\n      }}\n    >\n      <Tooltip\n        interactionKind={interactionKind}\n        content={\n          <span style={{ maxWidth: 400, display: \"inline-block\" }}>\n            {description}\n          </span>\n        }\n      >\n        <Icon icon={\"info-sign\"} iconSize={12} />\n      </Tooltip>\n    </span>\n  );\n};\n\nexport default Description;\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "roamjs-components",
   "description": "Expansive toolset, utilities, & components for developing RoamJS extensions.",
-  "version": "0.88.0",
+  "version": "0.88.1",
   "main": "index.js",
   "types": "index.d.ts",
   "scripts": {