@elliemae/ds-tooltip 2.3.0-next.3 → 3.0.0-alpha.0

package/dist/esm/v2/utils/tooltipPositions.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+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 {
+  tooltipPositions
+};
+//# sourceMappingURL=tooltipPositions.js.map

package/dist/esm/v2/utils/tooltipPositions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/utils/tooltipPositions.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const 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;ACAA,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;AAAA;",
+  "names": []
+}

package/dist/esm/v3/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/v3/TooltipV3DatatestId.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/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;ACAO,MAAM,sBAAsB;AAAA,EACjC,iBAAiB;AAAA,EACjB,sBAAsB;AAAA;",
+  "names": []
+}

package/dist/esm/v3/config/useWithDefaultProps.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+const noop = () => {
+};
+const defaultProps = {
+  onOpen: noop,
+  onClose: noop,
+  id: "",
+  textAlign: "left"
+};
+const useWithDefaultProps = (props) => useMemoMergePropsWithDefault(props, defaultProps);
+export {
+  useWithDefaultProps
+};
+//# sourceMappingURL=useWithDefaultProps.js.map

package/dist/esm/v3/config/useWithDefaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v3/config/useWithDefaultProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { TooltipV3PropsT } from '../index.d';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst defaultProps = {\n  onOpen: noop,\n  onClose: noop,\n  id: '',\n  textAlign: 'left',\n};\n\nexport const useWithDefaultProps = (props: Partial<TooltipV3PropsT>): Partial<TooltipV3PropsT> =>\n  useMemoMergePropsWithDefault(props, defaultProps);\n"],
+  "mappings": "AAAA;ACAA;AAIA,MAAM,OAAO,MAAM;AAAA;AAEnB,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,WAAW;AAAA;AAGN,MAAM,sBAAsB,CAAC,UAClC,6BAA6B,OAAO;",
+  "names": []
+}

package/dist/esm/v3/index.d.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=index.d.js.map

package/dist/esm/v3/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/esm/v3/index.js

@@ -0,0 +1,91 @@
+import * as React from "react";
+import React2, { useState, useCallback, useEffect } from "react";
+import { DSPopperJS } from "@elliemae/ds-popperjs";
+import { describe } from "react-desc";
+import { dsTooltipPropTypes } from "./propsTypes";
+import { useWithDefaultProps } from "./config/useWithDefaultProps";
+import { TooltipV3DatatestId } from "./TooltipV3DatatestId";
+import {
+  StyledTooltipContainer,
+  StyledTooltipText,
+  StyledMouseOverDetectionBox,
+  StyledTriggerWrapper
+} from "./styleds";
+const useGlobalKeyboardListener = (func) => {
+  useEffect(() => {
+    document.addEventListener("keydown", func);
+    return () => document.removeEventListener("keydown", func);
+  }, [func]);
+};
+const DSTooltipV3 = (props) => {
+  const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = useWithDefaultProps(props);
+  const [isFocused, setIsFocused] = useState(false);
+  const [isHover, setIsHover] = useState(false);
+  const [latestOpenInteraction, setLatestOpenInteraction] = useState("");
+  const [referenceElement, setReferenceElement] = useState();
+  const [showPopover, setShowPopover] = useState(false);
+  const showTooltip = useCallback(() => {
+    setShowPopover(true);
+    onOpen();
+  }, [onOpen]);
+  const hideTooltip = useCallback(() => {
+    setShowPopover(false);
+    onClose();
+  }, [onClose]);
+  const onFocus = useCallback(() => {
+    setIsFocused(true);
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction("onFocus");
+    }
+  }, [showPopover, showTooltip]);
+  const onBlur = useCallback(() => {
+    setIsFocused(false);
+    if (!isHover || latestOpenInteraction === "onFocus")
+      hideTooltip();
+  }, [hideTooltip, isHover, latestOpenInteraction]);
+  const onMouseEnter = useCallback(() => {
+    setIsHover(true);
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction("onMouseEnter");
+    }
+  }, [showPopover, showTooltip]);
+  const onMouseLeave = useCallback(() => {
+    setIsHover(false);
+    if (!isFocused || latestOpenInteraction === "onMouseEnter")
+      hideTooltip();
+  }, [hideTooltip, isFocused, latestOpenInteraction]);
+  const handleEscKey = useCallback(({ key }) => {
+    if (key === "Escape")
+      hideTooltip();
+  }, [hideTooltip]);
+  useGlobalKeyboardListener(handleEscKey);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledTriggerWrapper, {
+    onMouseEnter,
+    onMouseLeave,
+    onFocus,
+    onBlur,
+    ref: setReferenceElement,
+    "data-testid": `${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== "" ? `_${id}` : ""}`
+  }, /* @__PURE__ */ React2.createElement(DSPopperJS, {
+    referenceElement,
+    showPopover,
+    withoutPortal: true,
+    ...extraPopperJsProps
+  }, /* @__PURE__ */ React2.createElement("div", {
+    "data-testid": `${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== "" ? `_${id}` : ""}`
+  }, /* @__PURE__ */ React2.createElement(StyledTooltipContainer, null, /* @__PURE__ */ React2.createElement(StyledTooltipText, {
+    textAlign
+  }, text), /* @__PURE__ */ React2.createElement(StyledMouseOverDetectionBox, null)))), children));
+};
+DSTooltipV3.propTypes = dsTooltipPropTypes;
+const DSTooltipV3WithSchema = describe(DSTooltipV3).description("A tooltip component");
+DSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;
+var v3_default = DSTooltipV3;
+export {
+  DSTooltipV3,
+  DSTooltipV3WithSchema,
+  v3_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/v3/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { describe } from 'react-desc';\n\nimport { dsTooltipPropTypes } from './propsTypes';\nimport { useWithDefaultProps } from './config/useWithDefaultProps';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId';\nimport {\n  StyledTooltipContainer,\n  StyledTooltipText,\n  StyledMouseOverDetectionBox,\n  StyledTriggerWrapper,\n} from './styleds';\nimport type { TooltipV3PropsT } from './index.d';\n\nconst useGlobalKeyboardListener = (func) => {\n  useEffect(() => {\n    document.addEventListener('keydown', func);\n    return () => document.removeEventListener('keydown', func);\n  }, [func]);\n};\n\nconst DSTooltipV3: React.ComponentType<TooltipV3PropsT> = (props) => {\n  const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = useWithDefaultProps(props);\n\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHover, setIsHover] = useState(false);\n  const [latestOpenInteraction, setLatestOpenInteraction] = useState('');\n\n  const [referenceElement, setReferenceElement] = useState<HTMLSpanElement>();\n  const [showPopover, setShowPopover] = useState(false);\n  const showTooltip = useCallback(() => {\n    setShowPopover(true);\n    onOpen();\n  }, [onOpen]);\n  const hideTooltip = useCallback(() => {\n    setShowPopover(false);\n    onClose();\n  }, [onClose]);\n\n  const onFocus = useCallback(() => {\n    setIsFocused(true);\n    if (!showPopover) {\n      showTooltip();\n      setLatestOpenInteraction('onFocus');\n    }\n  }, [showPopover, showTooltip]);\n  const onBlur = useCallback(() => {\n    setIsFocused(false);\n    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();\n  }, [hideTooltip, isHover, latestOpenInteraction]);\n\n  const onMouseEnter = useCallback(() => {\n    setIsHover(true);\n    if (!showPopover) {\n      showTooltip();\n      setLatestOpenInteraction('onMouseEnter');\n    }\n  }, [showPopover, showTooltip]);\n  const onMouseLeave = useCallback(() => {\n    setIsHover(false);\n    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();\n  }, [hideTooltip, isFocused, latestOpenInteraction]);\n\n  const handleEscKey = useCallback(\n    ({ key }) => {\n      if (key === 'Escape') hideTooltip();\n    },\n    [hideTooltip],\n  );\n\n  useGlobalKeyboardListener(handleEscKey);\n  return (\n    <>\n      {/* The <div> element is catching the \"ESC\" key to close the tooltip, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\n      {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <StyledTriggerWrapper\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        ref={setReferenceElement}\n        data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n      >\n        <DSPopperJS referenceElement={referenceElement} showPopover={showPopover} withoutPortal {...extraPopperJsProps}>\n          <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n            <StyledTooltipContainer>\n              <StyledTooltipText textAlign={textAlign}>{text}</StyledTooltipText>\n              <StyledMouseOverDetectionBox />\n            </StyledTooltipContainer>\n          </div>\n        </DSPopperJS>\n\n        {children}\n      </StyledTriggerWrapper>\n    </>\n  );\n};\n\nDSTooltipV3.propTypes = dsTooltipPropTypes;\n\nconst DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');\nDSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\nexport default DSTooltipV3;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,MAAM,4BAA4B,CAAC,SAAS;AAC1C,YAAU,MAAM;AACd,aAAS,iBAAiB,WAAW;AACrC,WAAO,MAAM,SAAS,oBAAoB,WAAW;AAAA,KACpD,CAAC;AAAA;AAGN,MAAM,cAAoD,CAAC,UAAU;AACnE,QAAM,EAAE,MAAM,UAAU,QAAQ,SAAS,IAAI,cAAc,uBAAuB,oBAAoB;AAEtG,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAC3C,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,QAAM,CAAC,uBAAuB,4BAA4B,SAAS;AAEnE,QAAM,CAAC,kBAAkB,uBAAuB;AAChD,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAC/C,QAAM,cAAc,YAAY,MAAM;AACpC,mBAAe;AACf;AAAA,KACC,CAAC;AACJ,QAAM,cAAc,YAAY,MAAM;AACpC,mBAAe;AACf;AAAA,KACC,CAAC;AAEJ,QAAM,UAAU,YAAY,MAAM;AAChC,iBAAa;AACb,QAAI,CAAC,aAAa;AAChB;AACA,+BAAyB;AAAA;AAAA,KAE1B,CAAC,aAAa;AACjB,QAAM,SAAS,YAAY,MAAM;AAC/B,iBAAa;AACb,QAAI,CAAC,WAAW,0BAA0B;AAAW;AAAA,KACpD,CAAC,aAAa,SAAS;AAE1B,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW;AACX,QAAI,CAAC,aAAa;AAChB;AACA,+BAAyB;AAAA;AAAA,KAE1B,CAAC,aAAa;AACjB,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW;AACX,QAAI,CAAC,aAAa,0BAA0B;AAAgB;AAAA,KAC3D,CAAC,aAAa,WAAW;AAE5B,QAAM,eAAe,YACnB,CAAC,EAAE,UAAU;AACX,QAAI,QAAQ;AAAU;AAAA,KAExB,CAAC;AAGH,4BAA0B;AAC1B,SACE,4DAKE,qCAAC,sBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,eAAa,GAAG,oBAAoB,kBAAkB,OAAO,KAAK,IAAI,OAAO;AAAA,KAE7E,qCAAC,YAAD;AAAA,IAAY;AAAA,IAAoC;AAAA,IAA0B,eAAa;AAAA,OAAK;AAAA,KAC1F,qCAAC,OAAD;AAAA,IAAK,eAAa,GAAG,oBAAoB,uBAAuB,OAAO,KAAK,IAAI,OAAO;AAAA,KACrF,qCAAC,wBAAD,MACE,qCAAC,mBAAD;AAAA,IAAmB;AAAA,KAAuB,OAC1C,qCAAC,6BAAD,UAKL;AAAA;AAMT,YAAY,YAAY;AAExB,MAAM,wBAAwB,SAAS,aAAa,YAAY;AAChE,sBAAsB,YAAY;AAGlC,IAAO,aAAQ;",
+  "names": []
+}

package/dist/esm/v3/propsTypes.js

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+const dsTooltipPropTypes = {
+  text: PropTypes.string.description("Tooltip text to be displayed on hover/focus").isRequired,
+  textAlign: PropTypes.oneOf(["left", "right", "center", "justify", "initial", "inherit"]).description("Tooltip text alignment").defaultValue("left"),
+  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.element.description("When using portal, the container in which to append the DOM content, defaults to document body").defaultValue(void 0),
+  startPlacementPreference: PropTypes.oneOf([
+    "top-start",
+    "top",
+    "top-end",
+    "right-start",
+    "right",
+    "right-end",
+    "bottom-end",
+    "bottom",
+    "bottom-start",
+    "left-end",
+    "left",
+    "left-start"
+  ]).description("start placement preferences, as per popperjs placement option").defaultValue("'top'"),
+  placementOrderPreference: PropTypes.arrayOf(PropTypes.oneOf([
+    "top-start",
+    "top",
+    "top-end",
+    "right-start",
+    "right",
+    "right-end",
+    "bottom-end",
+    "bottom",
+    "bottom-start",
+    "left-end",
+    "left",
+    "left-start"
+  ])).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://tooltip.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 {
+  dsTooltipPropTypes
+};
+//# sourceMappingURL=propsTypes.js.map

package/dist/esm/v3/propsTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/propsTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const dsTooltipPropTypes = {\n  /**\n   * Tooltip text to be displayed on hover/focus\n   */\n  text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,\n  /**\n   * Tooltip text alignment\n   */\n  textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit'])\n    .description('Tooltip text alignment')\n    .defaultValue('left'),\n  /**\n   * Element to tie the tooltip to, must be a single node\n   */\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  /**\n   *  Wheter or not the tooltip content should appear in a DOM portal or not\n   */\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  /**\n   *  Wheter or not the tooltip should use the arrow\n   */\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  /**\n   *  Bounding element to calculate upon, defaults to it is \"clippingParents\",\n   *   which are the scrolling containers that may cause the element to be partially or fully cut off.\n   */\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  /**\n   *  Whether or not the popper context menu should be animated\n   */\n  withoutAnimation: PropTypes.bool\n    .description('Whether or not the popper context menu should be animated')\n    .defaultValue(false),\n  /**\n   *  Popper context menus Animation duration in ms\n   */\n  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n  /**\n   *  When using portal, the container in which to append the DOM content, defaults to document body\n   */\n  portalDOMContainer: PropTypes.element\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  /**\n   *  start placement preferences, as per popperjs placement option\n   */\n  startPlacementPreference: PropTypes.oneOf([\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    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  /**\n   *  Array of placement preferences, as per popperjs \"flip\" placement option\n   */\n  placementOrderPreference: PropTypes.arrayOf(\n    PropTypes.oneOf([\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  )\n    .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n    .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n  /**\n   *  tooltip wrapper z-index\n   */\n  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n  /**\n   *  placement offset array\n   */\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  /**\n   *  modifiers array for full-custom tooltip-js override\n   *  https://tooltip.js.org/docs/v2/modifiers/\n   */\n  modifiers: PropTypes.array\n    .description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/')\n    .defaultValue(1),\n  /**\n   * Optional id appended to data-testid\n   */\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  /**\n   * Optional callback to be invoked when the tooltip opens\n   */\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  /**\n   * 'Optional callback to be invoked when the tooltip closes\n   */\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,qBAAqB;AAAA,EAIhC,MAAM,UAAU,OAAO,YAAY,+CAA+C;AAAA,EAIlF,WAAW,UAAU,MAAM,CAAC,QAAQ,SAAS,UAAU,WAAW,WAAW,YAC1E,YAAY,0BACZ,aAAa;AAAA,EAIhB,UAAU,UAAU,KAAK,YAAY,wDAAwD;AAAA,EAI7F,eAAe,UAAU,KACtB,YAAY,2EACZ,aAAa;AAAA,EAIhB,cAAc,UAAU,KAAK,YAAY,mDAAmD,aAAa;AAAA,EAKzG,iBAAiB,UAAU,QACxB,YACC,gKAGD,aAAa;AAAA,EAIhB,kBAAkB,UAAU,KACzB,YAAY,6DACZ,aAAa;AAAA,EAIhB,mBAAmB,UAAU,OAAO,YAAY,iDAAiD,aAAa;AAAA,EAI9G,oBAAoB,UAAU,QAC3B,YAAY,kGACZ,aAAa;AAAA,EAIhB,0BAA0B,UAAU,MAAM;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,YAAY,iEACZ,aAAa;AAAA,EAIhB,0BAA0B,UAAU,QAClC,UAAU,MAAM;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAGD,YAAY,2EACZ,aAAa;AAAA,EAIhB,QAAQ,UAAU,OAAO,YAAY,4BAA4B,aAAa;AAAA,EAI9E,cAAc,UAAU,QAAQ,UAAU,QAAQ,YAAY,0BAA0B,aAAa,CAAC,GAAG;AAAA,EAKzG,WAAW,UAAU,MAClB,YAAY,kGACZ,aAAa;AAAA,EAIhB,IAAI,UAAU,OAAO,YAAY,uCAAuC,aAAa;AAAA,EAIrF,QAAQ,UAAU,KAAK,YAAY,0DAA0D,aAAa;AAAA,EAI1G,SAAS,UAAU,KAChB,YAAY,2DACZ,aAAa;AAAA;",
+  "names": []
+}

package/dist/esm/v3/styleds.js

@@ -0,0 +1,41 @@
+import * as React from "react";
+import styled from "styled-components";
+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`
+  white-space: normal;
+  word-wrap: break-word;
+  display: inline-block;
+  text-align: ${({ textAlign }) => textAlign};
+`;
+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=styleds.js.map

package/dist/esm/v3/styleds.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/styleds.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\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<{ textAlign: string }>`\n  white-space: normal;\n  word-wrap: break-word;\n  display: inline-block;\n  text-align: ${({ textAlign }) => textAlign};\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;ACAA;AAEO,MAAM,yBAAyB,OAAO;AAAA;AAAA,eAE9B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,aAK7B,CAAC,EAAE,YAAY,GAAG,MAAM,MAAM,QAAQ,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,WAKpD,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGxC,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA,gBAIxB,CAAC,EAAE,gBAAgB;AAAA;AAG5B,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3C,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/{types → dist/types}/index.d.ts

@@ -1,6 +1,6 @@
 export * from './v1/DSTooltip';
-export { default } from './v1/DSTooltip';
 export * from './v2/DSTooltip';
 export { tooltipPositions } from './v2/utils/tooltipPositions';
 export * from './v2/TooltipType';
 export * from './v3';
+export { default } from './v1/DSTooltip';

package/package.json

@@ -1,75 +1,78 @@
 {
   "name": "@elliemae/ds-tooltip",
-  "version": "2.3.0-next.3",
+  "version": "3.0.0-alpha.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./v3/TooltipV3DatatestId": {
-      "import": "./esm/v3/TooltipV3DatatestId.js",
-      "require": "./cjs/v3/TooltipV3DatatestId.js"
+      "import": "./dist/esm/v3/TooltipV3DatatestId.js",
+      "require": "./dist/cjs/v3/TooltipV3DatatestId.js"
     },
     "./v3/styleds": {
-      "import": "./esm/v3/styleds.js",
-      "require": "./cjs/v3/styleds.js"
+      "import": "./dist/esm/v3/styleds.js",
+      "require": "./dist/cjs/v3/styleds.js"
     },
     "./v3/propsTypes": {
-      "import": "./esm/v3/propsTypes.js",
-      "require": "./cjs/v3/propsTypes.js"
+      "import": "./dist/esm/v3/propsTypes.js",
+      "require": "./dist/cjs/v3/propsTypes.js"
     },
     "./v3": {
-      "import": "./esm/v3/index.js",
-      "require": "./cjs/v3/index.js"
+      "import": "./dist/esm/v3/index.js",
+      "require": "./dist/cjs/v3/index.js"
     },
     "./v3/config/useWithDefaultProps": {
-      "import": "./esm/v3/config/useWithDefaultProps.js",
-      "require": "./cjs/v3/config/useWithDefaultProps.js"
+      "import": "./dist/esm/v3/config/useWithDefaultProps.js",
+      "require": "./dist/cjs/v3/config/useWithDefaultProps.js"
     },
     "./v2/utils/tooltipPositions": {
-      "import": "./esm/v2/utils/tooltipPositions.js",
-      "require": "./cjs/v2/utils/tooltipPositions.js"
+      "import": "./dist/esm/v2/utils/tooltipPositions.js",
+      "require": "./dist/cjs/v2/utils/tooltipPositions.js"
     },
     "./v2/utils/setMultipleRefs": {
-      "import": "./esm/v2/utils/setMultipleRefs.js",
-      "require": "./cjs/v2/utils/setMultipleRefs.js"
+      "import": "./dist/esm/v2/utils/setMultipleRefs.js",
+      "require": "./dist/cjs/v2/utils/setMultipleRefs.js"
     },
     "./v2/TooltipType": {
-      "import": "./esm/v2/TooltipType.js",
-      "require": "./cjs/v2/TooltipType.js"
+      "import": "./dist/esm/v2/TooltipType.js",
+      "require": "./dist/cjs/v2/TooltipType.js"
     },
     "./v2/styles": {
-      "import": "./esm/v2/styles.js",
-      "require": "./cjs/v2/styles.js"
+      "import": "./dist/esm/v2/styles.js",
+      "require": "./dist/cjs/v2/styles.js"
     },
     "./v2/propTypes": {
-      "import": "./esm/v2/propTypes.js",
-      "require": "./cjs/v2/propTypes.js"
+      "import": "./dist/esm/v2/propTypes.js",
+      "require": "./dist/cjs/v2/propTypes.js"
     },
     "./v2": {
-      "import": "./esm/v2/index.d.js",
-      "require": "./cjs/v2/index.d.js"
+      "import": "./dist/esm/v2/index.d.js",
+      "require": "./dist/cjs/v2/index.d.js"
     },
     "./v2/DSTooltipArrow": {
-      "import": "./esm/v2/DSTooltipArrow.js",
-      "require": "./cjs/v2/DSTooltipArrow.js"
+      "import": "./dist/esm/v2/DSTooltipArrow.js",
+      "require": "./dist/cjs/v2/DSTooltipArrow.js"
     },
     "./v2/DSTooltip": {
-      "import": "./esm/v2/DSTooltip.js",
-      "require": "./cjs/v2/DSTooltip.js"
+      "import": "./dist/esm/v2/DSTooltip.js",
+      "require": "./dist/cjs/v2/DSTooltip.js"
     },
     "./v1/TooltipType": {
-      "import": "./esm/v1/TooltipType.js",
-      "require": "./cjs/v1/TooltipType.js"
+      "import": "./dist/esm/v1/TooltipType.js",
+      "require": "./dist/cjs/v1/TooltipType.js"
     },
     "./v1/DSTooltip": {
-      "import": "./esm/v1/DSTooltip.js",
-      "require": "./cjs/v1/DSTooltip.js"
+      "import": "./dist/esm/v1/DSTooltip.js",
+      "require": "./dist/cjs/v1/DSTooltip.js"
     }
   },
   "sideEffects": [
@@ -81,32 +84,32 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-next.3",
-    "@elliemae/ds-classnames": "2.3.0-next.3",
-    "@elliemae/ds-popper": "2.3.0-next.3",
-    "@elliemae/ds-popperjs": "2.3.0-next.3",
-    "@elliemae/ds-portal": "2.3.0-next.3",
-    "@elliemae/ds-props-helpers": "2.3.0-next.3",
-    "@elliemae/ds-shared": "2.3.0-next.3",
-    "@elliemae/ds-system": "2.3.0-next.1",
-    "@elliemae/ds-utilities": "2.3.0-next.3",
-    "@popperjs/core": "~2.9.2",
+    "@elliemae/ds-button": "3.0.0-alpha.0",
+    "@elliemae/ds-classnames": "3.0.0-alpha.0",
+    "@elliemae/ds-popper": "3.0.0-alpha.0",
+    "@elliemae/ds-popperjs": "3.0.0-alpha.0",
+    "@elliemae/ds-portal": "3.0.0-alpha.0",
+    "@elliemae/ds-props-helpers": "3.0.0-alpha.0",
+    "@elliemae/ds-shared": "3.0.0-alpha.0",
+    "@elliemae/ds-system": "3.0.0-alpha.0",
+    "@elliemae/ds-utilities": "3.0.0-alpha.0",
+    "@popperjs/core": "~2.9.3",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/jest-dom": "~5.15.1",
     "@testing-library/react": "~12.1.2",
     "@testing-library/user-event": "~13.5.0",
     "react": "^17.0.2",
@@ -120,7 +123,12 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/index.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSTooltip = require('./v1/DSTooltip.js');
-var DSTooltip$1 = require('./v2/DSTooltip.js');
-var tooltipPositions = require('./v2/utils/tooltipPositions.js');
-var TooltipType = require('./v2/TooltipType.js');
-var index = require('./v3/index.js');
-
-
-
-exports.DSTooltip = DSTooltip.DSTooltip;
-exports.TooltipContainer = DSTooltip.TooltipContainer;
-exports.TooltipText = DSTooltip.TooltipText;
-exports.TooltipWithSchema = DSTooltip.TooltipWithSchema;
-exports["default"] = DSTooltip.DSTooltip;
-exports.DSTooltipV2 = DSTooltip$1.DSTooltipV2;
-exports.TooltipV2WithSchema = DSTooltip$1.TooltipV2WithSchema;
-exports.tooltipPositions = tooltipPositions.tooltipPositions;
-exports.TooltipType = TooltipType.TooltipType;
-exports.DSTooltipV3 = index.DSTooltipV3;
-exports.DSTooltipV3WithSchema = index.DSTooltipV3WithSchema;