@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/lib/molecule/share/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","React","createContext","ShareStatusProvider","children","setStatus","useState","useEffect","timeoutId","DURATION","setTimeout","clearTimeout","useMemo","ShareFeedback","successWording","errorWording","useContext","classnames","styles","feedback","errorFeedback","checkIcon","Share","wording","onClick","useCallback","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string"],"sources":["../../../src/molecule/share/index.js"],"sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      {status === SHARE_STATUS.SUCCESS ? (\n        <p role=\"status\">{successWording}</p>\n      ) : (\n        <p role=\"alert\">{errorWording}</p>\n      )}\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus, text]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","React","createContext","ShareStatusProvider","children","setStatus","useState","useEffect","timeoutId","DURATION","setTimeout","clearTimeout","useMemo","ShareFeedback","successWording","errorWording","useContext","classnames","styles","feedback","errorFeedback","checkIcon","Share","wording","onClick","useCallback","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string"],"sources":["../../../src/molecule/share/index.js"],"sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      {status === SHARE_STATUS.SUCCESS ? (\n        <p role=\"status\">{successWording}</p>\n      ) : (\n        <p role=\"alert\">{errorWording}</p>\n      )}\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus, text]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AACA;;;;;;;;AAEA,MAAMA,YAAY,GAAG;EACnBC,IAAI,EAAE,MADa;EAEnBC,KAAK,EAAE,OAFY;EAGnBC,OAAO,EAAE;AAHU,CAArB;;AAMA,MAAMC,sBAAsB,GAAGC,IAAI,IAAI;EACrC,MAAMC,QAAQ,GAAGC,QAAQ,CAACC,aAAT,CAAuB,UAAvB,CAAjB;EAEAF,QAAQ,CAACG,KAAT,CAAeC,MAAf,GAAwB,GAAxB;EACAJ,QAAQ,CAACG,KAAT,CAAeE,OAAf,GAAyB,GAAzB;EACAL,QAAQ,CAACG,KAAT,CAAeG,UAAf,GAA4B,QAA5B;EACAN,QAAQ,CAACG,KAAT,CAAeI,QAAf,GAA0B,UAA1B;EACAP,QAAQ,CAACQ,YAAT,CAAsB,UAAtB,EAAkC,EAAlC;EACAR,QAAQ,CAACS,KAAT,GAAiBV,IAAjB,CARqC,CAUrC;EACA;;EACAE,QAAQ,CAACS,IAAT,CAAcC,WAAd,CAA0BX,QAA1B;EACA,IAAIY,MAAM,GAAGlB,YAAY,CAACC,IAA1B;;EAEA,IAAI;IACFK,QAAQ,CAACa,MAAT;IACAb,QAAQ,CAACc,iBAAT,CAA2B,CAA3B,EAA8Bd,QAAQ,CAACS,KAAT,CAAeM,MAA7C;IACAd,QAAQ,CAACe,WAAT,CAAqB,MAArB;IACAJ,MAAM,GAAGlB,YAAY,CAACG,OAAtB;EACD,CALD,CAKE,OAAOoB,KAAP,EAAc;IACdL,MAAM,GAAGlB,YAAY,CAACE,KAAtB;EACD,CAtBoC,CAwBrC;EACA;;;EACAK,QAAQ,CAACS,IAAT,CAAcQ,WAAd,CAA0BlB,QAA1B;EAEA,OAAOY,MAAP;AACD,CA7BD;;AA+BA,MAAMO,aAAa,gBAAGC,cAAA,CAAMC,aAAN,CAAoB3B,YAAY,CAACC,IAAjC,CAAtB;;AAEO,MAAM2B,mBAAmB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAgB;EACjD,MAAM,CAACX,MAAD,EAASY,SAAT,IAAsB,IAAAC,eAAA,EAAS/B,YAAY,CAACC,IAAtB,CAA5B;EACA,IAAA+B,gBAAA,EAAU,MAAM;IACd,IAAIC,SAAJ;IACA,MAAMC,QAAQ,GAAG,IAAjB;;IACA,IAAIhB,MAAM,KAAKlB,YAAY,CAACC,IAA5B,EAAkC;MAChCgC,SAAS,GAAGE,UAAU,CAAC,MAAML,SAAS,CAAC9B,YAAY,CAACC,IAAd,CAAhB,EAAqCiC,QAArC,CAAtB;IACD;;IACD,OAAO,MAAME,YAAY,CAACH,SAAD,CAAzB;EACD,CAPD,EAOG,CAACf,MAAD,CAPH;EASA,MAAMH,KAAK,GAAG,IAAAsB,cAAA,EAAQ,MAAM,CAACnB,MAAD,EAASY,SAAT,CAAd,EAAmC,CAACZ,MAAD,CAAnC,CAAd;EAEA,oBAAO,6BAAC,aAAD,CAAe,QAAf;IAAwB,KAAK,EAAEH;EAA/B,GAAuCc,QAAvC,CAAP;AACD,CAdM;;;;AAgBA,MAAMS,aAAa,GAAG,CAAC;EAACC,cAAD;EAAiBC;AAAjB,CAAD,KAAoC;EAC/D,MAAM,CAACtB,MAAD,IAAW,IAAAuB,iBAAA,EAAWhB,aAAX,CAAjB;EACA,IAAIP,MAAM,KAAKlB,YAAY,CAACC,IAA5B,EAAkC,OAAO,IAAP;EAElC,oBACE;IACE,SAAS,EAAE,IAAAyC,mBAAA,EAAWC,cAAA,CAAOC,QAAlB,EAA4B1B,MAAM,KAAKlB,YAAY,CAACE,KAAxB,IAAiCyC,cAAA,CAAOE,aAApE;EADb,GAGG3B,MAAM,KAAKlB,YAAY,CAACG,OAAxB,gBACC,6BAAC,2CAAD;IAAW,SAAS,EAAEwC,cAAA,CAAOG,SAA7B;IAAwC,KAAK,EAAE,EAA/C;IAAmD,MAAM,EAAE;EAA3D,EADD,gBAGC,6BAAC,+CAAD;IAAe,SAAS,EAAEH,cAAA,CAAOG,SAAjC;IAA4C,KAAK,EAAE,EAAnD;IAAuD,MAAM,EAAE;EAA/D,EANJ,EAQG5B,MAAM,KAAKlB,YAAY,CAACG,OAAxB,gBACC;IAAG,IAAI,EAAC;EAAR,GAAkBoC,cAAlB,CADD,gBAGC;IAAG,IAAI,EAAC;EAAR,GAAiBC,YAAjB,CAXJ,CADF;AAgBD,CApBM;;;;AAsBP,MAAMO,KAAK,GAAG,CAAC;EAACtC,KAAD;EAAQJ,IAAR;EAAc2C;AAAd,CAAD,KAA4B;EACxC,MAAM,GAAGlB,SAAH,IAAgB,IAAAW,iBAAA,EAAWhB,aAAX,CAAtB;EACA,MAAMwB,OAAO,GAAG,IAAAC,kBAAA,EAAY,YAAY;IACtC,MAAMC,iCAAiC,GACrC,eAAeC,SAAf,IAA4B,eAAeA,SAAS,CAACC,SADvD;;IAEA,IAAIF,iCAAJ,EAAuC;MACrC,IAAI;QACF,MAAMC,SAAS,CAACC,SAAV,CAAoBC,SAApB,CAA8BjD,IAA9B,CAAN;QACAyB,SAAS,CAAC9B,YAAY,CAACG,OAAd,CAAT;MACD,CAHD,CAGE,OAAOoB,KAAP,EAAc;QACdO,SAAS,CAAC9B,YAAY,CAACE,KAAd,CAAT;MACD;;MACD;IACD,CARD,MAQO;MACL,MAAMqD,UAAU,GAAGnD,sBAAsB,CAACC,IAAD,CAAzC;MACAyB,SAAS,CAACyB,UAAD,CAAT;IACD;;IACD;EACD,CAhBe,EAgBb,CAACzB,SAAD,EAAYzB,IAAZ,CAhBa,CAAhB;EAkBA,oBACE;IAAK,SAAS,GAAGsC,cAAA,CAAOa,SAAP,EAAkB/C,KAArB;EAAd,gBACE,6BAAC,aAAD;IAAM,OAAO,EAAEwC,OAAf;IAAwB,SAAS,EAAEN,cAAA,CAAOc,GAA1C;IAA+C,aAAW;EAA1D,gBACE;IAAK,SAAS,EAAEd,cAAA,CAAOe;EAAvB,gBACE,6BAAC,2CAAD;IAAW,SAAS,EAAEf,cAAA,CAAOgB,SAA7B;IAAwC,KAAK,EAAE,EAA/C;IAAmD,MAAM,EAAE;EAA3D,EADF,eAEE,wCAAIX,OAAJ,CAFF,CADF,CADF,CADF;AAUD,CA9BD;;AAgCApB,mBAAmB,CAACgC,SAApB,2CAAgC;EAC9B/B,QAAQ,EAAEgC,kBAAA,CAAUC;AADU,CAAhC;AAIAxB,aAAa,CAACsB,SAAd,2CAA0B;EACxBrB,cAAc,EAAEsB,kBAAA,CAAUE,MADF;EAExBvB,YAAY,EAAEqB,kBAAA,CAAUE;AAFA,CAA1B;AAKAhB,KAAK,CAACa,SAAN,2CAAkB;EAChBnD,KAAK,EAAEoD,kBAAA,CAAUE,MADD;EAEhB1D,IAAI,EAAEwD,kBAAA,CAAUE,MAFA;EAGhBf,OAAO,EAAEa,kBAAA,CAAUE;AAHH,CAAlB;eAMehB,K"}

package/lib/molecule/skill-card/index.js

@@ -2,20 +2,32 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _cssColorFunction = require("css-color-function");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes = _interopRequireDefault(require("./prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const getGradientBackground = baseColor => {
   const gradients = [(0, _cssColorFunction.convert)(`color(${baseColor} lightness(30%))`), (0, _cssColorFunction.convert)(`color(${baseColor} lightness(47%))`), (0, _cssColorFunction.convert)(`color(${baseColor} lightness(55%))`)];
   return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${(0, _cssColorFunction.convert)(`color(${gradients[0]} a(0))`)} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${(0, _cssColorFunction.convert)(`color(${gradients[1]} a(0))`)} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${(0, _cssColorFunction.convert)(`color(${gradients[2]} a(0))`)} 100%), ${baseColor}`;
 };
+
 const SkillCard = (props, context) => {
   const {
     'aria-label': ariaLabel,
@@ -76,6 +88,7 @@ const SkillCard = (props, context) => {
     "data-name": "button-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps))));
 };
+
 SkillCard.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = SkillCard;
 exports.default = _default;

package/lib/molecule/skill-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getGradientBackground","baseColor","gradients","convert","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","useState","primarySkinColor","getOr","handleMouseOver","useCallback","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","useMemo","titleBackground","style","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper","propTypes"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const [hovered, setHovered] = useState(false);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': buttonAriaLabel,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(\n    () => (isCustom ? '#128C72' : primarySkinColor),\n    [isCustom, primarySkinColor]\n  );\n\n  const titleBackground = useMemo(\n    () => getGradientBackground(titleBackgroundColor),\n    [titleBackgroundColor]\n  );\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div\n          className={style.buttonWrapper}\n          onMouseOver={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n          data-name=\"button-wrapper\"\n        >\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getGradientBackground","baseColor","gradients","convert","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","useState","primarySkinColor","getOr","handleMouseOver","useCallback","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","useMemo","titleBackground","style","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper","propTypes"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const [hovered, setHovered] = useState(false);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': buttonAriaLabel,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(\n    () => (isCustom ? '#128C72' : primarySkinColor),\n    [isCustom, primarySkinColor]\n  );\n\n  const titleBackground = useMemo(\n    () => getGradientBackground(titleBackgroundColor),\n    [titleBackgroundColor]\n  );\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div\n          className={style.buttonWrapper}\n          onMouseOver={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n          data-name=\"button-wrapper\"\n        >\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":"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"}

package/lib/molecule/skill-card/index.native.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _templateContext = require("../../template/app-review/template-context");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   skill: {
     display: 'flex',
@@ -38,6 +45,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     color: theme.colors.gray.medium
   }
 });
+
 const SkillCard = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -54,11 +62,14 @@ const SkillCard = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     style: styleSheet.skill,
     onPress: onClick,
@@ -78,6 +89,7 @@ const SkillCard = props => {
     width: 20
   }));
 };
+
 var _default = SkillCard;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/molecule/skill-card/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","skill","display","flexDirection","overflow","alignItems","height","borderRadius","backgroundColor","colors","gray","lighter","marginTop","spacing","micro","marginBottom","padding","base","skillTexts","flex","skillTitle","fontSize","fontWeight","lineHeight","color","text","primary","tiny","skillInfo","medium","SkillCard","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","useEffect","_stylesheet"],"sources":["../../../src/molecule/skill-card/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {SkillCardProps} from './prop-types';\n\ntype StyleSheetType = {\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    skill: {\n      display: 'flex',\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 118,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.lighter,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro,\n      padding: theme.spacing.base\n    },\n    skillTexts: {\n      flex: 1,\n      flexDirection: 'column'\n    },\n    skillTitle: {\n      fontSize: 18,\n      fontWeight: '600',\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    skillInfo: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst SkillCard = (props: SkillCardProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skillTitle, skillAriaLabel, reviseLabel, reviseAriaLabel, onClick, buttonAriaLabel} =\n    props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Pressable\n      style={styleSheet.skill}\n      onPress={onClick}\n      accessibilityRole=\"button\"\n      accessibilityLabel={buttonAriaLabel}\n    >\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle} accessibilityLabel={skillAriaLabel || skillTitle}>\n          {skillTitle}\n        </Text>\n        <Text style={styleSheet.skillInfo} accessibilityLabel={reviseAriaLabel}>\n          {reviseLabel}\n        </Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\nexport default SkillCard;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAA8E;AAAA;AAW9E,MAAMA,gBAAgB,GAAIC,KAAY,IACpCC,uBAAU,CAACC,MAAM,CAAC;EAChBC,KAAK,EAAE;IACLC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,GAAG;IACXC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEV,KAAK,CAACW,MAAM,CAACC,IAAI,CAACC,OAAO;IAC1CC,SAAS,EAAEd,KAAK,CAACe,OAAO,CAACC,KAAK;IAC9BC,YAAY,EAAEjB,KAAK,CAACe,OAAO,CAACC,KAAK;IACjCE,OAAO,EAAElB,KAAK,CAACe,OAAO,CAACI;EACzB,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE,CAAC;IACPhB,aAAa,EAAE;EACjB,CAAC;EACDiB,UAAU,EAAE;IACVC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAE1B,KAAK,CAACW,MAAM,CAACgB,IAAI,CAACC,OAAO;IAChCX,YAAY,EAAEjB,KAAK,CAACe,OAAO,CAACc;EAC9B,CAAC;EACDC,SAAS,EAAE;IACTP,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE,EAAE;IACdC,KAAK,EAAE1B,KAAK,CAACW,MAAM,CAACC,IAAI,CAACmB;EAC3B;AACF,CAAC,CAAC;AAEJ,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAC3C,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,GAAE;EAC5C,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EACzE,MAAM;IAACtC;EAAK,CAAC,GAAGkC,eAAe;EAC/B,MAAM;IAACZ,UAAU;IAAEiB,cAAc;IAAEC,WAAW;IAAEC,eAAe;IAAEC,OAAO;IAAEC;EAAe,CAAC,GACxFV,KAAK;EAEP,IAAAW,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAG9C,gBAAgB,CAACC,KAAK,CAAC;IAC3CqC,aAAa,CAACQ,WAAW,CAAC;EAC5B,CAAC,EAAE,CAAC7C,KAAK,CAAC,CAAC;EAEX,IAAI,CAACoC,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,6BAAC,sBAAS;IACR,KAAK,EAAEA,UAAU,CAACjC,KAAM;IACxB,OAAO,EAAEuC,OAAQ;IACjB,iBAAiB,EAAC,QAAQ;IAC1B,kBAAkB,EAAEC;EAAgB,gBAEpC,6BAAC,iBAAI;IAAC,KAAK,EAAEP,UAAU,CAAChB;EAAW,gBACjC,6BAAC,iBAAI;IAAC,KAAK,EAAEgB,UAAU,CAACd,UAAW;IAAC,kBAAkB,EAAEiB,cAAc,IAAIjB;EAAW,GAClFA,UAAU,CACN,eACP,6BAAC,iBAAI;IAAC,KAAK,EAAEc,UAAU,CAACN,SAAU;IAAC,kBAAkB,EAAEW;EAAgB,GACpED,WAAW,CACP,CACF,eACP,6BAAC,8CAAU;IAAC,KAAK,EAAC,SAAS;IAAC,MAAM,EAAE,EAAG;IAAC,KAAK,EAAE;EAAG,EAAG,CAC3C;AAEhB,CAAC;AAAC,eAEaR,SAAS;AAAA"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","skill","display","flexDirection","overflow","alignItems","height","borderRadius","backgroundColor","colors","gray","lighter","marginTop","spacing","micro","marginBottom","padding","base","skillTexts","flex","skillTitle","fontSize","fontWeight","lineHeight","color","text","primary","tiny","skillInfo","medium","SkillCard","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","useEffect","_stylesheet"],"sources":["../../../src/molecule/skill-card/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {SkillCardProps} from './prop-types';\n\ntype StyleSheetType = {\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    skill: {\n      display: 'flex',\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 118,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.lighter,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro,\n      padding: theme.spacing.base\n    },\n    skillTexts: {\n      flex: 1,\n      flexDirection: 'column'\n    },\n    skillTitle: {\n      fontSize: 18,\n      fontWeight: '600',\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    skillInfo: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst SkillCard = (props: SkillCardProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skillTitle, skillAriaLabel, reviseLabel, reviseAriaLabel, onClick, buttonAriaLabel} =\n    props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Pressable\n      style={styleSheet.skill}\n      onPress={onClick}\n      accessibilityRole=\"button\"\n      accessibilityLabel={buttonAriaLabel}\n    >\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle} accessibilityLabel={skillAriaLabel || skillTitle}>\n          {skillTitle}\n        </Text>\n        <Text style={styleSheet.skillInfo} accessibilityLabel={reviseAriaLabel}>\n          {reviseLabel}\n        </Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\nexport default SkillCard;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAWA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,KAAK,EAAE;IACLC,OAAO,EAAE,MADJ;IAELC,aAAa,EAAE,KAFV;IAGLC,QAAQ,EAAE,QAHL;IAILC,UAAU,EAAE,QAJP;IAKLC,MAAM,EAAE,GALH;IAMLC,YAAY,EAAE,CANT;IAOLC,eAAe,EAAEV,KAAK,CAACW,MAAN,CAAaC,IAAb,CAAkBC,OAP9B;IAQLC,SAAS,EAAEd,KAAK,CAACe,OAAN,CAAcC,KARpB;IASLC,YAAY,EAAEjB,KAAK,CAACe,OAAN,CAAcC,KATvB;IAULE,OAAO,EAAElB,KAAK,CAACe,OAAN,CAAcI;EAVlB,CADS;EAahBC,UAAU,EAAE;IACVC,IAAI,EAAE,CADI;IAEVhB,aAAa,EAAE;EAFL,CAbI;EAiBhBiB,UAAU,EAAE;IACVC,QAAQ,EAAE,EADA;IAEVC,UAAU,EAAE,KAFF;IAGVC,UAAU,EAAE,EAHF;IAIVC,KAAK,EAAE1B,KAAK,CAACW,MAAN,CAAagB,IAAb,CAAkBC,OAJf;IAKVX,YAAY,EAAEjB,KAAK,CAACe,OAAN,CAAcc;EALlB,CAjBI;EAwBhBC,SAAS,EAAE;IACTP,QAAQ,EAAE,EADD;IAETE,UAAU,EAAE,EAFH;IAGTC,KAAK,EAAE1B,KAAK,CAACW,MAAN,CAAaC,IAAb,CAAkBmB;EAHhB;AAxBK,CAAlB,CADF;;AAgCA,MAAMC,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACtC;EAAD,IAAUkC,eAAhB;EACA,MAAM;IAACZ,UAAD;IAAaiB,cAAb;IAA6BC,WAA7B;IAA0CC,eAA1C;IAA2DC,OAA3D;IAAoEC;EAApE,IACJV,KADF;EAGA,IAAAW,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG9C,gBAAgB,CAACC,KAAD,CAApC;;IACAqC,aAAa,CAACQ,WAAD,CAAb;EACD,CAHD,EAGG,CAAC7C,KAAD,CAHH;;EAKA,IAAI,CAACoC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,sBAAD;IACE,KAAK,EAAEA,UAAU,CAACjC,KADpB;IAEE,OAAO,EAAEuC,OAFX;IAGE,iBAAiB,EAAC,QAHpB;IAIE,kBAAkB,EAAEC;EAJtB,gBAME,6BAAC,iBAAD;IAAM,KAAK,EAAEP,UAAU,CAAChB;EAAxB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEgB,UAAU,CAACd,UAAxB;IAAoC,kBAAkB,EAAEiB,cAAc,IAAIjB;EAA1E,GACGA,UADH,CADF,eAIE,6BAAC,iBAAD;IAAM,KAAK,EAAEc,UAAU,CAACN,SAAxB;IAAmC,kBAAkB,EAAEW;EAAvD,GACGD,WADH,CAJF,CANF,eAcE,6BAAC,8CAAD;IAAY,KAAK,EAAC,SAAlB;IAA4B,MAAM,EAAE,EAApC;IAAwC,KAAK,EAAE;EAA/C,EAdF,CADF;AAkBD,CAlCD;;eAoCeR,S"}

package/lib/molecule/skill-card/prop-types.d.ts

@@ -11,7 +11,7 @@ declare const propTypes: {
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
 };
 export default propTypes;
-export type SkillCardProps = {
+export declare type SkillCardProps = {
     'aria-label': string;
     skillTitle: string;
     skillAriaLabel: string;

package/lib/molecule/skill-card/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

package/lib/molecule/skill-card/prop-types.js

@@ -2,8 +2,11 @@
 
 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 = {
   'aria-label': _propTypes.default.string,
   skillTitle: _propTypes.default.string,

package/lib/molecule/skill-card/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["propTypes","PropTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default propTypes;\n\nexport type SkillCardProps = {\n  'aria-label': string;\n  skillTitle: string;\n  skillAriaLabel: string;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  reviseLabel: string;\n  reviseAriaLabel: string;\n  isCustom: boolean;\n  onClick: () => void;\n};\n"],"mappings":";;;;AAAA;AAAmC;AAEnC,MAAMA,SAAS,GAAG;EAChB,YAAY,EAAEC,kBAAS,CAACC,MAAM;EAC9BC,UAAU,EAAEF,kBAAS,CAACC,MAAM;EAC5BE,cAAc,EAAEH,kBAAS,CAACC,MAAM;EAChCG,WAAW,EAAEJ,kBAAS,CAACC,MAAM;EAC7BI,eAAe,EAAEL,kBAAS,CAACC,MAAM;EACjCK,WAAW,EAAEN,kBAAS,CAACC,MAAM;EAC7BM,eAAe,EAAEP,kBAAS,CAACC,MAAM;EACjCO,QAAQ,EAAER,kBAAS,CAACS,IAAI;EACxBC,OAAO,EAAEV,kBAAS,CAACW;AACrB,CAAC;AAAC,eAEaZ,SAAS;AAAA"}
+{"version":3,"file":"prop-types.js","names":["propTypes","PropTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default propTypes;\n\nexport type SkillCardProps = {\n  'aria-label': string;\n  skillTitle: string;\n  skillAriaLabel: string;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  reviseLabel: string;\n  reviseAriaLabel: string;\n  isCustom: boolean;\n  onClick: () => void;\n};\n"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,SAAS,GAAG;EAChB,cAAcC,kBAAA,CAAUC,MADR;EAEhBC,UAAU,EAAEF,kBAAA,CAAUC,MAFN;EAGhBE,cAAc,EAAEH,kBAAA,CAAUC,MAHV;EAIhBG,WAAW,EAAEJ,kBAAA,CAAUC,MAJP;EAKhBI,eAAe,EAAEL,kBAAA,CAAUC,MALX;EAMhBK,WAAW,EAAEN,kBAAA,CAAUC,MANP;EAOhBM,eAAe,EAAEP,kBAAA,CAAUC,MAPX;EAQhBO,QAAQ,EAAER,kBAAA,CAAUS,IARJ;EAShBC,OAAO,EAAEV,kBAAA,CAAUW;AATH,CAAlB;eAYeZ,S"}

package/lib/molecule/ssmenu-list/index.js

@@ -2,10 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const SsMenuList = props => {
   const {
     items = []
@@ -23,6 +28,7 @@ const SsMenuList = props => {
     className: _style.default.list
   }, itemsView);
 };
+
 SsMenuList.propTypes = process.env.NODE_ENV !== "production" ? {
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
     href: _propTypes.default.string,

package/lib/molecule/ssmenu-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SsMenuList","props","items","itemsView","map","title","href","index","style","item","list","propTypes","PropTypes","arrayOf","shape","string"],"sources":["../../../src/molecule/ssmenu-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst SsMenuList = props => {\n  const {items = []} = props;\n  const itemsView = items.map(({title, href}, index) => (\n    <li key={index} className={style.item}>\n      <a href={href}>{title}</a>\n    </li>\n  ));\n\n  return <ul className={style.list}>{itemsView}</ul>;\n};\n\nSsMenuList.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      href: PropTypes.string,\n      title: PropTypes.string\n    })\n  )\n};\n\nexport default SsMenuList;\n"],"mappings":";;;;AAAA;AACA;AACA;AAAgC;AAEhC,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAK,GAAG;EAAE,CAAC,GAAGD,KAAK;EAC1B,MAAME,SAAS,GAAGD,KAAK,CAACE,GAAG,CAAC,CAAC;IAACC,KAAK;IAAEC;EAAI,CAAC,EAAEC,KAAK,kBAC/C;IAAI,GAAG,EAAEA,KAAM;IAAC,SAAS,EAAEC,cAAK,CAACC;EAAK,gBACpC;IAAG,IAAI,EAAEH;EAAK,GAAED,KAAK,CAAK,CAE7B,CAAC;EAEF,oBAAO;IAAI,SAAS,EAAEG,cAAK,CAACE;EAAK,GAAEP,SAAS,CAAM;AACpD,CAAC;AAEDH,UAAU,CAACW,SAAS,2CAAG;EACrBT,KAAK,EAAEU,kBAAS,CAACC,OAAO,CACtBD,kBAAS,CAACE,KAAK,CAAC;IACdR,IAAI,EAAEM,kBAAS,CAACG,MAAM;IACtBV,KAAK,EAAEO,kBAAS,CAACG;EACnB,CAAC,CAAC;AAEN,CAAC;AAAC,eAEaf,UAAU;AAAA"}
+{"version":3,"file":"index.js","names":["SsMenuList","props","items","itemsView","map","title","href","index","style","item","list","propTypes","PropTypes","arrayOf","shape","string"],"sources":["../../../src/molecule/ssmenu-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst SsMenuList = props => {\n  const {items = []} = props;\n  const itemsView = items.map(({title, href}, index) => (\n    <li key={index} className={style.item}>\n      <a href={href}>{title}</a>\n    </li>\n  ));\n\n  return <ul className={style.list}>{itemsView}</ul>;\n};\n\nSsMenuList.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      href: PropTypes.string,\n      title: PropTypes.string\n    })\n  )\n};\n\nexport default SsMenuList;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAK,GAAG;EAAT,IAAeD,KAArB;EACA,MAAME,SAAS,GAAGD,KAAK,CAACE,GAAN,CAAU,CAAC;IAACC,KAAD;IAAQC;EAAR,CAAD,EAAgBC,KAAhB,kBAC1B;IAAI,GAAG,EAAEA,KAAT;IAAgB,SAAS,EAAEC,cAAA,CAAMC;EAAjC,gBACE;IAAG,IAAI,EAAEH;EAAT,GAAgBD,KAAhB,CADF,CADgB,CAAlB;EAMA,oBAAO;IAAI,SAAS,EAAEG,cAAA,CAAME;EAArB,GAA4BP,SAA5B,CAAP;AACD,CATD;;AAWAH,UAAU,CAACW,SAAX,2CAAuB;EACrBT,KAAK,EAAEU,kBAAA,CAAUC,OAAV,CACLD,kBAAA,CAAUE,KAAV,CAAgB;IACdR,IAAI,EAAEM,kBAAA,CAAUG,MADF;IAEdV,KAAK,EAAEO,kBAAA,CAAUG;EAFH,CAAhB,CADK;AADc,CAAvB;eASef,U"}

package/lib/molecule/subscription-freemium/index.js

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const SubscriptionFreemiumDetails = (props, context) => {
   const {
     onSubscriptionFreemiumButtonClick
@@ -26,6 +32,7 @@ const SubscriptionFreemiumDetails = (props, context) => {
     onClick: onSubscriptionFreemiumButtonClick
   }, translate('subscription_freemium_button')));
 };
+
 SubscriptionFreemiumDetails.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

package/lib/molecule/subscription-freemium/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SubscriptionFreemiumDetails","props","context","onSubscriptionFreemiumButtonClick","translate","style","subscriptionFreemium","subscriptionFreemiumTitle","subscriptionFreemiumContent","subscriptionFreemiumButton","contextTypes","Provider","childContextTypes","propTypes","PropTypes","func"],"sources":["../../../src/molecule/subscription-freemium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SubscriptionFreemiumDetails = (props, context) => {\n  const {onSubscriptionFreemiumButtonClick} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.subscriptionFreemium}>\n      <div className={style.subscriptionFreemiumTitle}>\n        {translate('subscription_freemium_title')}\n      </div>\n      <div className={style.subscriptionFreemiumContent}>\n        {translate('subscription_freemium_description')}\n      </div>\n      <button\n        type=\"button\"\n        className={style.subscriptionFreemiumButton}\n        onClick={onSubscriptionFreemiumButtonClick}\n      >\n        {translate('subscription_freemium_button')}\n      </button>\n    </div>\n  );\n};\n\nSubscriptionFreemiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionFreemiumDetails.propTypes = {\n  onSubscriptionFreemiumButtonClick: PropTypes.func\n};\n\nexport default SubscriptionFreemiumDetails;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,2BAA2B,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtD,MAAM;IAACC;EAAiC,CAAC,GAAGF,KAAK;EACjD,MAAM;IAACG;EAAS,CAAC,GAAGF,OAAO;EAE3B,oBACE;IAAK,SAAS,EAAEG,cAAK,CAACC;EAAqB,gBACzC;IAAK,SAAS,EAAED,cAAK,CAACE;EAA0B,GAC7CH,SAAS,CAAC,6BAA6B,CAAC,CACrC,eACN;IAAK,SAAS,EAAEC,cAAK,CAACG;EAA4B,GAC/CJ,SAAS,CAAC,mCAAmC,CAAC,CAC3C,eACN;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEC,cAAK,CAACI,0BAA2B;IAC5C,OAAO,EAAEN;EAAkC,GAE1CC,SAAS,CAAC,8BAA8B,CAAC,CACnC,CACL;AAEV,CAAC;AAEDJ,2BAA2B,CAACU,YAAY,GAAG;EACzCN,SAAS,EAAEO,iBAAQ,CAACC,iBAAiB,CAACR;AACxC,CAAC;AAEDJ,2BAA2B,CAACa,SAAS,2CAAG;EACtCV,iCAAiC,EAAEW,kBAAS,CAACC;AAC/C,CAAC;AAAC,eAEaf,2BAA2B;AAAA"}
+{"version":3,"file":"index.js","names":["SubscriptionFreemiumDetails","props","context","onSubscriptionFreemiumButtonClick","translate","style","subscriptionFreemium","subscriptionFreemiumTitle","subscriptionFreemiumContent","subscriptionFreemiumButton","contextTypes","Provider","childContextTypes","propTypes","PropTypes","func"],"sources":["../../../src/molecule/subscription-freemium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SubscriptionFreemiumDetails = (props, context) => {\n  const {onSubscriptionFreemiumButtonClick} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.subscriptionFreemium}>\n      <div className={style.subscriptionFreemiumTitle}>\n        {translate('subscription_freemium_title')}\n      </div>\n      <div className={style.subscriptionFreemiumContent}>\n        {translate('subscription_freemium_description')}\n      </div>\n      <button\n        type=\"button\"\n        className={style.subscriptionFreemiumButton}\n        onClick={onSubscriptionFreemiumButtonClick}\n      >\n        {translate('subscription_freemium_button')}\n      </button>\n    </div>\n  );\n};\n\nSubscriptionFreemiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionFreemiumDetails.propTypes = {\n  onSubscriptionFreemiumButtonClick: PropTypes.func\n};\n\nexport default SubscriptionFreemiumDetails;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,2BAA2B,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtD,MAAM;IAACC;EAAD,IAAsCF,KAA5C;EACA,MAAM;IAACG;EAAD,IAAcF,OAApB;EAEA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GACGH,SAAS,CAAC,6BAAD,CADZ,CADF,eAIE;IAAK,SAAS,EAAEC,cAAA,CAAMG;EAAtB,GACGJ,SAAS,CAAC,mCAAD,CADZ,CAJF,eAOE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEC,cAAA,CAAMI,0BAFnB;IAGE,OAAO,EAAEN;EAHX,GAKGC,SAAS,CAAC,8BAAD,CALZ,CAPF,CADF;AAiBD,CArBD;;AAuBAJ,2BAA2B,CAACU,YAA5B,GAA2C;EACzCN,SAAS,EAAEO,iBAAA,CAASC,iBAAT,CAA2BR;AADG,CAA3C;AAIAJ,2BAA2B,CAACa,SAA5B,2CAAwC;EACtCV,iCAAiC,EAAEW,kBAAA,CAAUC;AADP,CAAxC;eAIef,2B"}

package/lib/molecule/subscription-premium/index.js

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const PremiumDescription = ({
   date,
   price
@@ -20,6 +26,7 @@ const PremiumDescription = ({
     className: _style.default.premiumProductDetails
   }, `${part1}${date}${part2}${price}.`);
 };
+
 PremiumDescription.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
@@ -27,6 +34,7 @@ PremiumDescription.propTypes = process.env.NODE_ENV !== "production" ? {
   date: _propTypes.default.string,
   price: _propTypes.default.string
 } : {};
+
 const PromoCodeDescription = ({
   date
 }, {
@@ -42,12 +50,14 @@ const PromoCodeDescription = ({
     href: "http://coorpacademy.com"
   }, "Coorpacademy.com"));
 };
+
 PromoCodeDescription.propTypes = process.env.NODE_ENV !== "production" ? {
   date: _propTypes.default.string
 } : {};
 PromoCodeDescription.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
+
 const SubscriptionPremiumDetails = (props, context) => {
   const {
     isPromoCode,
@@ -77,6 +87,7 @@ const SubscriptionPremiumDetails = (props, context) => {
     href: `${subscriptionPremiumDescriptionLink}`
   }, translate('subscription_premium_description_part3_with_link'))) : null));
 };
+
 SubscriptionPremiumDetails.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

package/lib/molecule/subscription-premium/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PremiumDescription","date","price","translate","part1","part2","style","premiumProductDetails","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","PromoCodeDescription","text","homeLink","SubscriptionPremiumDetails","props","context","isPromoCode","subscriptionPremiumDescriptionDate","subscriptionPremiumDescriptionPrice","checkImage","subscriptionPremiumDescriptionLink","Description","premiumTitle","premiumTitleImage","premiumTitleText","cancelSubscriptionText","cancelSubscriptionLink","bool","isRequired"],"sources":["../../../src/molecule/subscription-premium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PremiumDescription = ({date, price}, {translate}) => {\n  // @TODO use only one template\n  const part1 = translate('subscription_premium_description_part1');\n  const part2 = translate('subscription_premium_description_part2');\n\n  return <div className={style.premiumProductDetails}>{`${part1}${date}${part2}${price}.`}</div>;\n};\n\nPremiumDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPremiumDescription.propTypes = {\n  date: PropTypes.string,\n  price: PropTypes.string\n};\n\nconst PromoCodeDescription = ({date}, {translate}) => {\n  const text = translate('subscription_promo_code', {date});\n\n  return (\n    <div className={style.premiumProductDetails}>\n      {text}\n      <a className={style.homeLink} href=\"http://coorpacademy.com\">\n        Coorpacademy.com\n      </a>\n    </div>\n  );\n};\n\nPromoCodeDescription.propTypes = {\n  date: PropTypes.string\n};\n\nPromoCodeDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst SubscriptionPremiumDetails = (props, context) => {\n  const {\n    isPromoCode,\n    subscriptionPremiumDescriptionDate: date,\n    subscriptionPremiumDescriptionPrice: price,\n    checkImage,\n    subscriptionPremiumDescriptionLink\n  } = props;\n\n  const {translate} = context;\n  const Description = isPromoCode ? PromoCodeDescription : PremiumDescription;\n\n  return (\n    <div>\n      <div className={style.premiumTitle}>\n        <img className={style.premiumTitleImage} src={checkImage} />\n        <div className={style.premiumTitleText}>{translate('subscription_premium_title')}</div>\n      </div>\n      <div>\n        <Description date={date} price={price} />\n        {!isPromoCode ? (\n          <div className={style.cancelSubscriptionText}>\n            {translate('subscription_premium_description_part3')}\n            <a\n              className={style.cancelSubscriptionLink}\n              href={`${subscriptionPremiumDescriptionLink}`}\n            >\n              {translate('subscription_premium_description_part3_with_link')}\n            </a>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nSubscriptionPremiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionPremiumDetails.propTypes = {\n  checkImage: PropTypes.string,\n  isPromoCode: PropTypes.bool.isRequired,\n  subscriptionPremiumDescriptionDate: PropTypes.string,\n  subscriptionPremiumDescriptionPrice: PropTypes.string,\n  subscriptionPremiumDescriptionLink: PropTypes.string\n};\n\nexport default SubscriptionPremiumDetails;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["PremiumDescription","date","price","translate","part1","part2","style","premiumProductDetails","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","PromoCodeDescription","text","homeLink","SubscriptionPremiumDetails","props","context","isPromoCode","subscriptionPremiumDescriptionDate","subscriptionPremiumDescriptionPrice","checkImage","subscriptionPremiumDescriptionLink","Description","premiumTitle","premiumTitleImage","premiumTitleText","cancelSubscriptionText","cancelSubscriptionLink","bool","isRequired"],"sources":["../../../src/molecule/subscription-premium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PremiumDescription = ({date, price}, {translate}) => {\n  // @TODO use only one template\n  const part1 = translate('subscription_premium_description_part1');\n  const part2 = translate('subscription_premium_description_part2');\n\n  return <div className={style.premiumProductDetails}>{`${part1}${date}${part2}${price}.`}</div>;\n};\n\nPremiumDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPremiumDescription.propTypes = {\n  date: PropTypes.string,\n  price: PropTypes.string\n};\n\nconst PromoCodeDescription = ({date}, {translate}) => {\n  const text = translate('subscription_promo_code', {date});\n\n  return (\n    <div className={style.premiumProductDetails}>\n      {text}\n      <a className={style.homeLink} href=\"http://coorpacademy.com\">\n        Coorpacademy.com\n      </a>\n    </div>\n  );\n};\n\nPromoCodeDescription.propTypes = {\n  date: PropTypes.string\n};\n\nPromoCodeDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst SubscriptionPremiumDetails = (props, context) => {\n  const {\n    isPromoCode,\n    subscriptionPremiumDescriptionDate: date,\n    subscriptionPremiumDescriptionPrice: price,\n    checkImage,\n    subscriptionPremiumDescriptionLink\n  } = props;\n\n  const {translate} = context;\n  const Description = isPromoCode ? PromoCodeDescription : PremiumDescription;\n\n  return (\n    <div>\n      <div className={style.premiumTitle}>\n        <img className={style.premiumTitleImage} src={checkImage} />\n        <div className={style.premiumTitleText}>{translate('subscription_premium_title')}</div>\n      </div>\n      <div>\n        <Description date={date} price={price} />\n        {!isPromoCode ? (\n          <div className={style.cancelSubscriptionText}>\n            {translate('subscription_premium_description_part3')}\n            <a\n              className={style.cancelSubscriptionLink}\n              href={`${subscriptionPremiumDescriptionLink}`}\n            >\n              {translate('subscription_premium_description_part3_with_link')}\n            </a>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nSubscriptionPremiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionPremiumDetails.propTypes = {\n  checkImage: PropTypes.string,\n  isPromoCode: PropTypes.bool.isRequired,\n  subscriptionPremiumDescriptionDate: PropTypes.string,\n  subscriptionPremiumDescriptionPrice: PropTypes.string,\n  subscriptionPremiumDescriptionLink: PropTypes.string\n};\n\nexport default SubscriptionPremiumDetails;\n"],"mappings":"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"}

package/lib/molecule/table/index.js

@@ -2,20 +2,33 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isString2 = _interopRequireDefault(require("lodash/fp/isString"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _checkbox = _interopRequireDefault(require("../../atom/checkbox"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const THEMES = {
   COCKPIT: 'cockpit'
 };
+
 const createOptionsView = (_options, hasOptions) => {
   const optionsView = _options.map((option, oIndex) => {
     const {
@@ -30,10 +43,12 @@ const createOptionsView = (_options, hasOptions) => {
       onClick: onChange
     }, option.title));
   });
+
   return hasOptions ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.options
   }, optionsView) : null;
 };
+
 const buildTableContext = (translate, theme, headerTitle) => {
   if (theme === THEMES.COCKPIT) {
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -64,6 +79,7 @@ const buildTableContext = (translate, theme, headerTitle) => {
       className: _style.default.label
     }, translate('No status')))));
   }
+
   if (headerTitle) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.header
@@ -71,8 +87,10 @@ const buildTableContext = (translate, theme, headerTitle) => {
       className: _style.default.title
     }, headerTitle));
   }
+
   return null;
 };
+
 const Table = (props, context) => {
   const {
     rows = [],
@@ -117,6 +135,7 @@ const Table = (props, context) => {
     }) : null)));
   });
   const tableContext = buildTableContext(translate, theme, headerTitle);
+
   if (editable) {
     headerView.unshift( /*#__PURE__*/_react.default.createElement("th", {
       key: "header"
@@ -124,6 +143,7 @@ const Table = (props, context) => {
       className: _style.default.noOptions
     })));
   }
+
   const renderIcon = field => {
     switch ((0, _get2.default)('icon', field)) {
       case 'draft':
@@ -131,25 +151,30 @@ const Table = (props, context) => {
           width: 25,
           height: 25
         });
+
       case 'validate':
         return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyValidate, {
           width: 25,
           height: 25
         });
+
       case 'nostatus':
         return /*#__PURE__*/_react.default.createElement("span", {
           className: _style.default.nostatus
         }, '\u26A0️');
+
       case 'videosubtitle':
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidVideosVideoSubtitle, {
           className: _style.default.videosubtitle,
           width: 25,
           height: 25
         }), field.title);
+
       default:
         null;
     }
   };
+
   const bodyView = rows.map((row, index) => {
     const {
       fields = [],
@@ -166,6 +191,7 @@ const Table = (props, context) => {
         key: fIndex
       }, (0, _isString2.default)(field) ? field : renderIcon(field));
     });
+
     if (editable) {
       tableRows.unshift(
       /*#__PURE__*/
@@ -180,6 +206,7 @@ const Table = (props, context) => {
         width: 16
       }))));
     }
+
     return /*#__PURE__*/_react.default.createElement("tr", {
       className: trClasses,
       key: index
@@ -194,6 +221,7 @@ const Table = (props, context) => {
     })
   }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, headerView)), /*#__PURE__*/_react.default.createElement("tbody", null, bodyView)));
 };
+
 Table.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate