@coorpacademy/components 11.9.2-alpha.1 → 11.9.2-alpha.12

package/es/atom/tooltip/index.js

@@ -1,117 +0,0 @@
-import React, { isValidElement, useState, useCallback, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import ReactTooltip from 'react-tooltip';
-import isString from 'lodash/fp/isString';
-import { NovaCompositionCoorpacademyInformationIcon as InformationIcon } from '@coorpacademy/nova-icons';
-import style from './style.css';
-
-const ToolTipWrapper = ({
-  toolTipIsVisible,
-  anchorId,
-  closeToolTipInformationTextAriaLabel,
-  content
-}) => {
-  if (!toolTipIsVisible) return null;
-
-  if (anchorId) {
-    return /*#__PURE__*/React.createElement(ReactTooltip, {
-      id: anchorId,
-      className: style.toolTipReact,
-      "data-event-off": "click",
-      place: "left",
-      effect: "solid",
-      "aria-label": closeToolTipInformationTextAriaLabel
-    }, content);
-  } else {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.toolTip,
-      "data-testid": "tooltip",
-      "aria-label": closeToolTipInformationTextAriaLabel
-    }, content);
-  }
-};
-
-ToolTipWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
-  toolTipIsVisible: PropTypes.bool,
-  anchorId: PropTypes.string,
-  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,
-  content: PropTypes.node
-} : {};
-export const toggleStateOnKeyPress = (state, setState, ref) => event => {
-  if (event.key === 'Enter') {
-    if (ref) ref.current.focus();
-    event.stopPropagation();
-    event.preventDefault();
-    setState(!state);
-  } else if (event.key === 'Tab' || event.key === 'Escape') {
-    setState(false);
-  }
-};
-
-const ToolTip = ({
-  anchorId,
-  TooltipContent,
-  'aria-label': ariaLabel,
-  'data-testid': dataTestId,
-  closeToolTipInformationTextAriaLabel,
-  toolTipIsVisible: _toolTipIsVisible
-}) => {
-  const isComponent = useMemo(() => !isString(TooltipContent) && /*#__PURE__*/isValidElement(TooltipContent()), [TooltipContent]);
-  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);
-  const handleKeyPress = useCallback(event => {
-    toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);
-  }, [toolTipIsVisible]);
-  const handleMouseOver = useCallback(() => {
-    setToolTipIsVisible(true);
-  }, []);
-  const handleMouseLeave = useCallback(() => {
-    setToolTipIsVisible(false);
-  }, []);
-  const content = useMemo(() => {
-    return isComponent ? /*#__PURE__*/React.createElement(TooltipContent, null) : /*#__PURE__*/React.createElement("p", {
-      className: style.tooltipContent
-    }, TooltipContent);
-  }, [TooltipContent, isComponent]);
-  return anchorId ? /*#__PURE__*/React.createElement(ToolTipWrapper, {
-    toolTipIsVisible: _toolTipIsVisible,
-    anchorId: anchorId,
-    closeToolTipInformationTextAriaLabel: closeToolTipInformationTextAriaLabel,
-    content: content,
-    onMouseLeave: handleMouseLeave,
-    onMouseOver: handleMouseOver
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: style.tooltipContainer,
-    onMouseLeave: handleMouseLeave,
-    onMouseOver: handleMouseOver
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: style.tooltipIconContainer,
-    "data-testid": dataTestId,
-    onKeyDown: handleKeyPress,
-    tabIndex: 0
-  }, /*#__PURE__*/React.createElement(InformationIcon, {
-    className: style.informationIcon,
-    width: 12,
-    height: 12,
-    "aria-label": ariaLabel
-  })), /*#__PURE__*/React.createElement(ToolTipWrapper, {
-    toolTipIsVisible: toolTipIsVisible,
-    anchorId: anchorId,
-    closeToolTipInformationTextAriaLabel: closeToolTipInformationTextAriaLabel,
-    content: content
-  }));
-};
-
-ToolTip.propTypes = process.env.NODE_ENV !== "production" ? {
-  TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),
-  'data-testid': PropTypes.string,
-  'aria-label': PropTypes.string,
-  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,
-  // ---------- externalHandling --------------
-  // if passed down, React Tooltip is used instead, due to limitations on
-  // parents overflow hidden controls
-  anchorId: PropTypes.string,
-  toolTipIsVisible: PropTypes.bool
-} : {};
-export default ToolTip;
-//# sourceMappingURL=index.js.map

package/es/atom/tooltip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","isValidElement","useState","useCallback","useMemo","PropTypes","ReactTooltip","isString","NovaCompositionCoorpacademyInformationIcon","InformationIcon","style","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","toolTipReact","toolTip","propTypes","bool","string","isRequired","node","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","isComponent","setToolTipIsVisible","handleKeyPress","handleMouseOver","handleMouseLeave","tooltipContent","tooltipContainer","tooltipIconContainer","informationIcon","oneOfType","func"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content\n}) => {\n  if (!toolTipIsVisible) return null;\n  if (anchorId) {\n    return (\n      <ReactTooltip\n        id={anchorId}\n        className={style.toolTipReact}\n        data-event-off=\"click\"\n        place=\"left\"\n        effect=\"solid\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </ReactTooltip>\n    );\n  } else {\n    return (\n      <div\n        className={style.toolTip}\n        data-testid=\"tooltip\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </div>\n    );\n  }\n};\n\nToolTipWrapper.propTypes = {\n  toolTipIsVisible: PropTypes.bool,\n  anchorId: PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  content: PropTypes.node\n};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n  if (event.key === 'Enter') {\n    if (ref) ref.current.focus();\n    event.stopPropagation();\n    event.preventDefault();\n    setState(!state);\n  } else if (event.key === 'Tab' || event.key === 'Escape') {\n    setState(false);\n  }\n};\n\nconst ToolTip = ({\n  anchorId,\n  TooltipContent,\n  'aria-label': ariaLabel,\n  'data-testid': dataTestId,\n  closeToolTipInformationTextAriaLabel,\n  toolTipIsVisible: _toolTipIsVisible\n}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleMouseOver = useCallback(() => {\n    setToolTipIsVisible(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setToolTipIsVisible(false);\n  }, []);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={style.tooltipContent}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, isComponent]);\n\n  return anchorId ? (\n    <ToolTipWrapper\n      toolTipIsVisible={_toolTipIsVisible}\n      anchorId={anchorId}\n      closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      content={content}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      <button\n        type=\"button\"\n        className={style.tooltipIconContainer}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyPress}\n        tabIndex={0}\n      >\n        <InformationIcon\n          className={style.informationIcon}\n          width={12}\n          height={12}\n          aria-label={ariaLabel}\n        />\n      </button>\n      <ToolTipWrapper\n        toolTipIsVisible={toolTipIsVisible}\n        anchorId={anchorId}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n        content={content}\n      />\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),\n  'data-testid': PropTypes.string,\n  'aria-label': PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  // ---------- externalHandling --------------\n  // if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool\n};\n\nexport default ToolTip;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,cAAf,EAA+BC,QAA/B,EAAyCC,WAAzC,EAAsDC,OAAtD,QAAoE,OAApE;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,YAAP,MAAyB,eAAzB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,SAAQC,0CAA0C,IAAIC,eAAtD,QAA4E,0BAA5E;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EACtBC,gBADsB;EAEtBC,QAFsB;EAGtBC,oCAHsB;EAItBC;AAJsB,CAAD,KAKjB;EACJ,IAAI,CAACH,gBAAL,EAAuB,OAAO,IAAP;;EACvB,IAAIC,QAAJ,EAAc;IACZ,oBACE,oBAAC,YAAD;MACE,EAAE,EAAEA,QADN;MAEE,SAAS,EAAEH,KAAK,CAACM,YAFnB;MAGE,kBAAe,OAHjB;MAIE,KAAK,EAAC,MAJR;MAKE,MAAM,EAAC,OALT;MAME,cAAYF;IANd,GAQGC,OARH,CADF;EAYD,CAbD,MAaO;IACL,oBACE;MACE,SAAS,EAAEL,KAAK,CAACO,OADnB;MAEE,eAAY,SAFd;MAGE,cAAYH;IAHd,GAKGC,OALH,CADF;EASD;AACF,CA/BD;;AAiCAJ,cAAc,CAACO,SAAf,2CAA2B;EACzBN,gBAAgB,EAAEP,SAAS,CAACc,IADH;EAEzBN,QAAQ,EAAER,SAAS,CAACe,MAFK;EAGzBN,oCAAoC,EAAET,SAAS,CAACe,MAAV,CAAiBC,UAH9B;EAIzBN,OAAO,EAAEV,SAAS,CAACiB;AAJM,CAA3B;AAOA,OAAO,MAAMC,qBAAqB,GAAG,CAACC,KAAD,EAAQC,QAAR,EAAkBC,GAAlB,KAA0BC,KAAK,IAAI;EACtE,IAAIA,KAAK,CAACC,GAAN,KAAc,OAAlB,EAA2B;IACzB,IAAIF,GAAJ,EAASA,GAAG,CAACG,OAAJ,CAAYC,KAAZ;IACTH,KAAK,CAACI,eAAN;IACAJ,KAAK,CAACK,cAAN;IACAP,QAAQ,CAAC,CAACD,KAAF,CAAR;EACD,CALD,MAKO,IAAIG,KAAK,CAACC,GAAN,KAAc,KAAd,IAAuBD,KAAK,CAACC,GAAN,KAAc,QAAzC,EAAmD;IACxDH,QAAQ,CAAC,KAAD,CAAR;EACD;AACF,CATM;;AAWP,MAAMQ,OAAO,GAAG,CAAC;EACfpB,QADe;EAEfqB,cAFe;EAGf,cAAcC,SAHC;EAIf,eAAeC,UAJA;EAKftB,oCALe;EAMfF,gBAAgB,EAAEyB;AANH,CAAD,KAOV;EACJ,MAAMC,WAAW,GAAGlC,OAAO,CACzB,MAAM,CAACG,QAAQ,CAAC2B,cAAD,CAAT,iBAA6BjC,cAAc,CAACiC,cAAc,EAAf,CADxB,EAEzB,CAACA,cAAD,CAFyB,CAA3B;EAKA,MAAM,CAACtB,gBAAD,EAAmB2B,mBAAnB,IAA0CrC,QAAQ,CAAC,KAAD,CAAxD;EAEA,MAAMsC,cAAc,GAAGrC,WAAW,CAChCwB,KAAK,IAAI;IACPJ,qBAAqB,CAACX,gBAAD,EAAmB2B,mBAAnB,CAArB,CAA6DZ,KAA7D;EACD,CAH+B,EAIhC,CAACf,gBAAD,CAJgC,CAAlC;EAOA,MAAM6B,eAAe,GAAGtC,WAAW,CAAC,MAAM;IACxCoC,mBAAmB,CAAC,IAAD,CAAnB;EACD,CAFkC,EAEhC,EAFgC,CAAnC;EAIA,MAAMG,gBAAgB,GAAGvC,WAAW,CAAC,MAAM;IACzCoC,mBAAmB,CAAC,KAAD,CAAnB;EACD,CAFmC,EAEjC,EAFiC,CAApC;EAIA,MAAMxB,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC5B,OAAOkC,WAAW,gBAChB,oBAAC,cAAD,OADgB,gBAGhB;MAAG,SAAS,EAAE5B,KAAK,CAACiC;IAApB,GAAqCT,cAArC,CAHF;EAKD,CANsB,EAMpB,CAACA,cAAD,EAAiBI,WAAjB,CANoB,CAAvB;EAQA,OAAOzB,QAAQ,gBACb,oBAAC,cAAD;IACE,gBAAgB,EAAEwB,iBADpB;IAEE,QAAQ,EAAExB,QAFZ;IAGE,oCAAoC,EAAEC,oCAHxC;IAIE,OAAO,EAAEC,OAJX;IAKE,YAAY,EAAE2B,gBALhB;IAME,WAAW,EAAED;EANf,EADa,gBAUb;IACE,SAAS,EAAE/B,KAAK,CAACkC,gBADnB;IAEE,YAAY,EAAEF,gBAFhB;IAGE,WAAW,EAAED;EAHf,gBAKE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAE/B,KAAK,CAACmC,oBAFnB;IAGE,eAAaT,UAHf;IAIE,SAAS,EAAEI,cAJb;IAKE,QAAQ,EAAE;EALZ,gBAOE,oBAAC,eAAD;IACE,SAAS,EAAE9B,KAAK,CAACoC,eADnB;IAEE,KAAK,EAAE,EAFT;IAGE,MAAM,EAAE,EAHV;IAIE,cAAYX;EAJd,EAPF,CALF,eAmBE,oBAAC,cAAD;IACE,gBAAgB,EAAEvB,gBADpB;IAEE,QAAQ,EAAEC,QAFZ;IAGE,oCAAoC,EAAEC,oCAHxC;IAIE,OAAO,EAAEC;EAJX,EAnBF,CAVF;AAqCD,CA3ED;;AA6EAkB,OAAO,CAACf,SAAR,2CAAoB;EAClBgB,cAAc,EAAE7B,SAAS,CAAC0C,SAAV,CAAoB,CAAC1C,SAAS,CAAC2C,IAAX,EAAiB3C,SAAS,CAACiB,IAA3B,EAAiCjB,SAAS,CAACe,MAA3C,CAApB,CADE;EAElB,eAAef,SAAS,CAACe,MAFP;EAGlB,cAAcf,SAAS,CAACe,MAHN;EAIlBN,oCAAoC,EAAET,SAAS,CAACe,MAAV,CAAiBC,UAJrC;EAKlB;EACA;EACA;EACAR,QAAQ,EAAER,SAAS,CAACe,MARF;EASlBR,gBAAgB,EAAEP,SAAS,CAACc;AATV,CAApB;AAYA,eAAec,OAAf"}

package/es/atom/tooltip/style.css

@@ -1,96 +0,0 @@
-@value colors: "../../variables/colors.css";
-@value cm_blue_900 from colors;
-@value cm_grey_75 from colors;
-@value cm_grey_500 from colors;
-@value cm_grey_700 from colors;
-
-.textBase {
-  font-family: "Gilroy";
-  font-style: normal;
-  color: cm_blue_900;
-  user-select: none;
-}
-
-.tooltipContainer {
-  overflow: visible;
-  position: relative;
-  z-index: 10;
-  display: flex;
-  justify-content: center;
-  justify-self: center;
-}
-
-.tooltipIconContainer {
-  display: flex;
-  justify-content: flex-end;
-  border: none;
-  background: cm_grey_75;
-  height: 25px;
-  align-items: center;
-}
-
-.toolTip {
-  transition: opacity 0.8s;
-  position: absolute;
-  border-radius: 7px;
-  background-color: cm_grey_700;
-  right: -75px;
-  bottom: 32px;
-  height: auto;
-  width: 200px;
-}
-
-.toolTip::before {
-  content: '';
-  display: inline-block;
-  visibility: inherit;
-  opacity: inherit;
-  width: 15px;
-  height: 15px;
-  transform: rotate(-45deg);
-  background-color: cm_grey_700;
-  position: inherit;
-  border-radius: 2px;
-  bottom: -5px;
-  right: 40%;
-}
-
-.tooltipContent {
-  composes: textBase;
-  font-weight: 500;
-  font-size: 14px;
-  display: inline-block;
-  border-radius: 3px;
-  word-wrap: break-word;
-  color: white;
-  padding: 8px 14px;
-  text-align: center;
-}
-
-.informationIcon {
-  color: cm_grey_500;
-}
-
-/* ----------------------- ReactToolTip exclusive classes ------------------------- */
-.toolTipReact {
-  pointer-events: all !important;
-  background-color: cm_grey_700;
-  border-radius: 7px !important;
-  visibility: visible !important;
-  opacity: 1 !important;
-  left: 5px;
-}
-
-/* for keyboard navigation, the position can't be obtained from the mouse */
-[class*="__react_component_tooltip"]:not(.toolTipReact) {
-  border-radius: 7px !important;
-  top: 97px!important;
-  left: 628px!important;
-  visibility: visible !important;
-  opacity: 1!important;
-}
-
-/* same reason, arrow can't be placed effectively */
-[class*="__react_component_tooltip"]:not(.toolTipReact)::after {
-  content: none !important;
-}

package/lib/atom/tooltip/index.d.ts

@@ -1,22 +0,0 @@
-export function toggleStateOnKeyPress(state: any, setState: any, ref: any): (event: any) => void;
-export default ToolTip;
-declare function ToolTip({ anchorId, TooltipContent, "aria-label": ariaLabel, "data-testid": dataTestId, closeToolTipInformationTextAriaLabel, toolTipIsVisible: _toolTipIsVisible }: {
-    anchorId: any;
-    TooltipContent: any;
-    "aria-label": any;
-    "data-testid": any;
-    closeToolTipInformationTextAriaLabel: any;
-    toolTipIsVisible: any;
-}): JSX.Element;
-declare namespace ToolTip {
-    const propTypes: {
-        TooltipContent: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
-        'data-testid': PropTypes.Requireable<string>;
-        'aria-label': PropTypes.Requireable<string>;
-        closeToolTipInformationTextAriaLabel: PropTypes.Validator<string>;
-        anchorId: PropTypes.Requireable<string>;
-        toolTipIsVisible: PropTypes.Requireable<boolean>;
-    };
-}
-import PropTypes from "prop-types";
-//# sourceMappingURL=index.d.ts.map

package/lib/atom/tooltip/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tooltip/index.js"],"names":[],"mappings":"AA+CO,iGASN;;AAED;;;;;;;gBA2EC"}

package/lib/atom/tooltip/index.js

@@ -1,137 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.toggleStateOnKeyPress = exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactTooltip = _interopRequireDefault(require("react-tooltip"));
-
-var _isString = _interopRequireDefault(require("lodash/fp/isString"));
-
-var _novaIcons = require("@coorpacademy/nova-icons");
-
-var _style = _interopRequireDefault(require("./style.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const ToolTipWrapper = ({
-  toolTipIsVisible,
-  anchorId,
-  closeToolTipInformationTextAriaLabel,
-  content
-}) => {
-  if (!toolTipIsVisible) return null;
-
-  if (anchorId) {
-    return /*#__PURE__*/_react.default.createElement(_reactTooltip.default, {
-      id: anchorId,
-      className: _style.default.toolTipReact,
-      "data-event-off": "click",
-      place: "left",
-      effect: "solid",
-      "aria-label": closeToolTipInformationTextAriaLabel
-    }, content);
-  } else {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.toolTip,
-      "data-testid": "tooltip",
-      "aria-label": closeToolTipInformationTextAriaLabel
-    }, content);
-  }
-};
-
-ToolTipWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
-  toolTipIsVisible: _propTypes.default.bool,
-  anchorId: _propTypes.default.string,
-  closeToolTipInformationTextAriaLabel: _propTypes.default.string.isRequired,
-  content: _propTypes.default.node
-} : {};
-
-const toggleStateOnKeyPress = (state, setState, ref) => event => {
-  if (event.key === 'Enter') {
-    if (ref) ref.current.focus();
-    event.stopPropagation();
-    event.preventDefault();
-    setState(!state);
-  } else if (event.key === 'Tab' || event.key === 'Escape') {
-    setState(false);
-  }
-};
-
-exports.toggleStateOnKeyPress = toggleStateOnKeyPress;
-
-const ToolTip = ({
-  anchorId,
-  TooltipContent,
-  'aria-label': ariaLabel,
-  'data-testid': dataTestId,
-  closeToolTipInformationTextAriaLabel,
-  toolTipIsVisible: _toolTipIsVisible
-}) => {
-  const isComponent = (0, _react.useMemo)(() => !(0, _isString.default)(TooltipContent) && /*#__PURE__*/(0, _react.isValidElement)(TooltipContent()), [TooltipContent]);
-  const [toolTipIsVisible, setToolTipIsVisible] = (0, _react.useState)(false);
-  const handleKeyPress = (0, _react.useCallback)(event => {
-    toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);
-  }, [toolTipIsVisible]);
-  const handleMouseOver = (0, _react.useCallback)(() => {
-    setToolTipIsVisible(true);
-  }, []);
-  const handleMouseLeave = (0, _react.useCallback)(() => {
-    setToolTipIsVisible(false);
-  }, []);
-  const content = (0, _react.useMemo)(() => {
-    return isComponent ? /*#__PURE__*/_react.default.createElement(TooltipContent, null) : /*#__PURE__*/_react.default.createElement("p", {
-      className: _style.default.tooltipContent
-    }, TooltipContent);
-  }, [TooltipContent, isComponent]);
-  return anchorId ? /*#__PURE__*/_react.default.createElement(ToolTipWrapper, {
-    toolTipIsVisible: _toolTipIsVisible,
-    anchorId: anchorId,
-    closeToolTipInformationTextAriaLabel: closeToolTipInformationTextAriaLabel,
-    content: content,
-    onMouseLeave: handleMouseLeave,
-    onMouseOver: handleMouseOver
-  }) : /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.tooltipContainer,
-    onMouseLeave: handleMouseLeave,
-    onMouseOver: handleMouseOver
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: _style.default.tooltipIconContainer,
-    "data-testid": dataTestId,
-    onKeyDown: handleKeyPress,
-    tabIndex: 0
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyInformationIcon, {
-    className: _style.default.informationIcon,
-    width: 12,
-    height: 12,
-    "aria-label": ariaLabel
-  })), /*#__PURE__*/_react.default.createElement(ToolTipWrapper, {
-    toolTipIsVisible: toolTipIsVisible,
-    anchorId: anchorId,
-    closeToolTipInformationTextAriaLabel: closeToolTipInformationTextAriaLabel,
-    content: content
-  }));
-};
-
-ToolTip.propTypes = process.env.NODE_ENV !== "production" ? {
-  TooltipContent: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node, _propTypes.default.string]),
-  'data-testid': _propTypes.default.string,
-  'aria-label': _propTypes.default.string,
-  closeToolTipInformationTextAriaLabel: _propTypes.default.string.isRequired,
-  // ---------- externalHandling --------------
-  // if passed down, React Tooltip is used instead, due to limitations on
-  // parents overflow hidden controls
-  anchorId: _propTypes.default.string,
-  toolTipIsVisible: _propTypes.default.bool
-} : {};
-var _default = ToolTip;
-exports.default = _default;
-//# sourceMappingURL=index.js.map

package/lib/atom/tooltip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","style","toolTipReact","toolTip","propTypes","PropTypes","bool","string","isRequired","node","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","isComponent","useMemo","isString","isValidElement","setToolTipIsVisible","useState","handleKeyPress","useCallback","handleMouseOver","handleMouseLeave","tooltipContent","tooltipContainer","tooltipIconContainer","informationIcon","oneOfType","func"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content\n}) => {\n  if (!toolTipIsVisible) return null;\n  if (anchorId) {\n    return (\n      <ReactTooltip\n        id={anchorId}\n        className={style.toolTipReact}\n        data-event-off=\"click\"\n        place=\"left\"\n        effect=\"solid\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </ReactTooltip>\n    );\n  } else {\n    return (\n      <div\n        className={style.toolTip}\n        data-testid=\"tooltip\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </div>\n    );\n  }\n};\n\nToolTipWrapper.propTypes = {\n  toolTipIsVisible: PropTypes.bool,\n  anchorId: PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  content: PropTypes.node\n};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n  if (event.key === 'Enter') {\n    if (ref) ref.current.focus();\n    event.stopPropagation();\n    event.preventDefault();\n    setState(!state);\n  } else if (event.key === 'Tab' || event.key === 'Escape') {\n    setState(false);\n  }\n};\n\nconst ToolTip = ({\n  anchorId,\n  TooltipContent,\n  'aria-label': ariaLabel,\n  'data-testid': dataTestId,\n  closeToolTipInformationTextAriaLabel,\n  toolTipIsVisible: _toolTipIsVisible\n}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleMouseOver = useCallback(() => {\n    setToolTipIsVisible(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setToolTipIsVisible(false);\n  }, []);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={style.tooltipContent}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, isComponent]);\n\n  return anchorId ? (\n    <ToolTipWrapper\n      toolTipIsVisible={_toolTipIsVisible}\n      anchorId={anchorId}\n      closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      content={content}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      <button\n        type=\"button\"\n        className={style.tooltipIconContainer}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyPress}\n        tabIndex={0}\n      >\n        <InformationIcon\n          className={style.informationIcon}\n          width={12}\n          height={12}\n          aria-label={ariaLabel}\n        />\n      </button>\n      <ToolTipWrapper\n        toolTipIsVisible={toolTipIsVisible}\n        anchorId={anchorId}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n        content={content}\n      />\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),\n  'data-testid': PropTypes.string,\n  'aria-label': PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  // ---------- externalHandling --------------\n  // if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool\n};\n\nexport default ToolTip;\n"],"mappings":"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"}

package/lib/atom/tooltip/style.css

@@ -1,96 +0,0 @@
-@value colors: "../../variables/colors.css";
-@value cm_blue_900 from colors;
-@value cm_grey_75 from colors;
-@value cm_grey_500 from colors;
-@value cm_grey_700 from colors;
-
-.textBase {
-  font-family: "Gilroy";
-  font-style: normal;
-  color: cm_blue_900;
-  user-select: none;
-}
-
-.tooltipContainer {
-  overflow: visible;
-  position: relative;
-  z-index: 10;
-  display: flex;
-  justify-content: center;
-  justify-self: center;
-}
-
-.tooltipIconContainer {
-  display: flex;
-  justify-content: flex-end;
-  border: none;
-  background: cm_grey_75;
-  height: 25px;
-  align-items: center;
-}
-
-.toolTip {
-  transition: opacity 0.8s;
-  position: absolute;
-  border-radius: 7px;
-  background-color: cm_grey_700;
-  right: -75px;
-  bottom: 32px;
-  height: auto;
-  width: 200px;
-}
-
-.toolTip::before {
-  content: '';
-  display: inline-block;
-  visibility: inherit;
-  opacity: inherit;
-  width: 15px;
-  height: 15px;
-  transform: rotate(-45deg);
-  background-color: cm_grey_700;
-  position: inherit;
-  border-radius: 2px;
-  bottom: -5px;
-  right: 40%;
-}
-
-.tooltipContent {
-  composes: textBase;
-  font-weight: 500;
-  font-size: 14px;
-  display: inline-block;
-  border-radius: 3px;
-  word-wrap: break-word;
-  color: white;
-  padding: 8px 14px;
-  text-align: center;
-}
-
-.informationIcon {
-  color: cm_grey_500;
-}
-
-/* ----------------------- ReactToolTip exclusive classes ------------------------- */
-.toolTipReact {
-  pointer-events: all !important;
-  background-color: cm_grey_700;
-  border-radius: 7px !important;
-  visibility: visible !important;
-  opacity: 1 !important;
-  left: 5px;
-}
-
-/* for keyboard navigation, the position can't be obtained from the mouse */
-[class*="__react_component_tooltip"]:not(.toolTipReact) {
-  border-radius: 7px !important;
-  top: 97px!important;
-  left: 628px!important;
-  visibility: visible !important;
-  opacity: 1!important;
-}
-
-/* same reason, arrow can't be placed effectively */
-[class*="__react_component_tooltip"]:not(.toolTipReact)::after {
-  content: none !important;
-}