@coorpacademy/components 11.12.3-alpha.4 → 11.12.3-alpha.6

package/es/organism/list-items/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","findIndex","PropTypes","ListItem","DraggableList","Title","ButtonLink","style","buildItemsView","items","contentType","onDrop","ariaLabel","isPublished","type","tags","map","item","itemsView","index","id","list","ListItems","title","buttonLink","header","buttonCreate","propTypes","string","shape","arrayOf","func"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport findIndex from 'lodash/fp/findIndex';\nimport PropTypes from 'prop-types';\nimport ListItem from '../list-item';\nimport DraggableList from '../../molecule/draggable-list';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildItemsView = (items, contentType, onDrop, ariaLabel) => {\n  const isPublished = findIndex({type: 'published'}, items[0]?.tags) !== -1;\n\n  if (isPublished && contentType === 'certification')\n    return (\n      <DraggableList\n        items={items.map(item => ({...item, contentType}))}\n        itemType=\"list-item\"\n        onDrop={onDrop}\n      />\n    );\n\n  const itemsView = items.map((item, index) => (\n    <li key={item.id} className={style.item} data-name={`content-${index}`}>\n      <ListItem {...item} order={index} contentType={contentType} />\n    </li>\n  ));\n\n  return (\n    <ul className={style.list} aria-label={ariaLabel} data-name={'content-list'}>\n      {itemsView}\n    </ul>\n  );\n};\n\nconst ListItems = ({title, buttonLink, items, 'aria-label': ariaLabel, contentType, onDrop}) => {\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'list-title'} />\n        </div>\n        <div className={style.buttonCreate}>\n          <ButtonLink {...buttonLink} />\n        </div>\n      </div>\n      {buildItemsView(items, contentType, onDrop, ariaLabel)}\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n  title: PropTypes.string,\n  contentType: PropTypes.string,\n  onDrop: PropTypes.func\n};\n\nexport default ListItems;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,qBAAtB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,aAAP,MAA0B,+BAA1B;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAG,CAACC,KAAD,EAAQC,WAAR,EAAqBC,MAArB,EAA6BC,SAA7B,KAA2C;EAChE,MAAMC,WAAW,GAAGZ,SAAS,CAAC;IAACa,IAAI,EAAE;EAAP,CAAD,EAAsBL,KAAK,CAAC,CAAD,CAAL,EAAUM,IAAhC,CAAT,KAAmD,CAAC,CAAxE;EAEA,IAAIF,WAAW,IAAIH,WAAW,KAAK,eAAnC,EACE,oBACE,oBAAC,aAAD;IACE,KAAK,EAAED,KAAK,CAACO,GAAN,CAAUC,IAAI,iBAASA,IAAT;MAAeP;IAAf,EAAd,CADT;IAEE,QAAQ,EAAC,WAFX;IAGE,MAAM,EAAEC;EAHV,EADF;EAQF,MAAMO,SAAS,GAAGT,KAAK,CAACO,GAAN,CAAU,CAACC,IAAD,EAAOE,KAAP,kBAC1B;IAAI,GAAG,EAAEF,IAAI,CAACG,EAAd;IAAkB,SAAS,EAAEb,KAAK,CAACU,IAAnC;IAAyC,aAAY,WAAUE,KAAM;EAArE,gBACE,oBAAC,QAAD,eAAcF,IAAd;IAAoB,KAAK,EAAEE,KAA3B;IAAkC,WAAW,EAAET;EAA/C,GADF,CADgB,CAAlB;EAMA,oBACE;IAAI,SAAS,EAAEH,KAAK,CAACc,IAArB;IAA2B,cAAYT,SAAvC;IAAkD,aAAW;EAA7D,GACGM,SADH,CADF;AAKD,CAvBD;;AAyBA,MAAMI,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC,UAAR;EAAoBf,KAApB;EAA2B,cAAcG,SAAzC;EAAoDF,WAApD;EAAiEC;AAAjE,CAAD,KAA8E;EAC9F,oBACE,8CACE;IAAK,SAAS,EAAEJ,KAAK,CAACkB;EAAtB,gBACE;IAAK,SAAS,EAAElB,KAAK,CAACgB;EAAtB,gBACE,oBAAC,KAAD;IAAO,KAAK,EAAEA,KAAd;IAAqB,IAAI,EAAE,YAA3B;IAAyC,aAAW;EAApD,EADF,CADF,eAIE;IAAK,SAAS,EAAEhB,KAAK,CAACmB;EAAtB,gBACE,oBAAC,UAAD,EAAgBF,UAAhB,CADF,CAJF,CADF,EASGhB,cAAc,CAACC,KAAD,EAAQC,WAAR,EAAqBC,MAArB,EAA6BC,SAA7B,CATjB,CADF;AAaD,CAdD;;AAgBAU,SAAS,CAACK,SAAV,2CAAsB;EACpB,cAAczB,SAAS,CAAC0B,MADJ;EAEpBJ,UAAU,EAAEtB,SAAS,CAAC2B,KAAV,CAAgBvB,UAAU,CAACqB,SAA3B,CAFQ;EAGpBlB,KAAK,EAAEP,SAAS,CAAC4B,OAAV,CAAkB5B,SAAS,CAAC2B,KAAV,CAAgB1B,QAAQ,CAACwB,SAAzB,CAAlB,CAHa;EAIpBJ,KAAK,EAAErB,SAAS,CAAC0B,MAJG;EAKpBlB,WAAW,EAAER,SAAS,CAAC0B,MALH;EAMpBjB,MAAM,EAAET,SAAS,CAAC6B;AANE,CAAtB;AASA,eAAeT,SAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","ListItem","Title","ButtonLink","style","ListItems","title","buttonLink","items","ariaLabel","contentType","itemsView","map","item","index","id","header","buttonCreate","list","propTypes","string","shape","arrayOf"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ListItem from '../list-item';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst ListItems = ({title, buttonLink, items, 'aria-label': ariaLabel, contentType}) => {\n  const itemsView = items.map((item, index) => (\n    <li key={item.id} className={style.item} data-name={`content-${index}`}>\n      <ListItem {...item} order={index} contentType={contentType} />\n    </li>\n  ));\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'list-title'} />\n        </div>\n        <div className={style.buttonCreate}>\n          <ButtonLink {...buttonLink} />\n        </div>\n      </div>\n      <ul className={style.list} aria-label={ariaLabel} data-name={'content-list'}>\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n  title: PropTypes.string,\n  contentType: PropTypes.string\n};\n\nexport default ListItems;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC,UAAR;EAAoBC,KAApB;EAA2B,cAAcC,SAAzC;EAAoDC;AAApD,CAAD,KAAsE;EACtF,MAAMC,SAAS,GAAGH,KAAK,CAACI,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,kBAC1B;IAAI,GAAG,EAAED,IAAI,CAACE,EAAd;IAAkB,SAAS,EAAEX,KAAK,CAACS,IAAnC;IAAyC,aAAY,WAAUC,KAAM;EAArE,gBACE,oBAAC,QAAD,eAAcD,IAAd;IAAoB,KAAK,EAAEC,KAA3B;IAAkC,WAAW,EAAEJ;EAA/C,GADF,CADgB,CAAlB;EAMA,oBACE,8CACE;IAAK,SAAS,EAAEN,KAAK,CAACY;EAAtB,gBACE;IAAK,SAAS,EAAEZ,KAAK,CAACE;EAAtB,gBACE,oBAAC,KAAD;IAAO,KAAK,EAAEA,KAAd;IAAqB,IAAI,EAAE,YAA3B;IAAyC,aAAW;EAApD,EADF,CADF,eAIE;IAAK,SAAS,EAAEF,KAAK,CAACa;EAAtB,gBACE,oBAAC,UAAD,EAAgBV,UAAhB,CADF,CAJF,CADF,eASE;IAAI,SAAS,EAAEH,KAAK,CAACc,IAArB;IAA2B,cAAYT,SAAvC;IAAkD,aAAW;EAA7D,GACGE,SADH,CATF,CADF;AAeD,CAtBD;;AAwBAN,SAAS,CAACc,SAAV,2CAAsB;EACpB,cAAcnB,SAAS,CAACoB,MADJ;EAEpBb,UAAU,EAAEP,SAAS,CAACqB,KAAV,CAAgBlB,UAAU,CAACgB,SAA3B,CAFQ;EAGpBX,KAAK,EAAER,SAAS,CAACsB,OAAV,CAAkBtB,SAAS,CAACqB,KAAV,CAAgBpB,QAAQ,CAACkB,SAAzB,CAAlB,CAHa;EAIpBb,KAAK,EAAEN,SAAS,CAACoB,MAJG;EAKpBV,WAAW,EAAEV,SAAS,CAACoB;AALH,CAAtB;AAQA,eAAef,SAAf"}

package/es/organism/wizard-contents/index.d.ts

@@ -433,16 +433,27 @@ declare namespace WizardContents {
                     color: any;
                     submitValue: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
-                    isLinkDisabled: PropTypes.Requireable<boolean>;
                     href: PropTypes.Requireable<string>;
                     download: PropTypes.Requireable<boolean>;
                     target: PropTypes.Requireable<string>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     className: PropTypes.Requireable<string>;
-                    buttonContentClassName: PropTypes.Requireable<string>;
                     style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
                     'data-name': PropTypes.Requireable<string>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    'data-testid': PropTypes.Requireable<string>;
+                    useButtonTag: PropTypes.Requireable<boolean>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+                    onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+                    onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+                    buttonRef: PropTypes.Requireable<string>;
+                    'data-for': PropTypes.Requireable<string>;
+                    'data-tooltip-place': PropTypes.Requireable<string>;
+                    'data-tip': PropTypes.Requireable<boolean>;
+                    isLinkDisabled: PropTypes.Requireable<boolean>;
+                    useWrapper: PropTypes.Requireable<boolean>;
+                    buttonContentClassName: PropTypes.Requireable<string>;
                 }> | PropTypes.InferProps<{
                     buttonType: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;

package/es/template/back-office/brand-update/index.d.ts

@@ -518,16 +518,27 @@ declare namespace BrandUpdate {
                     color: any;
                     submitValue: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
-                    isLinkDisabled: PropTypes.Requireable<boolean>;
                     href: PropTypes.Requireable<string>;
                     download: PropTypes.Requireable<boolean>;
                     target: PropTypes.Requireable<string>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     className: PropTypes.Requireable<string>;
-                    buttonContentClassName: PropTypes.Requireable<string>;
                     style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
                     'data-name': PropTypes.Requireable<string>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    'data-testid': PropTypes.Requireable<string>;
+                    useButtonTag: PropTypes.Requireable<boolean>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+                    onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+                    onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+                    buttonRef: PropTypes.Requireable<string>;
+                    'data-for': PropTypes.Requireable<string>;
+                    'data-tooltip-place': PropTypes.Requireable<string>;
+                    'data-tip': PropTypes.Requireable<boolean>;
+                    isLinkDisabled: PropTypes.Requireable<boolean>;
+                    useWrapper: PropTypes.Requireable<boolean>;
+                    buttonContentClassName: PropTypes.Requireable<string>;
                 }> | PropTypes.InferProps<{
                     buttonType: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
@@ -1176,16 +1187,27 @@ declare namespace BrandUpdate {
                         color: any;
                         submitValue: PropTypes.Requireable<string>;
                         disabled: PropTypes.Requireable<boolean>;
-                        isLinkDisabled: PropTypes.Requireable<boolean>;
                         href: PropTypes.Requireable<string>;
                         download: PropTypes.Requireable<boolean>;
                         target: PropTypes.Requireable<string>;
-                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
                         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                         className: PropTypes.Requireable<string>;
-                        buttonContentClassName: PropTypes.Requireable<string>;
                         style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
                         'data-name': PropTypes.Requireable<string>;
+                        'aria-label': PropTypes.Requireable<string>;
+                        'data-testid': PropTypes.Requireable<string>;
+                        useButtonTag: PropTypes.Requireable<boolean>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+                        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+                        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+                        buttonRef: PropTypes.Requireable<string>;
+                        'data-for': PropTypes.Requireable<string>;
+                        'data-tooltip-place': PropTypes.Requireable<string>;
+                        'data-tip': PropTypes.Requireable<boolean>;
+                        isLinkDisabled: PropTypes.Requireable<boolean>;
+                        useWrapper: PropTypes.Requireable<boolean>;
+                        buttonContentClassName: PropTypes.Requireable<string>;
                     }> | PropTypes.InferProps<{
                         buttonType: PropTypes.Requireable<string>;
                         type: PropTypes.Requireable<string>;
@@ -1522,10 +1544,8 @@ declare namespace BrandUpdate {
                 order: PropTypes.Requireable<number>;
                 'aria-label': PropTypes.Requireable<string>;
                 contentType: PropTypes.Requireable<string>;
-                id: PropTypes.Requireable<string>;
             }> | null | undefined)[]>;
             title: PropTypes.Requireable<string>;
-            onDrop: PropTypes.Requireable<(...args: any[]) => any>;
         }> | PropTypes.InferProps<{
             key: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;

package/es/template/common/search-page/index.d.ts

@@ -85,17 +85,28 @@ declare namespace SearchPage {
             color: any;
             submitValue: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
-            isLinkDisabled: PropTypes.Requireable<boolean>;
             href: PropTypes.Requireable<string>;
             download: PropTypes.Requireable<boolean>;
             target: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
-            onClick: PropTypes.Requireable<(...args: any[]) => any>;
             children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             className: PropTypes.Requireable<string>;
-            buttonContentClassName: PropTypes.Requireable<string>;
             style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
             'data-name': PropTypes.Requireable<string>;
+            'aria-label': PropTypes.Requireable<string>;
+            'data-testid': PropTypes.Requireable<string>;
+            useButtonTag: PropTypes.Requireable<boolean>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+            onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+            onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+            buttonRef: PropTypes.Requireable<string>;
+            'data-for': PropTypes.Requireable<string>;
+            'data-tooltip-place': PropTypes.Requireable<string>;
+            'data-tip': PropTypes.Requireable<boolean>;
+            isLinkDisabled: PropTypes.Requireable<boolean>;
+            useWrapper: PropTypes.Requireable<boolean>;
+            buttonContentClassName: PropTypes.Requireable<string>;
         }>>;
         const recommendations: PropTypes.Requireable<PropTypes.InferProps<{
             contentType: PropTypes.Requireable<string>;

package/lib/atom/battle-opponent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/battle-opponent/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAkB,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAG5D,QAAA,MAAM,cAAc;gHASf,mBAAmB,iBACP,gBAAgB;;;;;;;;;;;;;CAyGhC,CAAC;AAQF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/battle-opponent/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAkB,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAG5D,QAAA,MAAM,cAAc;gHASf,mBAAmB,iBACP,gBAAgB;;;;;;;;;;;;;CA2GhC,CAAC;AAQF,eAAe,cAAc,CAAC"}

package/lib/atom/battle-opponent/index.js

@@ -102,13 +102,15 @@ const BattleOpponent = ({
     className: _style.default.informationIcon,
     width: 20,
     height: 20
-  })), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.toolTipWrapper
+  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     fontSize: 12,
     anchorId: battleOpponentInfoId,
     toolTipIsVisible: toolTipIsVisible,
     TooltipContent: TooltipContent,
     closeToolTipInformationTextAriaLabel: translate('Press the escape key to close the information text')
-  })) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
+  }))) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
     className: _style.default.rightArrow,
     width: 16,
     height: 16

package/lib/atom/battle-opponent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BattleOpponent","isAlreadyEngaged","isRandom","userAvatarSrc","onClick","displayName","tooltipText","ariaLabel","legacyContext","translate","GetTranslateFromContext","wrapperClassnames","useMemo","classnames","style","card","random","displayNameClassnames","name","alreadyEngaged","mouseLeaveTimer","setMouseLeaveTimer","useState","undefined","toolTipIsVisible","setToolTipIsVisible","battleOpponentInfoId","uuidV5","URL","buttonRef","useRef","handleMouseOver","useCallback","clearTimeout","has","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","toggleStateOnKeyPress","TooltipContent","_props","avatar","tooltipIconContainer","informationIcon","rightArrow","propTypes","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/battle-opponent/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState, useRef} from 'react';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport has from 'lodash/fp/has';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip, {toggleStateOnKeyPress} from '../tooltip';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport propTypes, {BattleOpponentProps} from './prop-types';\nimport style from './style.css';\n\nconst BattleOpponent = (\n  {\n    isAlreadyEngaged,\n    isRandom,\n    userAvatarSrc,\n    onClick,\n    displayName,\n    tooltipText,\n    'aria-label': ariaLabel\n  }: BattleOpponentProps,\n  legacyContext: WebContextValues\n) => {\n  const translate: Required<WebContextValues>['translate'] = GetTranslateFromContext(legacyContext);\n  const wrapperClassnames = useMemo(\n    () => classnames(style.card, style['opponent-card'], isRandom ? style.random : null),\n    [isRandom]\n  );\n\n  const displayNameClassnames = useMemo(\n    () => classnames(style.name, isAlreadyEngaged ? style.alreadyEngaged : null),\n    [isAlreadyEngaged]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState<number | undefined>(undefined);\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [battleOpponentInfoId] = useState(\n    isAlreadyEngaged ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const buttonRef = useRef(null);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    // @ts-expect-error (error: focus does not exists on type never)\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500) as unknown as number\n    );\n  }, []);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const TooltipContent = useCallback(\n    _props => (\n      <p\n        {..._props}\n        onMouseOver={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n        data-testid=\"battle-opponent-tooltip-content\"\n      >\n        {tooltipText}\n      </p>\n    ),\n    [handleMouseLeave, handleMouseOver, tooltipText]\n  );\n\n  return (\n    <li\n      {...(!isAlreadyEngaged && {onClick})}\n      className={wrapperClassnames}\n      data-testid=\"battle-opponent-wrapper\"\n      tabIndex={0}\n    >\n      <div className={style.avatar}>{isRandom ? null : <img src={userAvatarSrc} alt=\"\" />}</div>\n      <p className={displayNameClassnames} tabIndex={0}>\n        {displayName}\n      </p>\n      {isAlreadyEngaged ? (\n        <>\n          <button\n            ref={buttonRef}\n            tabIndex={0}\n            type=\"button\"\n            className={style.tooltipIconContainer}\n            data-testid=\"battle-engaged-opponent-information-button\"\n            onKeyDown={handleKeyPress}\n            onMouseLeave={handleMouseLeave}\n            onMouseOver={handleMouseOver}\n            data-for={battleOpponentInfoId}\n            data-tooltip-place=\"left\"\n            data-tip={isAlreadyEngaged}\n            aria-label={ariaLabel}\n          >\n            <InformationIcon className={style.informationIcon} width={20} height={20} />\n          </button>\n          <ToolTip\n            fontSize={12}\n            anchorId={battleOpponentInfoId}\n            toolTipIsVisible={toolTipIsVisible}\n            TooltipContent={TooltipContent}\n            closeToolTipInformationTextAriaLabel={translate(\n              'Press the escape key to close the information text'\n            )}\n          />\n        </>\n      ) : (\n        <ArrowRight className={style.rightArrow} width={16} height={16} />\n      )}\n    </li>\n  );\n};\n\nBattleOpponent.propTypes = propTypes;\n\nBattleOpponent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default BattleOpponent;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["BattleOpponent","isAlreadyEngaged","isRandom","userAvatarSrc","onClick","displayName","tooltipText","ariaLabel","legacyContext","translate","GetTranslateFromContext","wrapperClassnames","useMemo","classnames","style","card","random","displayNameClassnames","name","alreadyEngaged","mouseLeaveTimer","setMouseLeaveTimer","useState","undefined","toolTipIsVisible","setToolTipIsVisible","battleOpponentInfoId","uuidV5","URL","buttonRef","useRef","handleMouseOver","useCallback","clearTimeout","has","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","toggleStateOnKeyPress","TooltipContent","_props","avatar","tooltipIconContainer","informationIcon","toolTipWrapper","rightArrow","propTypes","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/battle-opponent/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState, useRef} from 'react';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport has from 'lodash/fp/has';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip, {toggleStateOnKeyPress} from '../tooltip';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport propTypes, {BattleOpponentProps} from './prop-types';\nimport style from './style.css';\n\nconst BattleOpponent = (\n  {\n    isAlreadyEngaged,\n    isRandom,\n    userAvatarSrc,\n    onClick,\n    displayName,\n    tooltipText,\n    'aria-label': ariaLabel\n  }: BattleOpponentProps,\n  legacyContext: WebContextValues\n) => {\n  const translate: Required<WebContextValues>['translate'] = GetTranslateFromContext(legacyContext);\n  const wrapperClassnames = useMemo(\n    () => classnames(style.card, style['opponent-card'], isRandom ? style.random : null),\n    [isRandom]\n  );\n\n  const displayNameClassnames = useMemo(\n    () => classnames(style.name, isAlreadyEngaged ? style.alreadyEngaged : null),\n    [isAlreadyEngaged]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState<number | undefined>(undefined);\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [battleOpponentInfoId] = useState(\n    isAlreadyEngaged ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const buttonRef = useRef(null);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    // @ts-expect-error (error: focus does not exists on type never)\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500) as unknown as number\n    );\n  }, []);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const TooltipContent = useCallback(\n    _props => (\n      <p\n        {..._props}\n        onMouseOver={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n        data-testid=\"battle-opponent-tooltip-content\"\n      >\n        {tooltipText}\n      </p>\n    ),\n    [handleMouseLeave, handleMouseOver, tooltipText]\n  );\n\n  return (\n    <li\n      {...(!isAlreadyEngaged && {onClick})}\n      className={wrapperClassnames}\n      data-testid=\"battle-opponent-wrapper\"\n      tabIndex={0}\n    >\n      <div className={style.avatar}>{isRandom ? null : <img src={userAvatarSrc} alt=\"\" />}</div>\n      <p className={displayNameClassnames} tabIndex={0}>\n        {displayName}\n      </p>\n      {isAlreadyEngaged ? (\n        <>\n          <button\n            ref={buttonRef}\n            tabIndex={0}\n            type=\"button\"\n            className={style.tooltipIconContainer}\n            data-testid=\"battle-engaged-opponent-information-button\"\n            onKeyDown={handleKeyPress}\n            onMouseLeave={handleMouseLeave}\n            onMouseOver={handleMouseOver}\n            data-for={battleOpponentInfoId}\n            data-tooltip-place=\"left\"\n            data-tip={isAlreadyEngaged}\n            aria-label={ariaLabel}\n          >\n            <InformationIcon className={style.informationIcon} width={20} height={20} />\n          </button>\n          <span className={style.toolTipWrapper}>\n            <ToolTip\n              fontSize={12}\n              anchorId={battleOpponentInfoId}\n              toolTipIsVisible={toolTipIsVisible}\n              TooltipContent={TooltipContent}\n              closeToolTipInformationTextAriaLabel={translate(\n                'Press the escape key to close the information text'\n              )}\n            />\n          </span>\n        </>\n      ) : (\n        <ArrowRight className={style.rightArrow} width={16} height={16} />\n      )}\n    </li>\n  );\n};\n\nBattleOpponent.propTypes = propTypes;\n\nBattleOpponent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default BattleOpponent;\n"],"mappings":"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"}

package/lib/atom/battle-opponent/style.css

@@ -112,6 +112,18 @@
   align-items: center;
 }
 
+.toolTipWrapper {
+  position: absolute;
+  width: 100%;
+}
+
+.card .tooltipIconContainer + .toolTipWrapper [class*="__react_component_tooltip"]:not([class*="toolTipReact"]) {
+  position: sticky;
+  top: unset !important;
+  left: unset !important;
+  max-width: 75%;
+}
+
 @media mobile {
   .opponent-card {
     width: 100%;

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

@@ -5,17 +5,28 @@ declare namespace Button {
         color: any;
         submitValue: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
-        isLinkDisabled: PropTypes.Requireable<boolean>;
         href: PropTypes.Requireable<string>;
         download: PropTypes.Requireable<boolean>;
         target: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
-        buttonContentClassName: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
         'data-name': PropTypes.Requireable<string>;
+        'aria-label': PropTypes.Requireable<string>;
+        'data-testid': PropTypes.Requireable<string>;
+        useButtonTag: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        buttonRef: PropTypes.Requireable<string>;
+        'data-for': PropTypes.Requireable<string>;
+        'data-tooltip-place': PropTypes.Requireable<string>;
+        'data-tip': PropTypes.Requireable<boolean>;
+        isLinkDisabled: PropTypes.Requireable<boolean>;
+        useWrapper: PropTypes.Requireable<boolean>;
+        buttonContentClassName: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA6FA,iDA0BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA0IA,iDAgCC"}

package/lib/atom/button/index.js

@@ -3,12 +3,14 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _noop = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _proptypes = require("../../util/proptypes");
 
 var _link = _interopRequireDefault(require("../link"));
@@ -17,6 +19,10 @@ 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; }
+
 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); }
 
 const ButtonContent = props => {
@@ -28,12 +34,21 @@ const ButtonContent = props => {
     href,
     target,
     onClick,
-    className = _style.default.button,
+    className,
     children,
     type,
     style,
     'data-name': dataName,
-    'aria-label': ariaLabel
+    'aria-label': ariaLabel,
+    'data-testid': dataTestid,
+    useButtonTag,
+    buttonRef,
+    'data-for': dataFor,
+    'data-tooltip-place': dataTooltipPlace,
+    'data-tip': dataTip,
+    onKeyDown = _noop.default,
+    onMouseLeave = _noop.default,
+    onMouseOver = _noop.default
   } = props;
   const anchorClassName = disabled && `${className} ${_style.default.disabledAnchor}` || className;
   const anchorOnClick = disabled && null || onClick;
@@ -63,6 +78,26 @@ const ButtonContent = props => {
         style: style
       }, submitValue || children);
 
+    case 'button':
+      if (useButtonTag) return /*#__PURE__*/_react.default.createElement("button", {
+        ref: buttonRef,
+        type: "button",
+        "data-for": dataFor,
+        "data-tooltip-place": dataTooltipPlace,
+        "data-tip": dataTip,
+        "data-name": dataName,
+        "data-testid": dataTestid,
+        "aria-label": ariaLabel.favorite,
+        className: className,
+        onClick: onClick,
+        style: style,
+        onKeyDown: onKeyDown,
+        onMouseLeave: onMouseLeave,
+        onMouseOver: onMouseOver,
+        tabIndex: 0
+      }, children);
+    // falls through in case type is button BUT no button tag is needed, for retro-compatibility
+
     default:
       return /*#__PURE__*/_react.default.createElement("input", {
         "data-name": dataName,
@@ -86,12 +121,23 @@ ButtonContent.propTypes = process.env.NODE_ENV !== "production" ? {
   download: _propTypes.default.bool,
   target: _propTypes.default.oneOf(['_self', '_blank', '_parent', '_top']),
   type: _propTypes.default.string,
-  onClick: _propTypes.default.func,
   children: _propTypes.default.node,
   className: _propTypes.default.string,
   style: _propTypes.default.shape({}),
   'data-name': _propTypes.default.string,
-  'aria-label': _propTypes.default.string
+  'aria-label': _propTypes.default.string,
+  'data-testid': _propTypes.default.string,
+  useButtonTag: _propTypes.default.bool,
+  // event handlers
+  onClick: _propTypes.default.func,
+  onKeyDown: _propTypes.default.func,
+  onMouseLeave: _propTypes.default.func,
+  onMouseOver: _propTypes.default.func,
+  // for ReactTooltip handling
+  buttonRef: _propTypes.default.string,
+  'data-for': _propTypes.default.string,
+  'data-tooltip-place': _propTypes.default.string,
+  'data-tip': _propTypes.default.bool
 } : {};
 
 const Button = props => {
@@ -101,34 +147,26 @@ const Button = props => {
     isLinkDisabled,
     type = 'submit',
     children,
-    style
+    useWrapper = true
   } = props;
-  const cNames = isLinkDisabled && (0, _classnames.default)([_style.default.disabledAnchor, className]) || (0, _classnames.default)([_style.default.button, className]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: cNames
+  const buttonWrapperClassNames = (0, _react.useMemo)(() => isLinkDisabled && (0, _classnames.default)([_style.default.disabledAnchor, className]) || (0, _classnames.default)([_style.default.button, className]), [className, isLinkDisabled]);
+  const contentClassName = (0, _react.useMemo)(() => buttonContentClassName ? buttonContentClassName : _style.default.buttonContent, [buttonContentClassName]);
+  return useWrapper ? /*#__PURE__*/_react.default.createElement("div", {
+    className: buttonWrapperClassNames
   }, /*#__PURE__*/_react.default.createElement(ButtonContent, _extends({}, props, {
     type: type,
-    className: buttonContentClassName ? buttonContentClassName : _style.default.buttonContent,
-    style: _extends({}, style)
-  }), children));
+    className: contentClassName
+  }), children)) : /*#__PURE__*/_react.default.createElement(ButtonContent, _extends({}, props, {
+    type: type,
+    className: contentClassName
+  }), children);
 };
 
-Button.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: _proptypes.ColorPropType,
-  submitValue: _propTypes.default.string,
-  disabled: _propTypes.default.bool,
+Button.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   isLinkDisabled: _propTypes.default.bool,
-  href: _propTypes.default.string,
-  download: _propTypes.default.bool,
-  target: _propTypes.default.oneOf(['_self', '_blank', '_parent', '_top']),
-  type: _propTypes.default.string,
-  onClick: _propTypes.default.func,
-  children: _propTypes.default.node,
-  className: _propTypes.default.string,
-  buttonContentClassName: _propTypes.default.string,
-  style: _propTypes.default.shape({}),
-  'data-name': _propTypes.default.string
-} : {};
+  useWrapper: _propTypes.default.bool,
+  buttonContentClassName: _propTypes.default.string
+}, ButtonContent.propTypes) : {};
 var _default = Button;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","cssStyle","button","children","type","style","dataName","ariaLabel","anchorClassName","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","propTypes","ColorPropType","PropTypes","string","bool","oneOf","func","node","shape","Button","buttonContentClassName","isLinkDisabled","cNames","classnames","buttonContent"],"sources":["../../../src/atom/button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className = cssStyle.button,\n    children,\n    type,\n    style,\n    'data-name': dataName,\n    'aria-label': ariaLabel\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n          aria-label={ariaLabel}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    default:\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nconst Button = props => {\n  const {\n    className,\n    buttonContentClassName,\n    isLinkDisabled,\n    type = 'submit',\n    children,\n    style\n  } = props;\n  const cNames =\n    (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n    classnames([cssStyle.button, className]);\n  return (\n    <div className={cNames}>\n      <ButtonContent\n        {...props}\n        type={type}\n        className={buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent}\n        style={{\n          ...style\n        }}\n      >\n        {children}\n      </ButtonContent>\n    </div>\n  );\n};\n\nButton.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  isLinkDisabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  buttonContentClassName: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string\n};\n\nexport default Button;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","children","type","style","dataName","ariaLabel","dataTestid","useButtonTag","buttonRef","dataFor","dataTooltipPlace","dataTip","onKeyDown","noop","onMouseLeave","onMouseOver","anchorClassName","cssStyle","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","favorite","propTypes","ColorPropType","PropTypes","string","bool","oneOf","node","shape","func","Button","buttonContentClassName","isLinkDisabled","useWrapper","buttonWrapperClassNames","useMemo","classnames","button","contentClassName","buttonContent"],"sources":["../../../src/atom/button/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport noop from 'lodash/fp/noop';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className,\n    children,\n    type,\n    style,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    'data-testid': dataTestid,\n    useButtonTag,\n    buttonRef,\n    'data-for': dataFor,\n    'data-tooltip-place': dataTooltipPlace,\n    'data-tip': dataTip,\n    onKeyDown = noop,\n    onMouseLeave = noop,\n    onMouseOver = noop\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n          aria-label={ariaLabel}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    case 'button':\n      if (useButtonTag)\n        return (\n          <button\n            ref={buttonRef}\n            type=\"button\"\n            data-for={dataFor}\n            data-tooltip-place={dataTooltipPlace}\n            data-tip={dataTip}\n            data-name={dataName}\n            data-testid={dataTestid}\n            aria-label={ariaLabel.favorite}\n            className={className}\n            onClick={onClick}\n            style={style}\n            onKeyDown={onKeyDown}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            tabIndex={0}\n          >\n            {children}\n          </button>\n        );\n    // falls through in case type is button BUT no button tag is needed, for retro-compatibility\n    default:\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-testid': PropTypes.string,\n  useButtonTag: PropTypes.bool,\n  // event handlers\n  onClick: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  onMouseOver: PropTypes.func,\n  // for ReactTooltip handling\n  buttonRef: PropTypes.string,\n  'data-for': PropTypes.string,\n  'data-tooltip-place': PropTypes.string,\n  'data-tip': PropTypes.bool\n};\n\nconst Button = props => {\n  const {\n    className,\n    buttonContentClassName,\n    isLinkDisabled,\n    type = 'submit',\n    children,\n    useWrapper = true\n  } = props;\n  const buttonWrapperClassNames = useMemo(\n    () =>\n      (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n      classnames([cssStyle.button, className]),\n    [className, isLinkDisabled]\n  );\n\n  const contentClassName = useMemo(\n    () => (buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent),\n    [buttonContentClassName]\n  );\n\n  return useWrapper ? (\n    <div className={buttonWrapperClassNames}>\n      <ButtonContent {...props} type={type} className={contentClassName}>\n        {children}\n      </ButtonContent>\n    </div>\n  ) : (\n    <ButtonContent {...props} type={type} className={contentClassName}>\n      {children}\n    </ButtonContent>\n  );\n};\n\nButton.propTypes = {\n  isLinkDisabled: PropTypes.bool,\n  useWrapper: PropTypes.bool,\n  buttonContentClassName: PropTypes.string,\n  ...ButtonContent.propTypes\n};\n\nexport default Button;\n"],"mappings":"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"}

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":"AAmEO,iGASN;;AAED;;;;;;;;;;;gBA0FC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tooltip/index.js"],"names":[],"mappings":"AAoEO,iGASN;;AAED;;;;;;;;;;;gBA0FC"}

package/lib/atom/tooltip/index.js

@@ -42,6 +42,7 @@ const ToolTipWrapper = ({
   handleContentMouseOver,
   iconSize
 }) => {
+  const coorpToolTipClasses = (0, _classnames.default)(_style.default.toolTip, iconSize === 'big' ? _style.default.bigIconToolTip : _style.default.smallIconToolTip);
   if (!toolTipIsVisible) return null;
 
   if (anchorId) {
@@ -55,7 +56,7 @@ const ToolTipWrapper = ({
     }, content);
   } else {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(_style.default.toolTip, iconSize === 'big' ? _style.default.bigIconToolTip : _style.default.smallIconToolTip),
+      className: coorpToolTipClasses,
       "data-testid": "tooltip",
       "aria-label": closeToolTipInformationTextAriaLabel,
       onMouseOver: handleContentMouseOver

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FontSizes","style","tooltipContentFontSize12","tooltipContentFontSize14","IconSizes","small","big","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","handleContentMouseOver","iconSize","toolTipReact","classnames","toolTip","bigIconToolTip","smallIconToolTip","propTypes","PropTypes","bool","string","isRequired","node","func","oneOf","keys","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","tooltipContent","tooltipContainer","tooltipIconContainer","informationIcon","oneOfType","number"],"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 keys from 'lodash/fp/keys';\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 IconSizes = {\n  small: 12,\n  big: 20\n};\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content,\n  handleContentMouseOver,\n  iconSize\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={classnames(\n          style.toolTip,\n          iconSize === 'big' ? style.bigIconToolTip : style.smallIconToolTip\n        )}\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  iconSize: PropTypes.oneOf(keys(IconSizes))\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  iconSize = 'small'\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={IconSizes[iconSize]}\n          height={IconSizes[iconSize]}\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        iconSize={iconSize}\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  iconSize: PropTypes.oneOf(keys(IconSizes)),\n  // ----------  React Tooltip exclusive  --------------\n  // externalHandling: if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  // data-for={anchorId} && data-tooltip-place=\"left\" are needed on the anchored component\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","IconSizes","small","big","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","handleContentMouseOver","iconSize","coorpToolTipClasses","classnames","toolTip","bigIconToolTip","smallIconToolTip","toolTipReact","propTypes","PropTypes","bool","string","isRequired","node","func","oneOf","keys","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","tooltipContent","tooltipContainer","tooltipIconContainer","informationIcon","oneOfType","number"],"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 keys from 'lodash/fp/keys';\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 IconSizes = {\n  small: 12,\n  big: 20\n};\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content,\n  handleContentMouseOver,\n  iconSize\n}) => {\n  const coorpToolTipClasses = classnames(\n    style.toolTip,\n    iconSize === 'big' ? style.bigIconToolTip : style.smallIconToolTip\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={coorpToolTipClasses}\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  iconSize: PropTypes.oneOf(keys(IconSizes))\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  iconSize = 'small'\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={IconSizes[iconSize]}\n          height={IconSizes[iconSize]}\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        iconSize={iconSize}\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  iconSize: PropTypes.oneOf(keys(IconSizes)),\n  // ----------  React Tooltip exclusive  --------------\n  // externalHandling: if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  // data-for={anchorId} && data-tooltip-place=\"left\" are needed on the anchored component\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool\n};\n\nexport default ToolTip;\n"],"mappings":"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"}

package/lib/molecule/brand-form-group/index.d.ts

@@ -386,16 +386,27 @@ declare namespace BrandFormGroup {
             color: any;
             submitValue: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
-            isLinkDisabled: PropTypes.Requireable<boolean>;
             href: PropTypes.Requireable<string>;
             download: PropTypes.Requireable<boolean>;
             target: PropTypes.Requireable<string>;
-            onClick: PropTypes.Requireable<(...args: any[]) => any>;
             children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             className: PropTypes.Requireable<string>;
-            buttonContentClassName: PropTypes.Requireable<string>;
             style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
             'data-name': PropTypes.Requireable<string>;
+            'aria-label': PropTypes.Requireable<string>;
+            'data-testid': PropTypes.Requireable<string>;
+            useButtonTag: PropTypes.Requireable<boolean>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+            onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+            onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+            buttonRef: PropTypes.Requireable<string>;
+            'data-for': PropTypes.Requireable<string>;
+            'data-tooltip-place': PropTypes.Requireable<string>;
+            'data-tip': PropTypes.Requireable<boolean>;
+            isLinkDisabled: PropTypes.Requireable<boolean>;
+            useWrapper: PropTypes.Requireable<boolean>;
+            buttonContentClassName: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             buttonType: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;