@coorpacademy/components 11.11.16-alpha.9 → 11.12.0

package/lib/atom/drag-and-drop/style.css

@@ -78,31 +78,12 @@
   background-color: white;
 }
 
-.preview img,
-video {
+.preview img, video {
   max-width: 100%;
   max-height: 100%;
   margin: auto;
 }
 
-.previewPdf {
-  composes: preview;
-  min-height: 150px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-evenly;
-}
-
-.previewLabelPdf {
-  text-align: center;
-  font-family: "Gilroy";
-  color: cm_grey_300;
-  padding: 0px 4px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 90%;
-  white-space: nowrap;
-}
 .infosContainer {
   width: 100%;
   height: 100%;
@@ -171,7 +152,7 @@ video {
   align-items: center;
   justify-content: space-between;
   margin-top: 16px;
-  padding: 8px 14px 8px 1px;
+  padding: 4px 8px;
   font-size: 12px;
   font-weight: 400;
   position: relative;
@@ -183,6 +164,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
   flex-wrap: nowrap;
+  position: absolute;
+  left: 0;
+  right: 15px;
 }
 
 .closeIcon {

package/lib/atom/image-upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;gBA8EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;gBAmFC"}

package/lib/atom/image-upload/index.js

@@ -5,6 +5,12 @@ exports.default = void 0;
 
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
 
+var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
+var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
+var _join2 = _interopRequireDefault(require("lodash/fp/join"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -37,10 +43,10 @@ const ImageUpload = ({
   onChange,
   onReset = null,
   name,
+  // See ImagePropType for accepted values
   labelLink,
   labelButtonLink,
   hrefLink,
-  // See ImagePropType for accepted values
   imageTypes = ['*'],
   error = '',
   buttonAriaLabel,
@@ -51,6 +57,7 @@ const ImageUpload = ({
     e.preventDefault();
     return onReset(e);
   }, [onReset]);
+  const acceptedImages = (0, _pipe2.default)((0, _map2.default)(t => `image/${t}`), (0, _join2.default)(','))(imageTypes);
   const linkCustomStyle = {
     width: '40px',
     color: 'red'
@@ -71,7 +78,7 @@ const ImageUpload = ({
   }, (onDragStart, onDragStop) => /*#__PURE__*/_react.default.createElement("input", {
     type: "file",
     name: name,
-    accept: imageTypes,
+    accept: acceptedImages,
     disabled: loading || disabled,
     className: _style.default.input,
     onChange: onChange,

package/lib/atom/image-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","useCallback","e","preventDefault","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  // See ImagePropType for accepted values\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <div>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={imageTypes}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnBC,SAZmB;EAanBC,eAbmB;EAcnBC,QAdmB;EAenB;EACAC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC;AAnBmB,CAAD,KAoBd;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClBC,CAAC,IAAI;IACH,IAAI,qBAAMX,OAAN,CAAJ,EAAoB;IACpBW,CAAC,CAACC,cAAF;IACA,OAAOZ,OAAO,CAACW,CAAD,CAAd;EACD,CALiB,EAMlB,CAACX,OAAD,CANkB,CAApB;EASA,MAAMa,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,uDACE,6BAAC,oBAAD;IACE,KAAK,EAAExB,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEY,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACQ,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAEhB,IAFR;IAGE,MAAM,EAAEI,UAHV;IAIE,QAAQ,EAAET,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAEoB,cAAA,CAAMC,KALnB;IAME,QAAQ,EAAEpB,QANZ;IAOE,WAAW,EAAEiB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAfJ,CADF,EA6BGf,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEc,cAAA,CAAME;EAAtB,GACGlB,SADH,eAEE,6BAAC,mBAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEW,eAFf;IAGE,IAAI,EAAE;MAACQ,IAAI,EAAEjB,QAAP;MAAiBkB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAEnB;EAJT,EAFF,CADD,GAUG,IAvCN,CADF;AA2CD,CA9ED;;AAgFAb,WAAW,CAACiC,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEEtB,IAAI,EAAEwB,kBAAA,CAAUC,MAFlB;EAGE3B,QAAQ,EAAE0B,kBAAA,CAAUE,IAHtB;EAIE3B,OAAO,EAAEyB,kBAAA,CAAUE,IAJrB;EAKEtB,UAAU,EAAEoB,kBAAA,CAAUG,OAAV,CAAkBC,wBAAlB,CALd;EAMEvB,KAAK,EAAEmB,kBAAA,CAAUC,MANnB;EAOEnB,eAAe,EAAEkB,kBAAA,CAAUC,MAP7B;EAQElB,gBAAgB,EAAEiB,kBAAA,CAAUC,MAR9B;EASExB,SAAS,EAAEuB,kBAAA,CAAUC,MATvB;EAUEtB,QAAQ,EAAEqB,kBAAA,CAAUC;AAVtB;eAaepC,W"}
+{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","useCallback","e","preventDefault","acceptedImages","t","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe, isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <div>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnB;EACAC,SAbmB;EAcnBC,eAdmB;EAenBC,QAfmB;EAgBnBC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC;AAnBmB,CAAD,KAoBd;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClBC,CAAC,IAAI;IACH,IAAI,qBAAMX,OAAN,CAAJ,EAAoB;IACpBW,CAAC,CAACC,cAAF;IACA,OAAOZ,OAAO,CAACW,CAAD,CAAd;EACD,CALiB,EAMlB,CAACX,OAAD,CANkB,CAApB;EASA,MAAMa,cAAc,GAAG,oBACrB,mBAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,oBAAK,GAAL,CAFqB,EAGrBT,UAHqB,CAAvB;EAKA,MAAMU,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,uDACE,6BAAC,oBAAD;IACE,KAAK,EAAE1B,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEY,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACU,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAElB,IAFR;IAGE,MAAM,EAAEY,cAHV;IAIE,QAAQ,EAAEjB,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAEsB,cAAA,CAAMC,KALnB;IAME,QAAQ,EAAEtB,QANZ;IAOE,WAAW,EAAEmB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAfJ,CADF,EA6BGjB,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEgB,cAAA,CAAME;EAAtB,GACGpB,SADH,eAEE,6BAAC,mBAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEa,eAFf;IAGE,IAAI,EAAE;MAACQ,IAAI,EAAEnB,QAAP;MAAiBoB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAErB;EAJT,EAFF,CADD,GAUG,IAvCN,CADF;AA2CD,CAnFD;;AAqFAb,WAAW,CAACmC,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEExB,IAAI,EAAE0B,kBAAA,CAAUC,MAFlB;EAGE7B,QAAQ,EAAE4B,kBAAA,CAAUE,IAHtB;EAIE7B,OAAO,EAAE2B,kBAAA,CAAUE,IAJrB;EAKExB,UAAU,EAAEsB,kBAAA,CAAUG,OAAV,CAAkBC,wBAAlB,CALd;EAMEzB,KAAK,EAAEqB,kBAAA,CAAUC,MANnB;EAOErB,eAAe,EAAEoB,kBAAA,CAAUC,MAP7B;EAQEpB,gBAAgB,EAAEmB,kBAAA,CAAUC,MAR9B;EASE1B,SAAS,EAAEyB,kBAAA,CAAUC,MATvB;EAUExB,QAAQ,EAAEuB,kBAAA,CAAUC;AAVtB;eAaetC,W"}

package/lib/atom/input-html/index.d.ts

@@ -1,27 +1,38 @@
 export default InputHtml;
-declare class InputHtml extends React.Component<any, any, any> {
-    static propTypes: {
-        title: PropTypes.Requireable<string>;
-        placeholder: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<string>;
-        error: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        description: PropTypes.Requireable<string>;
-    };
-    static getDerivedStateFromProps(props: any, state: any): {
-        text: any;
-        preview: any;
-    } | null;
-    constructor(props: any, context: any);
-    state: {
-        text: any;
-        preview: boolean;
-    };
-    handleChange(e: any): void;
-    handlePreview(e: any): void;
-    render(): JSX.Element;
+declare function InputHtml(props: any, legacyContext: any): JSX.Element;
+declare namespace InputHtml {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const placeholder: PropTypes.Requireable<string>;
+        const disabled: PropTypes.Requireable<boolean>;
+        const value: PropTypes.Requireable<string>;
+        const error: PropTypes.Requireable<string>;
+        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        const description: PropTypes.Requireable<string>;
+    }
+    namespace contextTypes {
+        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+            common: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            images: PropTypes.Requireable<PropTypes.InferProps<{
+                'logo-mobile': PropTypes.Requireable<any>;
+                logo: PropTypes.Requireable<any>;
+                'logo-email': PropTypes.Requireable<any>;
+                login: PropTypes.Requireable<any>;
+            }>>;
+            icons: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            mod: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            courses: PropTypes.Requireable<any[]>;
+            texts: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+        }>>;
+    }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/input-html/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-html/index.js"],"names":[],"mappings":";AAUA;IACE;;;;;;;;MAQE;IAEF;;;aASC;IAED,sCAQC;IANC;;;MAGC;IAKH,2BAQC;IAED,4BAMC;IAED,sBAmCC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-html/index.js"],"names":[],"mappings":";AAWA,wEA4DC"}

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

@@ -3,117 +3,87 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _isUndefined2 = _interopRequireDefault(require("lodash/fp/isUndefined"));
-
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
 
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
+var _provider = _interopRequireWildcard(require("../provider"));
+
 var _inputPreview = _interopRequireDefault(require("./input-preview"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class InputHtml extends _react.default.Component {
-  static getDerivedStateFromProps(props, state) {
-    const {
-      value
-    } = props;
-    if ((0, _isUndefined2.default)(value)) return null;
-    return {
-      text: value,
-      preview: state.preview
-    };
-  }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-  constructor(props, context) {
-    super(props);
-    this.state = {
-      text: (0, _getOr2.default)('', 'value', props),
-      preview: true
-    };
-    this.handleChange = this.handleChange.bind(this);
-    this.handlePreview = this.handlePreview.bind(this);
-  }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-  handleChange(e) {
-    const {
-      onChange = _noop2.default
-    } = this.props;
-    const value = e.target.value;
-    this.setState(state => ({
-      text: value,
-      preview: state.preview
-    }));
-    onChange(value);
-  }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-  handlePreview(e) {
+const InputHtml = (props, legacyContext) => {
+  const {
+    value = '',
+    onChange = _noop2.default
+  } = props;
+  const [text, setText] = (0, _react.useState)(value);
+  const [preview, setPreview] = (0, _react.useState)(true);
+  const handleChange = (0, _react.useCallback)(e => {
+    const _value = e.target.value;
+    setText(_value);
+    onChange(_value);
+  }, [onChange]);
+  const handlePreview = (0, _react.useCallback)(e => {
     e.preventDefault();
-    this.setState(state => ({
-      text: state.text,
-      preview: !state.preview
-    }));
-  }
-
-  render() {
-    const {
-      skin
-    } = this.context;
-    const mediumColor = (0, _getOr2.default)('#999999', 'common.medium', skin);
-    const {
-      title,
-      placeholder,
-      error,
-      description,
-      disabled
-    } = this.props;
-    const {
-      text,
-      preview
-    } = this.state;
-    const className = error ? _style.default.error : _style.default.default;
-    const iconContent = !preview ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineBusinessCircleView, {
-      style: {
-        color: mediumColor
-      },
-      height: 16
-    }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineContentEditionPencil2, {
-      style: {
-        color: mediumColor
-      },
-      height: 16
-    });
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: className
-    }, /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement("span", {
-      className: _style.default.title
-    }, `${title} `), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.contentWrapper
-    }, /*#__PURE__*/_react.default.createElement(_inputPreview.default, {
-      title: title,
-      text: text,
-      placeholder: placeholder,
-      onChange: this.handleChange,
-      disabled: disabled,
-      preview: preview,
-      className: _style.default.input
-    })), /*#__PURE__*/_react.default.createElement("span", {
-      className: _style.default.toggle,
-      onClick: this.handlePreview
-    }, iconContent)), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.description
-    }, description));
-  }
-
-}
+    setPreview(!preview);
+  }, [preview, setPreview]);
+  const skin = (0, _provider.GetSkinFromContext)(legacyContext);
+  const mediumColor = (0, _getOr2.default)('#999999', 'common.medium', skin);
+  const {
+    title,
+    placeholder,
+    error,
+    description,
+    disabled
+  } = props;
+  const className = error ? _style.default.error : _style.default.default;
+  const iconContent = !preview ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineBusinessCircleView, {
+    style: {
+      color: mediumColor
+    },
+    height: 16
+  }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineContentEditionPencil2, {
+    style: {
+      color: mediumColor
+    },
+    height: 16
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: className
+  }, /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.title
+  }, `${title} `), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.contentWrapper
+  }, /*#__PURE__*/_react.default.createElement(_inputPreview.default, {
+    title: title,
+    text: text,
+    placeholder: placeholder,
+    onChange: handleChange,
+    disabled: disabled,
+    preview: preview,
+    className: _style.default.input
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": preview ? 'pencil-icon' : 'preview-icon',
+    className: _style.default.toggle,
+    onClick: handlePreview
+  }, iconContent)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.description
+  }, description));
+};
 
 InputHtml.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
@@ -124,6 +94,9 @@ InputHtml.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _propTypes.default.func,
   description: _propTypes.default.string
 } : {};
+InputHtml.contextTypes = {
+  skin: _provider.default.childContextTypes.skin
+};
 var _default = InputHtml;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["InputHtml","React","Component","getDerivedStateFromProps","props","state","value","text","preview","constructor","context","handleChange","bind","handlePreview","e","onChange","target","setState","preventDefault","render","skin","mediumColor","title","placeholder","error","description","disabled","className","style","default","iconContent","color","contentWrapper","input","toggle","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, isUndefined} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nclass InputHtml extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    placeholder: PropTypes.string,\n    disabled: PropTypes.bool,\n    value: PropTypes.string,\n    error: PropTypes.string,\n    onChange: PropTypes.func,\n    description: PropTypes.string\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {value} = props;\n\n    if (isUndefined(value)) return null;\n\n    return {\n      text: value,\n      preview: state.preview\n    };\n  }\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      text: getOr('', 'value', props),\n      preview: true\n    };\n    this.handleChange = this.handleChange.bind(this);\n    this.handlePreview = this.handlePreview.bind(this);\n  }\n\n  handleChange(e) {\n    const {onChange = noop} = this.props;\n    const value = e.target.value;\n    this.setState(state => ({\n      text: value,\n      preview: state.preview\n    }));\n    onChange(value);\n  }\n\n  handlePreview(e) {\n    e.preventDefault();\n    this.setState(state => ({\n      text: state.text,\n      preview: !state.preview\n    }));\n  }\n\n  render() {\n    const {skin} = this.context;\n    const mediumColor = getOr('#999999', 'common.medium', skin);\n\n    const {title, placeholder, error, description, disabled} = this.props;\n    const {text, preview} = this.state;\n\n    const className = error ? style.error : style.default;\n    const iconContent = !preview ? (\n      <PreviewIcon style={{color: mediumColor}} height={16} />\n    ) : (\n      <PencilIcon style={{color: mediumColor}} height={16} />\n    );\n    return (\n      <div className={className}>\n        <label>\n          <span className={style.title}>{`${title} `}</span>\n          <div className={style.contentWrapper}>\n            <InputPreview\n              title={title}\n              text={text}\n              placeholder={placeholder}\n              onChange={this.handleChange}\n              disabled={disabled}\n              preview={preview}\n              className={style.input}\n            />\n          </div>\n          <span className={style.toggle} onClick={this.handlePreview}>\n            {iconContent}\n          </span>\n        </label>\n        <div className={style.description}>{description}</div>\n      </div>\n    );\n  }\n}\nexport default InputHtml;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["InputHtml","props","legacyContext","value","onChange","text","setText","useState","preview","setPreview","handleChange","useCallback","e","_value","target","handlePreview","preventDefault","skin","GetSkinFromContext","mediumColor","title","placeholder","error","description","disabled","className","style","default","iconContent","color","contentWrapper","input","toggle","propTypes","PropTypes","string","bool","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nconst InputHtml = (props, legacyContext) => {\n  const {value = '', onChange = noop} = props;\n  const [text, setText] = useState(value);\n  const [preview, setPreview] = useState(true);\n\n  const handleChange = useCallback(\n    e => {\n      const _value = e.target.value;\n      setText(_value);\n      onChange(_value);\n    },\n    [onChange]\n  );\n\n  const handlePreview = useCallback(\n    e => {\n      e.preventDefault();\n      setPreview(!preview);\n    },\n    [preview, setPreview]\n  );\n\n  const skin = GetSkinFromContext(legacyContext);\n  const mediumColor = getOr('#999999', 'common.medium', skin);\n\n  const {title, placeholder, error, description, disabled} = props;\n\n  const className = error ? style.error : style.default;\n  const iconContent = !preview ? (\n    <PreviewIcon style={{color: mediumColor}} height={16} />\n  ) : (\n    <PencilIcon style={{color: mediumColor}} height={16} />\n  );\n\n  return (\n    <div className={className}>\n      <label>\n        <span className={style.title}>{`${title} `}</span>\n        <div className={style.contentWrapper}>\n          <InputPreview\n            title={title}\n            text={text}\n            placeholder={placeholder}\n            onChange={handleChange}\n            disabled={disabled}\n            preview={preview}\n            className={style.input}\n          />\n        </div>\n        <span\n          data-testid={preview ? 'pencil-icon' : 'preview-icon'}\n          className={style.toggle}\n          onClick={handlePreview}\n        >\n          {iconContent}\n        </span>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputHtml.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string\n};\n\nInputHtml.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default InputHtml;\n"],"mappings":"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"}

package/lib/atom/input-html/input-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-preview.d.ts","sourceRoot":"","sources":["../../../src/atom/input-html/input-preview.js"],"names":[],"mappings":";AAKA,qEAkBC"}
+{"version":3,"file":"input-preview.d.ts","sourceRoot":"","sources":["../../../src/atom/input-html/input-preview.js"],"names":[],"mappings":";AAKA,qEAqBC"}

package/lib/atom/input-html/input-preview.js

@@ -24,6 +24,7 @@ const InputPreview = (props, context) => {
     className
   } = props;
   return !preview ? /*#__PURE__*/_react.default.createElement("textarea", {
+    "data-testid": "input-preview-textarea",
     className: className,
     name: title,
     value: text,
@@ -31,6 +32,7 @@ const InputPreview = (props, context) => {
     onChange: onChange,
     disabled: disabled
   }) : /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "input-preview",
     className: (0, _classnames.default)(_inputPreview.default.preview, className) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {

package/lib/atom/input-html/input-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-preview.js","names":["InputPreview","props","context","title","text","placeholder","onChange","disabled","preview","className","classnames","style","__html","propTypes","PropTypes","string","isRequired","bool","func"],"sources":["../../../src/atom/input-html/input-preview.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './input-preview.css';\n\nconst InputPreview = (props, context) => {\n  const {title, text, placeholder, onChange, disabled, preview, className} = props;\n  return !preview ? (\n    <textarea\n      className={className}\n      name={title}\n      value={text}\n      placeholder={placeholder}\n      onChange={onChange}\n      disabled={disabled}\n    />\n  ) : (\n    <div\n      className={classnames(style.preview, className)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: text}}\n    />\n  );\n};\n\nInputPreview.propTypes = {\n  text: PropTypes.string.isRequired,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  disabled: PropTypes.bool,\n  preview: PropTypes.bool.isRequired,\n  onChange: PropTypes.func,\n  className: PropTypes.string\n};\nexport default InputPreview;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,WAAd;IAA2BC,QAA3B;IAAqCC,QAArC;IAA+CC,OAA/C;IAAwDC;EAAxD,IAAqER,KAA3E;EACA,OAAO,CAACO,OAAD,gBACL;IACE,SAAS,EAAEC,SADb;IAEE,IAAI,EAAEN,KAFR;IAGE,KAAK,EAAEC,IAHT;IAIE,WAAW,EAAEC,WAJf;IAKE,QAAQ,EAAEC,QALZ;IAME,QAAQ,EAAEC;EANZ,EADK,gBAUL;IACE,SAAS,EAAE,IAAAG,mBAAA,EAAWC,qBAAA,CAAMH,OAAjB,EAA0BC,SAA1B,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACG,MAAM,EAAER;IAAT;EAH3B,EAVF;AAgBD,CAlBD;;AAoBAJ,YAAY,CAACa,SAAb,2CAAyB;EACvBT,IAAI,EAAEU,kBAAA,CAAUC,MAAV,CAAiBC,UADA;EAEvBb,KAAK,EAAEW,kBAAA,CAAUC,MAFM;EAGvBV,WAAW,EAAES,kBAAA,CAAUC,MAHA;EAIvBR,QAAQ,EAAEO,kBAAA,CAAUG,IAJG;EAKvBT,OAAO,EAAEM,kBAAA,CAAUG,IAAV,CAAeD,UALD;EAMvBV,QAAQ,EAAEQ,kBAAA,CAAUI,IANG;EAOvBT,SAAS,EAAEK,kBAAA,CAAUC;AAPE,CAAzB;eASef,Y"}
+{"version":3,"file":"input-preview.js","names":["InputPreview","props","context","title","text","placeholder","onChange","disabled","preview","className","classnames","style","__html","propTypes","PropTypes","string","isRequired","bool","func"],"sources":["../../../src/atom/input-html/input-preview.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './input-preview.css';\n\nconst InputPreview = (props, context) => {\n  const {title, text, placeholder, onChange, disabled, preview, className} = props;\n\n  return !preview ? (\n    <textarea\n      data-testid=\"input-preview-textarea\"\n      className={className}\n      name={title}\n      value={text}\n      placeholder={placeholder}\n      onChange={onChange}\n      disabled={disabled}\n    />\n  ) : (\n    <div\n      data-testid=\"input-preview\"\n      className={classnames(style.preview, className)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: text}}\n    />\n  );\n};\n\nInputPreview.propTypes = {\n  text: PropTypes.string.isRequired,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  disabled: PropTypes.bool,\n  preview: PropTypes.bool.isRequired,\n  onChange: PropTypes.func,\n  className: PropTypes.string\n};\nexport default InputPreview;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,WAAd;IAA2BC,QAA3B;IAAqCC,QAArC;IAA+CC,OAA/C;IAAwDC;EAAxD,IAAqER,KAA3E;EAEA,OAAO,CAACO,OAAD,gBACL;IACE,eAAY,wBADd;IAEE,SAAS,EAAEC,SAFb;IAGE,IAAI,EAAEN,KAHR;IAIE,KAAK,EAAEC,IAJT;IAKE,WAAW,EAAEC,WALf;IAME,QAAQ,EAAEC,QANZ;IAOE,QAAQ,EAAEC;EAPZ,EADK,gBAWL;IACE,eAAY,eADd;IAEE,SAAS,EAAE,IAAAG,mBAAA,EAAWC,qBAAA,CAAMH,OAAjB,EAA0BC,SAA1B,CAFb,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACG,MAAM,EAAER;IAAT;EAJ3B,EAXF;AAkBD,CArBD;;AAuBAJ,YAAY,CAACa,SAAb,2CAAyB;EACvBT,IAAI,EAAEU,kBAAA,CAAUC,MAAV,CAAiBC,UADA;EAEvBb,KAAK,EAAEW,kBAAA,CAAUC,MAFM;EAGvBV,WAAW,EAAES,kBAAA,CAAUC,MAHA;EAIvBR,QAAQ,EAAEO,kBAAA,CAAUG,IAJG;EAKvBT,OAAO,EAAEM,kBAAA,CAAUG,IAAV,CAAeD,UALD;EAMvBV,QAAQ,EAAEQ,kBAAA,CAAUI,IANG;EAOvBT,SAAS,EAAEK,kBAAA,CAAUC;AAPE,CAAzB;eASef,Y"}

package/lib/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,wDA+DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAkBA,wDAgEC"}

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

@@ -84,7 +84,8 @@ const InputTextarea = props => {
     value: value,
     placeholder: placeholder,
     onChange: handleChange,
-    disabled: disabled
+    disabled: disabled,
+    "data-testid": name
   }), errorIconView, validIconView, hintView), descriptionView);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["themeStyle","setup","style","coorpmanager","cockpit","default","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","error","valid","description","disabled","modified","mainClass","className","getClassState","handleChange","useMemo","e","target","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","classnames","noValue","propTypes","PropTypes","string","oneOf","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.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    description,\n    disabled,\n    modified = false\n  } = props;\n\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          {propsTitle}\n          {toolTipView}\n        </span>\n        <textarea\n          name={name}\n          value={value}\n          placeholder={placeholder}\n          onChange={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  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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"}
+{"version":3,"file":"index.js","names":["themeStyle","setup","style","coorpmanager","cockpit","default","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","error","valid","description","disabled","modified","mainClass","className","getClassState","handleChange","useMemo","e","target","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","classnames","noValue","propTypes","PropTypes","string","oneOf","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.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    description,\n    disabled,\n    modified = false\n  } = props;\n\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          {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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"}

package/lib/hoc/transition/child-prop-types.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const propTypes: {
+    name: PropTypes.Validator<string>;
+    onAnimationEnd: PropTypes.Requireable<(...args: any[]) => any>;
+    animated: PropTypes.Requireable<boolean>;
+    className: PropTypes.Requireable<string>;
+};
+export declare type ChildProps = {
+    child: React.ReactElement;
+    onAnimationEnd: (name: string) => void;
+    className: string;
+    name: string;
+};
+export default propTypes;
+//# sourceMappingURL=child-prop-types.d.ts.map

package/lib/hoc/transition/child-prop-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"child-prop-types.d.ts","sourceRoot":"","sources":["../../../src/hoc/transition/child-prop-types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;CAKd,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/hoc/transition/child-prop-types.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  name: _propTypes.default.string.isRequired,
+  onAnimationEnd: _propTypes.default.func,
+  animated: _propTypes.default.bool,
+  className: _propTypes.default.string
+};
+var _default = propTypes;
+exports.default = _default;
+//# sourceMappingURL=child-prop-types.js.map

package/lib/hoc/transition/child-prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"child-prop-types.js","names":["propTypes","name","PropTypes","string","isRequired","onAnimationEnd","func","animated","bool","className"],"sources":["../../../src/hoc/transition/child-prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  name: PropTypes.string.isRequired,\n  onAnimationEnd: PropTypes.func,\n  animated: PropTypes.bool,\n  className: PropTypes.string\n};\n\nexport type ChildProps = {\n  child: React.ReactElement;\n  onAnimationEnd: (name: string) => void;\n  className: string;\n  name: string;\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,IAAI,EAAEC,kBAAA,CAAUC,MAAV,CAAiBC,UADP;EAEhBC,cAAc,EAAEH,kBAAA,CAAUI,IAFV;EAGhBC,QAAQ,EAAEL,kBAAA,CAAUM,IAHJ;EAIhBC,SAAS,EAAEP,kBAAA,CAAUC;AAJL,CAAlB;eAceH,S"}

package/lib/hoc/transition/index.d.ts

@@ -1,11 +1,16 @@
+import React from 'react';
+import { TransitionProps } from './transition-prop-types';
+declare const Transition: {
+    (props: TransitionProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | JSX.Element[];
+    propTypes: {
+        isAlreadyEngaged: import("prop-types").Requireable<boolean>;
+        isRandom: import("prop-types").Requireable<boolean>;
+        userAvatarSrc: import("prop-types").Requireable<string>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        displayName: import("prop-types").Requireable<string>;
+        tooltipText: import("prop-types").Requireable<string>;
+        'aria-label': import("prop-types").Requireable<string>;
+    };
+};
 export default Transition;
-declare function Transition(props: any): any;
-declare namespace Transition {
-    namespace propTypes {
-        const name: PropTypes.Validator<string>;
-        const onAnimationEnd: PropTypes.Requireable<(...args: any[]) => any>;
-        const animated: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/hoc/transition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hoc/transition/index.js"],"names":[],"mappings":";AAKA,6CAyBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hoc/transition/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAIlD,OAA4B,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAoB7E,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;CAYzC,CAAC;AAIF,eAAe,UAAU,CAAC"}