@coorpacademy/components 10.1.1 → 10.1.5

package/lib/molecule/cm-popin/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const CMPopin = props => {
+  const {
+    content,
+    firstButton,
+    secondButton,
+    onClose,
+    icon
+  } = props;
+  const logo = {
+    AlertDiamond: _novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertDiamond,
+    WindowUpload: _novaIcons.NovaSolidApplicationsWindowUpload3
+  };
+  const LogoComponent = logo[icon];
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.background
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.popin
+  }, /*#__PURE__*/_react.default.createElement("header", {
+    className: _style.default.popinHeader
+  }, onClose ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.headerCloseIconContainer,
+    onClick: onClose,
+    "data-name": 'close-icon'
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
+    className: _style.default.headerCloseIcon
+  })) : null), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.contentSection
+  }, LogoComponent ? /*#__PURE__*/_react.default.createElement(LogoComponent, {
+    className: _style.default.icon
+  }) : null, /*#__PURE__*/_react.default.createElement("p", {
+    className: _style.default.content,
+    "data-name": `cm-popin-content` // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonContainer
+  }, firstButton ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.button
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    label: firstButton.label,
+    onClick: firstButton.handleOnclick,
+    "data-name": `cm-popin-cta`,
+    "aria-label": firstButton['aria-label'],
+    type: firstButton.type
+  })) : null, secondButton ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.button
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    label: secondButton.label,
+    onClick: secondButton.handleOnclick,
+    "data-name": `cm-popin-cta-${secondButton.type}`,
+    "aria-label": firstButton['aria-label'],
+    type: secondButton.type
+  })) : null)), ")");
+};
+
+CMPopin.propTypes = process.env.NODE_ENV !== "production" ? {
+  content: _propTypes.default.string,
+  firstButton: _propTypes.default.shape({
+    label: _propTypes.default.string,
+    handleOnclick: _propTypes.default.func,
+    'aria-label': _propTypes.default.string,
+    type: _propTypes.default.string
+  }),
+  secondButton: _propTypes.default.shape({
+    label: _propTypes.default.string,
+    handleOnclick: _propTypes.default.func,
+    type: _propTypes.default.oneOf(['dangerous', 'primary']),
+    'aria-label': _propTypes.default.string
+  }),
+  onClose: _propTypes.default.func,
+  icon: _propTypes.default.string
+} : {};
+var _default = CMPopin;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/cm-popin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["CMPopin","props","content","firstButton","secondButton","onClose","icon","logo","AlertDiamond","WindowUpload","LogoComponent","style","background","popin","popinHeader","headerCloseIconContainer","headerCloseIcon","contentSection","__html","buttonContainer","button","label","handleOnclick","type","propTypes","PropTypes","string","shape","func","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button-link';\nimport style from './style.css';\n\nconst CMPopin = props => {\n  const {content, firstButton, secondButton, onClose, icon} = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload\n  };\n  const LogoComponent = logo[icon];\n\n  return (\n    <div className={style.background}>\n      <div className={style.popin}>\n        <header className={style.popinHeader}>\n          {onClose ? (\n            <div\n              className={style.headerCloseIconContainer}\n              onClick={onClose}\n              data-name={'close-icon'}\n            >\n              <Close className={style.headerCloseIcon} />\n            </div>\n          ) : null}\n        </header>\n        <div className={style.contentSection}>\n          {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n          <p\n            className={style.content}\n            data-name={`cm-popin-content`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        </div>\n\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={`cm-popin-cta`}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={firstButton['aria-label']}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n      )\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    type: PropTypes.string\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary']),\n    'aria-label': PropTypes.string\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string\n};\n\nexport default CMPopin;\n"],"file":"index.js"}

package/lib/molecule/cm-popin/style.css

@@ -0,0 +1,115 @@
+@value colors: "../../variables/colors.css";
+@value dark from colors;
+@value brand from colors;
+@value light from colors;
+@value black from colors;
+@value cm_grey_800 from colors;
+@value negative from colors;
+@value lightGreen from colors;
+@value cm_grey_50 from colors;
+@value cm_negative_100 from colors;
+@value cm_negative_200 from colors;
+@value cm_primary_blue from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_200 from colors;
+@value cm_blue_600 from colors;
+
+
+.background {
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 15% 25%;
+  background-color: rgba(0, 0, 0, 0.2);
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  overflow: hidden;
+  display: flex;
+}
+
+.popin {
+  position: absolute;
+  overflow: auto;
+  width: 500px;
+  height: 414px;
+  flex-grow: 0;
+  margin: 16px;
+  padding: 16px 16px 20px 16px;
+  border-radius: 20px;
+  background-color: cm_grey_50;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.contentSection {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 65%;
+}
+
+.content {
+  font-family: Gilroy;
+  font-size: 20px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.4;
+  letter-spacing: normal;
+  text-align: center;
+  color: cm_grey_800;
+}
+
+.buttonContainer {
+  width: 100%;
+  height: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.button {
+  width: 160px;
+  padding: 8px;
+}
+
+.icon {
+  width: 60px;
+  height: 60px;
+  color: cm_grey_800;
+}
+
+.headerCloseIconContainer {
+  width: 44px;
+  height: 44px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-top: 16px;
+  margin-right: 16px;
+  border-radius: 7px;
+  cursor: pointer;
+  background-color: cm_grey_100;
+}
+
+.headerCloseIconContainer:hover {
+  background-color: cm_grey_200;
+}
+
+.headerCloseIcon {
+  width: 18px;
+  height: 18px;
+  color: cm_grey_800;
+}
+
+.popinHeader {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+}

package/lib/molecule/cm-popin/test/fixtures/dangerous.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    content: 'Are you sure to undo this changes? This will be permanent',
+    icon: 'AlertDiamond',
+    firstButton: {
+      label: 'Cancel',
+      type: 'secondary',
+      'aria-label': 'Cancel this operation',
+      handleOnClick: () => {}
+    },
+    secondButton: {
+      label: 'Undo',
+      type: 'dangerous',
+      'aria-label': 'Undo this operation',
+      handleOnClick: () => {}
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=dangerous.js.map

package/lib/molecule/cm-popin/test/fixtures/dangerous.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/cm-popin/test/fixtures/dangerous.js"],"names":["props","content","icon","firstButton","label","type","handleOnClick","secondButton"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,2DADJ;AAELC,IAAAA,IAAI,EAAE,cAFD;AAGLC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,QADI;AAEXC,MAAAA,IAAI,EAAE,WAFK;AAGX,oBAAc,uBAHH;AAIXC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAJZ,KAHR;AASLC,IAAAA,YAAY,EAAE;AACZH,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,IAAI,EAAE,WAFM;AAGZ,oBAAc,qBAHF;AAIZC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAJX;AATT;AADM,C","sourcesContent":["export default {\n  props: {\n    content: 'Are you sure to undo this changes? This will be permanent',\n    icon: 'AlertDiamond',\n    firstButton: {\n      label: 'Cancel',\n      type: 'secondary',\n      'aria-label': 'Cancel this operation',\n      handleOnClick: () => {}\n    },\n    secondButton: {\n      label: 'Undo',\n      type: 'dangerous',\n      'aria-label': 'Undo this operation',\n      handleOnClick: () => {}\n    }\n  }\n};\n"],"file":"dangerous.js"}

package/lib/molecule/cm-popin/test/fixtures/default.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    content: 'Do you want to publish the custom playlist?',
+    icon: 'WindowUpload',
+    firstButton: {
+      label: 'Cancel',
+      type: 'secondary',
+      handleOnClick: () => {},
+      'aria-label': 'Cancel this operation'
+    },
+    secondButton: {
+      label: 'Undo',
+      type: 'primary',
+      handleOnClick: () => {},
+      'aria-label': 'Undo this operation'
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/molecule/cm-popin/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/cm-popin/test/fixtures/default.js"],"names":["props","content","icon","firstButton","label","type","handleOnClick","secondButton"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,6CADJ;AAELC,IAAAA,IAAI,EAAE,cAFD;AAGLC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,QADI;AAEXC,MAAAA,IAAI,EAAE,WAFK;AAGXC,MAAAA,aAAa,EAAE,MAAM,CAAE,CAHZ;AAIX,oBAAc;AAJH,KAHR;AASLC,IAAAA,YAAY,EAAE;AACZH,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,IAAI,EAAE,SAFM;AAGZC,MAAAA,aAAa,EAAE,MAAM,CAAE,CAHX;AAIZ,oBAAc;AAJF;AATT;AADM,C","sourcesContent":["export default {\n  props: {\n    content: 'Do you want to publish the custom playlist?',\n    icon: 'WindowUpload',\n    firstButton: {\n      label: 'Cancel',\n      type: 'secondary',\n      handleOnClick: () => {},\n      'aria-label': 'Cancel this operation'\n    },\n    secondButton: {\n      label: 'Undo',\n      type: 'primary',\n      handleOnClick: () => {},\n      'aria-label': 'Undo this operation'\n    }\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/cm-popin/test/fixtures/warning-with-close.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    content: 'Do you want to save changes before quiting?',
+    icon: 'AlertDiamond',
+    firstButton: {
+      label: 'Quit without saving',
+      type: 'secondary',
+      'aria-label': 'Quit this operation without saving',
+      handleOnClick: () => {}
+    },
+    secondButton: {
+      label: 'Save & Quit',
+      type: 'primary',
+      'aria-label': 'Save and quit',
+      handleOnClick: () => {}
+    },
+    onClose: () => console.log('onClose')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=warning-with-close.js.map

package/lib/molecule/cm-popin/test/fixtures/warning-with-close.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/cm-popin/test/fixtures/warning-with-close.js"],"names":["props","content","icon","firstButton","label","type","handleOnClick","secondButton","onClose","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,6CADJ;AAELC,IAAAA,IAAI,EAAE,cAFD;AAGLC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,qBADI;AAEXC,MAAAA,IAAI,EAAE,WAFK;AAGX,oBAAc,oCAHH;AAIXC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAJZ,KAHR;AASLC,IAAAA,YAAY,EAAE;AACZH,MAAAA,KAAK,EAAE,aADK;AAEZC,MAAAA,IAAI,EAAE,SAFM;AAGZ,oBAAc,eAHF;AAIZC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAJX,KATT;AAeLE,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,SAAZ;AAfV;AADM,C","sourcesContent":["export default {\n  props: {\n    content: 'Do you want to save changes before quiting?',\n    icon: 'AlertDiamond',\n    firstButton: {\n      label: 'Quit without saving',\n      type: 'secondary',\n      'aria-label': 'Quit this operation without saving',\n      handleOnClick: () => {}\n    },\n    secondButton: {\n      label: 'Save & Quit',\n      type: 'primary',\n      'aria-label': 'Save and quit',\n      handleOnClick: () => {}\n    },\n    onClose: () => console.log('onClose')\n  }\n};\n"],"file":"warning-with-close.js"}

package/lib/molecule/cockpit-popin/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 _loading = _interopRequireDefault(require("./fixtures/loading"));
+
+var _videoTranslate = _interopRequireDefault(require("./fixtures/video-translate"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeCockpitPopin > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeCockpitPopin.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeCockpitPopin › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Molecule › MoleculeCockpitPopin › Loading › should be rendered', _renderComponent.default, _.default, _loading.default);
+(0, _ava.default)('Molecule › MoleculeCockpitPopin › VideoTranslate › should be rendered', _renderComponent.default, _.default, _videoTranslate.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/cockpit-popin/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/cockpit-popin/test/fixtures.js"],"names":["t","pass","MoleculeCockpitPopin","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureLoading","fixtureVideoTranslate"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,+DAAL,EAAsEA,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAqBC,SAA7B,EAAwC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,gEAAL,EAAuEG,wBAAvE,EAA6FN,SAA7F,EAAmHO,gBAAnH;AACA,kBAAK,gEAAL,EAAuED,wBAAvE,EAA6FN,SAA7F,EAAmHQ,gBAAnH;AACA,kBAAK,uEAAL,EAA8EF,wBAA9E,EAAoGN,SAApG,EAA0HS,uBAA1H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCockpitPopin from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureVideoTranslate from './fixtures/video-translate';\n\ntest('Molecule › MoleculeCockpitPopin > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCockpitPopin.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCockpitPopin.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCockpitPopin › Default › should be rendered', renderComponentMacro, MoleculeCockpitPopin, fixtureDefault);\ntest('Molecule › MoleculeCockpitPopin › Loading › should be rendered', renderComponentMacro, MoleculeCockpitPopin, fixtureLoading);\ntest('Molecule › MoleculeCockpitPopin › VideoTranslate › should be rendered', renderComponentMacro, MoleculeCockpitPopin, fixtureVideoTranslate);\n"],"file":"fixtures.js"}

package/lib/molecule/feedback/test/fixtures.js

@@ -22,6 +22,8 @@ var _successWithTitleAndDescriptionAndImage = _interopRequireDefault(require("./
 
 var _successWithTitleAndDescriptionAndPdf = _interopRequireDefault(require("./fixtures/success-with-title-and-description-and-pdf"));
 
+var _successWithTitleAndDescriptionAndVideo = _interopRequireDefault(require("./fixtures/success-with-title-and-description-and-video"));
+
 var _successWithTitleAndDescription = _interopRequireDefault(require("./fixtures/success-with-title-and-description"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -39,5 +41,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndAudio › should be rendered', _renderComponent.default, _.default, _successWithTitleAndDescriptionAndAudio.default);
 (0, _ava.default)('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndImage › should be rendered', _renderComponent.default, _.default, _successWithTitleAndDescriptionAndImage.default);
 (0, _ava.default)('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndPdf › should be rendered', _renderComponent.default, _.default, _successWithTitleAndDescriptionAndPdf.default);
+(0, _ava.default)('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndVideo › should be rendered', _renderComponent.default, _.default, _successWithTitleAndDescriptionAndVideo.default);
 (0, _ava.default)('Molecule › MoleculeFeedback › SuccessWithTitleAndDescription › should be rendered', _renderComponent.default, _.default, _successWithTitleAndDescription.default);
 //# sourceMappingURL=fixtures.js.map

package/lib/molecule/feedback/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/feedback/test/fixtures.js"],"names":["t","pass","MoleculeFeedback","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureFailExitNode","fixtureFailureWithTitleAndDescriptionAndVideo","fixtureSuccessExitNode","fixtureSuccessWithTitleAndDescriptionAndAudio","fixtureSuccessWithTitleAndDescriptionAndImage","fixtureSuccessWithTitleAndDescriptionAndPdf","fixtureSuccessWithTitleAndDescription"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,2DAAL,EAAkEA,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAiBC,SAAzB,EAAoC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAClDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,4DAAL,EAAmEG,wBAAnE,EAAyFN,SAAzF,EAA2GO,gBAA3G;AACA,kBAAK,iEAAL,EAAwED,wBAAxE,EAA8FN,SAA9F,EAAgHQ,qBAAhH;AACA,kBAAK,2FAAL,EAAkGF,wBAAlG,EAAwHN,SAAxH,EAA0IS,+CAA1I;AACA,kBAAK,oEAAL,EAA2EH,wBAA3E,EAAiGN,SAAjG,EAAmHU,wBAAnH;AACA,kBAAK,2FAAL,EAAkGJ,wBAAlG,EAAwHN,SAAxH,EAA0IW,+CAA1I;AACA,kBAAK,2FAAL,EAAkGL,wBAAlG,EAAwHN,SAAxH,EAA0IY,+CAA1I;AACA,kBAAK,yFAAL,EAAgGN,wBAAhG,EAAsHN,SAAtH,EAAwIa,6CAAxI;AACA,kBAAK,mFAAL,EAA0FP,wBAA1F,EAAgHN,SAAhH,EAAkIc,uCAAlI","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeFeedback from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureFailExitNode from './fixtures/fail-exit-node';\nimport fixtureFailureWithTitleAndDescriptionAndVideo from './fixtures/failure-with-title-and-description-and-video';\nimport fixtureSuccessExitNode from './fixtures/success-exit-node';\nimport fixtureSuccessWithTitleAndDescriptionAndAudio from './fixtures/success-with-title-and-description-and-audio';\nimport fixtureSuccessWithTitleAndDescriptionAndImage from './fixtures/success-with-title-and-description-and-image';\nimport fixtureSuccessWithTitleAndDescriptionAndPdf from './fixtures/success-with-title-and-description-and-pdf';\nimport fixtureSuccessWithTitleAndDescription from './fixtures/success-with-title-and-description';\n\ntest('Molecule › MoleculeFeedback > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeFeedback.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeFeedback.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeFeedback › Default › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureDefault);\ntest('Molecule › MoleculeFeedback › FailExitNode › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureFailExitNode);\ntest('Molecule › MoleculeFeedback › FailureWithTitleAndDescriptionAndVideo › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureFailureWithTitleAndDescriptionAndVideo);\ntest('Molecule › MoleculeFeedback › SuccessExitNode › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessExitNode);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndAudio › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndAudio);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndImage › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndImage);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndPdf › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndPdf);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescription › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescription);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/molecule/feedback/test/fixtures.js"],"names":["t","pass","MoleculeFeedback","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureFailExitNode","fixtureFailureWithTitleAndDescriptionAndVideo","fixtureSuccessExitNode","fixtureSuccessWithTitleAndDescriptionAndAudio","fixtureSuccessWithTitleAndDescriptionAndImage","fixtureSuccessWithTitleAndDescriptionAndPdf","fixtureSuccessWithTitleAndDescriptionAndVideo","fixtureSuccessWithTitleAndDescription"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,2DAAL,EAAkEA,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAiBC,SAAzB,EAAoC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAClDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,4DAAL,EAAmEG,wBAAnE,EAAyFN,SAAzF,EAA2GO,gBAA3G;AACA,kBAAK,iEAAL,EAAwED,wBAAxE,EAA8FN,SAA9F,EAAgHQ,qBAAhH;AACA,kBAAK,2FAAL,EAAkGF,wBAAlG,EAAwHN,SAAxH,EAA0IS,+CAA1I;AACA,kBAAK,oEAAL,EAA2EH,wBAA3E,EAAiGN,SAAjG,EAAmHU,wBAAnH;AACA,kBAAK,2FAAL,EAAkGJ,wBAAlG,EAAwHN,SAAxH,EAA0IW,+CAA1I;AACA,kBAAK,2FAAL,EAAkGL,wBAAlG,EAAwHN,SAAxH,EAA0IY,+CAA1I;AACA,kBAAK,yFAAL,EAAgGN,wBAAhG,EAAsHN,SAAtH,EAAwIa,6CAAxI;AACA,kBAAK,2FAAL,EAAkGP,wBAAlG,EAAwHN,SAAxH,EAA0Ic,+CAA1I;AACA,kBAAK,mFAAL,EAA0FR,wBAA1F,EAAgHN,SAAhH,EAAkIe,uCAAlI","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeFeedback from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureFailExitNode from './fixtures/fail-exit-node';\nimport fixtureFailureWithTitleAndDescriptionAndVideo from './fixtures/failure-with-title-and-description-and-video';\nimport fixtureSuccessExitNode from './fixtures/success-exit-node';\nimport fixtureSuccessWithTitleAndDescriptionAndAudio from './fixtures/success-with-title-and-description-and-audio';\nimport fixtureSuccessWithTitleAndDescriptionAndImage from './fixtures/success-with-title-and-description-and-image';\nimport fixtureSuccessWithTitleAndDescriptionAndPdf from './fixtures/success-with-title-and-description-and-pdf';\nimport fixtureSuccessWithTitleAndDescriptionAndVideo from './fixtures/success-with-title-and-description-and-video';\nimport fixtureSuccessWithTitleAndDescription from './fixtures/success-with-title-and-description';\n\ntest('Molecule › MoleculeFeedback > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeFeedback.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeFeedback.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeFeedback › Default › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureDefault);\ntest('Molecule › MoleculeFeedback › FailExitNode › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureFailExitNode);\ntest('Molecule › MoleculeFeedback › FailureWithTitleAndDescriptionAndVideo › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureFailureWithTitleAndDescriptionAndVideo);\ntest('Molecule › MoleculeFeedback › SuccessExitNode › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessExitNode);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndAudio › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndAudio);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndImage › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndImage);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndPdf › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndPdf);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescriptionAndVideo › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescriptionAndVideo);\ntest('Molecule › MoleculeFeedback › SuccessWithTitleAndDescription › should be rendered', renderComponentMacro, MoleculeFeedback, fixtureSuccessWithTitleAndDescription);\n"],"file":"fixtures.js"}

package/lib/molecule/search-form/index.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
-var _search = _interopRequireDefault(require("../search"));
+var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
@@ -47,7 +47,7 @@ const SearchForm = (props, context) => {
     method: method,
     onSubmit: handleSubmit,
     "data-name": "searchForm"
-  }, /*#__PURE__*/_react.default.createElement(_search.default, _extends({}, search, {
+  }, /*#__PURE__*/_react.default.createElement(_inputSearch.default, _extends({}, search, {
     onFocus: onSearchFocus,
     onBlur: onSearchBlur
   })), /*#__PURE__*/_react.default.createElement("div", {
@@ -67,7 +67,7 @@ SearchForm.propTypes = process.env.NODE_ENV !== "production" ? {
   onReset: _propTypes.default.func,
   onSearchFocus: _propTypes.default.func,
   onSearchBlur: _propTypes.default.func,
-  search: _propTypes.default.shape(_search.default.propTypes)
+  search: _propTypes.default.shape(_inputSearch.default.propTypes)
 } : {};
 var _default = SearchForm;
 exports.default = _default;

package/lib/molecule/search-form/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/search-form/index.js"],"names":["SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","handleSubmit","evt","preventDefault","skin","dark","style","form","value","wrapperClear","wrapperNoClear","clear","propTypes","PropTypes","string","func","shape","Search"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACrC,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA,OAA3B;AAAoCC,IAAAA,MAApC;AAA4CC,IAAAA,aAA5C;AAA2DC,IAAAA;AAA3D,MAA2ER,KAAjF;AACA,QAAMS,YAAY,GAAG,oBACnB,MAAMC,GAAG,IAAI;AACXA,IAAAA,GAAG,CAACC,cAAJ;AACA,WAAOP,QAAQ,IAAIA,QAAQ,CAACM,GAAD,CAA3B;AACD,GAJkB,EAKnB,CAACN,QAAD,CALmB,CAArB;AAOA,QAAM;AAACQ,IAAAA;AAAD,MAASX,OAAf;AACA,QAAMY,IAAI,GAAG,mBAAI,aAAJ,EAAmBD,IAAnB,CAAb;AAEA,sBACE;AACE,IAAA,SAAS,EAAEE,eAAMC,IADnB;AAEE,IAAA,MAAM,EAAEb,MAFV;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,QAAQ,EAAEM,YAJZ;AAKE,iBAAU;AALZ,kBAOE,6BAAC,eAAD,eAAYH,MAAZ;AAAoB,IAAA,OAAO,EAAEC,aAA7B;AAA4C,IAAA,MAAM,EAAEC;AAApD,KAPF,eAQE;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEH,OAFX;AAGE,IAAA,SAAS,EAAEC,MAAM,CAACU,KAAP,GAAeF,eAAMG,YAArB,GAAoCH,eAAMI;AAHvD,kBAKE,6BAAC,wCAAD;AAAW,IAAA,KAAK,EAAEL,IAAlB;AAAwB,IAAA,SAAS,EAAEC,eAAMK;AAAzC,IALF,CARF,CADF;AAkBD,CA9BD;;AAgCApB,UAAU,CAACqB,SAAX,2CAAuB;AACrBlB,EAAAA,MAAM,EAAEmB,mBAAUC,MADG;AAErBnB,EAAAA,MAAM,EAAEkB,mBAAUC,MAFG;AAGrBlB,EAAAA,QAAQ,EAAEiB,mBAAUE,IAHC;AAIrBlB,EAAAA,OAAO,EAAEgB,mBAAUE,IAJE;AAKrBhB,EAAAA,aAAa,EAAEc,mBAAUE,IALJ;AAMrBf,EAAAA,YAAY,EAAEa,mBAAUE,IANH;AAOrBjB,EAAAA,MAAM,EAAEe,mBAAUG,KAAV,CAAgBC,gBAAOL,SAAvB;AAPa,CAAvB;eAUerB,U","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationMore as ClearIcon} from '@coorpacademy/nova-icons';\nimport Search from '../search';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {action, method, onSubmit, onReset, search, onSearchFocus, onSearchBlur} = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n    >\n      <Search {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} />\n      <div\n        data-name=\"search-form-reset\"\n        onClick={onReset}\n        className={search.value ? style.wrapperClear : style.wrapperNoClear}\n      >\n        <ClearIcon color={dark} className={style.clear} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes)\n};\n\nexport default SearchForm;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/search-form/index.js"],"names":["SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","handleSubmit","evt","preventDefault","skin","dark","style","form","value","wrapperClear","wrapperNoClear","clear","propTypes","PropTypes","string","func","shape","Search"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACrC,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA,OAA3B;AAAoCC,IAAAA,MAApC;AAA4CC,IAAAA,aAA5C;AAA2DC,IAAAA;AAA3D,MAA2ER,KAAjF;AACA,QAAMS,YAAY,GAAG,oBACnB,MAAMC,GAAG,IAAI;AACXA,IAAAA,GAAG,CAACC,cAAJ;AACA,WAAOP,QAAQ,IAAIA,QAAQ,CAACM,GAAD,CAA3B;AACD,GAJkB,EAKnB,CAACN,QAAD,CALmB,CAArB;AAOA,QAAM;AAACQ,IAAAA;AAAD,MAASX,OAAf;AACA,QAAMY,IAAI,GAAG,mBAAI,aAAJ,EAAmBD,IAAnB,CAAb;AAEA,sBACE;AACE,IAAA,SAAS,EAAEE,eAAMC,IADnB;AAEE,IAAA,MAAM,EAAEb,MAFV;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,QAAQ,EAAEM,YAJZ;AAKE,iBAAU;AALZ,kBAOE,6BAAC,oBAAD,eAAYH,MAAZ;AAAoB,IAAA,OAAO,EAAEC,aAA7B;AAA4C,IAAA,MAAM,EAAEC;AAApD,KAPF,eAQE;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEH,OAFX;AAGE,IAAA,SAAS,EAAEC,MAAM,CAACU,KAAP,GAAeF,eAAMG,YAArB,GAAoCH,eAAMI;AAHvD,kBAKE,6BAAC,wCAAD;AAAW,IAAA,KAAK,EAAEL,IAAlB;AAAwB,IAAA,SAAS,EAAEC,eAAMK;AAAzC,IALF,CARF,CADF;AAkBD,CA9BD;;AAgCApB,UAAU,CAACqB,SAAX,2CAAuB;AACrBlB,EAAAA,MAAM,EAAEmB,mBAAUC,MADG;AAErBnB,EAAAA,MAAM,EAAEkB,mBAAUC,MAFG;AAGrBlB,EAAAA,QAAQ,EAAEiB,mBAAUE,IAHC;AAIrBlB,EAAAA,OAAO,EAAEgB,mBAAUE,IAJE;AAKrBhB,EAAAA,aAAa,EAAEc,mBAAUE,IALJ;AAMrBf,EAAAA,YAAY,EAAEa,mBAAUE,IANH;AAOrBjB,EAAAA,MAAM,EAAEe,mBAAUG,KAAV,CAAgBC,qBAAOL,SAAvB;AAPa,CAAvB;eAUerB,U","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationMore as ClearIcon} from '@coorpacademy/nova-icons';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {action, method, onSubmit, onReset, search, onSearchFocus, onSearchBlur} = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n    >\n      <Search {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} />\n      <div\n        data-name=\"search-form-reset\"\n        onClick={onReset}\n        className={search.value ? style.wrapperClear : style.wrapperNoClear}\n      >\n        <ClearIcon color={dark} className={style.clear} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes)\n};\n\nexport default SearchForm;\n"],"file":"index.js"}