@coorpacademy/components 10.1.3 → 10.1.7

package/lib/atom/button-menu/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _map = _interopRequireDefault(require("lodash/fp/map"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Button = props => {
+  const {
+    'data-name': dataName,
+    disabled,
+    label,
+    onClick,
+    type = 'default'
+  } = props;
+  const styleButton = (0, _classnames.default)(_style.default.button, type === 'default' && _style.default.default, type === 'dangerous' && _style.default.dangerous, disabled && _style.default.disabled);
+  const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
+  return /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    "aria-label": label,
+    title: label,
+    "data-name": dataName,
+    className: styleButton,
+    onClick: handleOnClick
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonContent
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.label
+  }, label)));
+};
+
+Button.propTypes = process.env.NODE_ENV !== "production" ? {
+  'data-name': _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  label: _propTypes.default.string.isRequired,
+  onClick: _propTypes.default.func.isRequired,
+  type: _propTypes.default.oneOf(['default', 'dangerous'])
+} : {};
+
+const ButtonMenu = props => {
+  const {
+    buttons,
+    'data-name': dataName
+  } = props;
+
+  const buildButton = (button, index) => {
+    return /*#__PURE__*/_react.default.createElement(Button, _extends({}, button, {
+      key: button.label + index
+    }));
+  };
+
+  const buttonList = (0, _react.useMemo)(() => _map.default.convert({
+    cap: false
+  })(buildButton, buttons), [buttons, buildButton]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-name": dataName
+  }, buttonList);
+};
+
+ButtonMenu.propTypes = process.env.NODE_ENV !== "production" ? {
+  buttons: _propTypes.default.arrayOf(_propTypes.default.shape(Button.propTypes)).isRequired,
+  'data-name': _propTypes.default.string
+} : {};
+var _default = ButtonMenu;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/atom/button-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/button-menu/index.js"],"names":["Button","props","dataName","disabled","label","onClick","type","styleButton","style","button","default","dangerous","handleOnClick","buttonContent","propTypes","PropTypes","string","bool","isRequired","func","oneOf","ButtonMenu","buttons","buildButton","index","buttonList","map","convert","cap","arrayOf","shape"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAAC,iBAAaC,QAAd;AAAwBC,IAAAA,QAAxB;AAAkCC,IAAAA,KAAlC;AAAyCC,IAAAA,OAAzC;AAAkDC,IAAAA,IAAI,GAAG;AAAzD,MAAsEL,KAA5E;AACA,QAAMM,WAAW,GAAG,yBAClBC,eAAMC,MADY,EAElBH,IAAI,KAAK,SAAT,IAAsBE,eAAME,OAFV,EAGlBJ,IAAI,KAAK,WAAT,IAAwBE,eAAMG,SAHZ,EAIlBR,QAAQ,IAAIK,eAAML,QAJA,CAApB;AAOA,QAAMS,aAAa,GAAG,wBAAY,MAAMP,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;AACA,sBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,kBAAYD,KAFd;AAGE,IAAA,KAAK,EAAEA,KAHT;AAIE,iBAAWF,QAJb;AAKE,IAAA,SAAS,EAAEK,WALb;AAME,IAAA,OAAO,EAAEK;AANX,kBAQE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEL,eAAMJ;AAAvB,KAA+BA,KAA/B,CADF,CARF,CADF;AAcD,CAxBD;;AA0BAJ,MAAM,CAACc,SAAP,2CAAmB;AACjB,eAAaC,mBAAUC,MADN;AAEjBb,EAAAA,QAAQ,EAAEY,mBAAUE,IAFH;AAGjBb,EAAAA,KAAK,EAAEW,mBAAUC,MAAV,CAAiBE,UAHP;AAIjBb,EAAAA,OAAO,EAAEU,mBAAUI,IAAV,CAAeD,UAJP;AAKjBZ,EAAAA,IAAI,EAAES,mBAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB;AALW,CAAnB;;AAQA,MAAMC,UAAU,GAAGpB,KAAK,IAAI;AAC1B,QAAM;AAACqB,IAAAA,OAAD;AAAU,iBAAapB;AAAvB,MAAmCD,KAAzC;;AACA,QAAMsB,WAAW,GAAG,CAACd,MAAD,EAASe,KAAT,KAAmB;AACrC,wBAAO,6BAAC,MAAD,eAAYf,MAAZ;AAAoB,MAAA,GAAG,EAAEA,MAAM,CAACL,KAAP,GAAeoB;AAAxC,OAAP;AACD,GAFD;;AAGA,QAAMC,UAAU,GAAG,oBAAQ,MAAMC,aAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0BL,WAA1B,EAAuCD,OAAvC,CAAd,EAA+D,CAChFA,OADgF,EAEhFC,WAFgF,CAA/D,CAAnB;AAIA,sBAAO;AAAK,iBAAWrB;AAAhB,KAA2BuB,UAA3B,CAAP;AACD,CAVD;;AAYAJ,UAAU,CAACP,SAAX,2CAAuB;AACrBQ,EAAAA,OAAO,EAAEP,mBAAUc,OAAV,CAAkBd,mBAAUe,KAAV,CAAgB9B,MAAM,CAACc,SAAvB,CAAlB,EAAqDI,UADzC;AAErB,eAAaH,mBAAUC;AAFF,CAAvB;eAKeK,U","sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Button = props => {\n  const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.default,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'dangerous'])\n};\n\nconst ButtonMenu = props => {\n  const {buttons, 'data-name': dataName} = props;\n  const buildButton = (button, index) => {\n    return <Button {...button} key={button.label + index} />;\n  };\n  const buttonList = useMemo(() => map.convert({cap: false})(buildButton, buttons), [\n    buttons,\n    buildButton\n  ]);\n  return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(Button.propTypes)).isRequired,\n  'data-name': PropTypes.string\n};\n\nexport default ButtonMenu;\n"],"file":"index.js"}

package/lib/atom/button-menu/style.css

@@ -0,0 +1,51 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_100 from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_900 from colors;
+@value cm_negative_100 from colors;
+
+.button {
+  width: 100%;
+  height: 40px;
+  font-family: Gilroy;
+  font-size: 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  border: none;
+  pointer-events: auto;
+  /* prevents text selection when dragging 
+  the mouse over the button */
+  user-select: none;
+}
+
+.disabled {
+  opacity: 0.1;
+  pointer-events: none;
+}
+
+.buttonContent {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.label {
+  margin: 0 8px 0 8px;
+  display: block;
+}
+
+.default {
+  background-color: cm_grey_100;
+  color: cm_grey_900;
+}
+
+.default:hover {
+  background-color: cm_grey_200;
+}
+
+.dangerous {
+  composes: default;
+  color: cm_negative_100;
+}

package/lib/atom/button-menu/test/fixtures/default.js

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.deleteButtonProps = exports.actionButtonProps = void 0;
+const actionButtonProps = {
+  'data-name': 'menu-publish-button',
+  label: 'Publish',
+  onClick: () => console.log('Publish'),
+  type: 'default'
+};
+exports.actionButtonProps = actionButtonProps;
+const deleteButtonProps = {
+  'data-name': 'menu-delete-button',
+  label: 'Delete',
+  onClick: () => console.log('Delete'),
+  type: 'dangerous'
+};
+exports.deleteButtonProps = deleteButtonProps;
+var _default = {
+  props: {
+    buttons: [actionButtonProps, deleteButtonProps],
+    'aria-label': 'aria button',
+    'data-name': 'default-menu'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/atom/button-menu/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-menu/test/fixtures/default.js"],"names":["actionButtonProps","label","onClick","console","log","type","deleteButtonProps","props","buttons"],"mappings":";;;;AAAO,MAAMA,iBAAiB,GAAG;AAC/B,eAAa,qBADkB;AAE/BC,EAAAA,KAAK,EAAE,SAFwB;AAG/BC,EAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,SAAZ,CAHgB;AAI/BC,EAAAA,IAAI,EAAE;AAJyB,CAA1B;;AAOA,MAAMC,iBAAiB,GAAG;AAC/B,eAAa,oBADkB;AAE/BL,EAAAA,KAAK,EAAE,QAFwB;AAG/BC,EAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,QAAZ,CAHgB;AAI/BC,EAAAA,IAAI,EAAE;AAJyB,CAA1B;;eAOQ;AACbE,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,CAACR,iBAAD,EAAoBM,iBAApB,CADJ;AAEL,kBAAc,aAFT;AAGL,iBAAa;AAHR;AADM,C","sourcesContent":["export const actionButtonProps = {\n  'data-name': 'menu-publish-button',\n  label: 'Publish',\n  onClick: () => console.log('Publish'),\n  type: 'default'\n};\n\nexport const deleteButtonProps = {\n  'data-name': 'menu-delete-button',\n  label: 'Delete',\n  onClick: () => console.log('Delete'),\n  type: 'dangerous'\n};\n\nexport default {\n  props: {\n    buttons: [actionButtonProps, deleteButtonProps],\n    'aria-label': 'aria button',\n    'data-name': 'default-menu'\n  }\n};\n"],"file":"default.js"}

package/lib/atom/button-menu/test/fixtures/multiple-buttons.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.disabledButtonProps = void 0;
+
+var _default2 = require("./default");
+
+const disabledButtonProps = {
+  'data-name': 'menu-disabled-button',
+  label: 'Disabled',
+  onClick: () => console.log('Disabled'),
+  disabled: true
+};
+exports.disabledButtonProps = disabledButtonProps;
+var _default = {
+  props: {
+    buttons: [_default2.actionButtonProps, disabledButtonProps, _default2.deleteButtonProps],
+    'aria-label': 'aria button 2',
+    'data-name': 'default-menu-2'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=multiple-buttons.js.map

package/lib/atom/button-menu/test/fixtures/multiple-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-menu/test/fixtures/multiple-buttons.js"],"names":["disabledButtonProps","label","onClick","console","log","disabled","props","buttons","actionButtonProps","deleteButtonProps"],"mappings":";;;;;AAAA;;AAEO,MAAMA,mBAAmB,GAAG;AACjC,eAAa,sBADoB;AAEjCC,EAAAA,KAAK,EAAE,UAF0B;AAGjCC,EAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,UAAZ,CAHkB;AAIjCC,EAAAA,QAAQ,EAAE;AAJuB,CAA5B;;eAOQ;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,CAACC,2BAAD,EAAoBR,mBAApB,EAAyCS,2BAAzC,CADJ;AAEL,kBAAc,eAFT;AAGL,iBAAa;AAHR;AADM,C","sourcesContent":["import {actionButtonProps, deleteButtonProps} from './default';\n\nexport const disabledButtonProps = {\n  'data-name': 'menu-disabled-button',\n  label: 'Disabled',\n  onClick: () => console.log('Disabled'),\n  disabled: true\n};\n\nexport default {\n  props: {\n    buttons: [actionButtonProps, disabledButtonProps, deleteButtonProps],\n    'aria-label': 'aria button 2',\n    'data-name': 'default-menu-2'\n  }\n};\n"],"file":"multiple-buttons.js"}

package/lib/atom/button-menu/test/fixtures.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _multipleButtons = _interopRequireDefault(require("./fixtures/multiple-buttons"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Atom › AtomButtonMenu > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomButtonMenu.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Atom › AtomButtonMenu › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Atom › AtomButtonMenu › MultipleButtons › should be rendered', _renderComponent.default, _.default, _multipleButtons.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/atom/button-menu/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/button-menu/test/fixtures.js"],"names":["t","pass","AtomButtonMenu","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureMultipleButtons"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,qDAAL,EAA4DA,CAAC,IAAI;AAC/DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAeC,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,+CAA8CF,GAAI,mEAA3E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,sDAAL,EAA6DG,wBAA7D,EAAmFN,SAAnF,EAAmGO,gBAAnG;AACA,kBAAK,8DAAL,EAAqED,wBAArE,EAA2FN,SAA3F,EAA2GQ,wBAA3G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonMenu from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureMultipleButtons from './fixtures/multiple-buttons';\n\ntest('Atom › AtomButtonMenu > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomButtonMenu.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomButtonMenu.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomButtonMenu › Default › should be rendered', renderComponentMacro, AtomButtonMenu, fixtureDefault);\ntest('Atom › AtomButtonMenu › MultipleButtons › should be rendered', renderComponentMacro, AtomButtonMenu, fixtureMultipleButtons);\n"],"file":"fixtures.js"}

package/lib/atom/chips/index.js

@@ -23,18 +23,22 @@ const Chips = props => {
   const {
     text,
     information,
-    selected,
+    selected = false,
     onClick
   } = props;
   const handleClick = (0, _react.useMemo)(() => () => onClick(), [onClick]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.container, selected ? _style.default.selected : _style.default.unselected),
-    onClick: handleClick
+    onClick: handleClick,
+    "aria-label": `${text} ${information}`
   }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.textZone,
+    title: text
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.text
-  }, text), /*#__PURE__*/_react.default.createElement("div", {
+  }, text), /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.information
-  }, information), selected ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusCheckCircle2, {
+  }, information)), selected ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusCheckCircle2, {
     className: _style.default.selectedIconWrapper
   }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidRemoveAddAddCircle1, {
     className: _style.default.unselectedIconWrapper

package/lib/atom/chips/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/chips/index.js"],"names":["Chips","props","text","information","selected","onClick","handleClick","style","container","unselected","selectedIconWrapper","unselectedIconWrapper","propTypes","PropTypes","string","bool","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;;;;;;;AAEA,MAAMA,KAAK,GAAGC,KAAK,IAAI;AACrB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,WAAP;AAAoBC,IAAAA,QAApB;AAA8BC,IAAAA;AAA9B,MAAyCJ,KAA/C;AAEA,QAAMK,WAAW,GAAG,oBAAQ,MAAM,MAAMD,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAApB;AAEA,sBACE;AACE,IAAA,SAAS,EAAE,yBAAWE,eAAMC,SAAjB,EAA4BJ,QAAQ,GAAGG,eAAMH,QAAT,GAAoBG,eAAME,UAA9D,CADb;AAEE,IAAA,OAAO,EAAEH;AAFX,kBAIE;AAAK,IAAA,SAAS,EAAEC,eAAML;AAAtB,KAA6BA,IAA7B,CAJF,eAKE;AAAK,IAAA,SAAS,EAAEK,eAAMJ;AAAtB,KAAoCA,WAApC,CALF,EAMGC,QAAQ,gBACP,6BAAC,sCAAD;AAAc,IAAA,SAAS,EAAEG,eAAMG;AAA/B,IADO,gBAGP,6BAAC,uCAAD;AAAS,IAAA,SAAS,EAAEH,eAAMI;AAA1B,IATJ,CADF;AAcD,CAnBD;;AAqBAX,KAAK,CAACY,SAAN,2CAAkB;AAChBV,EAAAA,IAAI,EAAEW,mBAAUC,MADA;AAEhBX,EAAAA,WAAW,EAAEU,mBAAUC,MAFP;AAGhBV,EAAAA,QAAQ,EAAES,mBAAUE,IAHJ;AAIhBV,EAAAA,OAAO,EAAEQ,mBAAUG;AAJH,CAAlB;eAOehB,K","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Chips = props => {\n  const {text, information, selected, onClick} = props;\n\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  return (\n    <div\n      className={classnames(style.container, selected ? style.selected : style.unselected)}\n      onClick={handleClick}\n    >\n      <div className={style.text}>{text}</div>\n      <div className={style.information}>{information}</div>\n      {selected ? (\n        <SelectedIcon className={style.selectedIconWrapper} />\n      ) : (\n        <AddIcon className={style.unselectedIconWrapper} />\n      )}\n    </div>\n  );\n};\n\nChips.propTypes = {\n  text: PropTypes.string,\n  information: PropTypes.string,\n  selected: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/chips/index.js"],"names":["Chips","props","text","information","selected","onClick","handleClick","style","container","unselected","textZone","selectedIconWrapper","unselectedIconWrapper","propTypes","PropTypes","string","bool","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;;;;;;;AAEA,MAAMA,KAAK,GAAGC,KAAK,IAAI;AACrB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,WAAP;AAAoBC,IAAAA,QAAQ,GAAG,KAA/B;AAAsCC,IAAAA;AAAtC,MAAiDJ,KAAvD;AAEA,QAAMK,WAAW,GAAG,oBAAQ,MAAM,MAAMD,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAApB;AAEA,sBACE;AACE,IAAA,SAAS,EAAE,yBAAWE,eAAMC,SAAjB,EAA4BJ,QAAQ,GAAGG,eAAMH,QAAT,GAAoBG,eAAME,UAA9D,CADb;AAEE,IAAA,OAAO,EAAEH,WAFX;AAGE,kBAAa,GAAEJ,IAAK,IAAGC,WAAY;AAHrC,kBAKE;AAAK,IAAA,SAAS,EAAEI,eAAMG,QAAtB;AAAgC,IAAA,KAAK,EAAER;AAAvC,kBACE;AAAM,IAAA,SAAS,EAAEK,eAAML;AAAvB,KAA8BA,IAA9B,CADF,eAEE;AAAM,IAAA,SAAS,EAAEK,eAAMJ;AAAvB,KAAqCA,WAArC,CAFF,CALF,EASGC,QAAQ,gBACP,6BAAC,sCAAD;AAAc,IAAA,SAAS,EAAEG,eAAMI;AAA/B,IADO,gBAGP,6BAAC,uCAAD;AAAS,IAAA,SAAS,EAAEJ,eAAMK;AAA1B,IAZJ,CADF;AAiBD,CAtBD;;AAwBAZ,KAAK,CAACa,SAAN,2CAAkB;AAChBX,EAAAA,IAAI,EAAEY,mBAAUC,MADA;AAEhBZ,EAAAA,WAAW,EAAEW,mBAAUC,MAFP;AAGhBX,EAAAA,QAAQ,EAAEU,mBAAUE,IAHJ;AAIhBX,EAAAA,OAAO,EAAES,mBAAUG;AAJH,CAAlB;eAOejB,K","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Chips = props => {\n  const {text, information, selected = false, onClick} = props;\n\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  return (\n    <div\n      className={classnames(style.container, selected ? style.selected : style.unselected)}\n      onClick={handleClick}\n      aria-label={`${text} ${information}`}\n    >\n      <div className={style.textZone} title={text}>\n        <span className={style.text}>{text}</span>\n        <span className={style.information}>{information}</span>\n      </div>\n      {selected ? (\n        <SelectedIcon className={style.selectedIconWrapper} />\n      ) : (\n        <AddIcon className={style.unselectedIconWrapper} />\n      )}\n    </div>\n  );\n};\n\nChips.propTypes = {\n  text: PropTypes.string,\n  information: PropTypes.string,\n  selected: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"file":"index.js"}

package/lib/atom/chips/style.css

@@ -7,11 +7,15 @@
 @value white from colors;
 
 .container {
-  width: 25%;
-  height: 32px;
+  width: 100%;
+  height: 52px;
   border-radius: 10px;
   padding: 10px 16px;
   position: relative;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  cursor: pointer;
 }
 
 .selected {
@@ -30,12 +34,22 @@
   background-color: cm_grey_200;
 }
 
+.textZone {
+  flex: 1 1 100%;
+  padding-right: 32px;
+  width: calc(100% - 32px);
+}
+
 .text {
   font-family: 'Gilroy';
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
   color: cm_grey_700;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: block;
 }
 
 .information {
@@ -45,6 +59,7 @@
   font-size: 10px;
   opacity: 0.4;
   color: cm_grey_700;
+  display: block;
 }
 
 .icon{

package/lib/atom/chips/test/fixtures/long-text.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    text: 'Population Human resourses filiale Singapour and lots and lots of text that should be cut somewhere because the chip item it should not take all the width of the component and and ellipsis should be shown.',
+    information: '345 users',
+    select: false,
+    onClick: () => console.log('click')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=long-text.js.map

package/lib/atom/chips/test/fixtures/long-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/chips/test/fixtures/long-text.js"],"names":["props","text","information","select","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EACF,+MAFG;AAGLC,IAAAA,WAAW,EAAE,WAHR;AAILC,IAAAA,MAAM,EAAE,KAJH;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALV;AADM,C","sourcesContent":["export default {\n  props: {\n    text:\n      'Population Human resourses filiale Singapour and lots and lots of text that should be cut somewhere because the chip item it should not take all the width of the component and and ellipsis should be shown.',\n    information: '345 users',\n    select: false,\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"long-text.js"}

package/lib/atom/chips/test/fixtures.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _longText = _interopRequireDefault(require("./fixtures/long-text"));
+
+var _nonSelected = _interopRequireDefault(require("./fixtures/non-selected"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Atom › AtomChips > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomChips.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Atom › AtomChips › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Atom › AtomChips › LongText › should be rendered', _renderComponent.default, _.default, _longText.default);
+(0, _ava.default)('Atom › AtomChips › NonSelected › should be rendered', _renderComponent.default, _.default, _nonSelected.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/atom/chips/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/chips/test/fixtures.js"],"names":["t","pass","AtomChips","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureLongText","fixtureNonSelected"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,gDAAL,EAAuDA,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAUC,SAAlB,EAA6B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,iDAAL,EAAwDG,wBAAxD,EAA8EN,SAA9E,EAAyFO,gBAAzF;AACA,kBAAK,kDAAL,EAAyDD,wBAAzD,EAA+EN,SAA/E,EAA0FQ,iBAA1F;AACA,kBAAK,qDAAL,EAA4DF,wBAA5D,EAAkFN,SAAlF,EAA6FS,oBAA7F","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomChips from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLongText from './fixtures/long-text';\nimport fixtureNonSelected from './fixtures/non-selected';\n\ntest('Atom › AtomChips > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomChips.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomChips.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomChips › Default › should be rendered', renderComponentMacro, AtomChips, fixtureDefault);\ntest('Atom › AtomChips › LongText › should be rendered', renderComponentMacro, AtomChips, fixtureLongText);\ntest('Atom › AtomChips › NonSelected › should be rendered', renderComponentMacro, AtomChips, fixtureNonSelected);\n"],"file":"fixtures.js"}

package/lib/atom/content-badge/test/fixtures.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _advanced = _interopRequireDefault(require("./fixtures/advanced"));
+
+var _article = _interopRequireDefault(require("./fixtures/article"));
+
+var _chapter = _interopRequireDefault(require("./fixtures/chapter"));
+
+var _coach = _interopRequireDefault(require("./fixtures/coach"));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _podcast = _interopRequireDefault(require("./fixtures/podcast"));
+
+var _scorm = _interopRequireDefault(require("./fixtures/scorm"));
+
+var _video = _interopRequireDefault(require("./fixtures/video"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Atom › AtomContentBadge > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomContentBadge.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Atom › AtomContentBadge › Advanced › should be rendered', _renderComponent.default, _.default, _advanced.default);
+(0, _ava.default)('Atom › AtomContentBadge › Article › should be rendered', _renderComponent.default, _.default, _article.default);
+(0, _ava.default)('Atom › AtomContentBadge › Chapter › should be rendered', _renderComponent.default, _.default, _chapter.default);
+(0, _ava.default)('Atom › AtomContentBadge › Coach › should be rendered', _renderComponent.default, _.default, _coach.default);
+(0, _ava.default)('Atom › AtomContentBadge › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Atom › AtomContentBadge › Podcast › should be rendered', _renderComponent.default, _.default, _podcast.default);
+(0, _ava.default)('Atom › AtomContentBadge › Scorm › should be rendered', _renderComponent.default, _.default, _scorm.default);
+(0, _ava.default)('Atom › AtomContentBadge › Video › should be rendered', _renderComponent.default, _.default, _video.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/atom/content-badge/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/content-badge/test/fixtures.js"],"names":["t","pass","AtomContentBadge","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAdvanced","fixtureArticle","fixtureChapter","fixtureCoach","fixtureDefault","fixturePodcast","fixtureScorm","fixtureVideo"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,uDAAL,EAA8DA,CAAC,IAAI;AACjEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAiBC,SAAzB,EAAoC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAClDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,iDAAgDF,GAAI,mEAA7E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,yDAAL,EAAgEG,wBAAhE,EAAsFN,SAAtF,EAAwGO,iBAAxG;AACA,kBAAK,wDAAL,EAA+DD,wBAA/D,EAAqFN,SAArF,EAAuGQ,gBAAvG;AACA,kBAAK,wDAAL,EAA+DF,wBAA/D,EAAqFN,SAArF,EAAuGS,gBAAvG;AACA,kBAAK,sDAAL,EAA6DH,wBAA7D,EAAmFN,SAAnF,EAAqGU,cAArG;AACA,kBAAK,wDAAL,EAA+DJ,wBAA/D,EAAqFN,SAArF,EAAuGW,gBAAvG;AACA,kBAAK,wDAAL,EAA+DL,wBAA/D,EAAqFN,SAArF,EAAuGY,gBAAvG;AACA,kBAAK,sDAAL,EAA6DN,wBAA7D,EAAmFN,SAAnF,EAAqGa,cAArG;AACA,kBAAK,sDAAL,EAA6DP,wBAA7D,EAAmFN,SAAnF,EAAqGc,cAArG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomContentBadge from '..';\nimport fixtureAdvanced from './fixtures/advanced';\nimport fixtureArticle from './fixtures/article';\nimport fixtureChapter from './fixtures/chapter';\nimport fixtureCoach from './fixtures/coach';\nimport fixtureDefault from './fixtures/default';\nimport fixturePodcast from './fixtures/podcast';\nimport fixtureScorm from './fixtures/scorm';\nimport fixtureVideo from './fixtures/video';\n\ntest('Atom › AtomContentBadge > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomContentBadge.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomContentBadge.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomContentBadge › Advanced › should be rendered', renderComponentMacro, AtomContentBadge, fixtureAdvanced);\ntest('Atom › AtomContentBadge › Article › should be rendered', renderComponentMacro, AtomContentBadge, fixtureArticle);\ntest('Atom › AtomContentBadge › Chapter › should be rendered', renderComponentMacro, AtomContentBadge, fixtureChapter);\ntest('Atom › AtomContentBadge › Coach › should be rendered', renderComponentMacro, AtomContentBadge, fixtureCoach);\ntest('Atom › AtomContentBadge › Default › should be rendered', renderComponentMacro, AtomContentBadge, fixtureDefault);\ntest('Atom › AtomContentBadge › Podcast › should be rendered', renderComponentMacro, AtomContentBadge, fixturePodcast);\ntest('Atom › AtomContentBadge › Scorm › should be rendered', renderComponentMacro, AtomContentBadge, fixtureScorm);\ntest('Atom › AtomContentBadge › Video › should be rendered', renderComponentMacro, AtomContentBadge, fixtureVideo);\n"],"file":"fixtures.js"}

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

@@ -79,6 +79,7 @@
   align-items: flex-start;
   position: absolute;
   height: 64px;
+  pointer-events: none;
 }
 
 .coorpmanager .title {

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _coorpmanagerWithValue = _interopRequireDefault(require("./fixtures/coorpmanager-with-value"));
+
+var _coorpmanager = _interopRequireDefault(require("./fixtures/coorpmanager"));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _withValue = _interopRequireDefault(require("./fixtures/with-value"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Atom › AtomInputSearch > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomInputSearch.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Atom › AtomInputSearch › CoorpmanagerWithValue › should be rendered', _renderComponent.default, _.default, _coorpmanagerWithValue.default);
+(0, _ava.default)('Atom › AtomInputSearch › Coorpmanager › should be rendered', _renderComponent.default, _.default, _coorpmanager.default);
+(0, _ava.default)('Atom › AtomInputSearch › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Atom › AtomInputSearch › WithValue › should be rendered', _renderComponent.default, _.default, _withValue.default);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/input-search/test/fixtures.js"],"names":["t","pass","AtomInputSearch","propTypes","value","key","not","undefined","renderComponentMacro","fixtureCoorpmanagerWithValue","fixtureCoorpmanager","fixtureDefault","fixtureWithValue"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,sDAAL,EAA6DA,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAgBC,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,qEAAL,EAA4EG,wBAA5E,EAAkGN,SAAlG,EAAmHO,8BAAnH;AACA,kBAAK,4DAAL,EAAmED,wBAAnE,EAAyFN,SAAzF,EAA0GQ,qBAA1G;AACA,kBAAK,uDAAL,EAA8DF,wBAA9D,EAAoFN,SAApF,EAAqGS,gBAArG;AACA,kBAAK,yDAAL,EAAgEH,wBAAhE,EAAsFN,SAAtF,EAAuGU,kBAAvG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputSearch from '..';\nimport fixtureCoorpmanagerWithValue from './fixtures/coorpmanager-with-value';\nimport fixtureCoorpmanager from './fixtures/coorpmanager';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithValue from './fixtures/with-value';\n\ntest('Atom › AtomInputSearch > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputSearch.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputSearch.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputSearch › CoorpmanagerWithValue › should be rendered', renderComponentMacro, AtomInputSearch, fixtureCoorpmanagerWithValue);\ntest('Atom › AtomInputSearch › Coorpmanager › should be rendered', renderComponentMacro, AtomInputSearch, fixtureCoorpmanager);\ntest('Atom › AtomInputSearch › Default › should be rendered', renderComponentMacro, AtomInputSearch, fixtureDefault);\ntest('Atom › AtomInputSearch › WithValue › should be rendered', renderComponentMacro, AtomInputSearch, fixtureWithValue);\n"],"file":"fixtures.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["themeStyle","setup","style","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","required","modified","title","propsTitle","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","PropTypes","bool","string","oneOf","func"],"mappings":"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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"}
+{"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["themeStyle","setup","style","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","required","modified","title","propsTitle","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","PropTypes","bool","string","oneOf","func"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEC,eAAMD,KADI;AAEjBE,EAAAA,YAAY,EAAED,eAAMC,YAFH;AAGjBC,EAAAA,OAAO,EAAEF,eAAME,OAHE;AAIjBC,EAAAA,OAAO,EAAEH,eAAMG;AAJE,CAAnB;;AAMA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AACJC,IAAAA,SAAS,GAAG,KADR;AAEJC,IAAAA,WAAW,GAAG,EAFV;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,IAJI;AAKJC,IAAAA,YALI;AAMJC,IAAAA,QAAQ,iBANJ;AAOJC,IAAAA,KAPI;AAQJC,IAAAA,KARI;AASJC,IAAAA,KAAK,GAAG,SATJ;AAUJC,IAAAA,WAVI;AAWJC,IAAAA,QAXI;AAYJC,IAAAA,QAZI;AAaJC,IAAAA,QAAQ,GAAG,KAbP;AAcJC,IAAAA,KAAK,EAAEC;AAdH,MAeFf,KAfJ;AAiBA,QAAMc,KAAK,GAAI,GAAEC,UAAW,GAAEH,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMI,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIX,QAAQ,CAACW,CAAC,CAACC,MAAF,CAASf,KAAV,CAA3B,EAA6C,CAACG,QAAD,CAA7C,CAArB;AACA,QAAMa,SAAS,GAAG1B,UAAU,CAACgB,KAAD,CAA5B;AACA,QAAMW,SAAS,GAAG,4BAAczB,eAAMG,OAApB,EAA6BH,eAAMkB,QAAnC,EAA6ClB,eAAMY,KAAnD,EAA0DM,QAA1D,EAAoEN,KAApE,CAAlB;AACA,QAAMc,eAAe,GACnBX,WAAW,IAAID,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEd,eAAMe;AAAtB,KAAoCA,WAApC,CADF,GAEI,IAHN;AAIA,QAAMY,WAAW,GACfZ,WAAW,IAAID,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEd,eAAM4B;AAAtB,kBACE,6BAAC,qDAAD;AAAU,IAAA,SAAS,EAAE5B,eAAM6B;AAA3B,IADF,eAEE;AAAK,IAAA,SAAS,EAAE7B,eAAM8B;AAAtB,KAAyCf,WAAzC,CAFF,CADF,GAKI,IANN;AAOA,QAAMgB,QAAQ,GACZjB,KAAK,KAAK,cAAV,gBACE;AACE,IAAA,SAAS,EAAEd,eAAMS,IADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACuB,MAAAA,MAAM,EAAEpB,KAAK,IAAIH;AAAlB;AAH3B,IADF,GAMI,IAPN;AAQA,QAAMwB,aAAa,GAAGrB,KAAK,gBAAG,6BAAC,+BAAD;AAAW,IAAA,SAAS,EAAEZ,eAAMkC;AAA5B,IAAH,GAA8C,IAAzE;AACA,QAAMC,aAAa,GAAGtB,KAAK,gBAAG,6BAAC,sCAAD;AAAW,IAAA,SAAS,EAAEb,eAAMkC;AAA5B,IAAH,GAA8C,IAAzE;AAEA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTV,SADS,EAETC,SAFS,EAGTT,QAAQ,IAAIhB,eAAMgB,QAHT,EAIT,qBAAMI,UAAN,KAAqBpB,eAAMoC,SAJlB;AADb,kBAQE,yDACE;AAAM,IAAA,SAAS,EAAE,yBAAWpC,eAAMmB,KAAjB,EAAwB,uBAAQX,KAAR,KAAkBR,eAAMqC,OAAhD;AAAjB,KACGlB,KADH,EAEGQ,WAFH,CADF,eAME;AACE,IAAA,SAAS,EAAErB,SADb;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,IAAI,EAAEa,KAHR;AAIE,IAAA,SAAS,EAAEnB,eAAMsC,KAJnB;AAKE,IAAA,WAAW,EAAE/B,WALf;AAME,IAAA,YAAY,EAAEG,YANhB;AAOE,IAAA,YAAY,EAAE,KAPhB;AAQE,IAAA,KAAK,EAAEF,KART;AASE,IAAA,OAAO,EAAEa,YATX;AAUE,IAAA,QAAQ,EAAEL,QAVZ;AAWE,IAAA,QAAQ;AAXV,IANF,EAmBGiB,aAnBH,EAoBGE,aApBH,EAqBGJ,QArBH,CARF,EA+BGL,eA/BH,CADF;AAmCD,CA/ED;;AAiFAtB,SAAS,CAACmC,SAAV,2CAAsB;AACpBjC,EAAAA,SAAS,EAAEkC,mBAAUC,IADD;AAEpBtB,EAAAA,KAAK,EAAEqB,mBAAUE,MAFG;AAGpBnC,EAAAA,WAAW,EAAEiC,mBAAUE,MAHH;AAIpBhC,EAAAA,YAAY,EAAE8B,mBAAUE,MAJJ;AAKpB5B,EAAAA,KAAK,EAAE0B,mBAAUG,KAAV,CAAgB,oBAAK7C,UAAL,CAAhB,CALa;AAMpBkB,EAAAA,QAAQ,EAAEwB,mBAAUC,IANA;AAOpBxB,EAAAA,QAAQ,EAAEuB,mBAAUC,IAPA;AAQpBjC,EAAAA,KAAK,EAAEgC,mBAAUE,MARG;AASpBjC,EAAAA,IAAI,EAAE+B,mBAAUE,MATI;AAUpB9B,EAAAA,KAAK,EAAE4B,mBAAUE,MAVG;AAWpB/B,EAAAA,QAAQ,EAAE6B,mBAAUI,IAXA;AAYpB7B,EAAAA,WAAW,EAAEyB,mBAAUE,MAZH;AAapBxB,EAAAA,QAAQ,EAAEsB,mBAAUC,IAbA;AAcpB5B,EAAAA,KAAK,EAAE2B,mBAAUC;AAdG,CAAtB;eAgBerC,S","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.default\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    required,\n    modified = false,\n    title: propsTitle\n  } = props;\n\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        isNil(propsTitle) && style.isNoTitle\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {title}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type=\"text\"\n          name={title}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          autoComplete={'off'}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          onChange={noop}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputText.propTypes = {\n  autoFocus: PropTypes.bool,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultValue: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool\n};\nexport default InputText;\n"],"file":"index.js"}

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

@@ -181,7 +181,7 @@
 
 
 .coorpmanager {
-  width: 300px;
+  width: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
@@ -227,8 +227,12 @@
   color: cm_grey_500;
 }
 
+.coorpmanager label {
+  width: 100%;
+}
+
 .coorpmanager input {
-  width: 300px;
+  width: 100%;
   height: 44px;
   margin: 0px;
   flex-grow: 0;

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

@@ -8,6 +8,8 @@ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/ren
 
 var _ = _interopRequireDefault(require(".."));
 
+var _cmDefault = _interopRequireDefault(require("./fixtures/cm-default"));
+
 var _default = _interopRequireDefault(require("./fixtures/default"));
 
 var _disabled = _interopRequireDefault(require("./fixtures/disabled"));
@@ -30,6 +32,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     t.not(value, undefined, `PropType for "Atom.AtomInputText.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
+(0, _ava.default)('Atom › AtomInputText › CmDefault › should be rendered', _renderComponent.default, _.default, _cmDefault.default);
 (0, _ava.default)('Atom › AtomInputText › Default › should be rendered', _renderComponent.default, _.default, _default.default);
 (0, _ava.default)('Atom › AtomInputText › Disabled › should be rendered', _renderComponent.default, _.default, _disabled.default);
 (0, _ava.default)('Atom › AtomInputText › Empty › should be rendered', _renderComponent.default, _.default, _empty.default);

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

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

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

@@ -183,7 +183,7 @@
 
 
 .coorpmanager {
-  width: 300px;
+  width: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
@@ -192,6 +192,7 @@
 }
 
 .coorpmanager label {
+  width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -231,10 +232,9 @@
 }
 
 .coorpmanager textarea {
-  width: 285px;
+  width: stretch;
   min-height: 145px;
   resize: vertical;
-  margin: 0px;
   flex-grow: 0;
   display: flex;
   box-sizing: border-box;