@elliemae/ds-tooltip-v3 3.44.0-rc.1

package/dist/cjs/typescript-testing/typescript-tooltip-v3-valid.js

@@ -0,0 +1,190 @@
+"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 __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 React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const mockChildren = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {});
+const mockPlacementOrderPreference = ["bottom-start", "bottom", "bottom-end"];
+const mockCustomOffset = [0, 0];
+const mockModifiers = [{}];
+const testRequiredProps = {
+  children: mockChildren(),
+  text: ""
+};
+const testOptionalProps = {
+  zIndex: 1,
+  ariaLabel: "",
+  withoutPortal: false,
+  withoutArrow: false,
+  withoutAnimation: false,
+  boundaryElement: void 0,
+  animationDuration: 1e3,
+  portalDOMContainer: void 0,
+  placementOrderPreference: mockPlacementOrderPreference,
+  customOffset: mockCustomOffset,
+  modifiers: mockModifiers,
+  showPopover: true
+};
+const testPartialDefaults = {
+  id: "",
+  onOpen: () => {
+  },
+  onClose: () => {
+  }
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  id: "id",
+  onOpen: () => {
+  },
+  onClose: () => {
+  },
+  textAlign: "center",
+  wrapWords: false,
+  startPlacementPreference: "bottom"
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  id: "id",
+  onOpen: () => {
+  },
+  onClose: () => {
+  },
+  textAlign: "center",
+  wrapWords: false,
+  children: mockChildren(),
+  text: "",
+  zIndex: 1,
+  ariaLabel: "",
+  withoutPortal: false,
+  withoutArrow: false,
+  withoutAnimation: false,
+  boundaryElement: void 0,
+  animationDuration: 1e3,
+  portalDOMContainer: void 0,
+  startPlacementPreference: "bottom",
+  placementOrderPreference: mockPlacementOrderPreference,
+  customOffset: mockCustomOffset,
+  modifiers: mockModifiers,
+  showPopover: true
+};
+const testInferedTypeCompatibility = {
+  id: "id",
+  onOpen: () => {
+  },
+  onClose: () => {
+  },
+  textAlign: "center",
+  wrapWords: false,
+  children: mockChildren(),
+  text: "",
+  zIndex: 1,
+  ariaLabel: "",
+  withoutPortal: false,
+  withoutArrow: false,
+  withoutAnimation: false,
+  boundaryElement: void 0,
+  animationDuration: 1e3,
+  portalDOMContainer: void 0,
+  startPlacementPreference: "bottom",
+  placementOrderPreference: mockPlacementOrderPreference,
+  customOffset: mockCustomOffset,
+  modifiers: mockModifiers,
+  showPopover: true
+};
+const testDefinitionAsConst = {
+  id: "id",
+  onOpen: () => {
+  },
+  onClose: () => {
+  },
+  textAlign: "center",
+  wrapWords: false,
+  children: mockChildren(),
+  text: "",
+  zIndex: 1,
+  ariaLabel: "",
+  withoutPortal: false,
+  withoutArrow: false,
+  withoutAnimation: false,
+  boundaryElement: void 0,
+  animationDuration: 1e3,
+  portalDOMContainer: void 0,
+  startPlacementPreference: "bottom",
+  placementOrderPreference: mockPlacementOrderPreference,
+  customOffset: mockCustomOffset,
+  modifiers: mockModifiers,
+  showPopover: true
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSTooltipV3, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSTooltipV3, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSTooltipV3, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.DSTooltipV3,
+    {
+      id: "id",
+      onOpen: () => {
+      },
+      onClose: () => {
+      },
+      textAlign: "center",
+      wrapWords: false,
+      text: "",
+      zIndex: 1,
+      ariaLabel: "",
+      withoutPortal: false,
+      withoutArrow: false,
+      withoutAnimation: false,
+      boundaryElement: void 0,
+      animationDuration: 1e3,
+      portalDOMContainer: void 0,
+      startPlacementPreference: "bottom",
+      placementOrderPreference: ["bottom-start", "bottom", "bottom-end"],
+      customOffset: [0, 0],
+      modifiers: [],
+      showPopover: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+    }
+  )
+] });
+//# sourceMappingURL=typescript-tooltip-v3-valid.js.map

package/dist/cjs/typescript-testing/typescript-tooltip-v3-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-tooltip-v3-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSTooltipV3 } from '../index.js';\nimport type { DSTooltipV3T } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSTooltipV3T.Props;\ntype ComponentPropsInternals = DSTooltipV3T.InternalProps;\ntype ComponentPropsDefaultProps = DSTooltipV3T.DefaultProps;\ntype ComponentPropsOptionalProps = DSTooltipV3T.OptionalProps;\ntype ComponentPropsRequiredProps = DSTooltipV3T.RequiredProps;\n\nconst mockChildren = () => <div></div>;\n\nconst mockPlacementOrderPreference: DSTooltipV3T.Placement[] = ['bottom-start', 'bottom', 'bottom-end'];\nconst mockCustomOffset: DSTooltipV3T.OptionalProps['customOffset'] = [0, 0];\nconst mockModifiers: DSTooltipV3T.OptionalProps['modifiers'] = [{}];\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  children: mockChildren(),\n  text: '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  zIndex: 1,\n  ariaLabel: '',\n  withoutPortal: false,\n  withoutArrow: false,\n  withoutAnimation: false,\n  boundaryElement: undefined,\n  animationDuration: 1000,\n  portalDOMContainer: undefined,\n  placementOrderPreference: mockPlacementOrderPreference,\n  customOffset: mockCustomOffset,\n  modifiers: mockModifiers,\n  showPopover: true,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  id: '',\n  onOpen: () => {},\n  onClose: () => {},\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  id: 'id',\n  onOpen: () => {},\n  onClose: () => {},\n  textAlign: 'center',\n  wrapWords: false,\n  startPlacementPreference: 'bottom',\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  id: 'id',\n  onOpen: () => {},\n  onClose: () => {},\n  textAlign: 'center',\n  wrapWords: false,\n  children: mockChildren(),\n  text: '',\n  zIndex: 1,\n  ariaLabel: '',\n  withoutPortal: false,\n  withoutArrow: false,\n  withoutAnimation: false,\n  boundaryElement: undefined,\n  animationDuration: 1000,\n  portalDOMContainer: undefined,\n  startPlacementPreference: 'bottom',\n  placementOrderPreference: mockPlacementOrderPreference,\n  customOffset: mockCustomOffset,\n  modifiers: mockModifiers,\n  showPopover: true,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  id: 'id',\n  onOpen: () => {},\n  onClose: () => {},\n  textAlign: 'center',\n  wrapWords: false,\n  children: mockChildren(),\n  text: '',\n  zIndex: 1,\n  ariaLabel: '',\n  withoutPortal: false,\n  withoutArrow: false,\n  withoutAnimation: false,\n  boundaryElement: undefined,\n  animationDuration: 1000,\n  portalDOMContainer: undefined,\n  startPlacementPreference: 'bottom',\n  placementOrderPreference: mockPlacementOrderPreference,\n  customOffset: mockCustomOffset,\n  modifiers: mockModifiers,\n  showPopover: true,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  id: 'id',\n  onOpen: () => {},\n  onClose: () => {},\n  textAlign: 'center',\n  wrapWords: false,\n  children: mockChildren(),\n  text: '',\n  zIndex: 1,\n  ariaLabel: '',\n  withoutPortal: false,\n  withoutArrow: false,\n  withoutAnimation: false,\n  boundaryElement: undefined,\n  animationDuration: 1000,\n  portalDOMContainer: undefined,\n  startPlacementPreference: 'bottom',\n  placementOrderPreference: mockPlacementOrderPreference,\n  customOffset: mockCustomOffset,\n  modifiers: mockModifiers,\n  showPopover: true,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSTooltipV3 {...testExplicitDefinition} />\n    <DSTooltipV3 {...testInferedTypeCompatibility} />\n    <DSTooltipV3 {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSTooltipV3\n      id=\"id\"\n      onOpen={() => {}}\n      onClose={() => {}}\n      textAlign=\"center\"\n      wrapWords={false}\n      text=\"\"\n      zIndex={1}\n      ariaLabel=\"\"\n      withoutPortal={false}\n      withoutArrow={false}\n      withoutAnimation={false}\n      boundaryElement={undefined}\n      animationDuration={1000}\n      portalDOMContainer={undefined}\n      startPlacementPreference=\"bottom\"\n      placementOrderPreference={['bottom-start', 'bottom', 'bottom-end']}\n      customOffset={[0, 0]}\n      modifiers={[]}\n      showPopover\n    >\n      <div />\n    </DSTooltipV3>\n  </>\n);\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/utils.js

@@ -0,0 +1,42 @@
+"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 utils_exports = {};
+__export(utils_exports, {
+  useGlobalKeyboardListener: () => useGlobalKeyboardListener
+});
+module.exports = __toCommonJS(utils_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+const useGlobalKeyboardListener = (func) => {
+  (0, import_react.useEffect)(() => {
+    document.addEventListener("keydown", func);
+    return () => document.removeEventListener("keydown", func);
+  }, [func]);
+};
+//# sourceMappingURL=utils.js.map

package/dist/cjs/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useEffect } from 'react';\n\nexport const useGlobalKeyboardListener = (func: ({ key }: { key: string }) => void) => {\n  useEffect(() => {\n    document.addEventListener('keydown', func);\n    return () => document.removeEventListener('keydown', func);\n  }, [func]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0B;AAEnB,MAAM,4BAA4B,CAAC,SAA6C;AACrF,8BAAU,MAAM;AACd,aAAS,iBAAiB,WAAW,IAAI;AACzC,WAAO,MAAM,SAAS,oBAAoB,WAAW,IAAI;AAAA,EAC3D,GAAG,CAAC,IAAI,CAAC;AACX;",
+  "names": []
+}

package/dist/esm/DSTooltipV3.js

@@ -0,0 +1,76 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React2 from "react";
+import { useFloatingContext, PopoverArrow, FloatingWrapper } from "@elliemae/ds-floating-context";
+import { useMemoMergePropsWithDefault, describe } from "@elliemae/ds-props-helpers";
+import { propTypes } from "./react-desc-prop-types.js";
+import { TooltipV3DatatestId } from "./TooltipV3DatatestId.js";
+import { defaultProps } from "./defaultProps.js";
+import {
+  StyledTooltipContainer,
+  StyledTooltipText,
+  StyledMouseOverDetectionBox,
+  StyledTriggerWrapper
+} from "./styles.js";
+const DSTooltipV3 = (props) => {
+  const {
+    text,
+    startPlacementPreference,
+    children,
+    onOpen,
+    onClose,
+    id,
+    textAlign,
+    wrapWords,
+    withoutArrow,
+    customOffset,
+    animationDuration,
+    withoutAnimation,
+    withoutPortal,
+    portalDOMContainer,
+    ...extraPopperJsProps
+  } = useMemoMergePropsWithDefault(props, defaultProps);
+  const { handlers, arrowStyles, floatingStyles, isOpen, refs, hideTooltip, context } = useFloatingContext({
+    placement: startPlacementPreference,
+    customOffset,
+    onOpen,
+    onClose,
+    withoutPortal,
+    withoutAnimation,
+    portalDOMContainer,
+    animationDuration
+  });
+  React2.useEffect(() => {
+    if (extraPopperJsProps.showPopover === false) {
+      hideTooltip();
+    }
+  }, [extraPopperJsProps.showPopover, hideTooltip]);
+  return /* @__PURE__ */ jsxs(
+    StyledTriggerWrapper,
+    {
+      ...handlers,
+      innerRef: refs.setReference,
+      "data-testid": `${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== "" ? `_${id}` : ""}`,
+      children: [
+        /* @__PURE__ */ jsxs(FloatingWrapper, { innerRef: refs.setFloating, isOpen, floatingStyles, context, children: [
+          /* @__PURE__ */ jsxs(StyledTooltipContainer, { children: [
+            /* @__PURE__ */ jsx(StyledTooltipText, { "aria-label": text, textAlign, wrapWords, children: text }),
+            /* @__PURE__ */ jsx(StyledMouseOverDetectionBox, {})
+          ] }),
+          !withoutArrow ? /* @__PURE__ */ jsx(PopoverArrow, { ...arrowStyles }) : null
+        ] }),
+        children
+      ]
+    }
+  );
+};
+DSTooltipV3.displayName = "DSTooltipV3";
+const DSTooltipV3WithSchema = describe(DSTooltipV3);
+DSTooltipV3WithSchema.propTypes = propTypes;
+var DSTooltipV3_default = DSTooltipV3;
+export {
+  DSTooltipV3,
+  DSTooltipV3WithSchema,
+  DSTooltipV3_default as default
+};
+//# sourceMappingURL=DSTooltipV3.js.map

package/dist/esm/DSTooltipV3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSTooltipV3.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { useFloatingContext, PopoverArrow, FloatingWrapper } from '@elliemae/ds-floating-context';\nimport { useMemoMergePropsWithDefault, describe } from '@elliemae/ds-props-helpers';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId.js';\nimport { defaultProps } from './defaultProps.js';\nimport {\n  StyledTooltipContainer,\n  StyledTooltipText,\n  StyledMouseOverDetectionBox,\n  StyledTriggerWrapper,\n} from './styles.js';\nimport type { DSTooltipV3T } from './react-desc-prop-types.js';\n\nconst DSTooltipV3: React.ComponentType<DSTooltipV3T.Props> = (props) => {\n  const {\n    text,\n    startPlacementPreference,\n    children,\n    onOpen,\n    onClose,\n    id,\n    textAlign,\n    wrapWords,\n    withoutArrow,\n    customOffset,\n    animationDuration,\n    withoutAnimation,\n    withoutPortal,\n    portalDOMContainer,\n    ...extraPopperJsProps\n  } = useMemoMergePropsWithDefault<DSTooltipV3T.InternalProps>(props, defaultProps);\n\n  const { handlers, arrowStyles, floatingStyles, isOpen, refs, hideTooltip, context } = useFloatingContext({\n    placement: startPlacementPreference,\n    customOffset,\n    onOpen,\n    onClose,\n    withoutPortal,\n    withoutAnimation,\n    portalDOMContainer,\n    animationDuration,\n  });\n  React.useEffect(() => {\n    if (extraPopperJsProps.showPopover === false) {\n      hideTooltip();\n    }\n  }, [extraPopperJsProps.showPopover, hideTooltip]);\n  return (\n    <StyledTriggerWrapper\n      {...handlers}\n      innerRef={refs.setReference}\n      data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n    >\n      <FloatingWrapper innerRef={refs.setFloating} isOpen={isOpen} floatingStyles={floatingStyles} context={context}>\n        <StyledTooltipContainer>\n          <StyledTooltipText aria-label={text} textAlign={textAlign} wrapWords={wrapWords}>\n            {text}\n          </StyledTooltipText>\n          <StyledMouseOverDetectionBox />\n        </StyledTooltipContainer>\n        {!withoutArrow ? <PopoverArrow {...arrowStyles} /> : null}\n      </FloatingWrapper>\n\n      {children}\n    </StyledTriggerWrapper>\n  );\n};\n\nDSTooltipV3.displayName = 'DSTooltipV3';\nconst DSTooltipV3WithSchema = describe(DSTooltipV3);\nDSTooltipV3WithSchema.propTypes = propTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\n\nexport default DSTooltipV3;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACwDf,SACE,KADF;AAvDR,OAAOA,YAAW;AAClB,SAAS,oBAAoB,cAAc,uBAAuB;AAClE,SAAS,8BAA8B,gBAAgB;AACvD,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,cAAuD,CAAC,UAAU;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,6BAAyD,OAAO,YAAY;AAEhF,QAAM,EAAE,UAAU,aAAa,gBAAgB,QAAQ,MAAM,aAAa,QAAQ,IAAI,mBAAmB;AAAA,IACvG,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,mBAAmB,gBAAgB,OAAO;AAC5C,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,mBAAmB,aAAa,WAAW,CAAC;AAChD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,KAAK;AAAA,MACf,eAAa,GAAG,oBAAoB,eAAe,GAAG,OAAO,KAAK,IAAI,EAAE,KAAK,EAAE;AAAA,MAE/E;AAAA,6BAAC,mBAAgB,UAAU,KAAK,aAAa,QAAgB,gBAAgC,SAC3F;AAAA,+BAAC,0BACC;AAAA,gCAAC,qBAAkB,cAAY,MAAM,WAAsB,WACxD,gBACH;AAAA,YACA,oBAAC,+BAA4B;AAAA,aAC/B;AAAA,UACC,CAAC,eAAe,oBAAC,gBAAc,GAAG,aAAa,IAAK;AAAA,WACvD;AAAA,QAEC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "names": ["React"]
+}

package/dist/esm/TooltipV3DatatestId.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+const TooltipV3DatatestId = {
+  TRIGGER_WRAPPER: "ds-tooltip-v3-trigger-wrapper",
+  TOOLTIP_TEXT_WRAPPER: "ds-tooltip-v3-tooltip-text-wrapper"
+};
+export {
+  TooltipV3DatatestId
+};
+//# sourceMappingURL=TooltipV3DatatestId.js.map

package/dist/esm/TooltipV3DatatestId.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/TooltipV3DatatestId.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const TooltipV3DatatestId = {\n  TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',\n  TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,sBAAsB;AAAA,EACjC,iBAAiB;AAAA,EACjB,sBAAsB;AACxB;",
+  "names": []
+}

package/dist/esm/constants.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+const PLACEMENT = [
+  "top-start",
+  "top",
+  "top-end",
+  "right-start",
+  "right",
+  "right-end",
+  "bottom-end",
+  "bottom",
+  "bottom-start",
+  "left-end",
+  "left",
+  "left-start"
+];
+const TEXT_ALIGNMENT = ["left", "right", "center", "justify", "initial", "inherit"];
+const tooltipPositions = {
+  TOP: "top",
+  BOTTOM: "bottom",
+  RIGHT: "right",
+  LEFT: "left",
+  TOP_START: "top-start",
+  TOP_END: "top-end",
+  BOTTOM_START: "bottom-start",
+  BOTTOM_END: "bottom-end",
+  RIGHT_START: "right-start",
+  RIGHT_END: "right-end",
+  LEFT_START: "left-start",
+  LEFT_END: "left-end"
+};
+export {
+  PLACEMENT,
+  TEXT_ALIGNMENT,
+  tooltipPositions
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/constants.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const PLACEMENT = [\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nexport const TEXT_ALIGNMENT = ['left', 'right', 'center', 'justify', 'initial', 'inherit'];\n\n// many stories where using this from ds-tooltip.\n// we need to preserve this format to avoid breaking changes.\nconst tooltipPositions = {\n  TOP: 'top' as const,\n  BOTTOM: 'bottom' as const,\n  RIGHT: 'right' as const,\n  LEFT: 'left' as const,\n  TOP_START: 'top-start' as const,\n  TOP_END: 'top-end' as const,\n  BOTTOM_START: 'bottom-start' as const,\n  BOTTOM_END: 'bottom-end' as const,\n  RIGHT_START: 'right-start' as const,\n  RIGHT_END: 'right-end' as const,\n  LEFT_START: 'left-start' as const,\n  LEFT_END: 'left-end' as const,\n};\n\nexport { tooltipPositions };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB,CAAC,QAAQ,SAAS,UAAU,WAAW,WAAW,SAAS;AAIzF,MAAM,mBAAmB;AAAA,EACvB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AACZ;",
+  "names": []
+}

package/dist/esm/defaultProps.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+const noop = () => {
+};
+const defaultProps = {
+  onOpen: noop,
+  onClose: noop,
+  id: "",
+  textAlign: "left",
+  wrapWords: false,
+  startPlacementPreference: "top"
+};
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

package/dist/esm/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSTooltipV3T } from './react-desc-prop-types.js';\n\nconst noop = () => {};\n\nexport const defaultProps: DSTooltipV3T.DefaultProps = {\n  onOpen: noop,\n  onClose: noop,\n  id: '',\n  textAlign: 'left',\n  wrapWords: false,\n  startPlacementPreference: 'top',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,MAAM,OAAO,MAAM;AAAC;AAEb,MAAM,eAA0C;AAAA,EACrD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,0BAA0B;AAC5B;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { DSTooltipV3, DSTooltipV3WithSchema } from "./DSTooltipV3.js";
+import { TooltipV3DatatestId } from "./TooltipV3DatatestId.js";
+import { tooltipPositions, PLACEMENT, TEXT_ALIGNMENT } from "./constants.js";
+export {
+  DSTooltipV3,
+  DSTooltipV3WithSchema,
+  PLACEMENT,
+  TEXT_ALIGNMENT,
+  TooltipV3DatatestId,
+  tooltipPositions
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSTooltipV3, DSTooltipV3WithSchema } from './DSTooltipV3.js';\nexport { TooltipV3DatatestId } from './TooltipV3DatatestId.js';\nexport { type DSTooltipV3T } from './react-desc-prop-types.js';\nexport { tooltipPositions, PLACEMENT, TEXT_ALIGNMENT } from './constants.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,6BAA6B;AACnD,SAAS,2BAA2B;AAEpC,SAAS,kBAAkB,WAAW,sBAAsB;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+import { PLACEMENT, TEXT_ALIGNMENT } from "./constants.js";
+const propTypes = {
+  text: PropTypes.string.description("Tooltip text to be displayed on hover/focus").isRequired,
+  textAlign: PropTypes.oneOf(TEXT_ALIGNMENT).description("Tooltip text alignment").defaultValue("left"),
+  wrapWords: PropTypes.bool.description("Break words into a new line. Useful when words exceed tooltip max-lenght.").defaultValue(false),
+  children: PropTypes.node.description("Element to tie the tooltip to, must be a single node").isRequired,
+  withoutPortal: PropTypes.bool.description("Whether or not the tooltip content should appear in a DOM portal or not").defaultValue(true),
+  withoutArrow: PropTypes.bool.description("Whether or not the tooltip should use the arrow").defaultValue(false),
+  boundaryElement: PropTypes.element.description(
+    'Bounding element to calculate upon, defaults to "clippingParents",which are the scrolling containers that may cause element to be partially or fully cut off'
+  ).defaultValue(void 0),
+  withoutAnimation: PropTypes.bool.description("Whether or not the popper context menu should be animated").defaultValue(false),
+  animationDuration: PropTypes.number.description("Popper context menus Animation duration in ms").defaultValue(100),
+  portalDOMContainer: PropTypes.oneOfType([PropTypes.node, PropTypes.oneOf([null])]).description("When using portal, the container in which to append the DOM content, defaults to document body").defaultValue(void 0),
+  startPlacementPreference: PropTypes.oneOf(PLACEMENT).description("start placement preferences, as per popperjs placement option").defaultValue("'top'"),
+  placementOrderPreference: PropTypes.arrayOf(PropTypes.oneOf(PLACEMENT)).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
+  zIndex: PropTypes.number.description("popperjs content z-index").defaultValue(1),
+  customOffset: PropTypes.arrayOf(PropTypes.number).description("placement offset array").defaultValue([0, 14]),
+  modifiers: PropTypes.array.description("modifiers array for full-custom tooltip-js override, https://popper.js.org/docs/v2/modifiers/").defaultValue(1),
+  id: PropTypes.string.description("Optional id appended to data-testid").defaultValue(""),
+  onOpen: PropTypes.func.description("Optional callback to be invoked when the tooltip opens").defaultValue("() => {}"),
+  onClose: PropTypes.func.description("Optional callback to be invoked when the tooltip closes").defaultValue("() => {}")
+};
+export {
+  propTypes
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { PLACEMENT, TEXT_ALIGNMENT } from './constants.js';\n\nexport declare namespace DSTooltipV3T {\n  export type Placement =\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n  export type TextAlignment = 'left' | 'right' | 'center' | 'justify' | 'initial' | 'inherit';\n\n  export interface DefaultProps {\n    onOpen: () => void;\n    onClose: () => void;\n    id: string;\n    textAlign: TextAlignment;\n    wrapWords: boolean;\n    startPlacementPreference: Placement;\n  }\n\n  export interface OptionalProps {\n    zIndex?: number;\n    ariaLabel?: string;\n    withoutPortal?: boolean;\n    withoutArrow?: boolean;\n    withoutAnimation?: boolean;\n    boundaryElement?: HTMLElement;\n    animationDuration?: number;\n    portalDOMContainer?: HTMLElement;\n    placementOrderPreference?: Placement[];\n    customOffset?: [number, number];\n    modifiers?: Record<string, unknown>[];\n    showPopover?: boolean;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactNode;\n    text: string;\n  }\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n}\n\nexport const propTypes = {\n  text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,\n  textAlign: PropTypes.oneOf(TEXT_ALIGNMENT as unknown as unknown[])\n    .description('Tooltip text alignment')\n    .defaultValue('left'),\n  wrapWords: PropTypes.bool\n    .description('Break words into a new line. Useful when words exceed tooltip max-lenght.')\n    .defaultValue(false),\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  boundaryElement: PropTypes.element\n    .description(\n      'Bounding element to calculate upon, defaults to \"clippingParents\",' +\n        'which are the scrolling containers that may cause element to be partially or fully cut off',\n    )\n    .defaultValue(undefined),\n  withoutAnimation: PropTypes.bool\n    .description('Whether or not the popper context menu should be animated')\n    .defaultValue(false),\n  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n  portalDOMContainer: PropTypes.oneOfType([PropTypes.node, PropTypes.oneOf([null])])\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  startPlacementPreference: PropTypes.oneOf(PLACEMENT)\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  placementOrderPreference: PropTypes.arrayOf(PropTypes.oneOf(PLACEMENT))\n    .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n    .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  modifiers: PropTypes.array\n    .description('modifiers array for full-custom tooltip-js override, https://popper.js.org/docs/v2/modifiers/')\n    .defaultValue(1),\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,iBAAiB;AAC1B,SAAS,WAAW,sBAAsB;AA6DnC,MAAM,YAAY;AAAA,EACvB,MAAM,UAAU,OAAO,YAAY,6CAA6C,EAAE;AAAA,EAClF,WAAW,UAAU,MAAM,cAAsC,EAC9D,YAAY,wBAAwB,EACpC,aAAa,MAAM;AAAA,EACtB,WAAW,UAAU,KAClB,YAAY,2EAA2E,EACvF,aAAa,KAAK;AAAA,EACrB,UAAU,UAAU,KAAK,YAAY,sDAAsD,EAAE;AAAA,EAC7F,eAAe,UAAU,KACtB,YAAY,yEAAyE,EACrF,aAAa,IAAI;AAAA,EACpB,cAAc,UAAU,KAAK,YAAY,iDAAiD,EAAE,aAAa,KAAK;AAAA,EAC9G,iBAAiB,UAAU,QACxB;AAAA,IACC;AAAA,EAEF,EACC,aAAa,MAAS;AAAA,EACzB,kBAAkB,UAAU,KACzB,YAAY,2DAA2D,EACvE,aAAa,KAAK;AAAA,EACrB,mBAAmB,UAAU,OAAO,YAAY,+CAA+C,EAAE,aAAa,GAAG;AAAA,EACjH,oBAAoB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAC9E,YAAY,gGAAgG,EAC5G,aAAa,MAAS;AAAA,EACzB,0BAA0B,UAAU,MAAM,SAAS,EAChD,YAAY,+DAA+D,EAC3E,aAAa,OAAO;AAAA,EACvB,0BAA0B,UAAU,QAAQ,UAAU,MAAM,SAAS,CAAC,EACnE,YAAY,yEAAyE,EACrF,aAAa,oCAAoC;AAAA,EACpD,QAAQ,UAAU,OAAO,YAAY,0BAA0B,EAAE,aAAa,CAAC;AAAA,EAC/E,cAAc,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,wBAAwB,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC;AAAA,EAC5G,WAAW,UAAU,MAClB,YAAY,+FAA+F,EAC3G,aAAa,CAAC;AAAA,EACjB,IAAI,UAAU,OAAO,YAAY,qCAAqC,EAAE,aAAa,EAAE;AAAA,EACvF,QAAQ,UAAU,KAAK,YAAY,wDAAwD,EAAE,aAAa,UAAU;AAAA,EACpH,SAAS,UAAU,KAChB,YAAY,yDAAyD,EACrE,aAAa,UAAU;AAC5B;",
+  "names": []
+}

package/dist/esm/styles.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-system";
+const StyledTooltipContainer = styled.div`
+  text-align: center;
+  min-width: ${({ theme }) => theme.space.l};
+  max-width: 250px;
+  min-height: 30px;
+  display: grid;
+  align-items: center;
+  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};
+  position: relative;
+  background-color: white;
+  border-radius: 2px;
+  font-size: 13px;
+  color: ${({ theme }) => theme.colors.neutral[600]};
+`;
+const StyledTooltipText = styled.div`
+  display: inline-block;
+  text-align: ${({ textAlign }) => textAlign};
+  white-space: ${({ wrapWords }) => wrapWords ? "pre-wrap" : "normal"};
+  word-break: ${({ wrapWords }) => wrapWords ? "break-all" : "normal"};
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+`;
+const StyledMouseOverDetectionBox = styled.div`
+  position: absolute;
+  top: -15px;
+  right: -15px;
+  width: calc(100% + 30px);
+  height: calc(100% + 30px);
+  z-index: -1;
+`;
+const StyledTriggerWrapper = styled.div`
+  display: inline-flex;
+  width: 100%;
+`;
+export {
+  StyledMouseOverDetectionBox,
+  StyledTooltipContainer,
+  StyledTooltipText,
+  StyledTriggerWrapper
+};
+//# sourceMappingURL=styles.js.map

package/dist/esm/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport type { DSTooltipV3T } from './react-desc-prop-types.js';\n\ninterface StyledTooltipTextT {\n  wrapWords: boolean;\n  textAlign: DSTooltipV3T.TextAlignment;\n}\n\nexport const StyledTooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n`;\n\nexport const StyledTooltipText = styled.div<StyledTooltipTextT>`\n  display: inline-block;\n  text-align: ${({ textAlign }) => textAlign};\n  white-space: ${({ wrapWords }) => (wrapWords ? 'pre-wrap' : 'normal')};\n  word-break: ${({ wrapWords }) => (wrapWords ? 'break-all' : 'normal')};\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n`;\n\nexport const StyledMouseOverDetectionBox = styled.div`\n  position: absolute;\n  top: -15px;\n  right: -15px;\n  width: calc(100% + 30px);\n  height: calc(100% + 30px);\n  z-index: -1;\n`;\n\nexport const StyledTriggerWrapper = styled.div`\n  display: inline-flex;\n  width: 100%;\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAQhB,MAAM,yBAAyB,OAAO;AAAA;AAAA,eAE9B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,aAK9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,IAAI,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKxD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAG5C,MAAM,oBAAoB,OAAO;AAAA;AAAA,gBAExB,CAAC,EAAE,UAAU,MAAM,SAAS;AAAA,iBAC3B,CAAC,EAAE,UAAU,MAAO,YAAY,aAAa,QAAS;AAAA,gBACvD,CAAC,EAAE,UAAU,MAAO,YAAY,cAAc,QAAS;AAAA;AAAA;AAAA;AAKhE,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3C,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;",
+  "names": []
+}