@coorpacademy/components 11.38.8-alpha.4 → 11.38.8-alpha.6

package/es/atom/chip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAeO,qGAG0E;;AAGjF,6DAiEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAmBO,qGAG0E;;AAGjF,6DAiEC"}

package/es/atom/chip/index.js

@@ -4,9 +4,12 @@ import classnames from 'classnames';
 import get from 'lodash/fp/get';
 import { convert } from 'css-color-function';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { fas } from '@fortawesome/pro-solid-svg-icons';
+import { library } from '@fortawesome/fontawesome-svg-core';
 import Provider from '../provider';
 import { COLORS } from '../../variables/colors';
 import style from './style.css';
+library.add(fas);
 const LUMINOSITY_DELTA = 0.08;
 const {
   cm_primary_blue: DEFAULT_BACKGROUND_COLOR

package/es/atom/chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","PropTypes","classnames","get","convert","FontAwesomeIcon","Provider","COLORS","style","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","ICON_SIZE","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","Chip","props","context","text","subText","selected","customIcon","onClick","leftIcon","backgroundColor","skin","skinColor","hoveredSelectedBgColor","isHovered","setIsHovered","handleClick","handleMouseEnter","handleMouseLeave","hoverStyle","defaultIcon","color","white","cm_grey_400","createElement","className","container","unselected","onMouseEnter","onMouseLeave","left","icon","fontSize","title","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","func"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport get from 'lodash/fp/get';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nexport const calculateHoveredSelectedBgColor = (\n  selectedBgColor,\n  luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n  const {\n    text,\n    subText,\n    selected = false,\n    customIcon,\n    onClick,\n    leftIcon,\n    backgroundColor = DEFAULT_BACKGROUND_COLOR\n  } = props;\n  const {skin} = context;\n  const skinColor = get('common.primary', skin);\n  const selectedBgColor = backgroundColor === 'skin' && skinColor ? skinColor : backgroundColor;\n  const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleClick = useMemo(() => onClick, [onClick]);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n  const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n  const color = selected ? COLORS.white : COLORS.cm_grey_400;\n\n  return (\n    <div\n      className={classnames(style.container, !selected && style.unselected)}\n      style={{\n        ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n        ...(selected && hoverStyle)\n      }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-label={text}\n      data-name={`chip-${text}`}\n    >\n      <div className={style.left}>\n        {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n        <div title={text}>\n          <span className={style.text} style={{color}}>\n            {text}\n          </span>\n          {subText ? (\n            <span className={style.subText} style={{color}}>\n              {subText}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      <FontAwesomeIcon\n        style={{color}}\n        icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n        fontSize={ICON_SIZE}\n      />\n    </div>\n  );\n};\n\nChip.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n  text: PropTypes.string,\n  subText: PropTypes.string,\n  selected: PropTypes.bool,\n  customIcon: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  onClick: PropTypes.func,\n  leftIcon: PropTypes.string\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","PropTypes","classnames","get","convert","FontAwesomeIcon","fas","library","Provider","COLORS","style","add","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","ICON_SIZE","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","Chip","props","context","text","subText","selected","customIcon","onClick","leftIcon","backgroundColor","skin","skinColor","hoveredSelectedBgColor","isHovered","setIsHovered","handleClick","handleMouseEnter","handleMouseLeave","hoverStyle","defaultIcon","color","white","cm_grey_400","createElement","className","container","unselected","onMouseEnter","onMouseLeave","left","icon","fontSize","title","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","func"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport get from 'lodash/fp/get';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nexport const calculateHoveredSelectedBgColor = (\n  selectedBgColor,\n  luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n  const {\n    text,\n    subText,\n    selected = false,\n    customIcon,\n    onClick,\n    leftIcon,\n    backgroundColor = DEFAULT_BACKGROUND_COLOR\n  } = props;\n  const {skin} = context;\n  const skinColor = get('common.primary', skin);\n  const selectedBgColor = backgroundColor === 'skin' && skinColor ? skinColor : backgroundColor;\n  const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleClick = useMemo(() => onClick, [onClick]);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n  const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n  const color = selected ? COLORS.white : COLORS.cm_grey_400;\n\n  return (\n    <div\n      className={classnames(style.container, !selected && style.unselected)}\n      style={{\n        ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n        ...(selected && hoverStyle)\n      }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-label={text}\n      data-name={`chip-${text}`}\n    >\n      <div className={style.left}>\n        {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n        <div title={text}>\n          <span className={style.text} style={{color}}>\n            {text}\n          </span>\n          {subText ? (\n            <span className={style.subText} style={{color}}>\n              {subText}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      <FontAwesomeIcon\n        style={{color}}\n        icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n        fontSize={ICON_SIZE}\n      />\n    </div>\n  );\n};\n\nChip.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n  text: PropTypes.string,\n  subText: PropTypes.string,\n  selected: PropTypes.bool,\n  customIcon: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  onClick: PropTypes.func,\n  leftIcon: PropTypes.string\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}

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

@@ -31,11 +31,8 @@ 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":";AAiBA,iDAuFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-search/index.js"],"names":[],"mappings":";AAYA,iDAkDC"}

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

@@ -6,10 +6,6 @@ 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,
@@ -18,56 +14,27 @@ const Search = props => {
     onClear = _noop,
     onFocus,
     onBlur,
-    onKeyDown,
-    inputRef,
     theme = 'default',
-    dataTestId,
-    searchIconAriaLabel
+    dataTestId
   } = props;
   const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);
-  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;
+  const cmStyle = classnames(style.coorpmanager);
+  const isDefaultTheme = theme === 'default';
   return /*#__PURE__*/React.createElement("div", {
-    className: wrapperParentClass
-  }, /*#__PURE__*/React.createElement("div", {
-    className: wrapperClass
+    className: isDefaultTheme ? style.wrapperSearch : cmStyle
   }, /*#__PURE__*/React.createElement("label", {
     htmlFor: "search",
     title: placeholder
-  }, /*#__PURE__*/React.createElement(SearchIconComponent, {
-    className: style.searchIcon,
-    "data-name": "search-icon",
-    onMouseDown: handleMouseDown,
-    "aria-label": searchIconAriaLabel,
-    role: "img"
-  }), showTitle ? /*#__PURE__*/React.createElement("span", {
+  }, !isDefaultTheme ? /*#__PURE__*/React.createElement(CMSearchIcon, {
+    className: style.searchIcon
+  }) : /*#__PURE__*/React.createElement(SearchIcon, {
+    className: style.searchIcon
+  }), !isDefaultTheme ? /*#__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: searchClass,
+    className: style.search,
     "aria-label": placeholder,
     type: "text",
     name: "search",
@@ -78,12 +45,11 @@ const Search = props => {
     onInput: handleChange,
     onFocus: onFocus,
     onChange: _noop,
-    onBlur: onBlur,
-    onKeyDown: handleKeyDown
-  }), showClearIcon ? /*#__PURE__*/React.createElement(CloseIcon, {
+    onBlur: onBlur
+  }), value && !isDefaultTheme ? /*#__PURE__*/React.createElement(CloseIcon, {
     onClick: onClear,
     className: style.clearIcon
-  }) : null));
+  }) : null);
 };
 Search.contextTypes = {
   skin: Provider.childContextTypes.skin
@@ -95,11 +61,8 @@ Search.propTypes = process.env.NODE_ENV !== "production" ? {
   onClear: PropTypes.func,
   onFocus: PropTypes.func,
   onBlur: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  inputRef: PropTypes.func,
-  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),
-  dataTestId: PropTypes.string,
-  searchIconAriaLabel: PropTypes.string
+  theme: PropTypes.oneOf(['default', 'coorpmanager']),
+  dataTestId: 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","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":[]}
+{"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":[]}

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

@@ -8,13 +8,11 @@
 @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;
@@ -68,7 +66,6 @@
   color: medium;
 }
 
-/* Theme: coorpmanager */
 .coorpmanager {
   position: relative;
 }
@@ -180,65 +177,6 @@
   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, 
@@ -246,20 +184,6 @@ 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 {
@@ -270,16 +194,6 @@ 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 {
@@ -290,14 +204,4 @@ 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/atom/input-text/index.d.ts

@@ -8,6 +8,7 @@ declare namespace InputText {
         defaultValue: PropTypes.Requireable<string>;
         theme: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
+        readOnly: PropTypes.Requireable<boolean>;
         value: PropTypes.Requireable<string>;
         hint: PropTypes.Requireable<string>;
         error: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text/index.js"],"names":[],"mappings":";AAkBA,oDA4FC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text/index.js"],"names":[],"mappings":";AAkBA,oDA+FC"}

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

@@ -28,6 +28,7 @@ const InputText = props => {
     theme = 'default',
     description,
     disabled,
+    readOnly = false,
     modified = false,
     title: propsTitle,
     'data-name': dataName = 'input-text',
@@ -63,7 +64,7 @@ const InputText = props => {
     className: style.leftIcon
   }) : null;
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames(mainClass, className, disabled && style.disabled, _isNil(propsTitle) && style.isNoTitle)
+    className: classnames(mainClass, className, disabled && style.disabled, readOnly && style.readOnly, _isNil(propsTitle) && style.isNoTitle)
   }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("span", {
     className: classnames(style.title, _isEmpty(value) && style.noValue)
   }, propsTitle, toolTipView), /*#__PURE__*/React.createElement("input", {
@@ -77,6 +78,7 @@ const InputText = props => {
     value: value,
     onInput: handleChange,
     disabled: disabled,
+    readOnly: readOnly,
     onChange: _noop,
     "data-name": dataName,
     "aria-label": ariaLabel
@@ -94,6 +96,7 @@ InputText.propTypes = process.env.NODE_ENV !== "production" ? {
   defaultValue: PropTypes.string,
   theme: PropTypes.oneOf(_keys(themeStyle)),
   disabled: PropTypes.bool,
+  readOnly: PropTypes.bool,
   value: PropTypes.string,
   hint: PropTypes.string,
   error: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","defaultStyle","InputText","props","autoFocus","placeholder","value","type","hint","defaultValue","onChange","_noop","error","valid","theme","description","disabled","modified","title","propsTitle","dataName","ariaLabel","inputColor","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","_isNil","isNoTitle","_isEmpty","noValue","name","input","autoComplete","onInput","preview","backgroundColor","propTypes","process","env","NODE_ENV","bool","string","oneOf","_keys","func"],"sources":["../../../src/atom/input-text/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.defaultStyle\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    type = 'text',\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    modified = false,\n    title: propsTitle,\n    'data-name': dataName = 'input-text',\n    'aria-label': ariaLabel = 'Input Text',\n    inputColor = false\n  } = props;\n\n  const isCMTheme = theme === 'coorpmanager';\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        isNil(propsTitle) && style.isNoTitle\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type={type}\n          name={propsTitle}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          autoComplete={'off'}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          onChange={noop}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        {inputColor && !error && value ? (\n          <span\n            className={style.preview}\n            style={{\n              backgroundColor: value\n            }}\n          />\n        ) : null}\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputText.propTypes = {\n  autoFocus: PropTypes.bool,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultValue: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  type: PropTypes.string,\n  valid: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  inputColor: PropTypes.bool\n};\nexport default InputText;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","defaultStyle","InputText","props","autoFocus","placeholder","value","type","hint","defaultValue","onChange","_noop","error","valid","theme","description","disabled","readOnly","modified","title","propsTitle","dataName","ariaLabel","inputColor","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","_isNil","isNoTitle","_isEmpty","noValue","name","input","autoComplete","onInput","preview","backgroundColor","propTypes","process","env","NODE_ENV","bool","string","oneOf","_keys","func"],"sources":["../../../src/atom/input-text/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.defaultStyle\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    type = 'text',\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    readOnly = false,\n    modified = false,\n    title: propsTitle,\n    'data-name': dataName = 'input-text',\n    'aria-label': ariaLabel = 'Input Text',\n    inputColor = false\n  } = props;\n\n  const isCMTheme = theme === 'coorpmanager';\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        readOnly && style.readOnly,\n        isNil(propsTitle) && style.isNoTitle\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type={type}\n          name={propsTitle}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          autoComplete={'off'}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          readOnly={readOnly}\n          onChange={noop}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        {inputColor && !error && value ? (\n          <span\n            className={style.preview}\n            style={{\n              backgroundColor: value\n            }}\n          />\n        ) : null}\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputText.propTypes = {\n  autoFocus: PropTypes.bool,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultValue: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  type: PropTypes.string,\n  valid: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  inputColor: PropTypes.bool\n};\nexport default InputText;\n"],"mappings":"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","ignoreList":[]}

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

@@ -410,4 +410,16 @@
   position: absolute;
   top: 23%;
   box-shadow: 0 0 1px grey;
-}
+}
+
+.readOnly input {
+  caret-color: transparent;
+  cursor: default;
+  user-select: none;
+}
+
+.readOnly.coorpmanager input {
+  caret-color: transparent;
+  cursor: default;
+  user-select: none;
+}

package/es/atom/input-text-with-title/index.d.ts

@@ -10,6 +10,7 @@ declare namespace InputTextWithTitle {
             placeholder: PropTypes.Requireable<string>;
             defaultValue: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
+            readOnly: PropTypes.Requireable<boolean>;
             value: PropTypes.Requireable<string>;
             hint: PropTypes.Requireable<string>;
             error: PropTypes.Requireable<string>;

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

@@ -7,6 +7,7 @@ declare namespace InputTextarea {
         const name: PropTypes.Requireable<string>;
         const theme: PropTypes.Requireable<string>;
         const disabled: PropTypes.Requireable<boolean>;
+        const readOnly: PropTypes.Requireable<boolean>;
         const value: PropTypes.Requireable<string>;
         const hint: PropTypes.Requireable<string>;
         const error: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAkBA,wDAgEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAkBA,wDAyEC"}

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

@@ -26,6 +26,7 @@ const InputTextarea = props => {
     valid,
     description,
     disabled,
+    readOnly = false,
     modified = false
   } = props;
   const mainClass = themeStyle[theme];
@@ -56,7 +57,7 @@ const InputTextarea = props => {
     className: style.leftIcon
   }) : null;
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames(mainClass, className, disabled && style.disabled)
+    className: classnames(mainClass, className, disabled && style.disabled, readOnly && style.readonly)
   }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("span", {
     className: classnames(style.title, _isEmpty(value) && style.noValue)
   }, propsTitle, toolTipView), /*#__PURE__*/React.createElement("textarea", {
@@ -65,6 +66,7 @@ const InputTextarea = props => {
     placeholder: placeholder,
     onChange: handleChange,
     disabled: disabled,
+    readOnly: readOnly,
     "data-testid": name
   }), errorIconView, validIconView, hintView), descriptionView);
 };
@@ -74,6 +76,7 @@ InputTextarea.propTypes = process.env.NODE_ENV !== "production" ? {
   name: PropTypes.string,
   theme: PropTypes.oneOf(_keys(themeStyle)),
   disabled: PropTypes.bool,
+  readOnly: PropTypes.bool,
   value: PropTypes.string,
   hint: PropTypes.string,
   error: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","defaultStyle","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","_noop","error","valid","description","disabled","modified","mainClass","className","handleChange","e","target","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","_isEmpty","noValue","propTypes","process","env","NODE_ENV","string","oneOf","_keys","bool","func"],"sources":["../../../src/atom/input-textarea/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.defaultStyle\n};\nconst InputTextarea = props => {\n  const {\n    title: propsTitle,\n    name,\n    placeholder,\n    value,\n    hint,\n    theme = 'default',\n    onChange = noop,\n    error,\n    valid,\n    description,\n    disabled,\n    modified = false\n  } = props;\n\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div className={classnames(mainClass, className, disabled && style.disabled)}>\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n        <textarea\n          name={name}\n          value={value}\n          placeholder={placeholder}\n          onChange={handleChange}\n          disabled={disabled}\n          data-testid={name}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputTextarea.propTypes = {\n  placeholder: PropTypes.string,\n  title: PropTypes.string,\n  name: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool\n};\nexport default InputTextarea;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","defaultStyle","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","_noop","error","valid","description","disabled","readOnly","modified","mainClass","className","handleChange","e","target","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","readonly","_isEmpty","noValue","propTypes","process","env","NODE_ENV","string","oneOf","_keys","bool","func"],"sources":["../../../src/atom/input-textarea/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.defaultStyle\n};\nconst InputTextarea = props => {\n  const {\n    title: propsTitle,\n    name,\n    placeholder,\n    value,\n    hint,\n    theme = 'default',\n    onChange = noop,\n    error,\n    valid,\n    description,\n    disabled,\n    readOnly = false,\n    modified = false\n  } = props;\n\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        readOnly && style.readonly\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n        <textarea\n          name={name}\n          value={value}\n          placeholder={placeholder}\n          onChange={handleChange}\n          disabled={disabled}\n          readOnly={readOnly}\n          data-testid={name}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputTextarea.propTypes = {\n  placeholder: PropTypes.string,\n  title: PropTypes.string,\n  name: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool\n};\nexport default InputTextarea;\n"],"mappings":"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","ignoreList":[]}

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

@@ -25,6 +25,10 @@
   composes: defaultStyle;
 }
 
+.readonly {
+  composes: defaultStyle;
+}
+
 .defaultStyle label {
   display: flex;
   align-items: center;
@@ -56,6 +60,15 @@
   resize: none;
 }
 
+.readonly textarea {
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  cursor: default;
+  caret-color: transparent;
+}
+
 .error textarea {
   border-color: negative;
 }
@@ -353,6 +366,15 @@
   opacity: 0.5;
 }
 
+.coorpmanager.readonly textarea {
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  cursor: default;
+  caret-color: transparent;
+}
+
 .coorpmanager .infoIconWrapper {
   overflow: visible;
   height: 12px;