@coorpacademy/components 10.1.1 → 10.1.2

package/es/atom/bullet-point-menu-button/test/fixtures.js

@@ -0,0 +1,27 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import AtomButton from '..';
+import fixtureA from './fixtures/a';
+import fixtureClassName from './fixtures/class-name';
+import fixtureClear from './fixtures/clear';
+import fixtureDefault from './fixtures/default';
+import fixtureDisabled from './fixtures/disabled';
+import fixtureDownload from './fixtures/download';
+import fixtureLink from './fixtures/link';
+import fixtureSso from './fixtures/sso';
+test('Atom › AtomButton > should have valid propTypes', t => {
+  t.pass();
+  forEach(AtomButton.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomButton.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Atom › AtomButton › A › should be rendered', renderComponentMacro, AtomButton, fixtureA);
+test('Atom › AtomButton › ClassName › should be rendered', renderComponentMacro, AtomButton, fixtureClassName);
+test('Atom › AtomButton › Clear › should be rendered', renderComponentMacro, AtomButton, fixtureClear);
+test('Atom › AtomButton › Default › should be rendered', renderComponentMacro, AtomButton, fixtureDefault);
+test('Atom › AtomButton › Disabled › should be rendered', renderComponentMacro, AtomButton, fixtureDisabled);
+test('Atom › AtomButton › Download › should be rendered', renderComponentMacro, AtomButton, fixtureDownload);
+test('Atom › AtomButton › Link › should be rendered', renderComponentMacro, AtomButton, fixtureLink);
+test('Atom › AtomButton › Sso › should be rendered', renderComponentMacro, AtomButton, fixtureSso);
+//# sourceMappingURL=fixtures.js.map

package/es/atom/bullet-point-menu-button/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/bullet-point-menu-button/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomButton","fixtureA","fixtureClassName","fixtureClear","fixtureDefault","fixtureDisabled","fixtureDownload","fixtureLink","fixtureSso","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,UAAP,MAAuB,IAAvB;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AAEAX,IAAI,CAAC,iDAAD,EAAoDY,CAAC,IAAI;AAC3DA,EAAAA,CAAC,CAACC,IAAF;AACAZ,EAAAA,OAAO,CAACE,UAAU,CAACW,SAAZ,EAAuB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC5CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2CAA0CF,GAAI,mEAAvE;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAhB,IAAI,CAAC,4CAAD,EAA+CE,oBAA/C,EAAqEC,UAArE,EAAiFC,QAAjF,CAAJ;AACAJ,IAAI,CAAC,oDAAD,EAAuDE,oBAAvD,EAA6EC,UAA7E,EAAyFE,gBAAzF,CAAJ;AACAL,IAAI,CAAC,gDAAD,EAAmDE,oBAAnD,EAAyEC,UAAzE,EAAqFG,YAArF,CAAJ;AACAN,IAAI,CAAC,kDAAD,EAAqDE,oBAArD,EAA2EC,UAA3E,EAAuFI,cAAvF,CAAJ;AACAP,IAAI,CAAC,mDAAD,EAAsDE,oBAAtD,EAA4EC,UAA5E,EAAwFK,eAAxF,CAAJ;AACAR,IAAI,CAAC,mDAAD,EAAsDE,oBAAtD,EAA4EC,UAA5E,EAAwFM,eAAxF,CAAJ;AACAT,IAAI,CAAC,+CAAD,EAAkDE,oBAAlD,EAAwEC,UAAxE,EAAoFO,WAApF,CAAJ;AACAV,IAAI,CAAC,8CAAD,EAAiDE,oBAAjD,EAAuEC,UAAvE,EAAmFQ,UAAnF,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButton from '..';\nimport fixtureA from './fixtures/a';\nimport fixtureClassName from './fixtures/class-name';\nimport fixtureClear from './fixtures/clear';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureDownload from './fixtures/download';\nimport fixtureLink from './fixtures/link';\nimport fixtureSso from './fixtures/sso';\n\ntest('Atom › AtomButton > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomButton.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomButton.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomButton › A › should be rendered', renderComponentMacro, AtomButton, fixtureA);\ntest('Atom › AtomButton › ClassName › should be rendered', renderComponentMacro, AtomButton, fixtureClassName);\ntest('Atom › AtomButton › Clear › should be rendered', renderComponentMacro, AtomButton, fixtureClear);\ntest('Atom › AtomButton › Default › should be rendered', renderComponentMacro, AtomButton, fixtureDefault);\ntest('Atom › AtomButton › Disabled › should be rendered', renderComponentMacro, AtomButton, fixtureDisabled);\ntest('Atom › AtomButton › Download › should be rendered', renderComponentMacro, AtomButton, fixtureDownload);\ntest('Atom › AtomButton › Link › should be rendered', renderComponentMacro, AtomButton, fixtureLink);\ntest('Atom › AtomButton › Sso › should be rendered', renderComponentMacro, AtomButton, fixtureSso);\n"],"file":"fixtures.js"}

package/es/atom/button/index.js

@@ -82,6 +82,7 @@ ButtonContent.propTypes = process.env.NODE_ENV !== "production" ? {
 const Button = props => {
   const {
     className,
+    buttonContentClassName,
     isLinkDisabled,
     type = 'submit',
     children,
@@ -92,7 +93,7 @@ const Button = props => {
     className: cNames
   }, /*#__PURE__*/React.createElement(ButtonContent, _extends({}, props, {
     type: type,
-    className: cssStyle.buttonContent,
+    className: buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent,
     style: _extends({}, style)
   }), children));
 };
@@ -109,6 +110,7 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func,
   children: PropTypes.node,
   className: PropTypes.string,
+  buttonContentClassName: PropTypes.string,
   style: PropTypes.shape({}),
   'data-name': PropTypes.string
 } : {};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/button/index.js"],"names":["React","PropTypes","classnames","ColorPropType","Link","cssStyle","ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","button","children","type","style","dataName","anchorClassName","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","propTypes","string","bool","oneOf","func","node","shape","Button","isLinkDisabled","cNames","buttonContent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className = cssStyle.button,\n    children,\n    type,\n    style,\n    'data-name': dataName\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    default:\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string\n};\n\nconst Button = props => {\n  const {className, isLinkDisabled, type = 'submit', children, style} = props;\n  const cNames =\n    (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n    classnames([cssStyle.button, className]);\n  return (\n    <div className={cNames}>\n      <ButtonContent\n        {...props}\n        type={type}\n        className={cssStyle.buttonContent}\n        style={{\n          ...style\n        }}\n      >\n        {children}\n      </ButtonContent>\n    </div>\n  );\n};\n\nButton.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  isLinkDisabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string\n};\n\nexport default Button;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/button/index.js"],"names":["React","PropTypes","classnames","ColorPropType","Link","cssStyle","ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","button","children","type","style","dataName","anchorClassName","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","propTypes","string","bool","oneOf","func","node","shape","Button","buttonContentClassName","isLinkDisabled","cNames","buttonContent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className = cssStyle.button,\n    children,\n    type,\n    style,\n    'data-name': dataName\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    default:\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string\n};\n\nconst Button = props => {\n  const {\n    className,\n    buttonContentClassName,\n    isLinkDisabled,\n    type = 'submit',\n    children,\n    style\n  } = props;\n  const cNames =\n    (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n    classnames([cssStyle.button, className]);\n  return (\n    <div className={cNames}>\n      <ButtonContent\n        {...props}\n        type={type}\n        className={buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent}\n        style={{\n          ...style\n        }}\n      >\n        {children}\n      </ButtonContent>\n    </div>\n  );\n};\n\nButton.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  isLinkDisabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  buttonContentClassName: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string\n};\n\nexport default Button;\n"],"file":"index.js"}

package/es/atom/content-badge/index.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import style from './style.css';
 
-const ContentBagde = props => {
+const ContentBadge = props => {
   const {
     category,
     label
@@ -13,9 +13,9 @@ const ContentBagde = props => {
   }, label);
 };
 
-ContentBagde.propTypes = process.env.NODE_ENV !== "production" ? {
-  category: PropTypes.string,
+ContentBadge.propTypes = process.env.NODE_ENV !== "production" ? {
+  category: PropTypes.oneOf(['base', 'advanced', 'coach', 'chapter', 'scorm', 'video', 'article', 'podcast']),
   label: PropTypes.string
 } : {};
-export default ContentBagde;
+export default ContentBadge;
 //# sourceMappingURL=index.js.map

package/es/atom/content-badge/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/content-badge/index.js"],"names":["React","PropTypes","classnames","style","ContentBagde","props","category","label","base","advanced","coach","chapter","scorm","video","article","podcast","propTypes","string"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,QAAD;AAAWC,IAAAA;AAAX,MAAoBF,KAA1B;AACA,sBACE;AACE,IAAA,SAAS,EAAEH,UAAU,CACnBI,QAAQ,KAAK,MAAb,IAAuBH,KAAK,CAACK,IADV,EAEnBF,QAAQ,KAAK,UAAb,IAA2BH,KAAK,CAACM,QAFd,EAGnBH,QAAQ,KAAK,OAAb,IAAwBH,KAAK,CAACO,KAHX,EAInBJ,QAAQ,KAAK,SAAb,IAA0BH,KAAK,CAACQ,OAJb,EAKnBL,QAAQ,KAAK,OAAb,IAAwBH,KAAK,CAACS,KALX,EAMnBN,QAAQ,KAAK,OAAb,IAAwBH,KAAK,CAACU,KANX,EAOnBP,QAAQ,KAAK,SAAb,IAA0BH,KAAK,CAACW,OAPb,EAQnBR,QAAQ,KAAK,SAAb,IAA0BH,KAAK,CAACY,OARb;AADvB,KAYGR,KAZH,CADF;AAgBD,CAlBD;;AAoBAH,YAAY,CAACY,SAAb,2CAAyB;AACvBV,EAAAA,QAAQ,EAAEL,SAAS,CAACgB,MADG;AAEvBV,EAAAA,KAAK,EAAEN,SAAS,CAACgB;AAFM,CAAzB;AAKA,eAAeb,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst ContentBagde = props => {\n  const {category, label} = props;\n  return (\n    <span\n      className={classnames(\n        category === 'base' && style.base,\n        category === 'advanced' && style.advanced,\n        category === 'coach' && style.coach,\n        category === 'chapter' && style.chapter,\n        category === 'scorm' && style.scorm,\n        category === 'video' && style.video,\n        category === 'article' && style.article,\n        category === 'podcast' && style.podcast\n      )}\n    >\n      {label}\n    </span>\n  );\n};\n\nContentBagde.propTypes = {\n  category: PropTypes.string,\n  label: PropTypes.string\n};\n\nexport default ContentBagde;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/content-badge/index.js"],"names":["React","PropTypes","classnames","style","ContentBadge","props","category","label","base","advanced","coach","chapter","scorm","video","article","podcast","propTypes","oneOf","string"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,QAAD;AAAWC,IAAAA;AAAX,MAAoBF,KAA1B;AACA,sBACE;AACE,IAAA,SAAS,EAAEH,UAAU,CACnBI,QAAQ,KAAK,MAAb,IAAuBH,KAAK,CAACK,IADV,EAEnBF,QAAQ,KAAK,UAAb,IAA2BH,KAAK,CAACM,QAFd,EAGnBH,QAAQ,KAAK,OAAb,IAAwBH,KAAK,CAACO,KAHX,EAInBJ,QAAQ,KAAK,SAAb,IAA0BH,KAAK,CAACQ,OAJb,EAKnBL,QAAQ,KAAK,OAAb,IAAwBH,KAAK,CAACS,KALX,EAMnBN,QAAQ,KAAK,OAAb,IAAwBH,KAAK,CAACU,KANX,EAOnBP,QAAQ,KAAK,SAAb,IAA0BH,KAAK,CAACW,OAPb,EAQnBR,QAAQ,KAAK,SAAb,IAA0BH,KAAK,CAACY,OARb;AADvB,KAYGR,KAZH,CADF;AAgBD,CAlBD;;AAoBAH,YAAY,CAACY,SAAb,2CAAyB;AACvBV,EAAAA,QAAQ,EAAEL,SAAS,CAACgB,KAAV,CAAgB,CACxB,MADwB,EAExB,UAFwB,EAGxB,OAHwB,EAIxB,SAJwB,EAKxB,OALwB,EAMxB,OANwB,EAOxB,SAPwB,EAQxB,SARwB,CAAhB,CADa;AAWvBV,EAAAA,KAAK,EAAEN,SAAS,CAACiB;AAXM,CAAzB;AAcA,eAAed,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst ContentBadge = props => {\n  const {category, label} = props;\n  return (\n    <span\n      className={classnames(\n        category === 'base' && style.base,\n        category === 'advanced' && style.advanced,\n        category === 'coach' && style.coach,\n        category === 'chapter' && style.chapter,\n        category === 'scorm' && style.scorm,\n        category === 'video' && style.video,\n        category === 'article' && style.article,\n        category === 'podcast' && style.podcast\n      )}\n    >\n      {label}\n    </span>\n  );\n};\n\nContentBadge.propTypes = {\n  category: PropTypes.oneOf([\n    'base',\n    'advanced',\n    'coach',\n    'chapter',\n    'scorm',\n    'video',\n    'article',\n    'podcast'\n  ]),\n  label: PropTypes.string\n};\n\nexport default ContentBadge;\n"],"file":"index.js"}

package/es/atom/input-checkbox/test/fixtures.js

@@ -2,7 +2,6 @@ import test from 'ava';
 import forEach from 'lodash/forEach';
 import renderComponentMacro from '../../../test/helpers/render-component';
 import AtomInputCheckbox from '..';
-import fixtureCheckedDisabled from './fixtures/checked-disabled';
 import fixtureChecked from './fixtures/checked';
 import fixtureDefault from './fixtures/default';
 import fixtureDisabled from './fixtures/disabled';
@@ -15,7 +14,6 @@ test('Atom › AtomInputCheckbox > should have valid propTypes', t => {
     t.not(value, undefined, `PropType for "Atom.AtomInputCheckbox.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
-test('Atom › AtomInputCheckbox › CheckedDisabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureCheckedDisabled);
 test('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);
 test('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);
 test('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);

package/es/atom/input-checkbox/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/input-checkbox/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputCheckbox","fixtureCheckedDisabled","fixtureChecked","fixtureDefault","fixtureDisabled","fixtureError","fixtureModified","fixtureRequired","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAV,IAAI,CAAC,wDAAD,EAA2DW,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAX,EAAAA,OAAO,CAACE,iBAAiB,CAACU,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAf,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GC,sBAA7G,CAAJ;AACAJ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGG,cAArG,CAAJ;AACAN,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGI,eAAtG,CAAJ;AACAP,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,iBAAhF,EAAmGK,YAAnG,CAAJ;AACAR,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGM,eAAtG,CAAJ;AACAT,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGO,eAAtG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputCheckbox from '..';\nimport fixtureCheckedDisabled from './fixtures/checked-disabled';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputCheckbox > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputCheckbox.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputCheckbox › CheckedDisabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureCheckedDisabled);\ntest('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);\ntest('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);\ntest('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);\ntest('Atom › AtomInputCheckbox › Error › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureError);\ntest('Atom › AtomInputCheckbox › Modified › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureModified);\ntest('Atom › AtomInputCheckbox › Required › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureRequired);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/input-checkbox/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputCheckbox","fixtureChecked","fixtureDefault","fixtureDisabled","fixtureError","fixtureModified","fixtureRequired","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAT,IAAI,CAAC,wDAAD,EAA2DU,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAV,EAAAA,OAAO,CAACE,iBAAiB,CAACS,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAd,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGC,cAArG,CAAJ;AACAJ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGG,eAAtG,CAAJ;AACAN,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,iBAAhF,EAAmGI,YAAnG,CAAJ;AACAP,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGK,eAAtG,CAAJ;AACAR,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGM,eAAtG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputCheckbox from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputCheckbox > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputCheckbox.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);\ntest('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);\ntest('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);\ntest('Atom › AtomInputCheckbox › Error › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureError);\ntest('Atom › AtomInputCheckbox › Modified › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureModified);\ntest('Atom › AtomInputCheckbox › Required › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureRequired);\n"],"file":"fixtures.js"}

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

@@ -46,7 +46,7 @@ const InputText = props => {
   }), /*#__PURE__*/React.createElement("div", {
     className: style.descriptionLabel
   }, description)) : null;
-  const hintView = error || hint ? /*#__PURE__*/React.createElement("div", {
+  const hintView = theme === 'coorpmanager' ? /*#__PURE__*/React.createElement("div", {
     className: style.hint // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","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","bool","string","oneOf","func"],"mappings":"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","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    error || hint ? (\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"}
+{"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","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","bool","string","oneOf","func"],"mappings":"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","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/es/atom/input-text/style.css

@@ -193,7 +193,8 @@
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  height: 0px;
+  position: relative;
+  height: 64px;
 }
 
 .coorpmanager .title {
@@ -206,7 +207,6 @@
   line-height: 1.2;
   letter-spacing: normal;
   text-align: left;
-  margin: 7px 0px -19px 16px;
   z-index: 1;
   color: cm_grey_400;
   width: auto;
@@ -215,6 +215,9 @@
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
+  position: absolute;
+  top: 7px;
+  left: 16px;
 }
 
 .coorpmanager .title.noValue .infoIcon {
@@ -256,14 +259,14 @@
   font-size: 14px;
   font-weight: 500;
   color: cm_grey_700;
-  margin: 14px 0px -30px 16px;
+  top: 14px;
 }
 
 .coorpmanager:focus-within .title.noValue {
   font-size: 10px;
   font-weight: bold;
   color: cm_grey_400;
-  margin: 7px 0px -19px 16px;
+  top: 7px;
 }
 
 .coorpmanager:focus-within input::placeholder {
@@ -283,6 +286,7 @@
 
 .coorpmanager input::placeholder {
   color: transparent;
+  transition: color 0.25s linear;
 }
 
 .coorpmanager .hint {
@@ -309,18 +313,19 @@
   color: white;
   border-radius: 50%;
   padding: 2px;
-  width: 8px;
-  height: 8px;
+  width: 10px;
+  height: 10px;
+  right: 17px;
+  top: 14px;
 }
 
 .coorpmanager .leftIcon {
   color: cm_positive_100;
-  width: 14px;
-  height: 14px;
+  width: 17px;
+  height: 17px;
   position: absolute;
-  right: 15px;
-  top: 16px;
-  line-height: 16px;
+  right: 16px;
+  top: 13px;
 }
 
 .coorpmanager.disabled {

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

@@ -1,12 +1,15 @@
+import _isEmpty from "lodash/fp/isEmpty";
 import _keys from "lodash/fp/keys";
 import _noop from "lodash/fp/noop";
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import { NovaSolidStatusCheckCircle2 as CheckIcon, NovaSolidStatusClose as ErrorIcon, NovaCompositionCoorpacademyInformationIcon as InfoIcon } from '@coorpacademy/nova-icons';
 import getClassState from '../../util/get-class-state';
 import style from './style.css';
 const themeStyle = {
   setup: style.setup,
+  coorpmanager: style.coorpmanager,
   cockpit: style.cockpit,
   default: style.default
 };
@@ -17,9 +20,11 @@ const InputTextarea = props => {
     name,
     placeholder,
     value,
+    hint,
     theme = 'default',
     onChange = _noop,
     error,
+    valid,
     required,
     description,
     disabled,
@@ -29,22 +34,40 @@ const InputTextarea = props => {
   const mainClass = themeStyle[theme];
   const className = getClassState(style.default, style.modified, style.error, modified, error);
   const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);
+  const descriptionView = description && theme !== 'coorpmanager' ? /*#__PURE__*/React.createElement("div", {
+    className: style.description
+  }, description) : null;
+  const toolTipView = description && theme === 'coorpmanager' ? /*#__PURE__*/React.createElement("div", {
+    className: style.infoIconWrapper
+  }, /*#__PURE__*/React.createElement(InfoIcon, {
+    className: style.infoIcon
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.descriptionLabel
+  }, description)) : null;
+  const hintView = theme === 'coorpmanager' ? /*#__PURE__*/React.createElement("div", {
+    className: style.hint // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: error || hint
+    }
+  }) : null;
+  const errorIconView = error ? /*#__PURE__*/React.createElement(ErrorIcon, {
+    className: style.leftIcon
+  }) : null;
+  const validIconView = valid ? /*#__PURE__*/React.createElement(CheckIcon, {
+    className: style.leftIcon
+  }) : null;
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames(mainClass, className)
+    className: classnames(mainClass, className, disabled && style.disabled)
   }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("span", {
-    className: style.title
-  }, title), /*#__PURE__*/React.createElement("textarea", {
+    className: classnames(style.title, _isEmpty(value) && style.noValue)
+  }, title, toolTipView), /*#__PURE__*/React.createElement("textarea", {
     name: name,
     defaultValue: value,
     placeholder: placeholder,
     onInput: handleChange,
-    disabled: disabled,
-    style: {
-      resize: 'none'
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: style.description
-  }, description));
+    disabled: disabled
+  }), errorIconView, validIconView, hintView), descriptionView);
 };
 
 InputTextarea.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -55,10 +78,12 @@ InputTextarea.propTypes = process.env.NODE_ENV !== "production" ? {
   theme: PropTypes.oneOf(_keys(themeStyle)),
   disabled: PropTypes.bool,
   value: PropTypes.string,
+  hint: PropTypes.string,
   error: PropTypes.string,
   onChange: PropTypes.func,
   description: PropTypes.string,
-  modified: PropTypes.bool
+  modified: PropTypes.bool,
+  valid: PropTypes.bool
 } : {};
 export default InputTextarea;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/input-textarea/index.js"],"names":["React","useMemo","PropTypes","classnames","getClassState","style","themeStyle","setup","cockpit","default","InputTextarea","props","title","propsTitle","name","placeholder","value","theme","onChange","error","required","description","disabled","modified","mainClass","className","handleChange","e","target","resize","propTypes","string","bool","oneOf","func"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEF,KAAK,CAACE,KADI;AAEjBC,EAAAA,OAAO,EAAEH,KAAK,CAACG,OAFE;AAGjBC,EAAAA,OAAO,EAAEJ,KAAK,CAACI;AAHE,CAAnB;;AAKA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,KAAK,EAAEC,UADH;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,WAHI;AAIJC,IAAAA,KAJI;AAKJC,IAAAA,KAAK,GAAG,SALJ;AAMJC,IAAAA,QAAQ,QANJ;AAOJC,IAAAA,KAPI;AAQJC,IAAAA,QARI;AASJC,IAAAA,WATI;AAUJC,IAAAA,QAVI;AAWJC,IAAAA,QAAQ,GAAG;AAXP,MAYFZ,KAZJ;AAcA,QAAMC,KAAK,GAAI,GAAEC,UAAW,GAAEO,QAAQ,GAAG,IAAH,GAAU,GAAI,EAApD;AACA,QAAMI,SAAS,GAAGlB,UAAU,CAACW,KAAD,CAA5B;AACA,QAAMQ,SAAS,GAAGrB,aAAa,CAACC,KAAK,CAACI,OAAP,EAAgBJ,KAAK,CAACkB,QAAtB,EAAgClB,KAAK,CAACc,KAAtC,EAA6CI,QAA7C,EAAuDJ,KAAvD,CAA/B;AACA,QAAMO,YAAY,GAAGzB,OAAO,CAAC,MAAM0B,CAAC,IAAIT,QAAQ,CAACS,CAAC,CAACC,MAAF,CAASZ,KAAV,CAApB,EAAsC,CAACE,QAAD,CAAtC,CAA5B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEf,UAAU,CAACqB,SAAD,EAAYC,SAAZ;AAA1B,kBACE,gDACE;AAAM,IAAA,SAAS,EAAEpB,KAAK,CAACO;AAAvB,KAA+BA,KAA/B,CADF,eAEE;AACE,IAAA,IAAI,EAAEE,IADR;AAEE,IAAA,YAAY,EAAEE,KAFhB;AAGE,IAAA,WAAW,EAAED,WAHf;AAIE,IAAA,OAAO,EAAEW,YAJX;AAKE,IAAA,QAAQ,EAAEJ,QALZ;AAME,IAAA,KAAK,EAAE;AACLO,MAAAA,MAAM,EAAE;AADH;AANT,IAFF,CADF,eAcE;AAAK,IAAA,SAAS,EAAExB,KAAK,CAACgB;AAAtB,KAAoCA,WAApC,CAdF,CADF;AAkBD,CAtCD;;AAwCAX,aAAa,CAACoB,SAAd,2CAA0B;AACxBf,EAAAA,WAAW,EAAEb,SAAS,CAAC6B,MADC;AAExBnB,EAAAA,KAAK,EAAEV,SAAS,CAAC6B,MAFO;AAGxBX,EAAAA,QAAQ,EAAElB,SAAS,CAAC8B,IAHI;AAIxBlB,EAAAA,IAAI,EAAEZ,SAAS,CAAC6B,MAJQ;AAKxBd,EAAAA,KAAK,EAAEf,SAAS,CAAC+B,KAAV,CAAgB,MAAK3B,UAAL,CAAhB,CALiB;AAMxBgB,EAAAA,QAAQ,EAAEpB,SAAS,CAAC8B,IANI;AAOxBhB,EAAAA,KAAK,EAAEd,SAAS,CAAC6B,MAPO;AAQxBZ,EAAAA,KAAK,EAAEjB,SAAS,CAAC6B,MARO;AASxBb,EAAAA,QAAQ,EAAEhB,SAAS,CAACgC,IATI;AAUxBb,EAAAA,WAAW,EAAEnB,SAAS,CAAC6B,MAVC;AAWxBR,EAAAA,QAAQ,EAAErB,SAAS,CAAC8B;AAXI,CAA1B;AAaA,eAAetB,aAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, 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 InputTextarea = props => {\n  const {\n    title: propsTitle,\n    name,\n    placeholder,\n    value,\n    theme = 'default',\n    onChange = noop,\n    error,\n    required,\n    description,\n    disabled,\n    modified = false\n  } = props;\n\n  const title = `${propsTitle}${required ? '* ' : ' '}`;\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  return (\n    <div className={classnames(mainClass, className)}>\n      <label>\n        <span className={style.title}>{title}</span>\n        <textarea\n          name={name}\n          defaultValue={value}\n          placeholder={placeholder}\n          onInput={handleChange}\n          disabled={disabled}\n          style={{\n            resize: 'none'\n          }}\n        />\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputTextarea.propTypes = {\n  placeholder: PropTypes.string,\n  title: PropTypes.string,\n  required: PropTypes.bool,\n  name: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: 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 InputTextarea;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/input-textarea/index.js"],"names":["React","useMemo","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","error","valid","required","description","disabled","modified","mainClass","className","handleChange","e","target","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","noValue","propTypes","string","bool","oneOf","func"],"mappings":";;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,2BAA2B,IAAIC,SADjC,EAEEC,oBAAoB,IAAIC,SAF1B,EAGEC,0CAA0C,IAAIC,QAHhD,QAIO,0BAJP;AAKA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEF,KAAK,CAACE,KADI;AAEjBC,EAAAA,YAAY,EAAEH,KAAK,CAACG,YAFH;AAGjBC,EAAAA,OAAO,EAAEJ,KAAK,CAACI,OAHE;AAIjBC,EAAAA,OAAO,EAAEL,KAAK,CAACK;AAJE,CAAnB;;AAMA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,KAAK,EAAEC,UADH;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,WAHI;AAIJC,IAAAA,KAJI;AAKJC,IAAAA,IALI;AAMJC,IAAAA,KAAK,GAAG,SANJ;AAOJC,IAAAA,QAAQ,QAPJ;AAQJC,IAAAA,KARI;AASJC,IAAAA,KATI;AAUJC,IAAAA,QAVI;AAWJC,IAAAA,WAXI;AAYJC,IAAAA,QAZI;AAaJC,IAAAA,QAAQ,GAAG;AAbP,MAcFd,KAdJ;AAgBA,QAAMC,KAAK,GAAI,GAAEC,UAAW,GAAES,QAAQ,GAAG,IAAH,GAAU,GAAI,EAApD;AACA,QAAMI,SAAS,GAAGrB,UAAU,CAACa,KAAD,CAA5B;AACA,QAAMS,SAAS,GAAGxB,aAAa,CAACC,KAAK,CAACK,OAAP,EAAgBL,KAAK,CAACqB,QAAtB,EAAgCrB,KAAK,CAACgB,KAAtC,EAA6CK,QAA7C,EAAuDL,KAAvD,CAA/B;AACA,QAAMQ,YAAY,GAAGlC,OAAO,CAAC,MAAMmC,CAAC,IAAIV,QAAQ,CAACU,CAAC,CAACC,MAAF,CAASd,KAAV,CAApB,EAAsC,CAACG,QAAD,CAAtC,CAA5B;AAEA,QAAMY,eAAe,GACnBR,WAAW,IAAIL,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEd,KAAK,CAACmB;AAAtB,KAAoCA,WAApC,CADF,GAEI,IAHN;AAIA,QAAMS,WAAW,GACfT,WAAW,IAAIL,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEd,KAAK,CAAC6B;AAAtB,kBACE,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAE7B,KAAK,CAAC8B;AAA3B,IADF,eAEE;AAAK,IAAA,SAAS,EAAE9B,KAAK,CAAC+B;AAAtB,KAAyCZ,WAAzC,CAFF,CADF,GAKI,IANN;AAOA,QAAMa,QAAQ,GACZlB,KAAK,KAAK,cAAV,gBACE;AACE,IAAA,SAAS,EAAEd,KAAK,CAACa,IADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACoB,MAAAA,MAAM,EAAEjB,KAAK,IAAIH;AAAlB;AAH3B,IADF,GAMI,IAPN;AAQA,QAAMqB,aAAa,GAAGlB,KAAK,gBAAG,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEhB,KAAK,CAACmC;AAA5B,IAAH,GAA8C,IAAzE;AACA,QAAMC,aAAa,GAAGnB,KAAK,gBAAG,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEjB,KAAK,CAACmC;AAA5B,IAAH,GAA8C,IAAzE;AAEA,sBACE;AAAK,IAAA,SAAS,EAAE3C,UAAU,CAAC8B,SAAD,EAAYC,SAAZ,EAAuBH,QAAQ,IAAIpB,KAAK,CAACoB,QAAzC;AAA1B,kBACE,gDACE;AAAM,IAAA,SAAS,EAAE5B,UAAU,CAACQ,KAAK,CAACQ,KAAP,EAAc,SAAQI,KAAR,KAAkBZ,KAAK,CAACqC,OAAtC;AAA3B,KACG7B,KADH,EAEGoB,WAFH,CADF,eAKE;AACE,IAAA,IAAI,EAAElB,IADR;AAEE,IAAA,YAAY,EAAEE,KAFhB;AAGE,IAAA,WAAW,EAAED,WAHf;AAIE,IAAA,OAAO,EAAEa,YAJX;AAKE,IAAA,QAAQ,EAAEJ;AALZ,IALF,EAYGc,aAZH,EAaGE,aAbH,EAcGJ,QAdH,CADF,EAiBGL,eAjBH,CADF;AAqBD,CAjED;;AAmEArB,aAAa,CAACgC,SAAd,2CAA0B;AACxB3B,EAAAA,WAAW,EAAEpB,SAAS,CAACgD,MADC;AAExB/B,EAAAA,KAAK,EAAEjB,SAAS,CAACgD,MAFO;AAGxBrB,EAAAA,QAAQ,EAAE3B,SAAS,CAACiD,IAHI;AAIxB9B,EAAAA,IAAI,EAAEnB,SAAS,CAACgD,MAJQ;AAKxBzB,EAAAA,KAAK,EAAEvB,SAAS,CAACkD,KAAV,CAAgB,MAAKxC,UAAL,CAAhB,CALiB;AAMxBmB,EAAAA,QAAQ,EAAE7B,SAAS,CAACiD,IANI;AAOxB5B,EAAAA,KAAK,EAAErB,SAAS,CAACgD,MAPO;AAQxB1B,EAAAA,IAAI,EAAEtB,SAAS,CAACgD,MARQ;AASxBvB,EAAAA,KAAK,EAAEzB,SAAS,CAACgD,MATO;AAUxBxB,EAAAA,QAAQ,EAAExB,SAAS,CAACmD,IAVI;AAWxBvB,EAAAA,WAAW,EAAE5B,SAAS,CAACgD,MAXC;AAYxBlB,EAAAA,QAAQ,EAAE9B,SAAS,CAACiD,IAZI;AAaxBvB,EAAAA,KAAK,EAAE1B,SAAS,CAACiD;AAbO,CAA1B;AAeA,eAAelC,aAAf","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.default\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    required,\n    description,\n    disabled,\n    modified = false\n  } = props;\n\n  const title = `${propsTitle}${required ? '* ' : ' '}`;\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, 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          {title}\n          {toolTipView}\n        </span>\n        <textarea\n          name={name}\n          defaultValue={value}\n          placeholder={placeholder}\n          onInput={handleChange}\n          disabled={disabled}\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  required: PropTypes.bool,\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"],"file":"index.js"}