@coorpacademy/components 11.38.6-alpha.27 → 11.38.6-alpha.29

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

@@ -1,8 +1,8 @@
+import _get from "lodash/fp/get";
 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); }
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import classnames from 'classnames';
+import { NovaCompositionNavigationMore as ClearIcon } from '@coorpacademy/nova-icons';
 import Search from '../../atom/input-search';
 import style from './style.css';
 const SearchForm = (props, context) => {
@@ -14,23 +14,17 @@ const SearchForm = (props, context) => {
     search,
     onSearchFocus,
     onSearchBlur,
-    onSearchKeyDown,
-    inputRef,
     'search-reset-aria-label': searchResetAriaLabel,
-    dataTestId,
-    theme
+    dataTestId
   } = props;
   const handleSubmit = useMemo(() => evt => {
     evt.preventDefault();
     return onSubmit && onSubmit(evt);
   }, [onSubmit]);
-  const handleReset = useMemo(() => evt => {
-    evt.preventDefault();
-    evt.stopPropagation();
-    return onReset && onReset(evt);
-  }, [onReset]);
-  const isMooc = theme === 'mooc';
-  const clearClassName = search.value ? classnames(style.wrapperClear, isMooc && style.wrapperClearMooc) : style.wrapperNoClear;
+  const {
+    skin
+  } = context;
+  const dark = _get('common.dark', skin);
   return /*#__PURE__*/React.createElement("form", {
     className: style.form,
     action: action,
@@ -41,18 +35,17 @@ const SearchForm = (props, context) => {
   }, /*#__PURE__*/React.createElement(Search, _extends({}, search, {
     onFocus: onSearchFocus,
     onBlur: onSearchBlur,
-    onKeyDown: onSearchKeyDown,
-    inputRef: inputRef,
-    dataTestId: dataTestId,
-    theme: theme
+    dataTestId: dataTestId
   })), /*#__PURE__*/React.createElement("div", {
     "data-name": "search-form-reset",
     "aria-label": searchResetAriaLabel,
-    onMouseDown: handleReset,
-    className: clearClassName
-  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    icon: "xmark",
-    className: style.clearIcon
+    onClick: onReset,
+    className: search.value ? style.wrapperClear : style.wrapperNoClear
+  }, /*#__PURE__*/React.createElement(ClearIcon, {
+    style: {
+      color: dark
+    },
+    className: style.clear
   })));
 };
 SearchForm.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -62,12 +55,9 @@ SearchForm.propTypes = process.env.NODE_ENV !== "production" ? {
   onReset: PropTypes.func,
   onSearchFocus: PropTypes.func,
   onSearchBlur: PropTypes.func,
-  onSearchKeyDown: PropTypes.func,
-  inputRef: PropTypes.func,
   search: PropTypes.shape(Search.propTypes),
   'search-reset-aria-label': PropTypes.string,
-  dataTestId: PropTypes.string,
-  theme: PropTypes.string
+  dataTestId: PropTypes.string
 } : {};
 export default SearchForm;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","FontAwesomeIcon","classnames","Search","style","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","onSearchKeyDown","inputRef","searchResetAriaLabel","dataTestId","theme","handleSubmit","evt","preventDefault","handleReset","stopPropagation","isMooc","clearClassName","value","wrapperClear","wrapperClearMooc","wrapperNoClear","createElement","className","form","placeholder","_extends","onFocus","onBlur","onKeyDown","onMouseDown","icon","clearIcon","propTypes","process","env","NODE_ENV","string","func","shape"],"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":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationMore","ClearIcon","Search","style","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","searchResetAriaLabel","dataTestId","handleSubmit","evt","preventDefault","skin","dark","_get","createElement","className","form","placeholder","_extends","onFocus","onBlur","onClick","value","wrapperClear","wrapperNoClear","color","clear","propTypes","process","env","NODE_ENV","string","func","shape"],"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":";;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,6BAA6B,IAAIC,SAAS,QAAO,0BAA0B;AACnF,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACrC,MAAM;IACJC,MAAM;IACNC,MAAM;IACNC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,YAAY;IACZ,yBAAyB,EAAEC,oBAAoB;IAC/CC;EACF,CAAC,GAAGV,KAAK;EACT,MAAMW,YAAY,GAAGlB,OAAO,CAC1B,MAAMmB,GAAG,IAAI;IACXA,GAAG,CAACC,cAAc,CAAC,CAAC;IACpB,OAAOT,QAAQ,IAAIA,QAAQ,CAACQ,GAAG,CAAC;EAClC,CAAC,EACD,CAACR,QAAQ,CACX,CAAC;EACD,MAAM;IAACU;EAAI,CAAC,GAAGb,OAAO;EACtB,MAAMc,IAAI,GAAGC,IAAA,CAAI,aAAa,EAAEF,IAAI,CAAC;EAErC,oBACEtB,KAAA,CAAAyB,aAAA;IACEC,SAAS,EAAEpB,KAAK,CAACqB,IAAK;IACtBjB,MAAM,EAAEA,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEO,YAAa;IACvB,aAAU,YAAY;IACtB,cAAYL,MAAM,CAACc;EAAY,gBAE/B5B,KAAA,CAAAyB,aAAA,CAACpB,MAAM,EAAAwB,QAAA,KAAKf,MAAM;IAAEgB,OAAO,EAAEf,aAAc;IAACgB,MAAM,EAAEf,YAAa;IAACE,UAAU,EAAEA;EAAW,EAAE,CAAC,eAC5FlB,KAAA,CAAAyB,aAAA;IACE,aAAU,mBAAmB;IAC7B,cAAYR,oBAAqB;IACjCe,OAAO,EAAEnB,OAAQ;IACjBa,SAAS,EAAEZ,MAAM,CAACmB,KAAK,GAAG3B,KAAK,CAAC4B,YAAY,GAAG5B,KAAK,CAAC6B;EAAe,gBAEpEnC,KAAA,CAAAyB,aAAA,CAACrB,SAAS;IAACE,KAAK,EAAE;MAAC8B,KAAK,EAAEb;IAAI,CAAE;IAACG,SAAS,EAAEpB,KAAK,CAAC+B;EAAM,CAAE,CACvD,CACD,CAAC;AAEX,CAAC;AAED9B,UAAU,CAAC+B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrB/B,MAAM,EAAER,SAAS,CAACwC,MAAM;EACxB/B,MAAM,EAAET,SAAS,CAACwC,MAAM;EACxB9B,QAAQ,EAAEV,SAAS,CAACyC,IAAI;EACxB9B,OAAO,EAAEX,SAAS,CAACyC,IAAI;EACvB5B,aAAa,EAAEb,SAAS,CAACyC,IAAI;EAC7B3B,YAAY,EAAEd,SAAS,CAACyC,IAAI;EAC5B7B,MAAM,EAAEZ,SAAS,CAAC0C,KAAK,CAACvC,MAAM,CAACiC,SAAS,CAAC;EACzC,yBAAyB,EAAEpC,SAAS,CAACwC,MAAM;EAC3CxB,UAAU,EAAEhB,SAAS,CAACwC;AACxB,CAAC;AAED,eAAenC,UAAU","ignoreList":[]}

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

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

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

@@ -9,8 +9,6 @@ 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/es/organism/content-skill-modal/index.d.ts

@@ -493,8 +493,6 @@ 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>;
             }>>;
@@ -672,8 +670,6 @@ 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/es/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DvD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}

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

@@ -490,8 +490,6 @@ 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>;
         }>>;
@@ -669,8 +667,6 @@ 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/es/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/es/organism/filter-checkbox-and-search/index.d.ts

@@ -21,8 +21,6 @@ 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/es/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+F1B,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;;;;;;;;;;;;;;;;;;;;;;;;;;CA+F1B,CAAC;AAQF,eAAe,uBAAuB,CAAC"}

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

@@ -17,8 +17,6 @@ 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/es/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/es/organism/list-items/index.d.ts

@@ -499,8 +499,6 @@ 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>;
         }>>;

package/es/organism/mooc-header/index.d.ts

@@ -17,8 +17,6 @@ declare class MoocHeader extends React.Component<any, any, any> {
             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>;
         }>>;
@@ -148,14 +146,11 @@ declare class MoocHeader extends React.Component<any, any, any> {
         }>>;
     };
     constructor(props: any);
-    isMobile: boolean;
     state: {
         isSettingsOpen: boolean;
         isMenuOpen: boolean;
         isFocus: boolean;
         isToolTipOpen: boolean;
-        isClosing: boolean;
-        isClosingStep2: boolean;
     };
     handleSettingsToggle(): void;
     handleMenuToggle(): void;
@@ -171,16 +166,7 @@ declare class MoocHeader extends React.Component<any, any, any> {
     handleOnMouseOver(): void;
     handleOnMouseLeave(): void;
     handleKeyPress(event: any): void;
-    handleSearchKeyDown(event: any): void;
-    searchBarRef: any;
-    searchInputRef: any;
-    setSearchBarRef(ref: any): void;
-    setSearchInputRef(ref: any): void;
-    handleClickOutside(event: any): void;
-    handleTransitionEnd(event: any): void;
-    componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, prevContext: any): void;
-    componentWillUnmount(): void;
     menuSettings: any;
     createMenuButtons: (items: any, primaryColor: any) => any;
     render(): JSX.Element | null;

package/es/organism/mooc-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAsGE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAiCC;IA/BC,kBAAuD;IACvD;;;;;;;MAOC;IA8FH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAgBC;IAED,0BAKC;IAED,sBAIC;IAED,qBAiBC;IAaD,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IAED,sCAKC;IAtMC,kBAAwB;IACxB,oBAA0B;IA0B5B,gCAEC;IAED,kCAEC;IAED,qCAqBC;IAkFD,sCASC;IA3ID,0BAEC;IAED,2EASC;IAED,6BAEC;IAkCC,kBAAsB;IA6IxB,0DAaE;IAEF,6BA2iBC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAsGE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAuBC;IArBC;;;;;MAKC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,0DAaE;IAEF,6BAufC;CACF"}

package/es/organism/mooc-header/index.js

@@ -26,14 +26,11 @@ class MoocHeader extends React.Component {
   };
   constructor(props) {
     super(props);
-    this.isMobile = getIsMobile(navigator?.userAgent, true); // true = inclure les tablettes
     this.state = {
       isSettingsOpen: false,
       isMenuOpen: false,
       isFocus: false,
-      isToolTipOpen: false,
-      isClosing: false,
-      isClosingStep2: false
+      isToolTipOpen: false
     };
     this.handleSettingsToggle = this.handleSettingsToggle.bind(this);
     this.handleMenuToggle = this.handleMenuToggle.bind(this);
@@ -49,16 +46,6 @@ class MoocHeader extends React.Component {
     this.handleOnMouseOver = this.handleOnMouseOver.bind(this);
     this.handleOnMouseLeave = this.handleOnMouseLeave.bind(this);
     this.handleKeyPress = this.handleKeyPress.bind(this);
-    this.handleSearchKeyDown = this.handleSearchKeyDown.bind(this);
-    this.searchBarRef = null;
-    this.searchInputRef = null;
-    this.setSearchBarRef = this.setSearchBarRef.bind(this);
-    this.setSearchInputRef = this.setSearchInputRef.bind(this);
-    this.handleClickOutside = this.handleClickOutside.bind(this);
-    this.handleTransitionEnd = this.handleTransitionEnd.bind(this);
-  }
-  componentDidMount() {
-    document.addEventListener('mousedown', this.handleClickOutside);
   }
   componentDidUpdate(prevProps, prevState, prevContext) {
     const {
@@ -72,33 +59,6 @@ class MoocHeader extends React.Component {
       document.removeEventListener('touchstart', this._checkOnClose);
     }
   }
-  componentWillUnmount() {
-    document.removeEventListener('mousedown', this.handleClickOutside);
-  }
-  setSearchBarRef(ref) {
-    this.searchBarRef = ref;
-  }
-  setSearchInputRef(ref) {
-    this.searchInputRef = ref;
-  }
-  handleClickOutside(event) {
-    const {
-      isFocus
-    } = this.state;
-    if (isFocus) {
-      if (event.target.getAttribute('data-name') === 'mobile-overlay') {
-        return;
-      }
-      const resetButton = event.target.getAttribute('data-name') === 'search-form-reset' || event.target.closest('[data-name="search-form-reset"]');
-      if (resetButton) {
-        return;
-      }
-      if (this.searchBarRef && this.searchBarRef.contains(event.target)) {
-        return;
-      }
-      this.handleOnBlur();
-    }
-  }
   setMenuSettings(el) {
     this.menuSettings = el;
   }
@@ -134,15 +94,6 @@ class MoocHeader extends React.Component {
     const {
       onSubmitSearch
     } = this.props;
-    const searchInput = this.searchInputRef || document.querySelector('input[name="search"]');
-    if (searchInput) {
-      searchInput.blur();
-    }
-    this.setState({
-      isFocus: false,
-      isClosing: false,
-      isClosingStep2: false
-    });
     if (onSubmitSearch) {
       onSubmitSearch();
     }
@@ -161,33 +112,9 @@ class MoocHeader extends React.Component {
     }));
   }
   handleOnBlur() {
-    if (this.isMobile) {
-      this.setState({
-        isFocus: false
-      });
-    } else {
-      this.setState({
-        isClosing: true
-      });
-      requestAnimationFrame(() => {
-        this.setState({
-          isClosing: false,
-          isClosingStep2: true
-        });
-      });
-    }
-  }
-  handleTransitionEnd(event) {
-    const {
-      isClosingStep2
-    } = this.state;
-    if ((event.propertyName === 'max-width' || event.propertyName === 'width') && isClosingStep2) {
-      this.setState({
-        isFocus: false,
-        isClosing: false,
-        isClosingStep2: false
-      });
-    }
+    this.setState(prevState => ({
+      isFocus: false
+    }));
   }
   handleOnMenuOpen() {
     const {
@@ -232,12 +159,6 @@ class MoocHeader extends React.Component {
       }));
     }
   }
-  handleSearchKeyDown(event) {
-    if (event.key === 'Enter') {
-      event.preventDefault();
-      this.handleSubmitSearch();
-    }
-  }
   createMenuButtons = (items, primaryColor) => {
     return items.map(item => ({
       label: item.title,
@@ -274,15 +195,14 @@ class MoocHeader extends React.Component {
       isFocus,
       isSettingsOpen,
       isMenuOpen,
-      isToolTipOpen,
-      isClosing,
-      isClosingStep2
+      isToolTipOpen
     } = this.state;
     const {
       translate,
       skin
     } = this.context;
-    const isMobile = this.isMobile;
+    const userAgent = navigator?.userAgent;
+    const isMobile = getIsMobile(userAgent);
     const {
       'aria-label': logoAriaLabel,
       closeMenuAriaLabel,
@@ -607,17 +527,14 @@ class MoocHeader extends React.Component {
     if (search) {
       searchFormView = /*#__PURE__*/React.createElement("div", {
         "data-name": "Search-Bar",
-        className: isMenuOpen && !this.isMobile ? style.hiddenSearchBar : style.searchBar
+        className: isMenuOpen ? style.hiddenSearchBar : style.searchBar
       }, /*#__PURE__*/React.createElement(SearchForm, {
         search: search,
         onSubmit: this.handleSubmitSearch,
         onReset: this.handleResetSearch,
         onSearchFocus: this.handleOnFocus,
         onSearchBlur: this.handleOnBlur,
-        onSearchKeyDown: this.handleSearchKeyDown,
-        inputRef: this.setSearchInputRef,
-        "search-reset-aria-label": searchResetAriaLabel,
-        theme: "mooc"
+        "search-reset-aria-label": searchResetAriaLabel
       }));
     }
     return /*#__PURE__*/React.createElement("header", {
@@ -627,7 +544,7 @@ class MoocHeader extends React.Component {
       "data-open": isMenuOpen,
       className: isMenuOpen ? style.open : style.header
     }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(style.logoWrapper, this.isMobile && isFocus && style.logoWrapperMobileHidden),
+      className: style.logoWrapper,
       "aria-label": toolTipText,
       onMouseOver: this.handleOnMouseOver,
       onMouseLeave: this.handleOnMouseLeave
@@ -692,38 +609,10 @@ class MoocHeader extends React.Component {
       style: {
         color: primaryColor
       }
-    }))) : null)), this.isMobile ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: isFocus ? style.mobileSearchContainerFocus : style.mobileSearchContainer,
-      ref: this.setSearchBarRef
-    }, searchFormView), isFocus ? /*#__PURE__*/React.createElement("div", {
-      className: style.mobileSearchOverlay,
-      onClick: this.handleOnBlur,
-      "data-name": "mobile-overlay"
-    }) : null, /*#__PURE__*/React.createElement("nav", {
-      className: isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper,
-      "data-name": "menu-wrapper"
-    }, pagesView, userView || linksView, settingsView)) : /*#__PURE__*/React.createElement("div", {
-      className: classnames({
-        [style.rightZone]: !isFocus && !isClosing && !isClosingStep2
-      }, {
-        [style.rightZoneFocus]: isFocus || isClosing || isClosingStep2
-      }, {
-        [style.searchBarActive]: isFocus || isClosing || isClosingStep2
-      })
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(style.floatingSearchBar, {
-        [style['floatingSearchBar--expanded']]: isFocus && !isClosing && !isClosingStep2,
-        [style['floatingSearchBar--closing']]: isClosing
-      }),
-      ref: this.setSearchBarRef,
-      onTransitionEnd: this.handleTransitionEnd
-    }, searchFormView), isFocus || isClosing || isClosingStep2 ? /*#__PURE__*/React.createElement("div", {
-      className: style.searchOverlay,
-      onClick: this.handleOnBlur
-    }) : null, /*#__PURE__*/React.createElement("nav", {
+    }))) : null)), searchFormView, /*#__PURE__*/React.createElement("nav", {
       className: isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper,
       "data-name": "menu-wrapper"
-    }, pagesView, userView || linksView, settingsView))));
+    }, pagesView, userView || linksView, settingsView)));
   }
 }
 MoocHeader.propTypes = process.env.NODE_ENV !== "production" ? {