@elliemae/ds-tooltip 2.2.0 → 2.3.0-alpha.3

package/esm/v3/propsTypes.js

@@ -1,92 +1,51 @@
-import { PropTypes } from 'react-desc';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
 const dsTooltipPropTypes = {
-  /**
-   * Tooltip text to be displayed on hover/focus
-   */
-  text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,
-
-  /**
-   * Tooltip text alignment
-   */
-  textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit']).description('Tooltip text alignment').defaultValue('left'),
-
-  /**
-   * Element to tie the tooltip to, must be a single node
-   */
-  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,
-
-  /**
-   *  Wheter or not the tooltip content should appear in a DOM portal or not
-   */
-  withoutPortal: PropTypes.bool.description('Whether or not the tooltip content should appear in a DOM portal or not').defaultValue(true),
-
-  /**
-   *  Wheter or not the tooltip should use the arrow
-   */
-  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),
-
-  /**
-   *  Bounding element to calculate upon, defaults to it is "clippingParents",
-   *   which are the scrolling containers that may cause the element to be partially or fully cut off.
-   */
-  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(undefined),
-
-  /**
-   *  Whether or not the popper context menu should be animated
-   */
-  withoutAnimation: PropTypes.bool.description('Whether or not the popper context menu should be animated').defaultValue(false),
-
-  /**
-   *  Popper context menus Animation duration in ms
-   */
-  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),
-
-  /**
-   *  When using portal, the container in which to append the DOM content, defaults to document body
-   */
-  portalDOMContainer: PropTypes.element.description('When using portal, the container in which to append the DOM content, defaults to document body').defaultValue(undefined),
-
-  /**
-   *  start placement preferences, as per popperjs placement option
-   */
-  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'"),
-
-  /**
-   *  Array of placement preferences, as per popperjs "flip" placement option
-   */
-  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']"),
-
-  /**
-   *  tooltip wrapper z-index
-   */
-  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),
-
-  /**
-   *  placement offset array
-   */
-  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),
-
-  /**
-   *  modifiers array for full-custom tooltip-js override
-   *  https://tooltip.js.org/docs/v2/modifiers/
-   */
-  modifiers: PropTypes.array.description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/').defaultValue(1),
-
-  /**
-   * Optional id appended to data-testid
-   */
-  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),
-
-  /**
-   * Optional callback to be invoked when the tooltip opens
-   */
-  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),
-
-  /**
-   * 'Optional callback to be invoked when the tooltip closes
-   */
-  onClose: PropTypes.func.description('Optional callback to be invoked when the tooltip closes').defaultValue('() => {}')
+  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 };
+export {
+  dsTooltipPropTypes
+};
+//# sourceMappingURL=propsTypes.js.map

package/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/esm/v3/styleds.js

@@ -1,36 +1,41 @@
-import styled from 'styled-components';
-
-const StyledTooltipContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-18a4gem-0"
-})(["text-align:center;min-width:", ";max-width:250px;min-height:30px;display:grid;align-items:center;padding:", ";position:relative;background-color:white;border-radius:2px;font-size:13px;color:", ";"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.space.l;
-}, _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return "".concat(theme.space.xxxs, " ").concat(theme.space.xs);
-}, _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.colors.neutral[600];
-});
-const StyledTooltipText = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-18a4gem-1"
-})(["white-space:normal;word-wrap:break-word;display:inline-block;text-align:", ";"], _ref4 => {
-  let {
-    textAlign
-  } = _ref4;
-  return textAlign;
-});
-const StyledMouseOverDetectionBox = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-18a4gem-2"
-})(["position:absolute;top:-15px;right:-15px;width:calc(100% + 30px);height:calc(100% + 30px);z-index:-1;"]);
-const StyledTriggerWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-18a4gem-3"
-})(["display:inline-flex;width:100%;"]);
-
-export { StyledMouseOverDetectionBox, StyledTooltipContainer, StyledTooltipText, StyledTriggerWrapper };
+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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-tooltip",
-  "version": "2.2.0",
+  "version": "2.3.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip",
   "module": "./esm/index.js",
@@ -92,15 +92,15 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.2.0",
-    "@elliemae/ds-classnames": "2.2.0",
-    "@elliemae/ds-popper": "2.2.0",
-    "@elliemae/ds-popperjs": "2.2.0",
-    "@elliemae/ds-portal": "2.2.0",
-    "@elliemae/ds-props-helpers": "2.2.0",
-    "@elliemae/ds-shared": "2.2.0",
-    "@elliemae/ds-system": "2.2.0",
-    "@elliemae/ds-utilities": "2.2.0",
+    "@elliemae/ds-button": "2.3.0-alpha.3",
+    "@elliemae/ds-classnames": "2.3.0-alpha.3",
+    "@elliemae/ds-popper": "2.3.0-alpha.3",
+    "@elliemae/ds-popperjs": "2.3.0-alpha.3",
+    "@elliemae/ds-portal": "2.3.0-alpha.3",
+    "@elliemae/ds-props-helpers": "2.3.0-alpha.3",
+    "@elliemae/ds-shared": "2.3.0-alpha.3",
+    "@elliemae/ds-system": "2.3.0-alpha.3",
+    "@elliemae/ds-utilities": "2.3.0-alpha.3",
     "@popperjs/core": "~2.9.2",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5"

package/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';