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

package/lib/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/lib/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/lib/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/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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/lib/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/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,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/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;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/lib/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/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,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/lib/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/lib/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/lib/organism/mooc-header/index.js

@@ -31,14 +31,11 @@ class MoocHeader extends _react.default.Component {
   };
   constructor(props) {
     super(props);
-    this.isMobile = (0, _checkIsMobile.isMobile)(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);
@@ -54,16 +51,6 @@ class MoocHeader extends _react.default.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 {
@@ -77,33 +64,6 @@ class MoocHeader extends _react.default.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;
   }
@@ -139,15 +99,6 @@ class MoocHeader extends _react.default.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();
     }
@@ -166,33 +117,9 @@ class MoocHeader extends _react.default.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 {
@@ -237,12 +164,6 @@ class MoocHeader extends _react.default.Component {
       }));
     }
   }
-  handleSearchKeyDown(event) {
-    if (event.key === 'Enter') {
-      event.preventDefault();
-      this.handleSubmitSearch();
-    }
-  }
   createMenuButtons = (items, primaryColor) => {
     return items.map(item => ({
       label: item.title,
@@ -279,15 +200,14 @@ class MoocHeader extends _react.default.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 = (0, _checkIsMobile.isMobile)(userAgent);
     const {
       'aria-label': logoAriaLabel,
       closeMenuAriaLabel,
@@ -612,17 +532,14 @@ class MoocHeader extends _react.default.Component {
     if (search) {
       searchFormView = /*#__PURE__*/_react.default.createElement("div", {
         "data-name": "Search-Bar",
-        className: isMenuOpen && !this.isMobile ? _style.default.hiddenSearchBar : _style.default.searchBar
+        className: isMenuOpen ? _style.default.hiddenSearchBar : _style.default.searchBar
       }, /*#__PURE__*/_react.default.createElement(_searchForm.default, {
         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.default.createElement("header", {
@@ -632,7 +549,7 @@ class MoocHeader extends _react.default.Component {
       "data-open": isMenuOpen,
       className: isMenuOpen ? _style.default.open : _style.default.header
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(_style.default.logoWrapper, this.isMobile && isFocus && _style.default.logoWrapperMobileHidden),
+      className: _style.default.logoWrapper,
       "aria-label": toolTipText,
       onMouseOver: this.handleOnMouseOver,
       onMouseLeave: this.handleOnMouseLeave
@@ -697,38 +614,10 @@ class MoocHeader extends _react.default.Component {
       style: {
         color: primaryColor
       }
-    }))) : null)), this.isMobile ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: isFocus ? _style.default.mobileSearchContainerFocus : _style.default.mobileSearchContainer,
-      ref: this.setSearchBarRef
-    }, searchFormView), isFocus ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.mobileSearchOverlay,
-      onClick: this.handleOnBlur,
-      "data-name": "mobile-overlay"
-    }) : null, /*#__PURE__*/_react.default.createElement("nav", {
-      className: isMenuOpen ? _style.default.menuWrapper : _style.default.hiddenMenuWrapper,
-      "data-name": "menu-wrapper"
-    }, pagesView, userView || linksView, settingsView)) : /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)({
-        [_style.default.rightZone]: !isFocus && !isClosing && !isClosingStep2
-      }, {
-        [_style.default.rightZoneFocus]: isFocus || isClosing || isClosingStep2
-      }, {
-        [_style.default.searchBarActive]: isFocus || isClosing || isClosingStep2
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(_style.default.floatingSearchBar, {
-        [_style.default['floatingSearchBar--expanded']]: isFocus && !isClosing && !isClosingStep2,
-        [_style.default['floatingSearchBar--closing']]: isClosing
-      }),
-      ref: this.setSearchBarRef,
-      onTransitionEnd: this.handleTransitionEnd
-    }, searchFormView), isFocus || isClosing || isClosingStep2 ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.searchOverlay,
-      onClick: this.handleOnBlur
-    }) : null, /*#__PURE__*/_react.default.createElement("nav", {
+    }))) : null)), searchFormView, /*#__PURE__*/_react.default.createElement("nav", {
       className: isMenuOpen ? _style.default.menuWrapper : _style.default.hiddenMenuWrapper,
       "data-name": "menu-wrapper"
-    }, pagesView, userView || linksView, settingsView))));
+    }, pagesView, userView || linksView, settingsView)));
   }
 }
 MoocHeader.propTypes = process.env.NODE_ENV !== "production" ? {