@coorpacademy/components 11.11.1-alpha.0 → 11.11.1

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

@@ -1,70 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _novaIcons = require("@coorpacademy/nova-icons");
-
-var _tooltip = _interopRequireDefault(require("../tooltip"));
-
-var _provider = _interopRequireWildcard(require("../provider"));
-
-var _propTypes = _interopRequireDefault(require("./prop-types"));
-
-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 BattleOpponent = ({
-  isAlreadyEngaged,
-  isRandom,
-  userAvatarSrc,
-  onClick,
-  displayName,
-  tooltipText
-}, legacyContext) => {
-  const translate = (0, _provider.GetTranslateFromContext)(legacyContext);
-  const wrapperClassnames = (0, _react.useMemo)(() => (0, _classnames.default)(_style.default.card, _style.default['opponent-card'], isRandom ? _style.default.random : null), [isRandom]);
-  const displayNameClassnames = (0, _react.useMemo)(() => (0, _classnames.default)(_style.default.name, isAlreadyEngaged ? _style.default.alreadyEngaged : null), [isAlreadyEngaged]);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, !isAlreadyEngaged && {
-    onClick
-  }, {
-    className: wrapperClassnames,
-    "data-testid": "battle-opponent-wrapper"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.avatar
-  }, isRandom ? null : /*#__PURE__*/_react.default.createElement("img", {
-    src: userAvatarSrc,
-    "aria-hidden": "true"
-  })), /*#__PURE__*/_react.default.createElement("p", {
-    className: displayNameClassnames
-  }, " ", displayName), isAlreadyEngaged ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    fontSize: 12,
-    iconSize: "big",
-    TooltipContent: tooltipText,
-    closeToolTipInformationTextAriaLabel: translate('Press the escape key to close the information text'),
-    iconContainerClassName: _style.default.infoIconTooltip
-  }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
-    className: _style.default.rightArrow,
-    width: 16,
-    height: 16
-  }));
-};
-
-BattleOpponent.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
-BattleOpponent.contextTypes = {
-  translate: _provider.default.childContextTypes.translate
-};
-var _default = BattleOpponent;
-exports.default = _default;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["BattleOpponent","isAlreadyEngaged","isRandom","userAvatarSrc","onClick","displayName","tooltipText","legacyContext","translate","GetTranslateFromContext","wrapperClassnames","useMemo","classnames","style","card","random","displayNameClassnames","name","alreadyEngaged","avatar","infoIconTooltip","rightArrow","propTypes","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/battle-opponent/index.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport ToolTip 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  }: 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  return (\n    <div\n      {...(!isAlreadyEngaged && {onClick})}\n      className={wrapperClassnames}\n      data-testid=\"battle-opponent-wrapper\"\n    >\n      <div className={style.avatar}>\n        {isRandom ? null : <img src={userAvatarSrc} aria-hidden=\"true\" />}\n      </div>\n      <p className={displayNameClassnames}> {displayName}</p>\n      {isAlreadyEngaged ? (\n        <ToolTip\n          fontSize={12}\n          iconSize=\"big\"\n          TooltipContent={tooltipText}\n          closeToolTipInformationTextAriaLabel={translate(\n            'Press the escape key to close the information text'\n          )}\n          iconContainerClassName={style.infoIconTooltip}\n        />\n      ) : (\n        <ArrowRight className={style.rightArrow} width={16} height={16} />\n      )}\n    </div>\n  );\n};\n\nBattleOpponent.propTypes = propTypes;\n\nBattleOpponent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default BattleOpponent;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,cAAc,GAAG,CACrB;EACEC,gBADF;EAEEC,QAFF;EAGEC,aAHF;EAIEC,OAJF;EAKEC,WALF;EAMEC;AANF,CADqB,EASrBC,aATqB,KAUlB;EACH,MAAMC,SAAkD,GAAG,IAAAC,iCAAA,EAAwBF,aAAxB,CAA3D;EACA,MAAMG,iBAAiB,GAAG,IAAAC,cAAA,EACxB,MAAM,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,IAAjB,EAAuBD,cAAA,CAAM,eAAN,CAAvB,EAA+CX,QAAQ,GAAGW,cAAA,CAAME,MAAT,GAAkB,IAAzE,CADkB,EAExB,CAACb,QAAD,CAFwB,CAA1B;EAKA,MAAMc,qBAAqB,GAAG,IAAAL,cAAA,EAC5B,MAAM,IAAAC,mBAAA,EAAWC,cAAA,CAAMI,IAAjB,EAAuBhB,gBAAgB,GAAGY,cAAA,CAAMK,cAAT,GAA0B,IAAjE,CADsB,EAE5B,CAACjB,gBAAD,CAF4B,CAA9B;EAKA,oBACE,iDACO,CAACA,gBAAD,IAAqB;IAACG;EAAD,CAD5B;IAEE,SAAS,EAAEM,iBAFb;IAGE,eAAY;EAHd,iBAKE;IAAK,SAAS,EAAEG,cAAA,CAAMM;EAAtB,GACGjB,QAAQ,GAAG,IAAH,gBAAU;IAAK,GAAG,EAAEC,aAAV;IAAyB,eAAY;EAArC,EADrB,CALF,eAQE;IAAG,SAAS,EAAEa;EAAd,QAAuCX,WAAvC,CARF,EASGJ,gBAAgB,gBACf,6BAAC,gBAAD;IACE,QAAQ,EAAE,EADZ;IAEE,QAAQ,EAAC,KAFX;IAGE,cAAc,EAAEK,WAHlB;IAIE,oCAAoC,EAAEE,SAAS,CAC7C,oDAD6C,CAJjD;IAOE,sBAAsB,EAAEK,cAAA,CAAMO;EAPhC,EADe,gBAWf,6BAAC,8CAAD;IAAY,SAAS,EAAEP,cAAA,CAAMQ,UAA7B;IAAyC,KAAK,EAAE,EAAhD;IAAoD,MAAM,EAAE;EAA5D,EApBJ,CADF;AAyBD,CA/CD;;AAiDArB,cAAc,CAACsB,SAAf,2CAA2BA,kBAA3B;AAEAtB,cAAc,CAACuB,YAAf,GAA8B;EAC5Bf,SAAS,EAAEgB,iBAAA,CAASC,iBAAT,CAA2BjB;AADV,CAA9B;eAIeR,c"}

package/lib/atom/battle-opponent/prop-types.d.ts

@@ -1,19 +0,0 @@
-import PropTypes from 'prop-types';
-declare const propTypes: {
-    isAlreadyEngaged: PropTypes.Requireable<boolean>;
-    isRandom: PropTypes.Requireable<boolean>;
-    userAvatarSrc: PropTypes.Requireable<string>;
-    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    displayName: PropTypes.Requireable<string>;
-    tooltipText: PropTypes.Requireable<string>;
-};
-export declare type BattleOpponentProps = {
-    isAlreadyEngaged?: boolean;
-    isRandom?: boolean;
-    userAvatarSrc?: string;
-    onClick?: () => void;
-    displayName: string;
-    tooltipText?: string;
-};
-export default propTypes;
-//# sourceMappingURL=prop-types.d.ts.map

package/lib/atom/battle-opponent/prop-types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/battle-opponent/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;CAOd,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/atom/battle-opponent/prop-types.js

@@ -1,20 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const propTypes = {
-  isAlreadyEngaged: _propTypes.default.bool,
-  isRandom: _propTypes.default.bool,
-  userAvatarSrc: _propTypes.default.string,
-  onClick: _propTypes.default.func,
-  displayName: _propTypes.default.string,
-  tooltipText: _propTypes.default.string
-};
-var _default = propTypes;
-exports.default = _default;
-//# sourceMappingURL=prop-types.js.map

package/lib/atom/battle-opponent/prop-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prop-types.js","names":["propTypes","isAlreadyEngaged","PropTypes","bool","isRandom","userAvatarSrc","string","onClick","func","displayName","tooltipText"],"sources":["../../../src/atom/battle-opponent/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  isAlreadyEngaged: PropTypes.bool,\n  isRandom: PropTypes.bool,\n  userAvatarSrc: PropTypes.string,\n  onClick: PropTypes.func,\n  displayName: PropTypes.string,\n  tooltipText: PropTypes.string\n};\n\nexport type BattleOpponentProps = {\n  isAlreadyEngaged?: boolean;\n  isRandom?: boolean;\n  userAvatarSrc?: string;\n  onClick?: () => void;\n  displayName: string;\n  tooltipText?: string;\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,gBAAgB,EAAEC,kBAAA,CAAUC,IADZ;EAEhBC,QAAQ,EAAEF,kBAAA,CAAUC,IAFJ;EAGhBE,aAAa,EAAEH,kBAAA,CAAUI,MAHT;EAIhBC,OAAO,EAAEL,kBAAA,CAAUM,IAJH;EAKhBC,WAAW,EAAEP,kBAAA,CAAUI,MALP;EAMhBI,WAAW,EAAER,kBAAA,CAAUI;AANP,CAAlB;eAkBeN,S"}

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

@@ -1,126 +0,0 @@
-@value breakpoints: "../../variables/breakpoints.css";
-@value mobile from breakpoints;
-@value colors: "../../variables/colors.css";
-@value white from colors;
-@value dark from colors;
-@value black from colors;
-@value cm_grey_75 from colors;
-@value medium from colors;
-@value light from colors;
-@value brand from colors;
-
-.rightArrow {
-  position: flex;
-  padding: 9px;
-  cursor: pointer;
-  opacity: 1;
-  user-select: none;
-  text-align: right;
-  color: dark;
-}
-
-.card {
-  margin: 5px;
-}
-
-.opponent-card {
-  flex: 1 1 350px;
-  height: 80px;
-  background-color: white;
-  box-shadow: 0 0 4px 1px rgba(0,0,0,0.10);
-  border-radius: 3px;
-  padding: 20px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-}
-
-.opponent-card .name {
-  font-family: 'Gilroy';
-  font-size: 15px;
-  font-weight: 700;
-  color: black;
-  flex-grow: 1;
-}
-
-
-.opponent-card .rightArrow {
-  margin-left: 20px;
-}
-
-/* div:not(.random) */
-.avatar {
-  width: 50px;
-  height: 50px;
-  border-radius: 50%;
-  overflow: hidden;
-  background-color: light;
-  margin-right: 20px;
-  flex-shrink: 0;
-}
-
-.avatar img {
-  width: 100%;
-  height: auto;
-}
-
-
-.random {
-  color: medium;
-}
-
-.alreadyEngaged.name,
-.random .name {
-  color: medium;
-}
-
-.random .avatar {
-  background-color: brand;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.random .avatar:before {
-  content: '?';
-  font-family: 'Gilroy';
-  font-size: 32px;
-  font-weight: 600;
-  color: white;
-  text-align: center;
-}
-
-.random .avatar img {
-  display: none;
-}
-
-.opponent-card:hover {
-  background-color: cm_grey_75;
-}
-
-.card .infoIconTooltip {
-  background: transparent;
-  /* height: 100%; */
-}
-
-@media mobile {
-  .opponent-card {
-    width: 100%;
-    padding: 10px;
-  }
-
-  .opponent-card .avatar {
-    margin-right: 10px;
-  }
-
-  .opponent-card .rightArrow {
-    margin-left: 10px;
-  }
-
-  .card {
-    margin: 0 0 10px;
-  }
-}
-