npm - @coorpacademy/components - Versions diffs - 10.1.0 → 10.1.1 - Mend

@coorpacademy/components 10.1.0 → 10.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/es/molecule/wizard-summary/style.css ADDED Viewed

@@ -0,0 +1,150 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_50 from colors;
+@value cm_grey_300 from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_900 from colors;
+@value cm_green_200 from colors;
+@value cm_purple_200 from colors;
+@value cm_orange_200 from colors;
+@value white from colors;
+@value lightBlack from colors;
+@value cm_yellow_scorm from colors;
+@value cm_bleu_article from colors;
+@value cm_red_video from colors;
+@value cm_violet_podcast from colors;
+.container {
+  font-family: Gilroy;
+  width: 245px;
+  border-radius: 7px;
+  background-color: cm_grey_50;
+  padding: 40px 37px 32px 37px;
+  overflow: hidden;
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+}
+.summary {
+  height: calc(100% - 90px);
+  overflow: hidden auto;
+}
+.actionZone {
+  margin: 24px 0px 0px 0px;
+}
+.actionLink {
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.icon {
+  width: 14px;
+  height: 14px;
+}
+.summaryTitle {
+  font-family: 'Gilroy';
+  font-style: normal;
+  font-weight: bold;
+  font-size: 20px;
+  margin: 0px 0px 24px 0px;
+  color: cm_grey_900;
+  display: block;
+}
+.sectionWrapper {
+  margin: 32px 0px 0px 0px;
+}
+.sectionWrapper:first-child {
+  margin: 0px;
+}
+.sectionHeader {
+  display: flex;
+  justify-content: space-between;
+}
+.counterText {
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+}
+.title {
+  font-style: normal;
+  font-weight: bold;
+  font-size: 12px;
+  color: cm_grey_400;
+  display: block;
+}
+.value {
+  font-size: 14px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  display: block;
+}
+.valueSimpleText {
+  composes: value;
+  margin: 8px 0px 0px 0px;
+}
+.contentWrapper {
+  margin: 8px 0px 0px 0px;
+  display: flex;
+  align-items: center;
+}
+.contentWrapper p {
+  margin: 0px;
+}
+.contentItem {
+  display: block;
+  max-width: calc(100% -25px);
+}
+.content {
+  display: flex;
+  align-items: center;
+}
+.contentCounter {
+  margin-right: 8px;
+  color: cm_grey_400;
+  font-size: 13px;
+  min-width: 20px;
+  text-align: center;
+}
+ul {
+  list-style: none;
+  padding: 0px;
+  margin: 0px;
+}
+.contentTitle {
+  margin: 0px 0px 0px 4px;
+  font-size: 13px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.author {
+  font-size: 11px;
+  font-weight: 500;
+  font-style: normal;
+  color: cm_grey_300;
+}

package/es/molecule/wizard-summary/test/fixtures/default.js ADDED Viewed

@@ -0,0 +1,117 @@
+export default {
+  props: {
+    title: 'Certification summary',
+    sections: [{
+      items: [{
+        type: 'mainElement',
+        title: 'Language',
+        value: '🇬🇧 English'
+      }, {
+        type: 'mainElement',
+        title: 'Name',
+        value: 'Marketing expert'
+      }]
+    }, {
+      title: 'Translation',
+      items: [{
+        type: 'text',
+        text: '🇫🇷 French'
+      }, {
+        type: 'text',
+        text: '🇪🇸 Spanish'
+      }, {
+        type: 'text',
+        text: '🇮🇹 Italian'
+      }]
+    }, {
+      title: 'Populations',
+      items: [{
+        type: 'text',
+        text: 'Population 2'
+      }],
+      counterText: '1 population'
+    }, {
+      title: 'Courses',
+      items: [{
+        type: 'content',
+        title: 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',
+        category: 'video',
+        label: 'Video',
+        author: 'Coorpacademy, Faurecia University'
+      }, {
+        type: 'content',
+        title: 'Markteting and online advertising',
+        category: 'base',
+        label: 'Base',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Faire une offre',
+        category: 'chapter',
+        label: "5' learning",
+        author: 'Global Exam'
+      }, {
+        type: 'content',
+        title: 'Cluedo: Meurtre sur Skill Island',
+        category: 'advanced',
+        label: 'Advanced',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Learn <b>Everywhere #10</b> : <u>Inclusion, Diversité</u>, et autre élements importants',
+        category: 'video',
+        label: 'Video',
+        author: 'Coorpacademy, Faurecia University'
+      }, {
+        type: 'content',
+        title: 'Mesurer la satisfaction client',
+        category: 'coach',
+        label: 'Coach',
+        author: 'Dunod Formation'
+      }, {
+        type: 'content',
+        title: 'Cluedo: Meurtre sur Skill Island',
+        category: 'advanced',
+        label: 'Advanced',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Suspects - épisode 1',
+        category: 'scorm',
+        label: 'Interactive slides',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: '<p align="right"> وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه</p>',
+        category: 'coach',
+        label: 'Coach',
+        author: 'Dunod Formation'
+      }, {
+        type: 'content',
+        title: 'Cluedo: Meurtre sur Skill Island',
+        category: 'advanced',
+        label: 'Advanced',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Suspects - épisode 1',
+        category: 'scorm',
+        label: 'Interactive slides',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Mesurer la satisfaction client',
+        category: 'coach',
+        label: 'Coach',
+        author: 'Dunod Formation'
+      }],
+      counterText: '12 courses'
+    }],
+    action: {
+      icon: 'draft',
+      text: 'Save in drafts',
+      onClick: () => console.log('save')
+    }
+  }
+};
+//# sourceMappingURL=default.js.map

package/es/molecule/wizard-summary/test/fixtures/default.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/default.js"],"names":["props","title","sections","items","type","value","text","counterText","category","label","author","action","icon","onClick","console","log"],"mappings":"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","sourcesContent":["export default {\n props: {\n title: 'Certification summary',\n sections: [\n {\n items: [\n {\n type: 'mainElement',\n title: 'Language',\n value: '🇬🇧 English'\n },\n {\n type: 'mainElement',\n title: 'Name',\n value: 'Marketing expert'\n }\n ]\n },\n {\n title: 'Translation',\n items: [\n {\n type: 'text',\n text: '🇫🇷 French'\n },\n {\n type: 'text',\n text: '🇪🇸 Spanish'\n },\n {\n type: 'text',\n text: '🇮🇹 Italian'\n }\n ]\n },\n {\n title: 'Populations',\n items: [\n {\n type: 'text',\n text: 'Population 2'\n }\n ],\n counterText: '1 population'\n },\n {\n title: 'Courses',\n items: [\n {\n type: 'content',\n title: 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',\n category: 'video',\n label: 'Video',\n author: 'Coorpacademy, Faurecia University'\n },\n {\n type: 'content',\n title: 'Markteting and online advertising',\n category: 'base',\n label: 'Base',\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title: 'Faire une offre',\n category: 'chapter',\n label: \"5' learning\",\n author: 'Global Exam'\n },\n {\n type: 'content',\n title: 'Cluedo: Meurtre sur Skill Island',\n category: 'advanced',\n label: 'Advanced',\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title:\n 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',\n category: 'video',\n label: 'Video',\n author: 'Coorpacademy, Faurecia University'\n },\n {\n type: 'content',\n title: 'Mesurer la satisfaction client',\n category: 'coach',\n label: 'Coach',\n author: 'Dunod Formation'\n },\n {\n type: 'content',\n title: 'Cluedo: Meurtre sur Skill Island',\n category: 'advanced',\n label: 'Advanced',\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title: 'Suspects - épisode 1',\n category: 'scorm',\n label: 'Interactive slides',\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title: ' وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه',\n category: 'coach',\n label: 'Coach',\n author: 'Dunod Formation'\n },\n {\n type: 'content',\n title: 'Cluedo: Meurtre sur Skill Island',\n category: 'advanced',\n label: 'Advanced',\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title: 'Suspects - épisode 1',\n category: 'scorm',\n label: 'Interactive slides',\n author: 'Coorpacademy'\n },\n {\n type: 'content',\n title: 'Mesurer la satisfaction client',\n category: 'coach',\n label: 'Coach',\n author: 'Dunod Formation'\n }\n ],\n counterText: '12 courses'\n }\n ],\n action: {\n icon: 'draft',\n text: 'Save in drafts',\n onClick: () => console.log('save')\n }\n }\n};\n"],"file":"default.js"}

package/es/molecule/wizard-summary/test/fixtures/one-section.js ADDED Viewed

@@ -0,0 +1,22 @@
+export default {
+  props: {
+    title: 'Certification summary',
+    sections: [{
+      items: [{
+        type: 'mainElement',
+        title: 'Language',
+        value: '🇬🇧 English'
+      }, {
+        type: 'mainElement',
+        title: 'Name',
+        value: 'Marketing expert'
+      }]
+    }],
+    action: {
+      icon: 'draft',
+      text: 'Save in drafts',
+      onClick: () => console.log('save')
+    }
+  }
+};
+//# sourceMappingURL=one-section.js.map

package/es/molecule/wizard-summary/test/fixtures/one-section.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/one-section.js"],"names":["props","title","sections","items","type","value","action","icon","text","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBADF;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,UAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OADK,EAML;AACED,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,MAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OANK;AADT,KADQ,CAFL;AAkBLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,OADA;AAENC,MAAAA,IAAI,EAAE,gBAFA;AAGNC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAHT;AAlBH;AADM,CAAf","sourcesContent":["export default {\n props: {\n title: 'Certification summary',\n sections: [\n {\n items: [\n {\n type: 'mainElement',\n title: 'Language',\n value: '🇬🇧 English'\n },\n {\n type: 'mainElement',\n title: 'Name',\n value: 'Marketing expert'\n }\n ]\n }\n ],\n action: {\n icon: 'draft',\n text: 'Save in drafts',\n onClick: () => console.log('save')\n }\n }\n};\n"],"file":"one-section.js"}

package/es/molecule/wizard-summary/test/fixtures/three-sections.js ADDED Viewed

@@ -0,0 +1,41 @@
+export default {
+  props: {
+    title: 'Certification summary',
+    sections: [{
+      items: [{
+        type: 'mainElement',
+        title: 'Language',
+        value: '🇬🇧 English'
+      }, {
+        type: 'mainElement',
+        title: 'Name',
+        value: 'Marketing expert'
+      }]
+    }, {
+      title: 'Translation',
+      items: [{
+        type: 'text',
+        text: '🇫🇷 French'
+      }, {
+        type: 'text',
+        text: '🇪🇸 Spanish'
+      }, {
+        type: 'text',
+        text: '🇮🇹 Italian'
+      }]
+    }, {
+      title: 'Populations',
+      items: [{
+        type: 'text',
+        text: 'Population 2'
+      }],
+      counterText: '1 population'
+    }],
+    action: {
+      icon: 'draft',
+      text: 'Save in drafts',
+      onClick: () => console.log('save')
+    }
+  }
+};
+//# sourceMappingURL=three-sections.js.map

package/es/molecule/wizard-summary/test/fixtures/three-sections.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/three-sections.js"],"names":["props","title","sections","items","type","value","text","counterText","action","icon","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBADF;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,UAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OADK,EAML;AACED,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,MAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OANK;AADT,KADQ,EAeR;AACEJ,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,EAKL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OALK,EASL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OATK;AAFT,KAfQ,EAgCR;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,CAFT;AAQEC,MAAAA,WAAW,EAAE;AARf,KAhCQ,CAFL;AA6CLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,OADA;AAENH,MAAAA,IAAI,EAAE,gBAFA;AAGNI,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAHT;AA7CH;AADM,CAAf","sourcesContent":["export default {\n props: {\n title: 'Certification summary',\n sections: [\n {\n items: [\n {\n type: 'mainElement',\n title: 'Language',\n value: '🇬🇧 English'\n },\n {\n type: 'mainElement',\n title: 'Name',\n value: 'Marketing expert'\n }\n ]\n },\n {\n title: 'Translation',\n items: [\n {\n type: 'text',\n text: '🇫🇷 French'\n },\n {\n type: 'text',\n text: '🇪🇸 Spanish'\n },\n {\n type: 'text',\n text: '🇮🇹 Italian'\n }\n ]\n },\n {\n title: 'Populations',\n items: [\n {\n type: 'text',\n text: 'Population 2'\n }\n ],\n counterText: '1 population'\n }\n ],\n action: {\n icon: 'draft',\n text: 'Save in drafts',\n onClick: () => console.log('save')\n }\n }\n};\n"],"file":"three-sections.js"}

package/es/molecule/wizard-summary/test/fixtures/two-sections.js ADDED Viewed

@@ -0,0 +1,34 @@
+export default {
+  props: {
+    title: 'Certification summary',
+    sections: [{
+      items: [{
+        type: 'mainElement',
+        title: 'Language',
+        value: '🇬🇧 English'
+      }, {
+        type: 'mainElement',
+        title: 'Name',
+        value: 'Marketing expert'
+      }]
+    }, {
+      title: 'Translation',
+      items: [{
+        type: 'text',
+        text: '🇫🇷 French'
+      }, {
+        type: 'text',
+        text: '🇪🇸 Spanish'
+      }, {
+        type: 'text',
+        text: '🇮🇹 Italian'
+      }]
+    }],
+    action: {
+      icon: 'draft',
+      text: 'Save in drafts',
+      onClick: () => console.log('save')
+    }
+  }
+};
+//# sourceMappingURL=two-sections.js.map

package/es/molecule/wizard-summary/test/fixtures/two-sections.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/two-sections.js"],"names":["props","title","sections","items","type","value","text","action","icon","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBADF;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,UAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OADK,EAML;AACED,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,MAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OANK;AADT,KADQ,EAeR;AACEJ,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,EAKL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OALK,EASL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OATK;AAFT,KAfQ,CAFL;AAmCLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,OADA;AAENF,MAAAA,IAAI,EAAE,gBAFA;AAGNG,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAHT;AAnCH;AADM,CAAf","sourcesContent":["export default {\n props: {\n title: 'Certification summary',\n sections: [\n {\n items: [\n {\n type: 'mainElement',\n title: 'Language',\n value: '🇬🇧 English'\n },\n {\n type: 'mainElement',\n title: 'Name',\n value: 'Marketing expert'\n }\n ]\n },\n {\n title: 'Translation',\n items: [\n {\n type: 'text',\n text: '🇫🇷 French'\n },\n {\n type: 'text',\n text: '🇪🇸 Spanish'\n },\n {\n type: 'text',\n text: '🇮🇹 Italian'\n }\n ]\n }\n ],\n action: {\n icon: 'draft',\n text: 'Save in drafts',\n onClick: () => console.log('save')\n }\n }\n};\n"],"file":"two-sections.js"}

package/es/organism/user-preferences/style.css CHANGED Viewed

@@ -47,6 +47,7 @@
   cursor: pointer;
   padding-left: 10px;
   padding-right: 4px;
+  color: dark;
 }
 .showToolTip::before {

package/es/variables/colors.css CHANGED Viewed

@@ -32,11 +32,15 @@
 @value cm_blue_600: #0051d6;
 @value cm_grey_50: #FAFAFA;
 @value cm_grey_100: #EAEAEB;
+@value cm_grey_150: #E1E1E3;
 @value cm_grey_200: #d7d7da;
+@value cm_grey_300: #C5C5C9;
 @value cm_grey_400: #9999A8;
 @value cm_grey_500: #515161;
 @value cm_grey_700: #1D1D2B;
+@value cm_grey_900: #111117;
 @value cm_positive_100: #35CC7F;
+@value cm_negative_100: #ed3436;
 @value cm_negative_200: #b81400;
 @value cm_orange_200: #FF7043;
 @value cm_orange_700: #ff4105;

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

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

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

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