@coorpacademy/components 11.38.3-alpha.19 → 11.38.3-alpha.21

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_externalContent","_provider","_contentBadge","_tag","_colors","_style","e","__esModule","default","MODES","exports","HERO","CARD","THEMES","coorpmanager","style","getCardInfo","contentType","translate","label","iconName","ContentTypeInfo","mode","type","adaptiv","ariaLabel","isCourse","empty","theme","context","createElement","className","contentTypeInfos","size","icon","classnames","adaptiveIcon","iconShadow","NovaCompositionCoorpacademyAdaptive","height","_get2","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","oneOf","_keys2","CardTitle","title","courseContent","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","checkIcon","NovaSolidStatusCheckCircle2","authorIcon","darkAuthorTitle","ContentInfo","disabled","progress","badgeCategory","badgeLabel","progressBarColor","COLORS","cm_positive_500","inlineProgressValueStyle","backgroundColor","width","externalContent","isExternalContent","chapterContent","progressBar","_isNil2","progressWrapper","hideProgressBar","role","console","log","infoWrapper","hero","card","progressBarDisabled","cardInfo","cardCourseTitle","iconWrapper","category","number","ContentBadge","shape","progression","adaptive","_default"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport Tag from '../../atom/tag';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst getCardInfo = (contentType, translate) => {\n  switch (contentType) {\n    case 'chapter':\n      return {label: \"5'learning\", iconName: 'stopwatch'};\n    case 'scorm':\n      return {label: translate('external_content_scorm'), iconName: 'rectangle-history'};\n    case 'video':\n      return {label: translate('external_content_video'), iconName: 'circle-play'};\n    case 'article':\n      return {label: translate('external_content_article'), iconName: 'file-lines'};\n    case 'podcast':\n      return {label: translate('external_content_podcast'), iconName: 'microphone-lines'};\n    default:\n      return {label: 'Course', iconName: 'book-open'};\n  }\n};\n\nconst ContentTypeInfo = ({mode, type, adaptiv, ariaLabel, isCourse, empty, theme}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {\n    return null;\n  }\n  const {label, iconName} = getCardInfo(type, translate);\n  return (\n    <div className={style.contentTypeInfos}>\n      <Tag size=\"S\" label={label} icon={{iconName}} />\n      {adaptiv ? (\n        <div className={classnames(style.adaptiveIcon, isCourse ? style.iconShadow : null)}>\n          <AdaptivIcon height={20} aria-label={get('adaptive', ariaLabel)} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  adaptiv: PropTypes.bool,\n  ariaLabel: PropTypes.string,\n  isCourse: PropTypes.bool,\n  empty: PropTypes.bool,\n  theme: PropTypes.oneOf(keys(THEMES))\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        style.innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, 'aria-label': ariaLabel}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      aria-label={ariaLabel}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default',\n  'aria-label': ariaLabel\n}) => {\n  const progressBarColor = COLORS.cm_positive_500;\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressValueStyle}\n            role=\"progressbar\"\n            aria-label={get('progression', ariaLabel)}\n          />\n        ) : null}\n      </div>\n    ) : null;\n  // eslint-disable-next-line no-console\n  console.log(' adaptiv', adaptiv);\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent || chapterContent || courseContent ? style.externalContent : null // generalize css class name\n      )}\n    >\n      <ContentTypeInfo\n        mode={mode}\n        type={type}\n        adaptiv={adaptiv}\n        isCourse={courseContent}\n        empty={empty}\n        theme={theme}\n      />\n      <div className={classnames(style.cardInfo, courseContent ? style.cardCourseTitle : null)}>\n        <div className={style.iconWrapper}>\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n          aria-label={get('author', ariaLabel)}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.shape({\n    author: PropTypes.string,\n    progression: PropTypes.string,\n    adaptive: PropTypes.string\n  })\n};\n\nexport default ContentInfo;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAIA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,aAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,IAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAV,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzB,MAAMG,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnBE,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE;AACR,CAAC;AAEM,MAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG;EACpBL,OAAO,EAAE,IAAI;EACbM,YAAY,EAAEC,cAAK,CAACD;AACtB,CAAC;AAED,MAAME,WAAW,GAAGA,CAACC,WAAW,EAAEC,SAAS,KAAK;EAC9C,QAAQD,WAAW;IACjB,KAAK,SAAS;MACZ,OAAO;QAACE,KAAK,EAAE,YAAY;QAAEC,QAAQ,EAAE;MAAW,CAAC;IACrD,KAAK,OAAO;MACV,OAAO;QAACD,KAAK,EAAED,SAAS,CAAC,wBAAwB,CAAC;QAAEE,QAAQ,EAAE;MAAmB,CAAC;IACpF,KAAK,OAAO;MACV,OAAO;QAACD,KAAK,EAAED,SAAS,CAAC,wBAAwB,CAAC;QAAEE,QAAQ,EAAE;MAAa,CAAC;IAC9E,KAAK,SAAS;MACZ,OAAO;QAACD,KAAK,EAAED,SAAS,CAAC,0BAA0B,CAAC;QAAEE,QAAQ,EAAE;MAAY,CAAC;IAC/E,KAAK,SAAS;MACZ,OAAO;QAACD,KAAK,EAAED,SAAS,CAAC,0BAA0B,CAAC;QAAEE,QAAQ,EAAE;MAAkB,CAAC;IACrF;MACE,OAAO;QAACD,KAAK,EAAE,QAAQ;QAAEC,QAAQ,EAAE;MAAW,CAAC;EACnD;AACF,CAAC;AAED,MAAMC,eAAe,GAAGA,CAAC;EAACC,IAAI;EAAEC,IAAI;EAAEC,OAAO;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAK,CAAC,EAAEC,OAAO,KAAK;EAC7F,MAAM;IAACX;EAAS,CAAC,GAAGW,OAAO;EAC3B,IAAIP,IAAI,KAAKb,KAAK,CAACG,IAAI,IAAIe,KAAK,IAAIC,KAAK,KAAK,cAAc,EAAE;IAC5D,OAAO,IAAI;EACb;EACA,MAAM;IAACT,KAAK;IAAEC;EAAQ,CAAC,GAAGJ,WAAW,CAACO,IAAI,EAAEL,SAAS,CAAC;EACtD,oBACExB,MAAA,CAAAc,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEhB,cAAK,CAACiB;EAAiB,gBACrCtC,MAAA,CAAAc,OAAA,CAAAsB,aAAA,CAAC3B,IAAA,CAAAK,OAAG;IAACyB,IAAI,EAAC,GAAG;IAACd,KAAK,EAAEA,KAAM;IAACe,IAAI,EAAE;MAACd;IAAQ;EAAE,CAAE,CAAC,EAC/CI,OAAO,gBACN9B,MAAA,CAAAc,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE,IAAAI,mBAAU,EAACpB,cAAK,CAACqB,YAAY,EAAEV,QAAQ,GAAGX,cAAK,CAACsB,UAAU,GAAG,IAAI;EAAE,gBACjF3C,MAAA,CAAAc,OAAA,CAAAsB,aAAA,CAAC/B,UAAA,CAAAuC,mCAAW;IAACC,MAAM,EAAE,EAAG;IAAC,cAAY,IAAAC,KAAA,CAAAhC,OAAA,EAAI,UAAU,EAAEiB,SAAS;EAAE,CAAE,CAC/D,CAAC,GACJ,IACD,CAAC;AAEV,CAAC;AAEDJ,eAAe,CAACoB,YAAY,GAAG;EAC7BC,IAAI,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF,IAAI;EACrCxB,SAAS,EAAEyB,iBAAQ,CAACC,iBAAiB,CAAC1B;AACxC,CAAC;AAEDG,eAAe,CAACwB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1BzB,IAAI,EAAE0B,kBAAS,CAACC,MAAM;EACtB5B,IAAI,EAAE2B,kBAAS,CAACC,MAAM;EACtB1B,OAAO,EAAEyB,kBAAS,CAACE,IAAI;EACvB1B,SAAS,EAAEwB,kBAAS,CAACC,MAAM;EAC3BxB,QAAQ,EAAEuB,kBAAS,CAACE,IAAI;EACxBxB,KAAK,EAAEsB,kBAAS,CAACE,IAAI;EACrBvB,KAAK,EAAEqB,kBAAS,CAACG,KAAK,CAAC,IAAAC,MAAA,CAAA7C,OAAA,EAAKK,MAAM,CAAC;AACrC,CAAC;AAED,MAAMyC,SAAS,GAAGA,CAAC;EAACC,KAAK;EAAE5B,KAAK;EAAE6B;AAAa,CAAC,KAAK;EACnD,oBACE9D,MAAA,CAAAc,OAAA,CAAAsB,aAAA;IACEC,SAAS,EAAE,IAAAI,mBAAU,EACnBpB,cAAK,CAACwC,KAAK,EACXxC,cAAK,CAAC0C,SAAS,EACfD,aAAa,GAAGzC,cAAK,CAAC2C,UAAU,GAAG3C,cAAK,CAAC4C,SAAS,EAClDhC,KAAK,GAAGZ,cAAK,CAACY,KAAK,GAAG,IACxB,CAAE;IACF,aAAU,OAAO;IACjB4B,KAAK,EAAEA;IACP;IAAA;IACAK,uBAAuB,EAAE;MAACC,MAAM,EAAEN;IAAK;EAAE,CAC1C,CAAC;AAEN,CAAC;AAEDD,SAAS,CAACT,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBO,KAAK,EAAEN,kBAAS,CAACC,MAAM;EACvBvB,KAAK,EAAEsB,kBAAS,CAACE,IAAI;EACrBK,aAAa,EAAEP,kBAAS,CAACE;AAC3B,CAAC;AAED,MAAMW,UAAU,GAAGA,CAAC;EAACC,MAAM;EAAEpC,KAAK;EAAE6B,aAAa;EAAEQ,eAAe;EAAE,YAAY,EAAEvC;AAAS,CAAC,KAAK;EAC/F,MAAMwC,SAAS,GAAGD,eAAe,gBAC/BtE,MAAA,CAAAc,OAAA,CAAAsB,aAAA,CAAC/B,UAAA,CAAAmE,2BAAS;IAACnC,SAAS,EAAE,IAAAI,mBAAU,EAACpB,cAAK,CAACoD,UAAU,EAAEX,aAAa,GAAGzC,cAAK,CAACsB,UAAU,GAAG,IAAI;EAAE,CAAE,CAAC,GAC7F,IAAI;EAER,oBACE3C,MAAA,CAAAc,OAAA,CAAAsB,aAAA;IACE,aAAU,QAAQ;IAClByB,KAAK,EAAEQ,MAAO;IACd,cAAYtC,SAAU;IACtBM,SAAS,EAAE,IAAAI,mBAAU,EACnBpB,cAAK,CAACgD,MAAM,EACZP,aAAa,GAAGzC,cAAK,CAAC2C,UAAU,GAAG3C,cAAK,CAACqD,eAAe,EACxDzC,KAAK,GAAGZ,cAAK,CAACY,KAAK,GAAG,IACxB;EAAE,gBAEFjC,MAAA,CAAAc,OAAA,CAAAsB,aAAA,eAAOiC,MAAa,CAAC,EACpBE,SACE,CAAC;AAEV,CAAC;AAEDH,UAAU,CAACjB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBe,MAAM,EAAEd,kBAAS,CAACC,MAAM;EACxBvB,KAAK,EAAEsB,kBAAS,CAACE,IAAI;EACrBK,aAAa,EAAEP,kBAAS,CAACE,IAAI;EAC7Ba,eAAe,EAAEf,kBAAS,CAACE,IAAI;EAC/B,YAAY,EAAEF,kBAAS,CAACC;AAC1B,CAAC;AAED,MAAMmB,WAAW,GAAGA,CAAC;EACnB7C,OAAO;EACPuC,MAAM;EACNC,eAAe,GAAG,KAAK;EACvBM,QAAQ,GAAG,KAAK;EAChB3C,KAAK,GAAG,KAAK;EACbL,IAAI,GAAGb,KAAK,CAACG,IAAI;EACjB2D,QAAQ;EACRhB,KAAK;EACLhC,IAAI;EACJiD,aAAa;EACbC,UAAU;EACV7C,KAAK,GAAG,SAAS;EACjB,YAAY,EAAEH;AAChB,CAAC,KAAK;EACJ,MAAMiD,gBAAgB,GAAGC,cAAM,CAACC,eAAe;EAC/C,MAAMC,wBAAwB,GAAG;IAC/BC,eAAe,EAAEJ,gBAAgB;IACjCK,KAAK,EAAE,GAAGR,QAAQ,GAAG,GAAG;EAC1B,CAAC;EACD,MAAMS,eAAe,GAAG,IAAAC,kCAAiB,EAAC1D,IAAI,CAAC;EAC/C,MAAMiC,aAAa,GAAGjC,IAAI,KAAK,QAAQ;EACvC,MAAM2D,cAAc,GAAG3D,IAAI,KAAK,SAAS;EAEzC,MAAM4D,WAAW,GACf7D,IAAI,KAAKb,KAAK,CAACE,IAAI,IAAK,CAACgB,KAAK,IAAI,CAAC2C,QAAS,gBAC1C5E,MAAA,CAAAc,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE,CAAC,IAAAqD,OAAA,CAAA5E,OAAA,EAAM+D,QAAQ,CAAC,GAAGxD,cAAK,CAACsE,eAAe,GAAGtE,cAAK,CAACuE;EAAgB,GAC9E,CAAChB,QAAQ,gBACR5E,MAAA,CAAAc,OAAA,CAAAsB,aAAA;IACE,aAAU,UAAU;IACpBC,SAAS,EAAEhB,cAAK,CAACwD,QAAS;IAC1BxD,KAAK,EAAE8D,wBAAyB;IAChCU,IAAI,EAAC,aAAa;IAClB,cAAY,IAAA/C,KAAA,CAAAhC,OAAA,EAAI,aAAa,EAAEiB,SAAS;EAAE,CAC3C,CAAC,GACA,IACD,CAAC,GACJ,IAAI;EACV;EACA+D,OAAO,CAACC,GAAG,CAAC,UAAU,EAAEjE,OAAO,CAAC;EAChC,oBACE9B,MAAA,CAAAc,OAAA,CAAAsB,aAAA;IACE,aAAU,MAAM;IAChBC,SAAS,EAAE,IAAAI,mBAAU,EACnBtB,MAAM,CAACe,KAAK,CAAC,EACbb,cAAK,CAAC2E,WAAW,EACjBpE,IAAI,KAAKb,KAAK,CAACE,IAAI,GAAGI,cAAK,CAAC4E,IAAI,GAAG5E,cAAK,CAAC6E,IAAI,EAC7CtB,QAAQ,GAAGvD,cAAK,CAAC8E,mBAAmB,GAAG,IAAI,EAC3Cb,eAAe,IAAIE,cAAc,IAAI1B,aAAa,GAAGzC,cAAK,CAACiE,eAAe,GAAG,IAAI,CAAC;IACpF;EAAE,gBAEFtF,MAAA,CAAAc,OAAA,CAAAsB,aAAA,CAACT,eAAe;IACdC,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAE8B,aAAc;IACxB7B,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAEA;EAAM,CACd,CAAC,eACFlC,MAAA,CAAAc,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE,IAAAI,mBAAU,EAACpB,cAAK,CAAC+E,QAAQ,EAAEtC,aAAa,GAAGzC,cAAK,CAACgF,eAAe,GAAG,IAAI;EAAE,gBACvFrG,MAAA,CAAAc,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEhB,cAAK,CAACiF;EAAY,GAC/B,CAACrE,KAAK,IAAI8C,UAAU,IAAID,aAAa,IAAIhB,aAAa,gBACrD9D,MAAA,CAAAc,OAAA,CAAAsB,aAAA,CAAC5B,aAAA,CAAAM,OAAY;IAACyF,QAAQ,EAAEzB,aAAc;IAACrD,KAAK,EAAEsD;EAAW,CAAE,CAAC,GAC1D,IACD,CAAC,eACN/E,MAAA,CAAAc,OAAA,CAAAsB,aAAA,CAACwB,SAAS;IAACC,KAAK,EAAEA,KAAM;IAAC5B,KAAK,EAAEA,KAAM;IAAC6B,aAAa,EAAEA;EAAc,CAAE,CAAC,eACvE9D,MAAA,CAAAc,OAAA,CAAAsB,aAAA,CAACgC,UAAU;IACTC,MAAM,EAAEA,MAAO;IACfpC,KAAK,EAAEA,KAAM;IACb6B,aAAa,EAAEA,aAAc;IAC7BQ,eAAe,EAAEA,eAAgB;IACjC,cAAY,IAAAxB,KAAA,CAAAhC,OAAA,EAAI,QAAQ,EAAEiB,SAAS;EAAE,CACtC,CACE,CAAC,EACL0D,WACE,CAAC;AAEV,CAAC;AAEDd,WAAW,CAAC5B,YAAY,GAAG;EACzBC,IAAI,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF;AACnC,CAAC;AAED2B,WAAW,CAACxB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBxB,OAAO,EAAEyB,kBAAS,CAACE,IAAI;EACvBY,MAAM,EAAEd,kBAAS,CAACC,MAAM;EACxBc,eAAe,EAAEf,kBAAS,CAACE,IAAI;EAC/BmB,QAAQ,EAAErB,kBAAS,CAACE,IAAI;EACxBxB,KAAK,EAAEsB,kBAAS,CAACE,IAAI;EACrBoB,QAAQ,EAAEtB,kBAAS,CAACiD,MAAM;EAC1B3C,KAAK,EAAEN,kBAAS,CAACC,MAAM;EACvB3B,IAAI,EAAE0B,kBAAS,CAACC,MAAM;EACtB5B,IAAI,EAAE2B,kBAAS,CAACC,MAAM;EACtBsB,aAAa,EAAE2B,qBAAY,CAACtD,SAAS,CAACoD,QAAQ;EAC9CxB,UAAU,EAAE0B,qBAAY,CAACtD,SAAS,CAAC1B,KAAK;EACxCS,KAAK,EAAEqB,kBAAS,CAACG,KAAK,CAAC,IAAAC,MAAA,CAAA7C,OAAA,EAAKK,MAAM,CAAC,CAAC;EACpC,YAAY,EAAEoC,kBAAS,CAACmD,KAAK,CAAC;IAC5BrC,MAAM,EAAEd,kBAAS,CAACC,MAAM;IACxBmD,WAAW,EAAEpD,kBAAS,CAACC,MAAM;IAC7BoD,QAAQ,EAAErD,kBAAS,CAACC;EACtB,CAAC;AACH,CAAC;AAAC,IAAAqD,QAAA,GAAA7F,OAAA,CAAAF,OAAA,GAEa6D,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_externalContent","_provider","_contentBadge","_style","e","__esModule","default","MODES","exports","HERO","CARD","THEMES","coorpmanager","style","ContentTypeInfo","mode","type","externalContent","context","translate","createElement","className","microLearningIcon","NovaCompositionCoorpacademyTimer","timerIcon","microLearninglabel","EXTERNAL_CONTENT_ICONS","textColor","color","contentTypeInfo","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","string","CardTitle","title","empty","courseContent","classnames","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","NovaSolidStatusCheckCircle2","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","isExternalContent","chapterContent","progressBar","_isNil2","progressWrapper","hideProgressBar","role","_get2","adaptiveIcon","NovaCompositionCoorpacademyAdaptive","height","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","category","label","number","ContentBadge","oneOf","_keys2","shape","progression","adaptive","_default"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon className={style.timerIcon} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        style.innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, 'aria-label': ariaLabel}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      aria-label={ariaLabel}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default',\n  'aria-label': ariaLabel\n}) => {\n  const progressBarColor = '#3EC483';\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressValueStyle}\n            role=\"progressbar\"\n            aria-label={get('progression', ariaLabel)}\n          />\n        ) : null}\n      </div>\n    ) : null;\n\n  const adaptiveIcon = adaptiv ? (\n    <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n      <AdaptivIcon height={25} aria-label={get('adaptive', ariaLabel)} />\n    </div>\n  ) : null;\n\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        <div className={style.iconWrapper}>\n          {adaptiveIcon}\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n          aria-label={get('author', ariaLabel)}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.shape({\n    author: PropTypes.string,\n    progression: PropTypes.string,\n    adaptive: PropTypes.string\n  })\n};\n\nexport default ContentInfo;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/card-content/style.css

@@ -9,14 +9,12 @@
 @value lightBlack from colors;
 @value xtraLightGrey from colors;
 @value white from colors;
-@value cm_grey_200 from colors;
 
-/* 
 .microLearningCardInfo {
   flex: 1 0 auto;
-} */
+}
 
-/* .microLearningIcon {
+.microLearningIcon {
   display: flex;
   flex-direction: column;
   align-self: center;
@@ -28,9 +26,9 @@
   flex-direction: column;
   align-self: center;
   margin-top: 35px;
-} */
+}
 
-/* .timerIcon {
+.timerIcon {
   height: 40px;
   width: 40px;
 }
@@ -38,18 +36,18 @@
 .coorpmanager .timerIcon {
   height: 30px;
   width: 30px;
-} */
+}
 
-/* .microLearningIcon svg {
+.microLearningIcon svg {
   background:white;
   border-radius: 50%;
   margin: 0 auto;
   padding: 3px;
   box-sizing: content-box; 
   color: lightBlack;
-} */
+}
 
-/* .microLearninglabel {
+.microLearninglabel {
   font-family: 'Gilroy';
   font-size: 10px;
   font-weight: 800;
@@ -59,16 +57,14 @@
 
 .coorpmanager .microLearninglabel {
   font-size: 6px;
-} */
+}
 
 .infoWrapper {
   display: flex;
-  gap: 4px;
   flex-direction: column;
   position: relative;
-  justify-content: flex-end;
-  padding-left: 16px;
-  padding-right: 16px;
+  justify-content: center;
+  padding: 0 16px;
   width: 100%;
   box-sizing: border-box;
 }
@@ -159,6 +155,7 @@
 
 .infoWrapper.card {
   height: 100%;
+  justify-content: flex-end;
 }
 
 .infoWrapper.empty {
@@ -180,9 +177,11 @@
 }
 
 .adaptiveIcon {
+  font-size: 5px;
   width: 25px;
-  height: 20px;
+  height: 25px;
   color: lightBlack;
+  margin-right: 5px;
 }
 
 .iconWrapper {
@@ -216,7 +215,7 @@
   border-radius: 2px;
   overflow: hidden;
   margin: 16px auto;
-  background: cm_grey_200;
+  background: light;
 }
 
 .coorpmanager .progressWrapper {
@@ -232,10 +231,14 @@
   margin: 0 auto;
 }
 
-.contentTypeInfos {
-  display: flex;
-  align-items: center;
-  gap: 8px;
+.contentTypeInfo {
+  font-family: 'Gilroy';
+  font-size: 10px;
+  font-weight: 700;
+}
+
+.coorpmanager.externalContent .contentTypeInfo {
+  font-size: 6px;
 }
 
 .externalContent .cardInfo {
@@ -244,22 +247,11 @@
   overflow: hidden;
 }
 
-.externalContent.infoWrapper {
-  padding-top: 50%;
-}
-
 .coorpmanager.externalContent .cardInfo {
   flex-grow: 2;
   max-height: 79px;
 }
 
-.cardInfo.cardCourseTitle {
-  flex-grow: 0;
-  display: flex;
-  justify-content: flex-end;
-  flex-direction: column;
-}
-
 @media mobile {
   .author {
     font-size: 12px;

package/lib/molecule/cm-popin/types.d.ts

@@ -648,6 +648,8 @@ declare const propTypes: {
                 onClear: PropTypes.Requireable<(...args: any[]) => any>;
                 onFocus: PropTypes.Requireable<(...args: any[]) => any>;
                 onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+                onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+                inputRef: PropTypes.Requireable<(...args: any[]) => any>;
                 theme: PropTypes.Requireable<string>;
                 dataTestId: PropTypes.Requireable<string>;
             }>>;

package/lib/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"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"}

package/lib/molecule/external-content-button/style.css

@@ -42,7 +42,6 @@
 }
 
 .title {
-  text-transform: uppercase;
   font-family: 'Gilroy';
   font-size: 17px;
   font-weight: bold;

package/lib/molecule/multi-filter-panel/index.d.ts

@@ -39,6 +39,8 @@ declare const MultiFilterPanel: {
                     onClear: import("prop-types").Requireable<(...args: any[]) => any>;
                     onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
                     onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
+                    onKeyDown: import("prop-types").Requireable<(...args: any[]) => any>;
+                    inputRef: import("prop-types").Requireable<(...args: any[]) => any>;
                     theme: import("prop-types").Requireable<string>;
                     dataTestId: import("prop-types").Requireable<string>;
                 }>>;

package/lib/molecule/multi-filter-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AAqBlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDhF,CAAC;AAQF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AAqBlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDhF,CAAC;AAQF,eAAe,gBAAgB,CAAC"}

package/lib/molecule/multi-filter-panel/prop-types.d.ts

@@ -37,6 +37,8 @@ declare const propTypes: {
                 onClear: PropTypes.Requireable<(...args: any[]) => any>;
                 onFocus: PropTypes.Requireable<(...args: any[]) => any>;
                 onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+                onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+                inputRef: PropTypes.Requireable<(...args: any[]) => any>;
                 theme: PropTypes.Requireable<string>;
                 dataTestId: PropTypes.Requireable<string>;
             }>>;

package/lib/molecule/multi-filter-panel/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAC3F,OAAyC,EACvC,4BAA4B,EAC7B,MAAM,uDAAuD,CAAC;AAE/D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAed,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,4BAA4B,CAAC;CACvC,CAAC;AAEF,oBAAY,kBAAkB,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;AAEzE,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAC3F,OAAyC,EACvC,4BAA4B,EAC7B,MAAM,uDAAuD,CAAC;AAE/D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAed,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,4BAA4B,CAAC;CACvC,CAAC;AAEF,oBAAY,kBAAkB,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;AAEzE,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/molecule/search-form/index.d.ts

@@ -8,6 +8,8 @@ declare namespace SearchForm {
         onReset: PropTypes.Requireable<(...args: any[]) => any>;
         onSearchFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onSearchBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onSearchKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        inputRef: PropTypes.Requireable<(...args: any[]) => any>;
         search: PropTypes.Requireable<PropTypes.InferProps<{
             value: PropTypes.Requireable<string>;
             placeholder: PropTypes.Validator<string>;
@@ -15,11 +17,14 @@ declare namespace SearchForm {
             onClear: PropTypes.Requireable<(...args: any[]) => any>;
             onFocus: PropTypes.Requireable<(...args: any[]) => any>;
             onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+            onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+            inputRef: PropTypes.Requireable<(...args: any[]) => any>;
             theme: PropTypes.Requireable<string>;
             dataTestId: PropTypes.Requireable<string>;
         }>>;
         'search-reset-aria-label': PropTypes.Requireable<string>;
         dataTestId: PropTypes.Requireable<string>;
+        theme: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/lib/molecule/search-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/search-form/index.js"],"names":[],"mappings":";AAOA,mEA0CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/search-form/index.js"],"names":[],"mappings":";AAOA,mEAkEC"}

package/lib/molecule/search-form/index.js

@@ -2,15 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _novaIcons = require("@coorpacademy/nova-icons");
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
 var _style = _interopRequireDefault(require("./style.css"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const SearchForm = (props, context) => {
   const {
@@ -21,17 +21,23 @@ const SearchForm = (props, context) => {
     search,
     onSearchFocus,
     onSearchBlur,
+    onSearchKeyDown,
+    inputRef,
     'search-reset-aria-label': searchResetAriaLabel,
-    dataTestId
+    dataTestId,
+    theme
   } = props;
   const handleSubmit = (0, _react.useMemo)(() => evt => {
     evt.preventDefault();
     return onSubmit && onSubmit(evt);
   }, [onSubmit]);
-  const {
-    skin
-  } = context;
-  const dark = (0, _get2.default)('common.dark', skin);
+  const handleReset = (0, _react.useMemo)(() => evt => {
+    evt.preventDefault();
+    evt.stopPropagation();
+    return onReset && onReset(evt);
+  }, [onReset]);
+  const isMooc = theme === 'mooc';
+  const clearClassName = search.value ? (0, _classnames.default)(_style.default.wrapperClear, isMooc && _style.default.wrapperClearMooc) : _style.default.wrapperNoClear;
   return /*#__PURE__*/_react.default.createElement("form", {
     className: _style.default.form,
     action: action,
@@ -42,17 +48,18 @@ const SearchForm = (props, context) => {
   }, /*#__PURE__*/_react.default.createElement(_inputSearch.default, _extends({}, search, {
     onFocus: onSearchFocus,
     onBlur: onSearchBlur,
-    dataTestId: dataTestId
+    onKeyDown: onSearchKeyDown,
+    inputRef: inputRef,
+    dataTestId: dataTestId,
+    theme: theme
   })), /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "search-form-reset",
     "aria-label": searchResetAriaLabel,
-    onClick: onReset,
-    className: search.value ? _style.default.wrapperClear : _style.default.wrapperNoClear
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationMore, {
-    style: {
-      color: dark
-    },
-    className: _style.default.clear
+    onMouseDown: handleReset,
+    className: clearClassName
+  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: "xmark",
+    className: _style.default.clearIcon
   })));
 };
 SearchForm.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -62,9 +69,12 @@ SearchForm.propTypes = process.env.NODE_ENV !== "production" ? {
   onReset: _propTypes.default.func,
   onSearchFocus: _propTypes.default.func,
   onSearchBlur: _propTypes.default.func,
+  onSearchKeyDown: _propTypes.default.func,
+  inputRef: _propTypes.default.func,
   search: _propTypes.default.shape(_inputSearch.default.propTypes),
   'search-reset-aria-label': _propTypes.default.string,
-  dataTestId: _propTypes.default.string
+  dataTestId: _propTypes.default.string,
+  theme: _propTypes.default.string
 } : {};
 var _default = exports.default = SearchForm;
 //# sourceMappingURL=index.js.map

package/lib/molecule/search-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_novaIcons","_inputSearch","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","searchResetAriaLabel","dataTestId","handleSubmit","useMemo","evt","preventDefault","skin","dark","_get2","createElement","className","style","form","placeholder","onFocus","onBlur","onClick","value","wrapperClear","wrapperNoClear","NovaCompositionNavigationMore","color","clear","propTypes","process","env","NODE_ENV","PropTypes","string","func","shape","Search","_default","exports"],"sources":["../../../src/molecule/search-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationMore as ClearIcon} from '@coorpacademy/nova-icons';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {\n    action,\n    method,\n    onSubmit,\n    onReset,\n    search,\n    onSearchFocus,\n    onSearchBlur,\n    'search-reset-aria-label': searchResetAriaLabel,\n    dataTestId\n  } = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n      aria-label={search.placeholder}\n    >\n      <Search {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} dataTestId={dataTestId} />\n      <div\n        data-name=\"search-form-reset\"\n        aria-label={searchResetAriaLabel}\n        onClick={onReset}\n        className={search.value ? style.wrapperClear : style.wrapperNoClear}\n      >\n        <ClearIcon style={{color: dark}} className={style.clear} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes),\n  'search-reset-aria-label': PropTypes.string,\n  dataTestId: PropTypes.string\n};\n\nexport default SearchForm;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_reactFontawesome","_classnames","_inputSearch","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","onSearchKeyDown","inputRef","searchResetAriaLabel","dataTestId","theme","handleSubmit","useMemo","evt","preventDefault","handleReset","stopPropagation","isMooc","clearClassName","value","classnames","style","wrapperClear","wrapperClearMooc","wrapperNoClear","createElement","className","form","placeholder","onFocus","onBlur","onKeyDown","onMouseDown","FontAwesomeIcon","icon","clearIcon","propTypes","process","env","NODE_ENV","PropTypes","string","func","shape","Search","_default","exports"],"sources":["../../../src/molecule/search-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport classnames from 'classnames';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {\n    action,\n    method,\n    onSubmit,\n    onReset,\n    search,\n    onSearchFocus,\n    onSearchBlur,\n    onSearchKeyDown,\n    inputRef,\n    'search-reset-aria-label': searchResetAriaLabel,\n    dataTestId,\n    theme\n  } = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      evt.stopPropagation();\n      return onReset && onReset(evt);\n    },\n    [onReset]\n  );\n\n  const isMooc = theme === 'mooc';\n\n  const clearClassName = search.value\n    ? classnames(style.wrapperClear, isMooc && style.wrapperClearMooc)\n    : style.wrapperNoClear;\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n      aria-label={search.placeholder}\n    >\n      <Search\n        {...search}\n        onFocus={onSearchFocus}\n        onBlur={onSearchBlur}\n        onKeyDown={onSearchKeyDown}\n        inputRef={inputRef}\n        dataTestId={dataTestId}\n        theme={theme}\n      />\n      <div\n        data-name=\"search-form-reset\"\n        aria-label={searchResetAriaLabel}\n        onMouseDown={handleReset}\n        className={clearClassName}\n      >\n        <FontAwesomeIcon icon=\"xmark\" className={style.clearIcon} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  onSearchKeyDown: PropTypes.func,\n  inputRef: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes),\n  'search-reset-aria-label': PropTypes.string,\n  dataTestId: PropTypes.string,\n  theme: PropTypes.string\n};\n\nexport default SearchForm;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAgC,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAEhC,MAAMG,UAAU,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACrC,MAAM;IACJC,MAAM;IACNC,MAAM;IACNC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,YAAY;IACZC,eAAe;IACfC,QAAQ;IACR,yBAAyB,EAAEC,oBAAoB;IAC/CC,UAAU;IACVC;EACF,CAAC,GAAGb,KAAK;EACT,MAAMc,YAAY,GAAG,IAAAC,cAAO,EAC1B,MAAMC,GAAG,IAAI;IACXA,GAAG,CAACC,cAAc,CAAC,CAAC;IACpB,OAAOb,QAAQ,IAAIA,QAAQ,CAACY,GAAG,CAAC;EAClC,CAAC,EACD,CAACZ,QAAQ,CACX,CAAC;EAED,MAAMc,WAAW,GAAG,IAAAH,cAAO,EACzB,MAAMC,GAAG,IAAI;IACXA,GAAG,CAACC,cAAc,CAAC,CAAC;IACpBD,GAAG,CAACG,eAAe,CAAC,CAAC;IACrB,OAAOd,OAAO,IAAIA,OAAO,CAACW,GAAG,CAAC;EAChC,CAAC,EACD,CAACX,OAAO,CACV,CAAC;EAED,MAAMe,MAAM,GAAGP,KAAK,KAAK,MAAM;EAE/B,MAAMQ,cAAc,GAAGf,MAAM,CAACgB,KAAK,GAC/B,IAAAC,mBAAU,EAACC,cAAK,CAACC,YAAY,EAAEL,MAAM,IAAII,cAAK,CAACE,gBAAgB,CAAC,GAChEF,cAAK,CAACG,cAAc;EAExB,oBACE/D,MAAA,CAAAW,OAAA,CAAAqD,aAAA;IACEC,SAAS,EAAEL,cAAK,CAACM,IAAK;IACtB5B,MAAM,EAAEA,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEU,YAAa;IACvB,aAAU,YAAY;IACtB,cAAYR,MAAM,CAACyB;EAAY,gBAE/BnE,MAAA,CAAAW,OAAA,CAAAqD,aAAA,CAACzD,YAAA,CAAAI,OAAM,EAAAkB,QAAA,KACDa,MAAM;IACV0B,OAAO,EAAEzB,aAAc;IACvB0B,MAAM,EAAEzB,YAAa;IACrB0B,SAAS,EAAEzB,eAAgB;IAC3BC,QAAQ,EAAEA,QAAS;IACnBE,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA;EAAM,EACd,CAAC,eACFjD,MAAA,CAAAW,OAAA,CAAAqD,aAAA;IACE,aAAU,mBAAmB;IAC7B,cAAYjB,oBAAqB;IACjCwB,WAAW,EAAEjB,WAAY;IACzBW,SAAS,EAAER;EAAe,gBAE1BzD,MAAA,CAAAW,OAAA,CAAAqD,aAAA,CAAC3D,iBAAA,CAAAmE,eAAe;IAACC,IAAI,EAAC,OAAO;IAACR,SAAS,EAAEL,cAAK,CAACc;EAAU,CAAE,CACxD,CACD,CAAC;AAEX,CAAC;AAEDvC,UAAU,CAACwC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBxC,MAAM,EAAEyC,kBAAS,CAACC,MAAM;EACxBzC,MAAM,EAAEwC,kBAAS,CAACC,MAAM;EACxBxC,QAAQ,EAAEuC,kBAAS,CAACE,IAAI;EACxBxC,OAAO,EAAEsC,kBAAS,CAACE,IAAI;EACvBtC,aAAa,EAAEoC,kBAAS,CAACE,IAAI;EAC7BrC,YAAY,EAAEmC,kBAAS,CAACE,IAAI;EAC5BpC,eAAe,EAAEkC,kBAAS,CAACE,IAAI;EAC/BnC,QAAQ,EAAEiC,kBAAS,CAACE,IAAI;EACxBvC,MAAM,EAAEqC,kBAAS,CAACG,KAAK,CAACC,oBAAM,CAACR,SAAS,CAAC;EACzC,yBAAyB,EAAEI,kBAAS,CAACC,MAAM;EAC3ChC,UAAU,EAAE+B,kBAAS,CAACC,MAAM;EAC5B/B,KAAK,EAAE8B,kBAAS,CAACC;AACnB,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAA1E,OAAA,GAEawB,UAAU","ignoreList":[]}

package/lib/molecule/search-form/style.css

@@ -1,3 +1,6 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_500 from colors;
+
 .form {
   display: flex;
   justify-content: flex-start;
@@ -8,6 +11,7 @@
   margin: 0;
   width: 100%;
   height: 100%;
+  position: relative;
 }
 
 .wrapperClear {
@@ -23,11 +27,22 @@
   display: none;
 }
 
-.clear {
-  transform: rotate(45deg);
-  width: 10px;
-  height: 10px;
+.clearIcon {
+  color: cm_grey_500;
+  width: 12px;
+  height: 14px;
+}
+
+.wrapperClearMooc {
   position: absolute;
-  top: 0;
-  left: 0;
+  right: 16px;
+  width: 14px;
+  height: 14px;
+  top: 50%;
+  transform: translateY(-50%);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2002;
 }

package/lib/organism/brand-table/index.d.ts

@@ -9,6 +9,8 @@ declare namespace BrandTable {
             onClear: PropTypes.Requireable<(...args: any[]) => any>;
             onFocus: PropTypes.Requireable<(...args: any[]) => any>;
             onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+            onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+            inputRef: PropTypes.Requireable<(...args: any[]) => any>;
             theme: PropTypes.Requireable<string>;
             dataTestId: PropTypes.Requireable<string>;
         }>>;

package/lib/organism/content-skill-modal/index.d.ts

@@ -493,6 +493,8 @@ declare const ContentSkillModal: {
                 onClear: import("prop-types").Requireable<(...args: any[]) => any>;
                 onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
                 onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
+                onKeyDown: import("prop-types").Requireable<(...args: any[]) => any>;
+                inputRef: import("prop-types").Requireable<(...args: any[]) => any>;
                 theme: import("prop-types").Requireable<string>;
                 dataTestId: import("prop-types").Requireable<string>;
             }>>;
@@ -670,6 +672,8 @@ declare const ContentSkillModal: {
                         onClear: import("prop-types").Requireable<(...args: any[]) => any>;
                         onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
                         onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
+                        onKeyDown: import("prop-types").Requireable<(...args: any[]) => any>;
+                        inputRef: import("prop-types").Requireable<(...args: any[]) => any>;
                         theme: import("prop-types").Requireable<string>;
                         dataTestId: import("prop-types").Requireable<string>;
                     }>>;

package/lib/organism/content-skill-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}

package/lib/organism/content-skill-modal/types.d.ts

@@ -490,6 +490,8 @@ declare const ContentSkillModalPropTypes: {
             onClear: PropTypes.Requireable<(...args: any[]) => any>;
             onFocus: PropTypes.Requireable<(...args: any[]) => any>;
             onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+            onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+            inputRef: PropTypes.Requireable<(...args: any[]) => any>;
             theme: PropTypes.Requireable<string>;
             dataTestId: PropTypes.Requireable<string>;
         }>>;
@@ -667,6 +669,8 @@ declare const ContentSkillModalPropTypes: {
                     onClear: PropTypes.Requireable<(...args: any[]) => any>;
                     onFocus: PropTypes.Requireable<(...args: any[]) => any>;
                     onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+                    onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+                    inputRef: PropTypes.Requireable<(...args: any[]) => any>;
                     theme: PropTypes.Requireable<string>;
                     dataTestId: PropTypes.Requireable<string>;
                 }>>;

package/lib/organism/content-skill-modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}

package/lib/organism/filter-checkbox-and-search/index.d.ts

@@ -21,6 +21,8 @@ declare const FilterCheckboxAndSearch: {
             onClear: import("prop-types").Requireable<(...args: any[]) => any>;
             onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
             onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
+            onKeyDown: import("prop-types").Requireable<(...args: any[]) => any>;
+            inputRef: import("prop-types").Requireable<(...args: any[]) => any>;
             theme: import("prop-types").Requireable<string>;
             dataTestId: import("prop-types").Requireable<string>;
         }>>;

package/lib/organism/filter-checkbox-and-search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAKjE,OAAkB,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAiBtE,QAAA,MAAM,uBAAuB;YACpB,4BAA4B,WAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;CAiG1B,CAAC;AAQF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAKjE,OAAkB,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAiBtE,QAAA,MAAM,uBAAuB;YACpB,4BAA4B,WAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiG1B,CAAC;AAQF,eAAe,uBAAuB,CAAC"}

package/lib/organism/filter-checkbox-and-search/props-types.d.ts

@@ -17,6 +17,8 @@ declare const propTypes: {
         onClear: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        inputRef: PropTypes.Requireable<(...args: any[]) => any>;
         theme: PropTypes.Requireable<string>;
         dataTestId: PropTypes.Requireable<string>;
     }>>;

package/lib/organism/filter-checkbox-and-search/props-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/props-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAcd,CAAC;AAEF,oBAAY,8BAA8B,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,UAAU,CAAC;IAC1B,OAAO,EAAE,8BAA8B,EAAE,CAAC;CAC3C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"props-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/props-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAcd,CAAC;AAEF,oBAAY,8BAA8B,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,UAAU,CAAC;IAC1B,OAAO,EAAE,8BAA8B,EAAE,CAAC;CAC3C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/organism/list-items/index.d.ts

@@ -499,6 +499,8 @@ declare namespace ListItems {
             onClear: PropTypes.Requireable<(...args: any[]) => any>;
             onFocus: PropTypes.Requireable<(...args: any[]) => any>;
             onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+            onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+            inputRef: PropTypes.Requireable<(...args: any[]) => any>;
             theme: PropTypes.Requireable<string>;
             dataTestId: PropTypes.Requireable<string>;
         }>>;