@coorpacademy/components 11.38.7 → 11.38.8-alpha.4

package/es/atom/input-search/index.d.ts

@@ -31,8 +31,11 @@ declare namespace Search {
         const onClear: PropTypes.Requireable<(...args: any[]) => any>;
         const onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        const onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        const inputRef: PropTypes.Requireable<(...args: any[]) => any>;
         const theme: PropTypes.Requireable<string>;
         const dataTestId: PropTypes.Requireable<string>;
+        const searchIconAriaLabel: PropTypes.Requireable<string>;
     }
 }
 import PropTypes from "prop-types";

package/es/atom/input-search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-search/index.js"],"names":[],"mappings":";AAYA,iDAkDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-search/index.js"],"names":[],"mappings":";AAiBA,iDAuFC"}

package/es/atom/input-search/index.js

@@ -6,6 +6,10 @@ import classnames from 'classnames';
 import { NovaCompositionCoorpacademySearchThin as CMSearchIcon, NovaCompositionCoorpacademySearch as SearchIcon, NovaSolidStatusClose as CloseIcon } from '@coorpacademy/nova-icons';
 import Provider from '../provider';
 import style from './style.css';
+const handleMouseDown = e => {
+  e.preventDefault();
+  e.stopPropagation();
+};
 const Search = props => {
   const {
     value,
@@ -14,27 +18,56 @@ const Search = props => {
     onClear = _noop,
     onFocus,
     onBlur,
+    onKeyDown,
+    inputRef,
     theme = 'default',
-    dataTestId
+    dataTestId,
+    searchIconAriaLabel
   } = props;
   const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);
-  const cmStyle = classnames(style.coorpmanager);
-  const isDefaultTheme = theme === 'default';
+  const handleKeyDown = useMemo(() => e => {
+    if (onKeyDown) {
+      onKeyDown(e);
+    }
+  }, [onKeyDown]);
+  const isCoorpManager = theme === 'coorpmanager';
+  const isMooc = theme === 'mooc';
+  const isDefault = theme === 'default';
+  const wrapperClass = classnames({
+    [style.wrapperSearch]: isDefault,
+    [style.coorpmanager]: isCoorpManager,
+    [style.wrapperMooc]: isMooc
+  });
+  const wrapperParentClass = classnames({
+    [style.wrapperMoocParent]: isMooc
+  });
+  const searchClass = classnames({
+    [style.search]: true,
+    [style.moocSearch]: isMooc
+  });
+  const SearchIconComponent = isCoorpManager ? CMSearchIcon : SearchIcon;
+  const showTitle = isCoorpManager;
+  const showClearIcon = value && isCoorpManager;
   return /*#__PURE__*/React.createElement("div", {
-    className: isDefaultTheme ? style.wrapperSearch : cmStyle
+    className: wrapperParentClass
+  }, /*#__PURE__*/React.createElement("div", {
+    className: wrapperClass
   }, /*#__PURE__*/React.createElement("label", {
     htmlFor: "search",
     title: placeholder
-  }, !isDefaultTheme ? /*#__PURE__*/React.createElement(CMSearchIcon, {
-    className: style.searchIcon
-  }) : /*#__PURE__*/React.createElement(SearchIcon, {
-    className: style.searchIcon
-  }), !isDefaultTheme ? /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(SearchIconComponent, {
+    className: style.searchIcon,
+    "data-name": "search-icon",
+    onMouseDown: handleMouseDown,
+    "aria-label": searchIconAriaLabel,
+    role: "img"
+  }), showTitle ? /*#__PURE__*/React.createElement("span", {
     className: classnames(style.title, _isEmpty(value) && style.noValue)
   }, placeholder) : null), /*#__PURE__*/React.createElement("input", {
+    ref: inputRef,
     "data-name": "search-input",
     "data-testid": dataTestId,
-    className: style.search,
+    className: searchClass,
     "aria-label": placeholder,
     type: "text",
     name: "search",
@@ -45,11 +78,12 @@ const Search = props => {
     onInput: handleChange,
     onFocus: onFocus,
     onChange: _noop,
-    onBlur: onBlur
-  }), value && !isDefaultTheme ? /*#__PURE__*/React.createElement(CloseIcon, {
+    onBlur: onBlur,
+    onKeyDown: handleKeyDown
+  }), showClearIcon ? /*#__PURE__*/React.createElement(CloseIcon, {
     onClick: onClear,
     className: style.clearIcon
-  }) : null);
+  }) : null));
 };
 Search.contextTypes = {
   skin: Provider.childContextTypes.skin
@@ -61,8 +95,11 @@ Search.propTypes = process.env.NODE_ENV !== "production" ? {
   onClear: PropTypes.func,
   onFocus: PropTypes.func,
   onBlur: PropTypes.func,
-  theme: PropTypes.oneOf(['default', 'coorpmanager']),
-  dataTestId: PropTypes.string
+  onKeyDown: PropTypes.func,
+  inputRef: PropTypes.func,
+  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),
+  dataTestId: PropTypes.string,
+  searchIconAriaLabel: PropTypes.string
 } : {};
 export default Search;
 //# sourceMappingURL=index.js.map

package/es/atom/input-search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaCompositionCoorpacademySearchThin","CMSearchIcon","NovaCompositionCoorpacademySearch","SearchIcon","NovaSolidStatusClose","CloseIcon","Provider","style","Search","props","value","placeholder","onChange","_noop","onClear","onFocus","onBlur","theme","dataTestId","handleChange","e","target","cmStyle","coorpmanager","isDefaultTheme","createElement","className","wrapperSearch","htmlFor","title","searchIcon","_isEmpty","noValue","search","type","name","id","onInput","onClick","clearIcon","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired","func","oneOf"],"sources":["../../../src/atom/input-search/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademySearchThin as CMSearchIcon,\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {noop, isEmpty} from 'lodash/fp';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst Search = props => {\n  const {\n    value,\n    placeholder,\n    onChange = noop,\n    onClear = noop,\n    onFocus,\n    onBlur,\n    theme = 'default',\n    dataTestId\n  } = props;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const cmStyle = classnames(style.coorpmanager);\n  const isDefaultTheme = theme === 'default';\n\n  return (\n    <div className={isDefaultTheme ? style.wrapperSearch : cmStyle}>\n      <label htmlFor=\"search\" title={placeholder}>\n        {!isDefaultTheme ? (\n          <CMSearchIcon className={style.searchIcon} />\n        ) : (\n          <SearchIcon className={style.searchIcon} />\n        )}\n        {!isDefaultTheme ? (\n          <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n            {placeholder}\n          </span>\n        ) : null}\n      </label>\n      <input\n        data-name=\"search-input\"\n        data-testid={dataTestId}\n        className={style.search}\n        aria-label={placeholder}\n        type=\"text\"\n        name=\"search\"\n        id=\"search\"\n        placeholder={placeholder}\n        title={placeholder}\n        value={value}\n        onInput={handleChange}\n        onFocus={onFocus}\n        onChange={noop}\n        onBlur={onBlur}\n      />\n      {value && !isDefaultTheme ? (\n        <CloseIcon onClick={onClear} className={style.clearIcon} />\n      ) : null}\n    </div>\n  );\n};\n\nSearch.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearch.propTypes = {\n  value: PropTypes.string,\n  placeholder: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n  onClear: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  theme: PropTypes.oneOf(['default', 'coorpmanager']),\n  dataTestId: PropTypes.string\n};\n\nexport default Search;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaCompositionCoorpacademySearchThin","CMSearchIcon","NovaCompositionCoorpacademySearch","SearchIcon","NovaSolidStatusClose","CloseIcon","Provider","style","handleMouseDown","e","preventDefault","stopPropagation","Search","props","value","placeholder","onChange","_noop","onClear","onFocus","onBlur","onKeyDown","inputRef","theme","dataTestId","searchIconAriaLabel","handleChange","target","handleKeyDown","isCoorpManager","isMooc","isDefault","wrapperClass","wrapperSearch","coorpmanager","wrapperMooc","wrapperParentClass","wrapperMoocParent","searchClass","search","moocSearch","SearchIconComponent","showTitle","showClearIcon","createElement","className","htmlFor","title","searchIcon","onMouseDown","role","_isEmpty","noValue","ref","type","name","id","onInput","onClick","clearIcon","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired","func","oneOf"],"sources":["../../../src/atom/input-search/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademySearchThin as CMSearchIcon,\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {noop, isEmpty} from 'lodash/fp';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst handleMouseDown = e => {\n  e.preventDefault();\n  e.stopPropagation();\n};\n\nconst Search = props => {\n  const {\n    value,\n    placeholder,\n    onChange = noop,\n    onClear = noop,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    inputRef,\n    theme = 'default',\n    dataTestId,\n    searchIconAriaLabel\n  } = props;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const handleKeyDown = useMemo(\n    () => e => {\n      if (onKeyDown) {\n        onKeyDown(e);\n      }\n    },\n    [onKeyDown]\n  );\n\n  const isCoorpManager = theme === 'coorpmanager';\n  const isMooc = theme === 'mooc';\n  const isDefault = theme === 'default';\n\n  const wrapperClass = classnames({\n    [style.wrapperSearch]: isDefault,\n    [style.coorpmanager]: isCoorpManager,\n    [style.wrapperMooc]: isMooc\n  });\n\n  const wrapperParentClass = classnames({\n    [style.wrapperMoocParent]: isMooc\n  });\n\n  const searchClass = classnames({\n    [style.search]: true,\n    [style.moocSearch]: isMooc\n  });\n\n  const SearchIconComponent = isCoorpManager ? CMSearchIcon : SearchIcon;\n  const showTitle = isCoorpManager;\n  const showClearIcon = value && isCoorpManager;\n\n  return (\n    <div className={wrapperParentClass}>\n      <div className={wrapperClass}>\n        <label htmlFor=\"search\" title={placeholder}>\n          <SearchIconComponent\n            className={style.searchIcon}\n            data-name=\"search-icon\"\n            onMouseDown={handleMouseDown}\n            aria-label={searchIconAriaLabel}\n            role=\"img\"\n          />\n          {showTitle ? (\n            <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n              {placeholder}\n            </span>\n          ) : null}\n        </label>\n        <input\n          ref={inputRef}\n          data-name=\"search-input\"\n          data-testid={dataTestId}\n          className={searchClass}\n          aria-label={placeholder}\n          type=\"text\"\n          name=\"search\"\n          id=\"search\"\n          placeholder={placeholder}\n          title={placeholder}\n          value={value}\n          onInput={handleChange}\n          onFocus={onFocus}\n          onChange={noop}\n          onBlur={onBlur}\n          onKeyDown={handleKeyDown}\n        />\n        {showClearIcon ? <CloseIcon onClick={onClear} className={style.clearIcon} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSearch.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearch.propTypes = {\n  value: PropTypes.string,\n  placeholder: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n  onClear: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  inputRef: PropTypes.func,\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n  dataTestId: PropTypes.string,\n  searchIconAriaLabel: PropTypes.string\n};\n\nexport default Search;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/input-search/style.css

@@ -8,11 +8,13 @@
 @value white from colors;
 @value dark from colors;
 @value black from colors;
+@value cm_grey_75 from colors;
 @value cm_grey_100 from colors;
 @value cm_grey_150 from colors;
 @value cm_grey_400 from colors;
 @value cm_grey_500 from colors;
 @value cm_grey_700 from colors;
+@value brand from colors;
 
 .wrapperSearch {
   display: flex;
@@ -66,6 +68,7 @@
   color: medium;
 }
 
+/* Theme: coorpmanager */
 .coorpmanager {
   position: relative;
 }
@@ -177,6 +180,65 @@
   line-height: 16px;
 }
 
+/* Theme: mooc */
+.wrapperMooc {
+  display: flex;
+  flex-flow: nowrap;
+  flex-direction: row;
+  align-items: center;
+  overflow: hidden;
+  border-radius: 12px;
+  transition: box-shadow 0.3s ease-in-out;
+  background: cm_grey_100;
+  padding: 2px;
+  width: 100%;
+  flex: 1;
+}
+
+.wrapperMoocParent {
+  width: 100%;
+  flex: 1;
+  border-radius: 12px;
+  transition: box-shadow 0.3s ease-in-out;
+  background: transparent;
+}
+
+.moocSearch {
+  background-color: cm_grey_100;
+  border-radius: 12px;
+  height: 44px;
+  margin: 0;
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  color: cm_grey_700;
+  padding: 0 0 0 45px;
+  padding-right: 48px;
+  outline: none;
+}
+
+.moocSearch:focus-within {
+  background-color: cm_grey_75;
+}
+
+.wrapperMoocParent:focus-within .wrapperMooc {
+  background: transparent;
+  box-shadow: 0 0 0 2px rgba(255,255,255,0), 0 0 0 2px brand;
+}
+
+.wrapperMooc:hover {
+  box-shadow: 0 0 0 2px brand;
+}
+
+.wrapperMooc .clearIcon {
+  position: relative;
+  right: 26px;
+  color: cm_grey_400;
+  width: 14px;
+  height: 14px;
+  cursor: pointer;
+}
+
 input:-webkit-autofill,
 input:-webkit-autofill:hover, 
 input:-webkit-autofill:focus, 
@@ -184,6 +246,20 @@ input:-webkit-autofill:active{
   -webkit-background-clip: text;
 }
 
+.moocSearch:-webkit-autofill,
+.moocSearch:-webkit-autofill:hover,
+.moocSearch:-webkit-autofill:focus,
+.moocSearch:-webkit-autofill:active {
+  -webkit-box-shadow: 0 0 0 1000px cm_grey_100 inset !important;
+  -webkit-text-fill-color: cm_grey_700 !important;
+  background-color: cm_grey_100 !important;
+}
+
+.wrapperMoocParent:focus-within .moocSearch:-webkit-autofill {
+  -webkit-box-shadow: 0 0 0 1000px cm_grey_75 inset !important;
+  background-color: cm_grey_75 !important;
+}
+
 @media tablet {
   .search,
   input {
@@ -194,6 +270,16 @@ input:-webkit-autofill:active{
     font-size: 12px;
     color: medium;
   }
+
+  .wrapperMoocParent {
+    max-width: 100%;
+    box-sizing: border-box;
+  }
+
+  .wrapperMooc {
+    max-width: 100%;
+    box-sizing: border-box;
+  }
 }
 
 @media mobile {
@@ -204,4 +290,14 @@ input:-webkit-autofill:active{
   .search::placeholder {
     font-size: 12px;
   }
+
+  .wrapperMoocParent {
+    max-width: 100%;
+    box-sizing: border-box;
+  }
+
+  .wrapperMooc {
+    max-width: 100%;
+    box-sizing: border-box;
+  }
 }

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

@@ -648,8 +648,11 @@ 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>;
+                searchIconAriaLabel: PropTypes.Requireable<string>;
             }>>;
             checkboxWithTitle: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;

package/es/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":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAC,SAAS,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE3D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IAC1D,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"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"}

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

@@ -39,8 +39,11 @@ 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>;
+                    searchIconAriaLabel: import("prop-types").Requireable<string>;
                 }>>;
             }>>;
         }> | null | undefined> | null | undefined)[]>;

package/es/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/es/molecule/multi-filter-panel/prop-types.d.ts

@@ -37,8 +37,11 @@ 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>;
+                searchIconAriaLabel: PropTypes.Requireable<string>;
             }>>;
         }>>;
     }> | null | undefined> | null | undefined)[]>;

package/es/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/es/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,16 @@ 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>;
+            searchIconAriaLabel: PropTypes.Requireable<string>;
         }>>;
         'search-reset-aria-label': PropTypes.Requireable<string>;
         dataTestId: PropTypes.Requireable<string>;
+        theme: PropTypes.Requireable<string>;
+        searchIconAriaLabel: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/es/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,mEAoEC"}

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

@@ -1,9 +1,9 @@
-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 { NovaCompositionNavigationMore as ClearIcon } from '@coorpacademy/nova-icons';
+import classnames from 'classnames';
 import Search from '../../atom/input-search';
+import Icon from '../../atom/icon';
 import style from './style.css';
 const SearchForm = (props, context) => {
   const {
@@ -14,17 +14,24 @@ const SearchForm = (props, context) => {
     search,
     onSearchFocus,
     onSearchBlur,
+    onSearchKeyDown,
+    inputRef,
     'search-reset-aria-label': searchResetAriaLabel,
-    dataTestId
+    dataTestId,
+    theme,
+    searchIconAriaLabel
   } = props;
   const handleSubmit = useMemo(() => evt => {
     evt.preventDefault();
     return onSubmit && onSubmit(evt);
   }, [onSubmit]);
-  const {
-    skin
-  } = context;
-  const dark = _get('common.dark', skin);
+  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;
   return /*#__PURE__*/React.createElement("form", {
     className: style.form,
     action: action,
@@ -35,17 +42,20 @@ const SearchForm = (props, context) => {
   }, /*#__PURE__*/React.createElement(Search, _extends({}, search, {
     onFocus: onSearchFocus,
     onBlur: onSearchBlur,
-    dataTestId: dataTestId
+    onKeyDown: onSearchKeyDown,
+    inputRef: inputRef,
+    dataTestId: dataTestId,
+    theme: theme,
+    searchIconAriaLabel: searchIconAriaLabel
   })), /*#__PURE__*/React.createElement("div", {
     "data-name": "search-form-reset",
     "aria-label": searchResetAriaLabel,
-    onClick: onReset,
-    className: search.value ? style.wrapperClear : style.wrapperNoClear
-  }, /*#__PURE__*/React.createElement(ClearIcon, {
-    style: {
-      color: dark
-    },
-    className: style.clear
+    onMouseDown: handleReset,
+    className: clearClassName
+  }, /*#__PURE__*/React.createElement(Icon, {
+    iconName: "xmark",
+    className: style.clearIcon,
+    "aria-label": searchResetAriaLabel
   })));
 };
 SearchForm.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -55,9 +65,13 @@ 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
+  dataTestId: PropTypes.string,
+  theme: PropTypes.string,
+  searchIconAriaLabel: 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","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":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","Search","Icon","style","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","onSearchKeyDown","inputRef","searchResetAriaLabel","dataTestId","theme","searchIconAriaLabel","handleSubmit","evt","preventDefault","handleReset","stopPropagation","isMooc","clearClassName","value","wrapperClear","wrapperClearMooc","wrapperNoClear","createElement","className","form","placeholder","_extends","onFocus","onBlur","onKeyDown","onMouseDown","iconName","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 classnames from 'classnames';\nimport Search from '../../atom/input-search';\nimport Icon from '../../atom/icon';\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    searchIconAriaLabel\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        searchIconAriaLabel={searchIconAriaLabel}\n      />\n      <div\n        data-name=\"search-form-reset\"\n        aria-label={searchResetAriaLabel}\n        onMouseDown={handleReset}\n        className={clearClassName}\n      >\n        <Icon iconName=\"xmark\" className={style.clearIcon} aria-label={searchResetAriaLabel} />\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  searchIconAriaLabel: PropTypes.string\n};\n\nexport default SearchForm;\n"],"mappings":"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","ignoreList":[]}

package/es/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,13 +11,12 @@
   margin: 0;
   width: 100%;
   height: 100%;
+  position: relative;
 }
 
 .wrapperClear {
   position: relative;
-  width: 10px;
-  height: 10px;
-  right: 12px;
+  display: flex;
   cursor: pointer;
   background: transparent;
 }
@@ -23,11 +25,22 @@
   display: none;
 }
 
-.clear {
-  transform: rotate(45deg);
-  width: 10px;
-  height: 10px;
+.clearIcon {
+  color: cm_grey_500;
+  width: 14px;
+  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/es/organism/brand-table/index.d.ts

@@ -9,8 +9,11 @@ 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>;
+            searchIconAriaLabel: PropTypes.Requireable<string>;
         }>>;
         const pagination: PropTypes.Requireable<PropTypes.InferProps<{
             value: PropTypes.Validator<string>;

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

@@ -493,8 +493,11 @@ 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>;
+                searchIconAriaLabel: import("prop-types").Requireable<string>;
             }>>;
             checkboxWithTitle: import("prop-types").Requireable<import("prop-types").InferProps<{
                 title: import("prop-types").Requireable<string>;
@@ -670,8 +673,11 @@ 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>;
+                        searchIconAriaLabel: import("prop-types").Requireable<string>;
                     }>>;
                 }>>;
             }> | null | undefined> | null | undefined)[]>;

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"}