@coorpacademy/components 10.0.50 → 10.1.3

package/lib/atom/input-search/test/fixtures/coorpmanager.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    value: '',
+    placeholder: 'Search for a course',
+    onChange: value => {
+      console.log(value);
+    },
+    onFocus: () => console.log('onFocus'),
+    onBlur: () => console.log('blur'),
+    theme: 'coorpmanager'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=coorpmanager.js.map

package/lib/atom/input-search/test/fixtures/coorpmanager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-search/test/fixtures/coorpmanager.js"],"names":["props","value","placeholder","onChange","console","log","onFocus","onBlur","theme"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,EADF;AAELC,IAAAA,WAAW,EAAE,qBAFR;AAGLC,IAAAA,QAAQ,EAAEF,KAAK,IAAI;AACjBG,MAAAA,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AACD,KALI;AAMLK,IAAAA,OAAO,EAAE,MAAMF,OAAO,CAACC,GAAR,CAAY,SAAZ,CANV;AAOLE,IAAAA,MAAM,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,MAAZ,CAPT;AAQLG,IAAAA,KAAK,EAAE;AARF;AADM,C","sourcesContent":["export default {\n  props: {\n    value: '',\n    placeholder: 'Search for a course',\n    onChange: value => {\n      console.log(value);\n    },\n    onFocus: () => console.log('onFocus'),\n    onBlur: () => console.log('blur'),\n    theme: 'coorpmanager'\n  }\n};\n"],"file":"coorpmanager.js"}

package/lib/atom/input-search/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-search/test/fixtures/default.js"],"names":["props","value","placeholder","onChange","console","log","onFocus","onBlur"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,EADF;AAELC,IAAAA,WAAW,EAAE,qBAFR;AAGLC,IAAAA,QAAQ,EAAEF,KAAK,IAAI;AACjBG,MAAAA,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AACD,KALI;AAMLK,IAAAA,OAAO,EAAE,MAAMF,OAAO,CAACC,GAAR,CAAY,SAAZ,CANV;AAOLE,IAAAA,MAAM,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,MAAZ;AAPT;AADM,C","sourcesContent":["export default {\n  props: {\n    value: '',\n    placeholder: 'Search for a course',\n    onChange: value => {\n      console.log(value);\n    },\n    onFocus: () => console.log('onFocus'),\n    onBlur: () => console.log('blur')\n  }\n};\n"],"file":"default.js"}

package/lib/atom/input-search/test/fixtures/with-value.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-search/test/fixtures/with-value.js"],"names":["props","value","placeholder","onChange","console","log","onEnter","onFocus"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,sBADF;AAELC,IAAAA,WAAW,EAAE,qBAFR;AAGLC,IAAAA,QAAQ,EAAEF,KAAK,IAAI;AACjBG,MAAAA,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AACD,KALI;AAMLK,IAAAA,OAAO,EAAE,MAAMF,OAAO,CAACC,GAAR,CAAY,eAAZ,CANV;AAOLE,IAAAA,OAAO,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,SAAZ;AAPV;AADM,C","sourcesContent":["export default {\n  props: {\n    value: 'big data - le retour',\n    placeholder: 'Search for a course',\n    onChange: value => {\n      console.log(value);\n    },\n    onEnter: () => console.log('pressed enter'),\n    onFocus: () => console.log('onFocus')\n  }\n};\n"],"file":"with-value.js"}

package/lib/atom/input-switch/test/fixtures.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _checked = _interopRequireDefault(require("./fixtures/checked"));
+
+var _disabled = _interopRequireDefault(require("./fixtures/disabled"));
+
+var _modified = _interopRequireDefault(require("./fixtures/modified"));
+
+var _noTitle = _interopRequireDefault(require("./fixtures/no-title"));
+
+var _sso = _interopRequireDefault(require("./fixtures/sso"));
+
+var _unchecked = _interopRequireDefault(require("./fixtures/unchecked"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Atom › AtomInputSwitch > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomInputSwitch.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Atom › AtomInputSwitch › Checked › should be rendered', _renderComponent.default, _.default, _checked.default);
+(0, _ava.default)('Atom › AtomInputSwitch › Disabled › should be rendered', _renderComponent.default, _.default, _disabled.default);
+(0, _ava.default)('Atom › AtomInputSwitch › Modified › should be rendered', _renderComponent.default, _.default, _modified.default);
+(0, _ava.default)('Atom › AtomInputSwitch › NoTitle › should be rendered', _renderComponent.default, _.default, _noTitle.default);
+(0, _ava.default)('Atom › AtomInputSwitch › Sso › should be rendered', _renderComponent.default, _.default, _sso.default);
+(0, _ava.default)('Atom › AtomInputSwitch › Unchecked › should be rendered', _renderComponent.default, _.default, _unchecked.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/atom/input-switch/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/input-switch/test/fixtures.js"],"names":["t","pass","AtomInputSwitch","propTypes","value","key","not","undefined","renderComponentMacro","fixtureChecked","fixtureDisabled","fixtureModified","fixtureNoTitle","fixtureSso","fixtureUnchecked"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,sDAAL,EAA6DA,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAgBC,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uDAAL,EAA8DG,wBAA9D,EAAoFN,SAApF,EAAqGO,gBAArG;AACA,kBAAK,wDAAL,EAA+DD,wBAA/D,EAAqFN,SAArF,EAAsGQ,iBAAtG;AACA,kBAAK,wDAAL,EAA+DF,wBAA/D,EAAqFN,SAArF,EAAsGS,iBAAtG;AACA,kBAAK,uDAAL,EAA8DH,wBAA9D,EAAoFN,SAApF,EAAqGU,gBAArG;AACA,kBAAK,mDAAL,EAA0DJ,wBAA1D,EAAgFN,SAAhF,EAAiGW,YAAjG;AACA,kBAAK,yDAAL,EAAgEL,wBAAhE,EAAsFN,SAAtF,EAAuGY,kBAAvG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputSwitch from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureModified from './fixtures/modified';\nimport fixtureNoTitle from './fixtures/no-title';\nimport fixtureSso from './fixtures/sso';\nimport fixtureUnchecked from './fixtures/unchecked';\n\ntest('Atom › AtomInputSwitch > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputSwitch.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputSwitch.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputSwitch › Checked › should be rendered', renderComponentMacro, AtomInputSwitch, fixtureChecked);\ntest('Atom › AtomInputSwitch › Disabled › should be rendered', renderComponentMacro, AtomInputSwitch, fixtureDisabled);\ntest('Atom › AtomInputSwitch › Modified › should be rendered', renderComponentMacro, AtomInputSwitch, fixtureModified);\ntest('Atom › AtomInputSwitch › NoTitle › should be rendered', renderComponentMacro, AtomInputSwitch, fixtureNoTitle);\ntest('Atom › AtomInputSwitch › Sso › should be rendered', renderComponentMacro, AtomInputSwitch, fixtureSso);\ntest('Atom › AtomInputSwitch › Unchecked › should be rendered', renderComponentMacro, AtomInputSwitch, fixtureUnchecked);\n"],"file":"fixtures.js"}

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

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
 
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
@@ -13,6 +15,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _getClassState = _interopRequireDefault(require("../../util/get-class-state"));
@@ -27,6 +31,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const themeStyle = {
   setup: _style.default.setup,
+  coorpmanager: _style.default.coorpmanager,
   cockpit: _style.default.cockpit,
   default: _style.default.default
 };
@@ -36,9 +41,11 @@ const InputText = props => {
     autoFocus = false,
     placeholder = '',
     value,
+    hint,
     defaultValue,
     onChange = _noop2.default,
     error,
+    valid,
     theme = 'default',
     description,
     disabled,
@@ -50,25 +57,46 @@ const InputText = props => {
   const handleChange = (0, _react.useMemo)(() => e => onChange(e.target.value), [onChange]);
   const mainClass = themeStyle[theme];
   const className = (0, _getClassState.default)(_style.default.default, _style.default.modified, _style.default.error, modified, error);
-  const descriptionView = description ? /*#__PURE__*/_react.default.createElement("div", {
+  const descriptionView = description && theme !== 'coorpmanager' ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.description
   }, description) : null;
+  const toolTipView = description && theme === 'coorpmanager' ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.infoIconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyInformationIcon, {
+    className: _style.default.infoIcon
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.descriptionLabel
+  }, description)) : null;
+  const hintView = theme === 'coorpmanager' ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.hint // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: error || hint
+    }
+  }) : null;
+  const errorIconView = error ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
+    className: _style.default.leftIcon
+  }) : null;
+  const validIconView = valid ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusCheckCircle2, {
+    className: _style.default.leftIcon
+  }) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(mainClass, className, (0, _isNil2.default)(propsTitle) && _style.default.isNoTitle)
+    className: (0, _classnames.default)(mainClass, className, disabled && _style.default.disabled, (0, _isNil2.default)(propsTitle) && _style.default.isNoTitle)
   }, /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.title
-  }, title), /*#__PURE__*/_react.default.createElement("input", {
+    className: (0, _classnames.default)(_style.default.title, (0, _isEmpty2.default)(value) && _style.default.noValue)
+  }, title, toolTipView), /*#__PURE__*/_react.default.createElement("input", {
     autoFocus: autoFocus,
     type: "text",
     name: title,
     className: _style.default.input,
     placeholder: placeholder,
     defaultValue: defaultValue,
+    autoComplete: 'off',
     value: value,
     onInput: handleChange,
     disabled: disabled,
     onChange: _noop2.default
-  })), descriptionView);
+  }), errorIconView, validIconView, hintView), descriptionView);
 };
 
 InputText.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -80,10 +108,12 @@ InputText.propTypes = process.env.NODE_ENV !== "production" ? {
   disabled: _propTypes.default.bool,
   required: _propTypes.default.bool,
   value: _propTypes.default.string,
+  hint: _propTypes.default.string,
   error: _propTypes.default.string,
   onChange: _propTypes.default.func,
   description: _propTypes.default.string,
-  modified: _propTypes.default.bool
+  modified: _propTypes.default.bool,
+  valid: _propTypes.default.bool
 } : {};
 var _default = InputText;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["themeStyle","setup","style","cockpit","default","InputText","props","autoFocus","placeholder","value","defaultValue","onChange","error","theme","description","disabled","required","modified","title","propsTitle","handleChange","e","target","mainClass","className","descriptionView","isNoTitle","input","propTypes","PropTypes","bool","string","oneOf","func"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEC,eAAMD,KADI;AAEjBE,EAAAA,OAAO,EAAED,eAAMC,OAFE;AAGjBC,EAAAA,OAAO,EAAEF,eAAME;AAHE,CAAnB;;AAKA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AACJC,IAAAA,SAAS,GAAG,KADR;AAEJC,IAAAA,WAAW,GAAG,EAFV;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,YAJI;AAKJC,IAAAA,QAAQ,iBALJ;AAMJC,IAAAA,KANI;AAOJC,IAAAA,KAAK,GAAG,SAPJ;AAQJC,IAAAA,WARI;AASJC,IAAAA,QATI;AAUJC,IAAAA,QAVI;AAWJC,IAAAA,QAAQ,GAAG,KAXP;AAYJC,IAAAA,KAAK,EAAEC;AAZH,MAaFb,KAbJ;AAeA,QAAMY,KAAK,GAAI,GAAEC,UAAW,GAAEH,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMI,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIV,QAAQ,CAACU,CAAC,CAACC,MAAF,CAASb,KAAV,CAA3B,EAA6C,CAACE,QAAD,CAA7C,CAArB;AACA,QAAMY,SAAS,GAAGvB,UAAU,CAACa,KAAD,CAA5B;AACA,QAAMW,SAAS,GAAG,4BAActB,eAAME,OAApB,EAA6BF,eAAMe,QAAnC,EAA6Cf,eAAMU,KAAnD,EAA0DK,QAA1D,EAAoEL,KAApE,CAAlB;AACA,QAAMa,eAAe,GAAGX,WAAW,gBACjC;AAAK,IAAA,SAAS,EAAEZ,eAAMY;AAAtB,KAAoCA,WAApC,CADiC,GAE/B,IAFJ;AAGA,sBACE;AAAK,IAAA,SAAS,EAAE,yBAAWS,SAAX,EAAsBC,SAAtB,EAAiC,qBAAML,UAAN,KAAqBjB,eAAMwB,SAA5D;AAAhB,kBACE,yDACE;AAAM,IAAA,SAAS,EAAExB,eAAMgB;AAAvB,KAA+BA,KAA/B,CADF,eAEE;AACE,IAAA,SAAS,EAAEX,SADb;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,IAAI,EAAEW,KAHR;AAIE,IAAA,SAAS,EAAEhB,eAAMyB,KAJnB;AAKE,IAAA,WAAW,EAAEnB,WALf;AAME,IAAA,YAAY,EAAEE,YANhB;AAOE,IAAA,KAAK,EAAED,KAPT;AAQE,IAAA,OAAO,EAAEW,YARX;AASE,IAAA,QAAQ,EAAEL,QATZ;AAUE,IAAA,QAAQ;AAVV,IAFF,CADF,EAgBGU,eAhBH,CADF;AAoBD,CA3CD;;AA6CApB,SAAS,CAACuB,SAAV,2CAAsB;AACpBrB,EAAAA,SAAS,EAAEsB,mBAAUC,IADD;AAEpBZ,EAAAA,KAAK,EAAEW,mBAAUE,MAFG;AAGpBvB,EAAAA,WAAW,EAAEqB,mBAAUE,MAHH;AAIpBrB,EAAAA,YAAY,EAAEmB,mBAAUE,MAJJ;AAKpBlB,EAAAA,KAAK,EAAEgB,mBAAUG,KAAV,CAAgB,oBAAKhC,UAAL,CAAhB,CALa;AAMpBe,EAAAA,QAAQ,EAAEc,mBAAUC,IANA;AAOpBd,EAAAA,QAAQ,EAAEa,mBAAUC,IAPA;AAQpBrB,EAAAA,KAAK,EAAEoB,mBAAUE,MARG;AASpBnB,EAAAA,KAAK,EAAEiB,mBAAUE,MATG;AAUpBpB,EAAAA,QAAQ,EAAEkB,mBAAUI,IAVA;AAWpBnB,EAAAA,WAAW,EAAEe,mBAAUE,MAXH;AAYpBd,EAAAA,QAAQ,EAAEY,mBAAUC;AAZA,CAAtB;eAcezB,S","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  cockpit: style.cockpit,\n  default: style.default\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    defaultValue,\n    onChange = noop,\n    error,\n    theme = 'default',\n    description,\n    disabled,\n    required,\n    modified = false,\n    title: propsTitle\n  } = props;\n\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n  return (\n    <div className={classnames(mainClass, className, isNil(propsTitle) && style.isNoTitle)}>\n      <label>\n        <span className={style.title}>{title}</span>\n        <input\n          autoFocus={autoFocus}\n          type=\"text\"\n          name={title}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          onChange={noop}\n        />\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  required: PropTypes.bool,\n  value: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool\n};\nexport default InputText;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["themeStyle","setup","style","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","required","modified","title","propsTitle","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","PropTypes","bool","string","oneOf","func"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEC,eAAMD,KADI;AAEjBE,EAAAA,YAAY,EAAED,eAAMC,YAFH;AAGjBC,EAAAA,OAAO,EAAEF,eAAME,OAHE;AAIjBC,EAAAA,OAAO,EAAEH,eAAMG;AAJE,CAAnB;;AAMA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AACJC,IAAAA,SAAS,GAAG,KADR;AAEJC,IAAAA,WAAW,GAAG,EAFV;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,IAJI;AAKJC,IAAAA,YALI;AAMJC,IAAAA,QAAQ,iBANJ;AAOJC,IAAAA,KAPI;AAQJC,IAAAA,KARI;AASJC,IAAAA,KAAK,GAAG,SATJ;AAUJC,IAAAA,WAVI;AAWJC,IAAAA,QAXI;AAYJC,IAAAA,QAZI;AAaJC,IAAAA,QAAQ,GAAG,KAbP;AAcJC,IAAAA,KAAK,EAAEC;AAdH,MAeFf,KAfJ;AAiBA,QAAMc,KAAK,GAAI,GAAEC,UAAW,GAAEH,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMI,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIX,QAAQ,CAACW,CAAC,CAACC,MAAF,CAASf,KAAV,CAA3B,EAA6C,CAACG,QAAD,CAA7C,CAArB;AACA,QAAMa,SAAS,GAAG1B,UAAU,CAACgB,KAAD,CAA5B;AACA,QAAMW,SAAS,GAAG,4BAAczB,eAAMG,OAApB,EAA6BH,eAAMkB,QAAnC,EAA6ClB,eAAMY,KAAnD,EAA0DM,QAA1D,EAAoEN,KAApE,CAAlB;AACA,QAAMc,eAAe,GACnBX,WAAW,IAAID,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEd,eAAMe;AAAtB,KAAoCA,WAApC,CADF,GAEI,IAHN;AAIA,QAAMY,WAAW,GACfZ,WAAW,IAAID,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEd,eAAM4B;AAAtB,kBACE,6BAAC,qDAAD;AAAU,IAAA,SAAS,EAAE5B,eAAM6B;AAA3B,IADF,eAEE;AAAK,IAAA,SAAS,EAAE7B,eAAM8B;AAAtB,KAAyCf,WAAzC,CAFF,CADF,GAKI,IANN;AAOA,QAAMgB,QAAQ,GACZjB,KAAK,KAAK,cAAV,gBACE;AACE,IAAA,SAAS,EAAEd,eAAMS,IADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACuB,MAAAA,MAAM,EAAEpB,KAAK,IAAIH;AAAlB;AAH3B,IADF,GAMI,IAPN;AAQA,QAAMwB,aAAa,GAAGrB,KAAK,gBAAG,6BAAC,+BAAD;AAAW,IAAA,SAAS,EAAEZ,eAAMkC;AAA5B,IAAH,GAA8C,IAAzE;AACA,QAAMC,aAAa,GAAGtB,KAAK,gBAAG,6BAAC,sCAAD;AAAW,IAAA,SAAS,EAAEb,eAAMkC;AAA5B,IAAH,GAA8C,IAAzE;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTV,SADS,EAETC,SAFS,EAGTT,QAAQ,IAAIhB,eAAMgB,QAHT,EAIT,qBAAMI,UAAN,KAAqBpB,eAAMoC,SAJlB;AADb,kBAQE,yDACE;AAAM,IAAA,SAAS,EAAE,yBAAWpC,eAAMmB,KAAjB,EAAwB,uBAAQX,KAAR,KAAkBR,eAAMqC,OAAhD;AAAjB,KACGlB,KADH,EAEGQ,WAFH,CADF,eAME;AACE,IAAA,SAAS,EAAErB,SADb;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,IAAI,EAAEa,KAHR;AAIE,IAAA,SAAS,EAAEnB,eAAMsC,KAJnB;AAKE,IAAA,WAAW,EAAE/B,WALf;AAME,IAAA,YAAY,EAAEG,YANhB;AAOE,IAAA,YAAY,EAAE,KAPhB;AAQE,IAAA,KAAK,EAAEF,KART;AASE,IAAA,OAAO,EAAEa,YATX;AAUE,IAAA,QAAQ,EAAEL,QAVZ;AAWE,IAAA,QAAQ;AAXV,IANF,EAmBGiB,aAnBH,EAoBGE,aApBH,EAqBGJ,QArBH,CARF,EA+BGL,eA/BH,CADF;AAmCD,CA9ED;;AAgFAtB,SAAS,CAACmC,SAAV,2CAAsB;AACpBjC,EAAAA,SAAS,EAAEkC,mBAAUC,IADD;AAEpBtB,EAAAA,KAAK,EAAEqB,mBAAUE,MAFG;AAGpBnC,EAAAA,WAAW,EAAEiC,mBAAUE,MAHH;AAIpBhC,EAAAA,YAAY,EAAE8B,mBAAUE,MAJJ;AAKpB5B,EAAAA,KAAK,EAAE0B,mBAAUG,KAAV,CAAgB,oBAAK7C,UAAL,CAAhB,CALa;AAMpBkB,EAAAA,QAAQ,EAAEwB,mBAAUC,IANA;AAOpBxB,EAAAA,QAAQ,EAAEuB,mBAAUC,IAPA;AAQpBjC,EAAAA,KAAK,EAAEgC,mBAAUE,MARG;AASpBjC,EAAAA,IAAI,EAAE+B,mBAAUE,MATI;AAUpB9B,EAAAA,KAAK,EAAE4B,mBAAUE,MAVG;AAWpB/B,EAAAA,QAAQ,EAAE6B,mBAAUI,IAXA;AAYpB7B,EAAAA,WAAW,EAAEyB,mBAAUE,MAZH;AAapBxB,EAAAA,QAAQ,EAAEsB,mBAAUC,IAbA;AAcpB5B,EAAAA,KAAK,EAAE2B,mBAAUC;AAdG,CAAtB;eAgBerC,S","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.default\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    required,\n    modified = false,\n    title: propsTitle\n  } = props;\n\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, 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 = error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\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          {title}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type=\"text\"\n          name={title}\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        />\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  required: 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 InputText;\n"],"file":"index.js"}

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

@@ -5,6 +5,15 @@
 @value dark from colors;
 @value grey from colors;
 @value medium from colors;
+@value xtraLightGrey from colors;
+@value cm_positive_100 from colors;
+@value cm_negative_100 from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_150 from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
 
 .default {
   display: flex;
@@ -64,7 +73,7 @@
   bottom: 65px;
   left: 20px;
   max-width: 380px;
-  transition: opacity 0.5s ease-in;
+  transition: opacity 0.25s ease-in;
 }
 .cockpit .description:after {
   content: "";
@@ -168,3 +177,222 @@
   color: medium;
   font-style: italic;
 }
+/******************************* coorpmanager theme ***************************************/
+
+
+.coorpmanager {
+  width: 300px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex-wrap: nowrap;
+}
+
+.coorpmanager label {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  position: relative;
+  height: 64px;
+}
+
+.coorpmanager .title {
+  flex-grow: 0;
+  font-family: Gilroy;
+  font-size: 10px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.2;
+  letter-spacing: normal;
+  text-align: left;
+  z-index: 1;
+  color: cm_grey_400;
+  width: auto;
+  transition: all 0.25s linear;
+  pointer-events: none;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  position: absolute;
+  top: 7px;
+  left: 16px;
+}
+
+.coorpmanager .title.noValue .infoIcon {
+  height: 10px;
+  width: 10px;
+  line-height: 12px;
+  color: cm_grey_500;
+}
+
+.coorpmanager input {
+  width: 300px;
+  height: 44px;
+  margin: 0px;
+  flex-grow: 0;
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  padding: 19px 30px 5px 16px;
+  border-radius: 7px;
+  background-color: cm_grey_100;
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 44px;
+  letter-spacing: normal;
+  text-align: left;
+  color: cm_grey_700;
+  border: none;
+  transition: all 0.25s linear;
+  outline: none;
+  display: flex;
+}
+
+.coorpmanager .title.noValue{
+  font-size: 14px;
+  font-weight: 500;
+  color: cm_grey_700;
+  top: 14px;
+}
+
+.coorpmanager:focus-within .title.noValue {
+  font-size: 10px;
+  font-weight: bold;
+  color: cm_grey_400;
+  top: 7px;
+}
+
+.coorpmanager:focus-within input::placeholder {
+  color: cm_grey_400;
+}
+
+.coorpmanager:focus-within .title.noValue .infoIcon {
+  width: 8px;
+  height: 8px;
+  line-height: 12px;
+  color: cm_grey_400;
+}
+
+.coorpmanager input:hover {
+  background-color: cm_grey_150;
+}
+
+.coorpmanager input::placeholder {
+  color: transparent;
+  transition: color 0.25s linear;
+}
+
+.coorpmanager .hint {
+  flex-grow: 0;
+  opacity: 0.5;
+  font-family: Gilroy;
+  font-size: 10px;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.2;
+  letter-spacing: normal;
+  text-align: left;
+  padding-top: 8px;
+  color: cm_grey_700;
+}
+
+.coorpmanager.error .hint {
+  color: cm_negative_100;
+}
+
+.coorpmanager.error .leftIcon {
+  background-color: cm_negative_100;
+  color: white;
+  border-radius: 50%;
+  padding: 2px;
+  width: 10px;
+  height: 10px;
+  right: 17px;
+  top: 14px;
+}
+
+.coorpmanager .leftIcon {
+  color: cm_positive_100;
+  width: 17px;
+  height: 17px;
+  position: absolute;
+  right: 16px;
+  top: 13px;
+}
+
+.coorpmanager.disabled {
+  opacity: 0.5;
+}
+
+.coorpmanager .infoIconWrapper {
+  overflow: visible;
+  height: 12px;
+  margin: 0px 4px;
+  cursor: pointer;
+  pointer-events: fill;
+  position: relative;
+}
+
+.coorpmanager .infoIcon {
+  cursor: pointer;
+  width: 8px;
+  height: 8px;
+  line-height: 16px;
+  color: cm_grey_400;
+  transition: all 0.25s linear;
+}
+
+.coorpmanager .infoIconWrapper:hover .descriptionLabel {
+  visibility: visible;
+  opacity: 1;
+}
+
+.coorpmanager .descriptionLabel {
+  margin: 0 1px 18px 0;
+  padding: 8px 16px;
+  border-radius: 7px;
+  background-color: cm_grey_700;
+  flex-grow: 0;
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.43;
+  letter-spacing: normal;
+  text-align: center;
+  color: white;
+  padding: 8px 16px;
+  max-width: 200px;
+  position: absolute;
+  left: -24px;
+  z-index: 3;
+  bottom: 5px;
+  width: max-content;
+  visibility: hidden;
+  opacity: 0s
+}
+
+.coorpmanager .descriptionLabel::after{
+  content:'';
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-top: 6px solid cm_grey_700;
+  position: absolute;
+  bottom: -6px;
+  left: 21px;
+}
+.coorpmanager .title.noValue .descriptionLabel::after{
+  left: 22px;
+}
+.coorpmanager:focus-within .title.noValue .descriptionLabel::after{
+  left: 21px;
+}

package/lib/atom/input-text/test/fixtures/cm-default.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'text',
+    title: 'Input name',
+    hint: 'Hint <span style="color:red;">10<span>/40',
+    placeholder: 'This is an input',
+    theme: 'coorpmanager',
+    description: 'This is the tooltip text',
+    value: 'This is an input',
+    disabled: false,
+    valid: false,
+    error: '',
+    required: true,
+    onChange: value => console.log(value)
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=cm-default.js.map

package/lib/atom/input-text/test/fixtures/cm-default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-text/test/fixtures/cm-default.js"],"names":["props","type","title","hint","placeholder","theme","description","value","disabled","valid","error","required","onChange","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,MADD;AAELC,IAAAA,KAAK,EAAE,YAFF;AAGLC,IAAAA,IAAI,EAAE,2CAHD;AAILC,IAAAA,WAAW,EAAE,kBAJR;AAKLC,IAAAA,KAAK,EAAE,cALF;AAMLC,IAAAA,WAAW,EAAE,0BANR;AAOLC,IAAAA,KAAK,EAAE,kBAPF;AAQLC,IAAAA,QAAQ,EAAE,KARL;AASLC,IAAAA,KAAK,EAAE,KATF;AAULC,IAAAA,KAAK,EAAE,EAVF;AAWLC,IAAAA,QAAQ,EAAE,IAXL;AAYLC,IAAAA,QAAQ,EAAEL,KAAK,IAAIM,OAAO,CAACC,GAAR,CAAYP,KAAZ;AAZd;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'text',\n    title: 'Input name',\n    hint: 'Hint <span style=\"color:red;\">10<span>/40',\n    placeholder: 'This is an input',\n    theme: 'coorpmanager',\n    description: 'This is the tooltip text',\n    value: 'This is an input',\n    disabled: false,\n    valid: false,\n    error: '',\n    required: true,\n    onChange: value => console.log(value)\n  }\n};\n"],"file":"cm-default.js"}

package/lib/atom/input-text/test/fixtures.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _disabled = _interopRequireDefault(require("./fixtures/disabled"));
+
+var _empty = _interopRequireDefault(require("./fixtures/empty"));
+
+var _error = _interopRequireDefault(require("./fixtures/error"));
+
+var _modified = _interopRequireDefault(require("./fixtures/modified"));
+
+var _notitle = _interopRequireDefault(require("./fixtures/notitle"));
+
+var _required = _interopRequireDefault(require("./fixtures/required"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Atom › AtomInputText > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomInputText.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Atom › AtomInputText › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Atom › AtomInputText › Disabled › should be rendered', _renderComponent.default, _.default, _disabled.default);
+(0, _ava.default)('Atom › AtomInputText › Empty › should be rendered', _renderComponent.default, _.default, _empty.default);
+(0, _ava.default)('Atom › AtomInputText › Error › should be rendered', _renderComponent.default, _.default, _error.default);
+(0, _ava.default)('Atom › AtomInputText › Modified › should be rendered', _renderComponent.default, _.default, _modified.default);
+(0, _ava.default)('Atom › AtomInputText › Notitle › should be rendered', _renderComponent.default, _.default, _notitle.default);
+(0, _ava.default)('Atom › AtomInputText › Required › should be rendered', _renderComponent.default, _.default, _required.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/atom/input-text/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/input-text/test/fixtures.js"],"names":["t","pass","AtomInputText","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureDisabled","fixtureEmpty","fixtureError","fixtureModified","fixtureNotitle","fixtureRequired"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,oDAAL,EAA2DA,CAAC,IAAI;AAC9DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAcC,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,8CAA6CF,GAAI,mEAA1E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,qDAAL,EAA4DG,wBAA5D,EAAkFN,SAAlF,EAAiGO,gBAAjG;AACA,kBAAK,sDAAL,EAA6DD,wBAA7D,EAAmFN,SAAnF,EAAkGQ,iBAAlG;AACA,kBAAK,mDAAL,EAA0DF,wBAA1D,EAAgFN,SAAhF,EAA+FS,cAA/F;AACA,kBAAK,mDAAL,EAA0DH,wBAA1D,EAAgFN,SAAhF,EAA+FU,cAA/F;AACA,kBAAK,sDAAL,EAA6DJ,wBAA7D,EAAmFN,SAAnF,EAAkGW,iBAAlG;AACA,kBAAK,qDAAL,EAA4DL,wBAA5D,EAAkFN,SAAlF,EAAiGY,gBAAjG;AACA,kBAAK,sDAAL,EAA6DN,wBAA7D,EAAmFN,SAAnF,EAAkGa,iBAAlG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputText from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureNotitle from './fixtures/notitle';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputText > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputText.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputText.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputText › Default › should be rendered', renderComponentMacro, AtomInputText, fixtureDefault);\ntest('Atom › AtomInputText › Disabled › should be rendered', renderComponentMacro, AtomInputText, fixtureDisabled);\ntest('Atom › AtomInputText › Empty › should be rendered', renderComponentMacro, AtomInputText, fixtureEmpty);\ntest('Atom › AtomInputText › Error › should be rendered', renderComponentMacro, AtomInputText, fixtureError);\ntest('Atom › AtomInputText › Modified › should be rendered', renderComponentMacro, AtomInputText, fixtureModified);\ntest('Atom › AtomInputText › Notitle › should be rendered', renderComponentMacro, AtomInputText, fixtureNotitle);\ntest('Atom › AtomInputText › Required › should be rendered', renderComponentMacro, AtomInputText, fixtureRequired);\n"],"file":"fixtures.js"}

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

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
 
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
@@ -13,6 +15,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _getClassState = _interopRequireDefault(require("../../util/get-class-state"));
 
 var _style = _interopRequireDefault(require("./style.css"));
@@ -25,6 +29,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const themeStyle = {
   setup: _style.default.setup,
+  coorpmanager: _style.default.coorpmanager,
   cockpit: _style.default.cockpit,
   default: _style.default.default
 };
@@ -35,9 +40,11 @@ const InputTextarea = props => {
     name,
     placeholder,
     value,
+    hint,
     theme = 'default',
     onChange = _noop2.default,
     error,
+    valid,
     required,
     description,
     disabled,
@@ -47,22 +54,40 @@ const InputTextarea = props => {
   const mainClass = themeStyle[theme];
   const className = (0, _getClassState.default)(_style.default.default, _style.default.modified, _style.default.error, modified, error);
   const handleChange = (0, _react.useMemo)(() => e => onChange(e.target.value), [onChange]);
+  const descriptionView = description && theme !== 'coorpmanager' ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.description
+  }, description) : null;
+  const toolTipView = description && theme === 'coorpmanager' ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.infoIconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyInformationIcon, {
+    className: _style.default.infoIcon
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.descriptionLabel
+  }, description)) : null;
+  const hintView = theme === 'coorpmanager' ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.hint // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: error || hint
+    }
+  }) : null;
+  const errorIconView = error ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
+    className: _style.default.leftIcon
+  }) : null;
+  const validIconView = valid ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusCheckCircle2, {
+    className: _style.default.leftIcon
+  }) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(mainClass, className)
+    className: (0, _classnames.default)(mainClass, className, disabled && _style.default.disabled)
   }, /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.title
-  }, title), /*#__PURE__*/_react.default.createElement("textarea", {
+    className: (0, _classnames.default)(_style.default.title, (0, _isEmpty2.default)(value) && _style.default.noValue)
+  }, title, toolTipView), /*#__PURE__*/_react.default.createElement("textarea", {
     name: name,
     defaultValue: value,
     placeholder: placeholder,
     onInput: handleChange,
-    disabled: disabled,
-    style: {
-      resize: 'none'
-    }
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.description
-  }, description));
+    disabled: disabled
+  }), errorIconView, validIconView, hintView), descriptionView);
 };
 
 InputTextarea.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -73,10 +98,12 @@ InputTextarea.propTypes = process.env.NODE_ENV !== "production" ? {
   theme: _propTypes.default.oneOf((0, _keys2.default)(themeStyle)),
   disabled: _propTypes.default.bool,
   value: _propTypes.default.string,
+  hint: _propTypes.default.string,
   error: _propTypes.default.string,
   onChange: _propTypes.default.func,
   description: _propTypes.default.string,
-  modified: _propTypes.default.bool
+  modified: _propTypes.default.bool,
+  valid: _propTypes.default.bool
 } : {};
 var _default = InputTextarea;
 exports.default = _default;