@coorpacademy/components 11.10.3-alpha.0 → 11.10.4-alpha.7

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA;IACE;;;;;;;;;;;;;;MAcE;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAKC;IAHC;;MAEC;IAGH,6BAQE;IAEF,6BAQE;IAEF,gCASE;IAEF,sBA2CC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEA+EC"}

package/lib/atom/link/index.js

@@ -9,118 +9,92 @@ var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
 
 var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _provider = _interopRequireDefault(require("../provider"));
+var _provider = _interopRequireWildcard(require("../provider"));
 
 var _navigation = _interopRequireDefault(require("../../util/navigation"));
 
 const _excluded = ["skinHover", "hoverColor", "data-name", "aria-label"];
 
+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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-class Link extends _react.default.Component {
-  constructor(props) {
-    super(props);
-
-    this.handleMouseEnter = () => {
-      const {
-        onMouseEnter = _noop2.default
-      } = this.props;
-      this.setState({
-        hovered: true
-      });
-      onMouseEnter();
-    };
-
-    this.handleMouseLeave = () => {
-      const {
-        onMouseLeave = _noop2.default
-      } = this.props;
-      this.setState({
-        hovered: false
-      });
-      onMouseLeave();
-    };
-
-    this.handleOnClick = e => {
-      const {
-        onClick = _noop2.default,
-        download
-      } = this.props;
-      onClick(e);
-
-      if (!download) {
-        const navigate = (0, _navigation.default)(this.context)(this.props);
-        navigate(e);
-      }
-    };
-
-    this.state = {
-      hovered: false
-    };
-  }
-
-  render() {
-    const {
-      skin,
-      history: {
-        createHref = _identity2.default
-      } = {}
-    } = this.context;
-
-    const _this$props = this.props,
-          {
-      skinHover,
-      hoverColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin),
-      'data-name': dataName = 'link',
-      'aria-label': ariaLabel
-    } = _this$props,
-          aProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
-    const {
-      href,
-      onClick,
-      className,
-      style: propsStyle,
-      children
-    } = this.props;
-    const {
-      hovered
-    } = this.state;
-
-    const _style = href || onClick ? null : {
-      pointerEvents: 'none'
-    };
-
-    const _hoverStyle = skinHover && hovered ? {
-      color: hoverColor
-    } : null;
-
-    return /*#__PURE__*/_react.default.createElement("a", _extends({}, aProps, {
-      "data-name": dataName,
-      "aria-label": ariaLabel,
-      href: href ? createHref(href) : undefined,
-      onClick: this.handleOnClick,
-      onMouseEnter: this.handleMouseEnter,
-      onMouseLeave: this.handleMouseLeave,
-      className: className,
-      style: _extends({}, propsStyle, _style, _hoverStyle)
-    }), children);
-  }
-
-}
-
-Link.contextTypes = {
-  skin: _provider.default.childContextTypes.skin,
-  history: _provider.default.childContextTypes.history
+const Link = (props, legacyContext) => {
+  const skin = (0, _provider.GetSkinFromContext)(legacyContext);
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const {
+    history: {
+      createHref = _identity2.default
+    } = {}
+  } = legacyContext;
+
+  const {
+    skinHover,
+    hoverColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin),
+    'data-name': dataName = 'link',
+    'aria-label': ariaLabel
+  } = props,
+        linKElementProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const {
+    href,
+    onClick = _noop2.default,
+    className,
+    style: propsStyle,
+    children,
+    onMouseLeave = _noop2.default,
+    onMouseEnter = _noop2.default,
+    download
+  } = props;
+  const handleMouseEnter = (0, _react.useCallback)(() => {
+    setHovered(true);
+    onMouseEnter();
+  }, [onMouseEnter]);
+  const handleMouseLeave = (0, _react.useCallback)(() => {
+    setHovered(false);
+    onMouseLeave();
+  }, [onMouseLeave]);
+  const navigate = (0, _react.useMemo)(() => (0, _navigation.default)(legacyContext)({
+    href
+  }), [href, legacyContext]);
+  const handleOnClick = (0, _react.useCallback)(e => {
+    onClick(e);
+
+    if (!download) {
+      navigate(e);
+    }
+  }, [download, navigate, onClick]);
+
+  const _style = href || onClick ? null : {
+    pointerEvents: 'none'
+  };
+
+  const _hoverStyle = skinHover && hovered ? {
+    color: hoverColor
+  } : null;
+
+  return /*#__PURE__*/_react.default.createElement("a", _extends({}, linKElementProps, {
+    "data-name": dataName,
+    "aria-label": ariaLabel,
+    href: href ? createHref(href) : undefined,
+    onClick: handleOnClick,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    className: className,
+    style: _extends({}, propsStyle, _style, _hoverStyle)
+  }), children);
 };
+
 Link.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _propTypes.default.node,
   className: _propTypes.default.string,
@@ -136,6 +110,10 @@ Link.propTypes = process.env.NODE_ENV !== "production" ? {
   onMouseLeave: _propTypes.default.func,
   style: _propTypes.default.shape({})
 } : {};
+Link.contextTypes = {
+  skin: _provider.default.childContextTypes.skin,
+  history: _provider.default.childContextTypes.history
+};
 var _default = Link;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Link","React","Component","constructor","props","handleMouseEnter","onMouseEnter","setState","hovered","handleMouseLeave","onMouseLeave","handleOnClick","e","onClick","download","navigate","pushToHistory","context","state","render","skin","history","createHref","skinHover","hoverColor","dataName","ariaLabel","aProps","href","className","style","propsStyle","children","_style","pointerEvents","_hoverStyle","color","undefined","contextTypes","Provider","childContextTypes","propTypes","PropTypes","node","string","target","oneOf","bool","func","shape"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nclass Link extends React.Component {\n  static propTypes = {\n    children: PropTypes.node,\n    className: PropTypes.string,\n    href: PropTypes.string,\n    'data-name': PropTypes.string,\n    'aria-label': PropTypes.string,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n    skinHover: PropTypes.bool,\n    hoverColor: PropTypes.string,\n    download: PropTypes.bool,\n    onClick: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    style: PropTypes.shape({})\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    history: Provider.childContextTypes.history\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false\n    };\n  }\n\n  handleMouseEnter = () => {\n    const {onMouseEnter = noop} = this.props;\n\n    this.setState({\n      hovered: true\n    });\n\n    onMouseEnter();\n  };\n\n  handleMouseLeave = () => {\n    const {onMouseLeave = noop} = this.props;\n\n    this.setState({\n      hovered: false\n    });\n\n    onMouseLeave();\n  };\n\n  handleOnClick = e => {\n    const {onClick = noop, download} = this.props;\n\n    onClick(e);\n\n    if (!download) {\n      const navigate = pushToHistory(this.context)(this.props);\n      navigate(e);\n    }\n  };\n\n  render() {\n    const {skin, history: {createHref = identity} = {}} = this.context;\n    const {\n      skinHover,\n      hoverColor = getOr('#00B0FF', 'common.primary', skin),\n      'data-name': dataName = 'link',\n      'aria-label': ariaLabel,\n      ...aProps\n    } = this.props;\n    const {href, onClick, className, style: propsStyle, children} = this.props;\n    const {hovered} = this.state;\n    const _style =\n      href || onClick\n        ? null\n        : {\n            pointerEvents: 'none'\n          };\n    const _hoverStyle =\n      skinHover && hovered\n        ? {\n            color: hoverColor\n          }\n        : null;\n\n    return (\n      <a\n        {...aProps}\n        data-name={dataName}\n        aria-label={ariaLabel}\n        href={href ? createHref(href) : undefined}\n        onClick={this.handleOnClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        className={className}\n        style={{\n          ...propsStyle,\n          ..._style,\n          ..._hoverStyle\n        }}\n      >\n        {children}\n      </a>\n    );\n  }\n}\n\nexport default Link;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Link","props","legacyContext","skin","GetSkinFromContext","hovered","setHovered","useState","history","createHref","skinHover","hoverColor","dataName","ariaLabel","linKElementProps","href","onClick","className","style","propsStyle","children","onMouseLeave","onMouseEnter","download","handleMouseEnter","useCallback","handleMouseLeave","navigate","useMemo","pushToHistory","handleOnClick","e","_style","pointerEvents","_hoverStyle","color","undefined","propTypes","PropTypes","node","string","target","oneOf","bool","func","shape","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n  const {\n    skinHover,\n    hoverColor = getOr('#00B0FF', 'common.primary', skin),\n    'data-name': dataName = 'link',\n    'aria-label': ariaLabel,\n    ...linKElementProps\n  } = props;\n  const {\n    href,\n    onClick = noop,\n    className,\n    style: propsStyle,\n    children,\n    onMouseLeave = noop,\n    onMouseEnter = noop,\n    download\n  } = props;\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n\n      if (!download) {\n        navigate(e);\n      }\n    },\n    [download, navigate, onClick]\n  );\n\n  const _style =\n    href || onClick\n      ? null\n      : {\n          pointerEvents: 'none'\n        };\n  const _hoverStyle =\n    skinHover && hovered\n      ? {\n          color: hoverColor\n        }\n      : null;\n\n  return (\n    <a\n      {...linKElementProps}\n      data-name={dataName}\n      aria-label={ariaLabel}\n      href={href ? createHref(href) : undefined}\n      onClick={handleOnClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={className}\n      style={{\n        ...propsStyle,\n        ..._style,\n        ..._hoverStyle\n      }}\n    >\n      {children}\n    </a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  skinHover: PropTypes.bool,\n  hoverColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  style: PropTypes.shape({})\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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"}

package/lib/atom/provider/web-context.d.ts

@@ -4,9 +4,9 @@ declare type Skin = {
         primary: string;
     };
 };
-declare type WebContextValues = {
+export declare type WebContextValues = {
     skin?: Skin;
-    translate: (key: string, data?: Record<string, string>) => string;
+    translate?: (key: string, data?: Record<string, string>) => string;
 };
 declare type Props = WebContextValues & {
     children: ReactNode;

package/lib/atom/provider/web-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-context.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/web-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAGlE,aAAK,IAAI,GAAG;IACV,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;CACnE,CAAC;AAMF,aAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,2BAA0B,KAAK,gBAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,gBAQhC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"web-context.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/web-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAElE,aAAK,IAAI,GAAG;IACV,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;CACpE,CAAC;AAIF,aAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,2BAA0B,KAAK,gBAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,gBAQhC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/atom/provider/web-context.js

@@ -5,8 +5,6 @@ exports.useWebContext = exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _translate = require("@coorpacademy/translate");
-
 const _excluded = ["children"];
 
 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); }
@@ -15,9 +13,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-const Context = /*#__PURE__*/(0, _react.createContext)({
-  translate: _translate.mockTranslate
-});
+const Context = /*#__PURE__*/(0, _react.createContext)({});
 
 const WebContext = _ref => {
   let {

package/lib/atom/provider/web-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-context.js","names":["Context","createContext","translate","mockTranslate","WebContext","children","value","useWebContext","context","useContext","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\nimport {mockTranslate} from '@coorpacademy/translate';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\ntype WebContextValues = {\n  skin?: Skin;\n  translate: (key: string, data?: Record<string, string>) => string;\n};\n\nconst Context = createContext({\n  translate: mockTranslate\n});\n\ntype Props = WebContextValues & {\n  children: ReactNode;\n};\n\nconst WebContext = ({children, ...value}: Props) => {\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useWebContext = (): WebContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error('❌ [WebContext] useWebContext must be used within a provider <WebContext>');\n  }\n\n  return context;\n};\n\nexport default WebContext;\n"],"mappings":";;;;;AAAA;;AACA;;;;;;;;;;AAaA,MAAMA,OAAO,gBAAG,IAAAC,oBAAA,EAAc;EAC5BC,SAAS,EAAEC;AADiB,CAAd,CAAhB;;AAQA,MAAMC,UAAU,GAAG,QAAiC;EAAA,IAAhC;IAACC;EAAD,CAAgC;EAAA,IAAlBC,KAAkB;;EAClD,oBAAO,6BAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,EAAEA;EAAzB,GAAiCD,QAAjC,CAAP;AACD,CAFD;;AAIO,MAAME,aAAa,GAAG,MAAwB;EACnD,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWT,OAAX,CAAhB;;EAEA,IAAI,CAACQ,OAAL,EAAc;IACZ,MAAM,IAAIE,KAAJ,CAAU,0EAAV,CAAN;EACD;;EAED,OAAOF,OAAP;AACD,CARM;;;eAUQJ,U"}
+{"version":3,"file":"web-context.js","names":["Context","createContext","WebContext","children","value","useWebContext","context","useContext","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\nexport type WebContextValues = {\n  skin?: Skin;\n  translate?: (key: string, data?: Record<string, string>) => string;\n};\n\nconst Context = createContext({});\n\ntype Props = WebContextValues & {\n  children: ReactNode;\n};\n\nconst WebContext = ({children, ...value}: Props) => {\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useWebContext = (): WebContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error('❌ [WebContext] useWebContext must be used within a provider <WebContext>');\n  }\n\n  return context;\n};\n\nexport default WebContext;\n"],"mappings":";;;;;AAAA;;;;;;;;;;AAaA,MAAMA,OAAO,gBAAG,IAAAC,oBAAA,EAAc,EAAd,CAAhB;;AAMA,MAAMC,UAAU,GAAG,QAAiC;EAAA,IAAhC;IAACC;EAAD,CAAgC;EAAA,IAAlBC,KAAkB;;EAClD,oBAAO,6BAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,EAAEA;EAAzB,GAAiCD,QAAjC,CAAP;AACD,CAFD;;AAIO,MAAME,aAAa,GAAG,MAAwB;EACnD,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWP,OAAX,CAAhB;;EAEA,IAAI,CAACM,OAAL,EAAc;IACZ,MAAM,IAAIE,KAAJ,CAAU,0EAAV,CAAN;EACD;;EAED,OAAOF,OAAP;AACD,CARM;;;eAUQJ,U"}

package/lib/atom/review-header-step-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-header-step-item/index.tsx"],"names":[],"mappings":";AAQA,OAAkB,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAsDvD,QAAA,MAAM,oBAAoB;YAAW,mBAAmB;;;;;;CAevD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-header-step-item/index.tsx"],"names":[],"mappings":";AASA,OAAkB,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAsDvD,QAAA,MAAM,oBAAoB;YAAW,mBAAmB;;;;;;CAevD,CAAC;AAWF,eAAe,oBAAoB,CAAC"}

package/lib/atom/review-header-step-item/index.js

@@ -9,21 +9,25 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
-var _provider = require("../provider");
+var _provider = _interopRequireWildcard(require("../provider"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
 var _types = _interopRequireDefault(require("./types"));
 
+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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Content = props => {
+const Content = (props, legacyContext) => {
   const {
     icon,
     current,
     value
   } = props;
-  const translate = (0, _provider.GetTranslateFromContext)();
+  const translate = (0, _provider.GetTranslateFromContext)(legacyContext);
   let child;
   let ariaDescription;
 
@@ -79,6 +83,11 @@ const ReviewHeaderStepItem = props => {
   }, /*#__PURE__*/_react.default.createElement(Content, props));
 };
 
+Content.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
+Content.contextTypes = {
+  skin: _provider.default.childContextTypes.skin,
+  translate: _provider.default.childContextTypes.translate
+};
 ReviewHeaderStepItem.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
 var _default = ReviewHeaderStepItem;
 exports.default = _default;

package/lib/atom/review-header-step-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Content","props","icon","current","value","translate","GetTranslateFromContext","child","ariaDescription","headerStepValue","classnames","style","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","default","right","wrong","propTypes"],"sources":["../../../src/atom/review-header-step-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {GetTranslateFromContext} from '../provider';\nimport style from './style.css';\nimport propTypes, {HeaderStepItemProps} from './types';\n\nconst Content = (props: HeaderStepItemProps) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext();\n  let child;\n  let ariaDescription;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      ariaDescription = current\n        ? translate('review_header_step_item.current_question', {\n            headerStepValue: value\n          })\n        : translate('review_header_step_item.not_answered_question', {\n            headerStepValue: value\n          });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon className={classnames(style.rightIcon, current && style.currentRightIcon)} />\n      );\n      ariaDescription = translate('review_header_step_item.correct_question', {\n        headerStepValue: value\n      });\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon className={classnames(style.wrongIcon, current && style.currentWrongIcon)} />\n      );\n      ariaDescription = translate('review_header_step_item.incorrect_question', {\n        headerStepValue: value\n      });\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      className={style.value}\n      aria-label={translate('review_header_step_item.aria_label', {\n        headerStepValue: value\n      })}\n      aria-describedby={ariaDescription}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst ReviewHeaderStepItem = (props: HeaderStepItemProps) => {\n  const {icon, current} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current\n      )}\n      data-name=\"header-step-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nReviewHeaderStepItem.propTypes = propTypes;\n\nexport default ReviewHeaderStepItem;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAIC,KAAD,IAAgC;EAC9C,MAAM;IAACC,IAAD;IAAOC,OAAP;IAAgBC;EAAhB,IAAyBH,KAA/B;EACA,MAAMI,SAAS,GAAG,IAAAC,iCAAA,GAAlB;EACA,IAAIC,KAAJ;EACA,IAAIC,eAAJ;;EACA,QAAQN,IAAR;IACE,KAAK,WAAL;MACEK,KAAK,GAAGH,KAAR;MACAI,eAAe,GAAGL,OAAO,GACrBE,SAAS,CAAC,0CAAD,EAA6C;QACpDI,eAAe,EAAEL;MADmC,CAA7C,CADY,GAIrBC,SAAS,CAAC,+CAAD,EAAkD;QACzDI,eAAe,EAAEL;MADwC,CAAlD,CAJb;MAOA;;IAEF,KAAK,OAAL;MACEG,KAAK,gBACH,6BAAC,2CAAD;QAAW,SAAS,EAAE,IAAAG,mBAAA,EAAWC,cAAA,CAAMC,SAAjB,EAA4BT,OAAO,IAAIQ,cAAA,CAAME,gBAA7C;MAAtB,EADF;MAGAL,eAAe,GAAGH,SAAS,CAAC,0CAAD,EAA6C;QACtEI,eAAe,EAAEL;MADqD,CAA7C,CAA3B;MAGA;;IAEF,KAAK,OAAL;MACEG,KAAK,gBACH,6BAAC,+BAAD;QAAW,SAAS,EAAE,IAAAG,mBAAA,EAAWC,cAAA,CAAMG,SAAjB,EAA4BX,OAAO,IAAIQ,cAAA,CAAMI,gBAA7C;MAAtB,EADF;MAGAP,eAAe,GAAGH,SAAS,CAAC,4CAAD,EAA+C;QACxEI,eAAe,EAAEL;MADuD,CAA/C,CAA3B;MAGA;;IAEF;MACE,OAAO,IAAP;EA/BJ;;EAkCA,oBACE;IACE,SAAS,EAAEO,cAAA,CAAMP,KADnB;IAEE,cAAYC,SAAS,CAAC,oCAAD,EAAuC;MAC1DI,eAAe,EAAEL;IADyC,CAAvC,CAFvB;IAKE,oBAAkBI;EALpB,GAOGD,KAPH,CADF;AAWD,CAlDD;;AAoDA,MAAMS,oBAAoB,GAAIf,KAAD,IAAgC;EAC3D,MAAM;IAACC,IAAD;IAAOC;EAAP,IAAkBF,KAAxB;EACA,oBACE;IACE,SAAS,EAAE,IAAAS,mBAAA,EACTC,cAAA,CAAMM,OADG,EAETf,IAAI,KAAK,OAAT,IAAoBS,cAAA,CAAMO,KAFjB,EAGThB,IAAI,KAAK,OAAT,IAAoBS,cAAA,CAAMQ,KAHjB,EAIThB,OAAO,IAAIQ,cAAA,CAAMR,OAJR,CADb;IAOE,aAAU;EAPZ,gBASE,6BAAC,OAAD,EAAaF,KAAb,CATF,CADF;AAaD,CAfD;;AAiBAe,oBAAoB,CAACI,SAArB,2CAAiCA,cAAjC;eAEeJ,oB"}
+{"version":3,"file":"index.js","names":["Content","props","legacyContext","icon","current","value","translate","GetTranslateFromContext","child","ariaDescription","headerStepValue","classnames","style","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","default","right","wrong","propTypes","contextTypes","skin","Provider","childContextTypes"],"sources":["../../../src/atom/review-header-step-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport style from './style.css';\nimport propTypes, {HeaderStepItemProps} from './types';\n\nconst Content = (props: HeaderStepItemProps, legacyContext: WebContextValues) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  let child;\n  let ariaDescription;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      ariaDescription = current\n        ? translate('review_header_step_item.current_question', {\n            headerStepValue: value\n          })\n        : translate('review_header_step_item.not_answered_question', {\n            headerStepValue: value\n          });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon className={classnames(style.rightIcon, current && style.currentRightIcon)} />\n      );\n      ariaDescription = translate('review_header_step_item.correct_question', {\n        headerStepValue: value\n      });\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon className={classnames(style.wrongIcon, current && style.currentWrongIcon)} />\n      );\n      ariaDescription = translate('review_header_step_item.incorrect_question', {\n        headerStepValue: value\n      });\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      className={style.value}\n      aria-label={translate('review_header_step_item.aria_label', {\n        headerStepValue: value\n      })}\n      aria-describedby={ariaDescription}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst ReviewHeaderStepItem = (props: HeaderStepItemProps) => {\n  const {icon, current} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current\n      )}\n      data-name=\"header-step-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nContent.propTypes = propTypes;\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nReviewHeaderStepItem.propTypes = propTypes;\n\nexport default ReviewHeaderStepItem;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,OAAO,GAAG,CAACC,KAAD,EAA6BC,aAA7B,KAAiE;EAC/E,MAAM;IAACC,IAAD;IAAOC,OAAP;IAAgBC;EAAhB,IAAyBJ,KAA/B;EACA,MAAMK,SAAS,GAAG,IAAAC,iCAAA,EAAwBL,aAAxB,CAAlB;EACA,IAAIM,KAAJ;EACA,IAAIC,eAAJ;;EACA,QAAQN,IAAR;IACE,KAAK,WAAL;MACEK,KAAK,GAAGH,KAAR;MACAI,eAAe,GAAGL,OAAO,GACrBE,SAAS,CAAC,0CAAD,EAA6C;QACpDI,eAAe,EAAEL;MADmC,CAA7C,CADY,GAIrBC,SAAS,CAAC,+CAAD,EAAkD;QACzDI,eAAe,EAAEL;MADwC,CAAlD,CAJb;MAOA;;IAEF,KAAK,OAAL;MACEG,KAAK,gBACH,6BAAC,2CAAD;QAAW,SAAS,EAAE,IAAAG,mBAAA,EAAWC,cAAA,CAAMC,SAAjB,EAA4BT,OAAO,IAAIQ,cAAA,CAAME,gBAA7C;MAAtB,EADF;MAGAL,eAAe,GAAGH,SAAS,CAAC,0CAAD,EAA6C;QACtEI,eAAe,EAAEL;MADqD,CAA7C,CAA3B;MAGA;;IAEF,KAAK,OAAL;MACEG,KAAK,gBACH,6BAAC,+BAAD;QAAW,SAAS,EAAE,IAAAG,mBAAA,EAAWC,cAAA,CAAMG,SAAjB,EAA4BX,OAAO,IAAIQ,cAAA,CAAMI,gBAA7C;MAAtB,EADF;MAGAP,eAAe,GAAGH,SAAS,CAAC,4CAAD,EAA+C;QACxEI,eAAe,EAAEL;MADuD,CAA/C,CAA3B;MAGA;;IAEF;MACE,OAAO,IAAP;EA/BJ;;EAkCA,oBACE;IACE,SAAS,EAAEO,cAAA,CAAMP,KADnB;IAEE,cAAYC,SAAS,CAAC,oCAAD,EAAuC;MAC1DI,eAAe,EAAEL;IADyC,CAAvC,CAFvB;IAKE,oBAAkBI;EALpB,GAOGD,KAPH,CADF;AAWD,CAlDD;;AAoDA,MAAMS,oBAAoB,GAAIhB,KAAD,IAAgC;EAC3D,MAAM;IAACE,IAAD;IAAOC;EAAP,IAAkBH,KAAxB;EACA,oBACE;IACE,SAAS,EAAE,IAAAU,mBAAA,EACTC,cAAA,CAAMM,OADG,EAETf,IAAI,KAAK,OAAT,IAAoBS,cAAA,CAAMO,KAFjB,EAGThB,IAAI,KAAK,OAAT,IAAoBS,cAAA,CAAMQ,KAHjB,EAIThB,OAAO,IAAIQ,cAAA,CAAMR,OAJR,CADb;IAOE,aAAU;EAPZ,gBASE,6BAAC,OAAD,EAAaH,KAAb,CATF,CADF;AAaD,CAfD;;AAiBAD,OAAO,CAACqB,SAAR,2CAAoBA,cAApB;AAEArB,OAAO,CAACsB,YAAR,GAAuB;EACrBC,IAAI,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF,IADZ;EAErBjB,SAAS,EAAEkB,iBAAA,CAASC,iBAAT,CAA2BnB;AAFjB,CAAvB;AAKAW,oBAAoB,CAACI,SAArB,2CAAiCA,cAAjC;eAEeJ,oB"}

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

@@ -1,12 +1,15 @@
 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 }: {
+declare function ToolTip({ anchorId, TooltipContent, "aria-label": ariaLabel, "data-testid": dataTestId, closeToolTipInformationTextAriaLabel, toolTipIsVisible: _toolTipIsVisible, iconContainerClassName, delayHide, fontSize }: {
     anchorId: any;
     TooltipContent: any;
     "aria-label": any;
     "data-testid": any;
     closeToolTipInformationTextAriaLabel: any;
     toolTipIsVisible: any;
+    iconContainerClassName: any;
+    delayHide?: number | undefined;
+    fontSize?: number | undefined;
 }): JSX.Element;
 declare namespace ToolTip {
     const propTypes: {
@@ -14,6 +17,9 @@ declare namespace ToolTip {
         'data-testid': PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
         closeToolTipInformationTextAriaLabel: PropTypes.Validator<string>;
+        iconContainerClassName: PropTypes.Requireable<string>;
+        delayHide: PropTypes.Requireable<number>;
+        fontSize: PropTypes.Requireable<number>;
         anchorId: PropTypes.Requireable<string>;
         toolTipIsVisible: PropTypes.Requireable<boolean>;
     };

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

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

package/lib/atom/tooltip/index.js

@@ -5,6 +5,8 @@ exports.toggleStateOnKeyPress = exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactTooltip = _interopRequireDefault(require("react-tooltip"));
@@ -21,11 +23,17 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 FontSizes = {
+  12: _style.default.tooltipContentFontSize12,
+  14: _style.default.tooltipContentFontSize14
+};
+
 const ToolTipWrapper = ({
   toolTipIsVisible,
   anchorId,
   closeToolTipInformationTextAriaLabel,
-  content
+  content,
+  handleContentMouseOver
 }) => {
   if (!toolTipIsVisible) return null;
 
@@ -42,7 +50,8 @@ const ToolTipWrapper = ({
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.toolTip,
       "data-testid": "tooltip",
-      "aria-label": closeToolTipInformationTextAriaLabel
+      "aria-label": closeToolTipInformationTextAriaLabel,
+      onMouseOver: handleContentMouseOver
     }, content);
   }
 };
@@ -51,7 +60,8 @@ ToolTipWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   toolTipIsVisible: _propTypes.default.bool,
   anchorId: _propTypes.default.string,
   closeToolTipInformationTextAriaLabel: _propTypes.default.string.isRequired,
-  content: _propTypes.default.node
+  content: _propTypes.default.node,
+  handleContentMouseOver: _propTypes.default.func
 } : {};
 
 const toggleStateOnKeyPress = (state, setState, ref) => event => {
@@ -73,38 +83,49 @@ const ToolTip = ({
   'aria-label': ariaLabel,
   'data-testid': dataTestId,
   closeToolTipInformationTextAriaLabel,
-  toolTipIsVisible: _toolTipIsVisible
+  toolTipIsVisible: _toolTipIsVisible,
+  iconContainerClassName,
+  delayHide = 250,
+  fontSize = 14
 }) => {
   const isComponent = (0, _react.useMemo)(() => !(0, _isString.default)(TooltipContent) && /*#__PURE__*/(0, _react.isValidElement)(TooltipContent()), [TooltipContent]);
   const [toolTipIsVisible, setToolTipIsVisible] = (0, _react.useState)(false);
+  const [mouseLeaveTimer, setMouseLeaveTimer] = (0, _react.useState)(undefined);
   const handleKeyPress = (0, _react.useCallback)(event => {
     toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);
   }, [toolTipIsVisible]);
+  const handleContentMouseOver = (0, _react.useCallback)(() => {
+    mouseLeaveTimer &&
+    /* istanbul ignore next */
+    clearTimeout(mouseLeaveTimer);
+  }, [mouseLeaveTimer]);
   const handleMouseOver = (0, _react.useCallback)(() => {
+    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);
     setToolTipIsVisible(true);
-  }, []);
+  }, [mouseLeaveTimer]);
   const handleMouseLeave = (0, _react.useCallback)(() => {
-    setToolTipIsVisible(false);
-  }, []);
+    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), delayHide));
+  }, [delayHide]);
   const content = (0, _react.useMemo)(() => {
     return isComponent ? /*#__PURE__*/_react.default.createElement(TooltipContent, null) : /*#__PURE__*/_react.default.createElement("p", {
-      className: _style.default.tooltipContent
+      className: (0, _classnames.default)([_style.default.tooltipContent, FontSizes[fontSize]])
     }, TooltipContent);
-  }, [TooltipContent, isComponent]);
+  }, [TooltipContent, fontSize, isComponent]);
   return anchorId ? /*#__PURE__*/_react.default.createElement(ToolTipWrapper, {
     toolTipIsVisible: _toolTipIsVisible,
     anchorId: anchorId,
     closeToolTipInformationTextAriaLabel: closeToolTipInformationTextAriaLabel,
     content: content,
     onMouseLeave: handleMouseLeave,
-    onMouseOver: handleMouseOver
+    onMouseOver: handleMouseOver,
+    fontSize: fontSize
   }) : /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.tooltipContainer,
     onMouseLeave: handleMouseLeave,
     onMouseOver: handleMouseOver
   }, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
-    className: _style.default.tooltipIconContainer,
+    className: (0, _classnames.default)([_style.default.tooltipIconContainer, iconContainerClassName]),
     "data-testid": dataTestId,
     onKeyDown: handleKeyPress,
     tabIndex: 0
@@ -117,7 +138,9 @@ const ToolTip = ({
     toolTipIsVisible: toolTipIsVisible,
     anchorId: anchorId,
     closeToolTipInformationTextAriaLabel: closeToolTipInformationTextAriaLabel,
-    content: content
+    content: content,
+    handleContentMouseOver: handleContentMouseOver,
+    fontSize: fontSize
   }));
 };
 
@@ -126,8 +149,12 @@ ToolTip.propTypes = process.env.NODE_ENV !== "production" ? {
   '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
+  // ---------- Regular Tooltip exclusive --------------
+  iconContainerClassName: _propTypes.default.string,
+  delayHide: _propTypes.default.number,
+  fontSize: _propTypes.default.oneOf([12, 14]),
+  // ----------  React Tooltip exclusive  --------------
+  // 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

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"index.js","names":["FontSizes","style","tooltipContentFontSize12","tooltipContentFontSize14","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","handleContentMouseOver","toolTipReact","toolTip","propTypes","PropTypes","bool","string","isRequired","node","func","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","iconContainerClassName","delayHide","fontSize","isComponent","useMemo","isString","isValidElement","setToolTipIsVisible","useState","mouseLeaveTimer","setMouseLeaveTimer","undefined","handleKeyPress","useCallback","clearTimeout","handleMouseOver","handleMouseLeave","setTimeout","classnames","tooltipContent","tooltipContainer","tooltipIconContainer","informationIcon","oneOfType","number","oneOf"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\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 FontSizes = {\n  12: style.tooltipContentFontSize12,\n  14: style.tooltipContentFontSize14\n};\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content,\n  handleContentMouseOver\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        onMouseOver={handleContentMouseOver}\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  handleContentMouseOver: PropTypes.func\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  iconContainerClassName,\n  delayHide = 250,\n  fontSize = 14\n}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleContentMouseOver = useCallback(() => {\n    mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), delayHide));\n  }, [delayHide]);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={classnames([style.tooltipContent, FontSizes[fontSize]])}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, fontSize, 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      fontSize={fontSize}\n    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      <button\n        type=\"button\"\n        className={classnames([style.tooltipIconContainer, iconContainerClassName])}\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        handleContentMouseOver={handleContentMouseOver}\n        fontSize={fontSize}\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  // ---------- Regular Tooltip exclusive --------------\n  iconContainerClassName: PropTypes.string,\n  delayHide: PropTypes.number,\n  fontSize: PropTypes.oneOf([12, 14]),\n  // ----------  React Tooltip exclusive  --------------\n  // externalHandling: 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

@@ -67,6 +67,15 @@
   text-align: center;
 }
 
+.tooltipContentFontSize14 {
+  font-size: 14px;
+}
+
+.tooltipContentFontSize12 {
+  font-size: 12px;
+}
+
+
 .informationIcon {
   color: cm_grey_500;
 }

package/lib/molecule/answer/index.d.ts

@@ -2,6 +2,9 @@ export default Answer;
 declare function Answer(props: any): JSX.Element;
 declare namespace Answer {
     export { propTypes };
+    export namespace contextTypes {
+        const translate: import("prop-types").Requireable<(...args: any[]) => any>;
+    }
 }
 import propTypes from "./prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/answer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.js"],"names":[],"mappings":";AAwEA,iDAWC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.js"],"names":[],"mappings":";AA4EA,iDAWC"}