@coorpacademy/components 11.12.2 → 11.12.3-alpha.9

package/es/molecule/privacy-policy-contact/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowIcon","styles","ICONS","arrow","PrivacyPolicyContact","title","content","container","__html","propTypes","string"],"sources":["../../../src/molecule/privacy-policy-contact/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport styles from './style.css';\n\nexport const ICONS = {\n  arrow: ArrowIcon\n};\n\nconst PrivacyPolicyContact = ({title, content}) => {\n  return (\n    <div className={styles.container}>\n      <h3\n        className={styles.title}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <p className={styles.content}>{content}</p>\n    </div>\n  );\n};\n\nPrivacyPolicyContact.propTypes = {\n  title: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default PrivacyPolicyContact;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,OAAOC,MAAP,MAAmB,aAAnB;AAEA,OAAO,MAAMC,KAAK,GAAG;EACnBC,KAAK,EAAEH;AADY,CAAd;;AAIP,MAAMI,oBAAoB,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAAsB;EACjD,oBACE;IAAK,SAAS,EAAEL,MAAM,CAACM;EAAvB,gBACE;IACE,SAAS,EAAEN,MAAM,CAACI,KADpB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACG,MAAM,EAAEH;IAAT;EAH3B,EADF,eAME;IAAG,SAAS,EAAEJ,MAAM,CAACK;EAArB,GAA+BA,OAA/B,CANF,CADF;AAUD,CAXD;;AAaAF,oBAAoB,CAACK,SAArB,2CAAiC;EAC/BJ,KAAK,EAAEP,SAAS,CAACY,MADc;EAE/BJ,OAAO,EAAER,SAAS,CAACY;AAFY,CAAjC;AAKA,eAAeN,oBAAf"}

package/es/molecule/privacy-policy-contact/style.css

@@ -0,0 +1,37 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value cm_primary_blue from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_400 from colors;
+@value white from colors;
+
+.container {
+  padding: 16px 14px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: white;
+}
+
+.title {
+font-family: Gilroy;
+font-size: 16px;
+font-weight: 400;
+line-height: 24px;
+letter-spacing: 0em;
+text-align: center;
+margin: 0;  
+}
+
+.content {
+font-family: Gilroy;
+font-size: 14px;
+font-style: italic;
+font-weight: 400;
+line-height: 22px;
+letter-spacing: 0em;
+text-align: center;
+margin: 0;
+}

package/es/molecule/privacy-policy-download/index.d.ts

@@ -0,0 +1,30 @@
+export default PrivacyPolicyDownload;
+declare function PrivacyPolicyDownload({ title, downloadButton, content }: {
+    title: any;
+    downloadButton: any;
+    content: any;
+}): JSX.Element;
+declare namespace PrivacyPolicyDownload {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const content: PropTypes.Requireable<string>;
+        const downloadButton: PropTypes.Requireable<PropTypes.InferProps<{
+            color: any;
+            submitValue: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            isLinkDisabled: PropTypes.Requireable<boolean>;
+            href: PropTypes.Requireable<string>;
+            download: PropTypes.Requireable<boolean>;
+            target: PropTypes.Requireable<string>;
+            type: PropTypes.Requireable<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            className: PropTypes.Requireable<string>;
+            buttonContentClassName: PropTypes.Requireable<string>;
+            style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            'data-name': PropTypes.Requireable<string>;
+        }>>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/privacy-policy-download/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-download/index.js"],"names":[],"mappings":";AAKA;;;;gBAQC"}

package/es/molecule/privacy-policy-download/index.js

@@ -0,0 +1,30 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import Button from '../../atom/button';
+import styles from './style.css';
+
+const PrivacyPolicyDownload = ({
+  title,
+  downloadButton,
+  content
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: styles.title
+  }, title), /*#__PURE__*/React.createElement("p", {
+    className: styles.content
+  }, content), /*#__PURE__*/React.createElement(Button, _extends({}, downloadButton, {
+    className: styles.downloadButton
+  })));
+};
+
+PrivacyPolicyDownload.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: PropTypes.string,
+  content: PropTypes.string,
+  downloadButton: PropTypes.shape(Button.propTypes)
+} : {};
+export default PrivacyPolicyDownload;
+//# sourceMappingURL=index.js.map

package/es/molecule/privacy-policy-download/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","Button","styles","PrivacyPolicyDownload","title","downloadButton","content","container","propTypes","string","shape"],"sources":["../../../src/molecule/privacy-policy-download/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../../atom/button';\nimport styles from './style.css';\n\nconst PrivacyPolicyDownload = ({title, downloadButton, content}) => {\n  return (\n    <div className={styles.container}>\n      <h3 className={styles.title}>{title}</h3>\n      <p className={styles.content}>{content}</p>\n      <Button {...downloadButton} className={styles.downloadButton} />\n    </div>\n  );\n};\n\nPrivacyPolicyDownload.propTypes = {\n  title: PropTypes.string,\n  content: PropTypes.string,\n  downloadButton: PropTypes.shape(Button.propTypes)\n};\n\nexport default PrivacyPolicyDownload;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,MAAP,MAAmB,aAAnB;;AAEA,MAAMC,qBAAqB,GAAG,CAAC;EAACC,KAAD;EAAQC,cAAR;EAAwBC;AAAxB,CAAD,KAAsC;EAClE,oBACE;IAAK,SAAS,EAAEJ,MAAM,CAACK;EAAvB,gBACE;IAAI,SAAS,EAAEL,MAAM,CAACE;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAG,SAAS,EAAEF,MAAM,CAACI;EAArB,GAA+BA,OAA/B,CAFF,eAGE,oBAAC,MAAD,eAAYD,cAAZ;IAA4B,SAAS,EAAEH,MAAM,CAACG;EAA9C,GAHF,CADF;AAOD,CARD;;AAUAF,qBAAqB,CAACK,SAAtB,2CAAkC;EAChCJ,KAAK,EAAEJ,SAAS,CAACS,MADe;EAEhCH,OAAO,EAAEN,SAAS,CAACS,MAFa;EAGhCJ,cAAc,EAAEL,SAAS,CAACU,KAAV,CAAgBT,MAAM,CAACO,SAAvB;AAHgB,CAAlC;AAMA,eAAeL,qBAAf"}

package/es/molecule/privacy-policy-download/style.css

@@ -0,0 +1,42 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value cm_primary_blue from colors;
+@value white from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_400 from colors;
+
+.container {
+  padding: 40px;
+  background-color: white;
+}
+
+.title {
+  font-family: Gilroy;
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 32px;
+  letter-spacing: 0em;
+  text-align: left;
+  color: cm_grey_500;
+  margin: 0px 0px 8px 0px;
+  
+}
+
+.content {
+  font-family: Gilroy;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 24px;
+  letter-spacing: 0px;
+  text-align: left;
+  color: cm_grey_400;
+  margin: 0px 0px 24px 0px;
+}
+
+.downloadButton {
+  height: 48px;
+  width: 152px;
+  border-radius: 10px;
+}

package/es/template/common/privacy-policy-page/index.d.ts

@@ -0,0 +1,59 @@
+export default PrivacyPolicy;
+declare function PrivacyPolicy({ header, privacyPolicyContact, menuLinks, privacyPolicyDownload, expandableList }: {
+    header: any;
+    privacyPolicyContact: any;
+    menuLinks: any;
+    privacyPolicyDownload: any;
+    expandableList: any;
+}): JSX.Element;
+declare namespace PrivacyPolicy {
+    namespace propTypes {
+        const header: {
+            image: import("prop-types").Requireable<string>;
+            mode: import("prop-types").Requireable<string>;
+            description: import("prop-types").Requireable<string>;
+            title: import("prop-types").Requireable<string>;
+            author: import("prop-types").Requireable<string>;
+            progress: import("prop-types").Requireable<number>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            submitValue: import("prop-types").Requireable<string>;
+        };
+        const privacyPolicyContact: {
+            title: import("prop-types").Requireable<string>;
+            content: import("prop-types").Requireable<string>;
+        };
+        const menuLinks: {
+            title: import("prop-types").Requireable<string>;
+            items: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                text: import("prop-types").Requireable<string>;
+                isSelected: import("prop-types").Requireable<boolean>;
+                onclick: import("prop-types").Requireable<(...args: any[]) => any>;
+                isShowMoreItem: import("prop-types").Requireable<boolean>;
+            }> | null | undefined)[]>;
+        };
+        const privacyPolicyDownload: {
+            title: import("prop-types").Requireable<string>;
+            content: import("prop-types").Requireable<string>;
+            downloadButton: import("prop-types").Requireable<import("prop-types").InferProps<{
+                color: any;
+                submitValue: import("prop-types").Requireable<string>;
+                disabled: import("prop-types").Requireable<boolean>;
+                isLinkDisabled: import("prop-types").Requireable<boolean>;
+                href: import("prop-types").Requireable<string>;
+                download: import("prop-types").Requireable<boolean>;
+                target: import("prop-types").Requireable<string>;
+                type: import("prop-types").Requireable<string>;
+                onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+                children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+                className: import("prop-types").Requireable<string>;
+                buttonContentClassName: import("prop-types").Requireable<string>;
+                style: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+                'data-name': import("prop-types").Requireable<string>;
+            }>>;
+        };
+        const expandableList: {
+            items: import("prop-types").Requireable<any[]>;
+        };
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/es/template/common/privacy-policy-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/privacy-policy-page/index.js"],"names":[],"mappings":";AAQA;;;;;;gBA+BC"}

package/es/template/common/privacy-policy-page/index.js

@@ -0,0 +1,47 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+
+import React from 'react';
+import Hero from '../../../molecule/hero';
+import PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';
+import PrivacyPolicyDownload from '../../../molecule/privacy-policy-download';
+import MenuLinks from '../../../molecule/menu-links';
+import ExpandableList from '../../../molecule/expandable-list';
+import styles from './style.css';
+
+const PrivacyPolicy = ({
+  header,
+  privacyPolicyContact,
+  menuLinks,
+  privacyPolicyDownload,
+  expandableList
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.wrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.hero
+  }, /*#__PURE__*/React.createElement(Hero, _extends({}, header, {
+    mode: 'header'
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.menuContainer
+  }, /*#__PURE__*/React.createElement(MenuLinks, menuLinks), /*#__PURE__*/React.createElement("div", {
+    className: styles.privacyPolicyDownloadDesktop
+  }, /*#__PURE__*/React.createElement(PrivacyPolicyDownload, privacyPolicyDownload))), /*#__PURE__*/React.createElement("div", {
+    className: styles.expandableList
+  }, /*#__PURE__*/React.createElement(ExpandableList, expandableList)), /*#__PURE__*/React.createElement("div", {
+    className: styles.privacyPolicyDownload
+  }, /*#__PURE__*/React.createElement(PrivacyPolicyDownload, privacyPolicyDownload))), /*#__PURE__*/React.createElement("div", {
+    className: styles.privacyPolicyContact
+  }, /*#__PURE__*/React.createElement(PrivacyPolicyContact, privacyPolicyContact)));
+};
+
+PrivacyPolicy.propTypes = process.env.NODE_ENV !== "production" ? {
+  header: Hero.propTypes,
+  privacyPolicyContact: PrivacyPolicyContact.propTypes,
+  menuLinks: MenuLinks.propTypes,
+  privacyPolicyDownload: PrivacyPolicyDownload.propTypes,
+  expandableList: ExpandableList.propTypes
+} : {};
+export default PrivacyPolicy;
+//# sourceMappingURL=index.js.map

package/es/template/common/privacy-policy-page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","Hero","PrivacyPolicyContact","PrivacyPolicyDownload","MenuLinks","ExpandableList","styles","PrivacyPolicy","header","privacyPolicyContact","menuLinks","privacyPolicyDownload","expandableList","wrapper","hero","container","menuContainer","privacyPolicyDownloadDesktop","propTypes"],"sources":["../../../../src/template/common/privacy-policy-page/index.js"],"sourcesContent":["import React from 'react';\nimport Hero from '../../../molecule/hero';\nimport PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';\nimport PrivacyPolicyDownload from '../../../molecule/privacy-policy-download';\nimport MenuLinks from '../../../molecule/menu-links';\nimport ExpandableList from '../../../molecule/expandable-list';\nimport styles from './style.css';\n\nconst PrivacyPolicy = ({\n  header,\n  privacyPolicyContact,\n  menuLinks,\n  privacyPolicyDownload,\n  expandableList\n}) => {\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.hero}>\n        <Hero {...header} mode={'header'} />\n      </div>\n      <div className={styles.container}>\n        <div className={styles.menuContainer}>\n          <MenuLinks {...menuLinks} />\n          <div className={styles.privacyPolicyDownloadDesktop}>\n            <PrivacyPolicyDownload {...privacyPolicyDownload} />\n          </div>\n        </div>\n        <div className={styles.expandableList}>\n          <ExpandableList {...expandableList} />\n        </div>\n        <div className={styles.privacyPolicyDownload}>\n          <PrivacyPolicyDownload {...privacyPolicyDownload} />\n        </div>\n      </div>\n      <div className={styles.privacyPolicyContact}>\n        <PrivacyPolicyContact {...privacyPolicyContact} />\n      </div>\n    </div>\n  );\n};\n\nPrivacyPolicy.propTypes = {\n  header: Hero.propTypes,\n  privacyPolicyContact: PrivacyPolicyContact.propTypes,\n  menuLinks: MenuLinks.propTypes,\n  privacyPolicyDownload: PrivacyPolicyDownload.propTypes,\n  expandableList: ExpandableList.propTypes\n};\n\nexport default PrivacyPolicy;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,oBAAP,MAAiC,0CAAjC;AACA,OAAOC,qBAAP,MAAkC,2CAAlC;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,OAAOC,MAAP,MAAmB,aAAnB;;AAEA,MAAMC,aAAa,GAAG,CAAC;EACrBC,MADqB;EAErBC,oBAFqB;EAGrBC,SAHqB;EAIrBC,qBAJqB;EAKrBC;AALqB,CAAD,KAMhB;EACJ,oBACE;IAAK,SAAS,EAAEN,MAAM,CAACO;EAAvB,gBACE;IAAK,SAAS,EAAEP,MAAM,CAACQ;EAAvB,gBACE,oBAAC,IAAD,eAAUN,MAAV;IAAkB,IAAI,EAAE;EAAxB,GADF,CADF,eAIE;IAAK,SAAS,EAAEF,MAAM,CAACS;EAAvB,gBACE;IAAK,SAAS,EAAET,MAAM,CAACU;EAAvB,gBACE,oBAAC,SAAD,EAAeN,SAAf,CADF,eAEE;IAAK,SAAS,EAAEJ,MAAM,CAACW;EAAvB,gBACE,oBAAC,qBAAD,EAA2BN,qBAA3B,CADF,CAFF,CADF,eAOE;IAAK,SAAS,EAAEL,MAAM,CAACM;EAAvB,gBACE,oBAAC,cAAD,EAAoBA,cAApB,CADF,CAPF,eAUE;IAAK,SAAS,EAAEN,MAAM,CAACK;EAAvB,gBACE,oBAAC,qBAAD,EAA2BA,qBAA3B,CADF,CAVF,CAJF,eAkBE;IAAK,SAAS,EAAEL,MAAM,CAACG;EAAvB,gBACE,oBAAC,oBAAD,EAA0BA,oBAA1B,CADF,CAlBF,CADF;AAwBD,CA/BD;;AAiCAF,aAAa,CAACW,SAAd,2CAA0B;EACxBV,MAAM,EAAEP,IAAI,CAACiB,SADW;EAExBT,oBAAoB,EAAEP,oBAAoB,CAACgB,SAFnB;EAGxBR,SAAS,EAAEN,SAAS,CAACc,SAHG;EAIxBP,qBAAqB,EAAER,qBAAqB,CAACe,SAJrB;EAKxBN,cAAc,EAAEP,cAAc,CAACa;AALP,CAA1B;AAQA,eAAeX,aAAf"}

package/es/template/common/privacy-policy-page/style.css

@@ -0,0 +1,78 @@
+@value breakpoints: "../../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value desktop from breakpoints;
+@value colors: "../../../variables/colors.css";
+@value cm_grey_50 from colors;
+
+.wrapper {
+  background-color: cm_grey_50;
+}
+
+.hero {
+  height: 350px;
+  width: 100%;
+}
+
+.container {
+  display: flex;
+  flex-direction: row;
+  margin: 40px 60px 40px 60px;
+}
+
+.menuContainer {
+  margin-right: 32px;
+  width: 526px;
+}
+
+.privacyPolicyContact{
+  width: 100%;
+  height: 86px;
+}
+
+.privacyPolicyDownloadDesktop {
+  margin-top: 28px;
+  display: block;
+}
+.privacyPolicyDownload {
+  display: none;
+}
+
+.expandableList {
+  width: 100%;
+}
+@media tablet {
+  .privacyPolicyDownloadDesktop {
+    display: none;
+  }
+  .privacyPolicyDownload {
+    display: block;
+  }
+  .container {
+    display: flex;
+    flex-direction: column;
+    margin: 40px 24px;
+  }
+  .menuContainer {
+    margin: 0px 0px 16px 0px;
+    width: 100%;
+  }
+}
+
+@media mobile {
+  .privacyPolicyDownloadDesktop {
+    display: none;
+  }
+  .privacyPolicyDownload {
+    display: block;
+  }
+  .container {
+    display: flex;
+    flex-direction: column;
+    margin: 40px 24px 40px 24px;
+  }
+  .menuContainer {
+    margin: 0px 0px 16px 0px;
+    width: 100%;
+  }
+}

package/lib/molecule/expandable-item/index.d.ts

@@ -0,0 +1,26 @@
+/// <reference path="../../../src/globals.d.ts" />
+export namespace ICONS {
+    export { ArrowIcon as arrow };
+}
+export default ExpandableItem;
+import { NovaCompositionNavigationArrowDown as ArrowIcon } from "@coorpacademy/nova-icons";
+declare function ExpandableItem({ icon, title, isExpended, content, onClick, image }: {
+    icon: any;
+    title: any;
+    isExpended: any;
+    content: any;
+    onClick: any;
+    image: any;
+}): JSX.Element;
+declare namespace ExpandableItem {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const icon: PropTypes.Requireable<string>;
+        const isExpended: PropTypes.Requireable<boolean>;
+        const content: PropTypes.Requireable<string>;
+        const image: PropTypes.Requireable<string>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/lib/molecule/expandable-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-item/index.js"],"names":[],"mappings":";;;;;;AAWA;;;;;;;gBAqBC"}

package/lib/molecule/expandable-item/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.ICONS = void 0;
+
+var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ICONS = {
+  arrow: _novaIcons.NovaCompositionNavigationArrowDown
+};
+exports.ICONS = ICONS;
+
+const ExpandableItem = ({
+  icon,
+  title,
+  isExpended,
+  content,
+  onClick,
+  image
+}) => {
+  const Icon = ICONS[icon];
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: isExpended ? _style.default.expendedContainer : _style.default.container,
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_style.default.header, isExpended ? _style.default.expendedHeader : null)
+  }, /*#__PURE__*/_react.default.createElement("h3", {
+    className: _style.default.title
+  }, title), Icon ? /*#__PURE__*/_react.default.createElement(Icon, {
+    className: (0, _classnames.default)(_style.default.icon, isExpended ? _style.default.expendedIcon : null)
+  }) : null), isExpended ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.content // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  }), image ? /*#__PURE__*/_react.default.createElement("img", {
+    className: _style.default.image,
+    src: image,
+    alt: ''
+  }) : null) : null);
+};
+
+ExpandableItem.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _propTypes.default.string,
+  icon: _propTypes.default.oneOf((0, _keys2.default)(ICONS)),
+  isExpended: _propTypes.default.bool,
+  content: _propTypes.default.string,
+  image: _propTypes.default.string,
+  onClick: _propTypes.default.func
+} : {};
+var _default = ExpandableItem;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/expandable-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ICONS","arrow","ArrowIcon","ExpandableItem","icon","title","isExpended","content","onClick","image","Icon","styles","expendedContainer","container","classnames","header","expendedHeader","expendedIcon","__html","propTypes","PropTypes","string","oneOf","bool","func"],"sources":["../../../src/molecule/expandable-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport styles from './style.css';\n\nexport const ICONS = {\n  arrow: ArrowIcon\n};\n\nconst ExpandableItem = ({icon, title, isExpended, content, onClick, image}) => {\n  const Icon = ICONS[icon];\n  return (\n    <div className={isExpended ? styles.expendedContainer : styles.container} onClick={onClick}>\n      <div className={classnames(styles.header, isExpended ? styles.expendedHeader : null)}>\n        <h3 className={styles.title}>{title}</h3>\n        {Icon ? (\n          <Icon className={classnames(styles.icon, isExpended ? styles.expendedIcon : null)} />\n        ) : null}\n      </div>\n      {isExpended ? (\n        <div>\n          <div\n            className={styles.content} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n          {image ? <img className={styles.image} src={image} alt={''} /> : null}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nExpandableItem.propTypes = {\n  title: PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  isExpended: PropTypes.bool,\n  content: PropTypes.string,\n  image: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default ExpandableItem;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;AAEO,MAAMA,KAAK,GAAG;EACnBC,KAAK,EAAEC;AADY,CAAd;;;AAIP,MAAMC,cAAc,GAAG,CAAC;EAACC,IAAD;EAAOC,KAAP;EAAcC,UAAd;EAA0BC,OAA1B;EAAmCC,OAAnC;EAA4CC;AAA5C,CAAD,KAAwD;EAC7E,MAAMC,IAAI,GAAGV,KAAK,CAACI,IAAD,CAAlB;EACA,oBACE;IAAK,SAAS,EAAEE,UAAU,GAAGK,cAAA,CAAOC,iBAAV,GAA8BD,cAAA,CAAOE,SAA/D;IAA0E,OAAO,EAAEL;EAAnF,gBACE;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWH,cAAA,CAAOI,MAAlB,EAA0BT,UAAU,GAAGK,cAAA,CAAOK,cAAV,GAA2B,IAA/D;EAAhB,gBACE;IAAI,SAAS,EAAEL,cAAA,CAAON;EAAtB,GAA8BA,KAA9B,CADF,EAEGK,IAAI,gBACH,6BAAC,IAAD;IAAM,SAAS,EAAE,IAAAI,mBAAA,EAAWH,cAAA,CAAOP,IAAlB,EAAwBE,UAAU,GAAGK,cAAA,CAAOM,YAAV,GAAyB,IAA3D;EAAjB,EADG,GAED,IAJN,CADF,EAOGX,UAAU,gBACT,uDACE;IACE,SAAS,EAAEK,cAAA,CAAOJ,OADpB,CAC6B;IAD7B;IAEE,uBAAuB,EAAE;MAACW,MAAM,EAAEX;IAAT;EAF3B,EADF,EAKGE,KAAK,gBAAG;IAAK,SAAS,EAAEE,cAAA,CAAOF,KAAvB;IAA8B,GAAG,EAAEA,KAAnC;IAA0C,GAAG,EAAE;EAA/C,EAAH,GAA2D,IALnE,CADS,GAQP,IAfN,CADF;AAmBD,CArBD;;AAuBAN,cAAc,CAACgB,SAAf,2CAA2B;EACzBd,KAAK,EAAEe,kBAAA,CAAUC,MADQ;EAEzBjB,IAAI,EAAEgB,kBAAA,CAAUE,KAAV,CAAgB,oBAAKtB,KAAL,CAAhB,CAFmB;EAGzBM,UAAU,EAAEc,kBAAA,CAAUG,IAHG;EAIzBhB,OAAO,EAAEa,kBAAA,CAAUC,MAJM;EAKzBZ,KAAK,EAAEW,kBAAA,CAAUC,MALQ;EAMzBb,OAAO,EAAEY,kBAAA,CAAUI;AANM,CAA3B;eASerB,c"}

package/lib/molecule/expandable-item/style.css

@@ -0,0 +1,129 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value cm_primary_blue from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_600 from colors;
+@value cm_grey_800 from colors;
+@value white from colors;
+
+.container {
+  display: flex;
+  flex-direction: column;
+  background: white;
+  gap: 16px;
+  border-radius: 2px;
+  width: 100%;
+  display: flex;
+  height: 80px;
+  justify-content: center;
+}
+.header {
+  display: flex;
+  flex-direction: row;
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  height: 80px;
+  padding: 12px 40px;
+}
+
+.expendedContainer {
+  display: flex;
+  flex-direction: column;
+  background: white;
+  gap: 16px;
+  border-radius: 2px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.expendedHeader {
+  padding: 24px 40px 0px 40px;
+  border-radius: 10px;
+}
+
+.title {
+  font-family: Gilroy;
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 32px;
+  letter-spacing: 0px;
+  text-align: left;
+  color: cm_grey_800;
+  margin: 0;
+  font-weight: inherit;
+}
+
+.icon {
+  width: 16px;
+  height: 16px;
+  width: 14px;
+  left: 5px;
+  top: 9px;
+  border-radius: 0px;
+  color: cm_grey_800;
+  flex-shrink: 0;
+  min-width: 16px;
+  flex-basis: 16px;
+}
+
+.expendedIcon {
+  transform: rotateZ(180deg);
+}
+
+.content {
+  font-family: Gilroy;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  letter-spacing: 0px;
+  text-align: left;
+  padding: 0px 40px 32px 40px;
+
+}
+
+.image {
+  width: 100%;
+}
+
+.content span{
+  font-family: Gilroy;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  letter-spacing: 0px;
+  text-align: left;
+  color: cm_grey_600;
+}
+
+@media mobile {
+  .container {
+    display: flex;
+    flex-direction: column;
+    background: white;
+    gap: 16px;
+    border-radius: 2px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    height: max-content;
+  }
+  .header {
+    display: flex;
+    flex-direction: row;
+    flex: none;
+    order: 0;
+    flex-grow: 0;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+    padding: 12px 40px;
+    height: max-content;
+  }
+}

package/lib/molecule/expandable-list/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference path="../../../src/globals.d.ts" />
+export namespace ICONS {
+    export { ArrowIcon as arrow };
+}
+export default ExpandableList;
+import { NovaCompositionNavigationArrowDown as ArrowIcon } from "@coorpacademy/nova-icons";
+declare function ExpandableList({ items }: {
+    items: any;
+}): JSX.Element;
+declare namespace ExpandableList {
+    namespace propTypes {
+        const items: PropTypes.Requireable<any[]>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/lib/molecule/expandable-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-list/index.js"],"names":[],"mappings":";;;;;;AAUA;;gBAaC"}

package/lib/molecule/expandable-list/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.ICONS = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _expandableItem = _interopRequireDefault(require("../expandable-item"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 ICONS = {
+  arrow: _novaIcons.NovaCompositionNavigationArrowDown
+};
+exports.ICONS = ICONS;
+
+const ExpandableList = ({
+  items
+}) => {
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: _style.default.list,
+    "data-name": "expandable-item"
+  }, items.map((item, index) => {
+    const handleClick = item.onClick;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      onClick: handleClick,
+      key: `menu-link-item-${index}`,
+      className: _style.default.item
+    }, /*#__PURE__*/_react.default.createElement(_expandableItem.default, _extends({}, item, {
+      className: _style.default.expandableItem
+    })));
+  }));
+};
+
+ExpandableList.propTypes = process.env.NODE_ENV !== "production" ? {
+  items: _propTypes.default.arrayOf(_expandableItem.default.propTypes)
+} : {};
+var _default = ExpandableList;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/expandable-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ICONS","arrow","ArrowIcon","ExpandableList","items","styles","list","map","item","index","handleClick","onClick","expandableItem","propTypes","PropTypes","arrayOf","ExpandableItem"],"sources":["../../../src/molecule/expandable-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport ExpandableItem from '../expandable-item';\nimport styles from './style.css';\n\nexport const ICONS = {\n  arrow: ArrowIcon\n};\n\nconst ExpandableList = ({items}) => {\n  return (\n    <ul className={styles.list} data-name=\"expandable-item\">\n      {items.map((item, index) => {\n        const handleClick = item.onClick;\n        return (\n          <li onClick={handleClick} key={`menu-link-item-${index}`} className={styles.item}>\n            <ExpandableItem {...item} className={styles.expandableItem} />\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n\nExpandableList.propTypes = {\n  items: PropTypes.arrayOf(ExpandableItem.propTypes)\n};\n\nexport default ExpandableList;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,MAAMA,KAAK,GAAG;EACnBC,KAAK,EAAEC;AADY,CAAd;;;AAIP,MAAMC,cAAc,GAAG,CAAC;EAACC;AAAD,CAAD,KAAa;EAClC,oBACE;IAAI,SAAS,EAAEC,cAAA,CAAOC,IAAtB;IAA4B,aAAU;EAAtC,GACGF,KAAK,CAACG,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAC1B,MAAMC,WAAW,GAAGF,IAAI,CAACG,OAAzB;IACA,oBACE;MAAI,OAAO,EAAED,WAAb;MAA0B,GAAG,EAAG,kBAAiBD,KAAM,EAAvD;MAA0D,SAAS,EAAEJ,cAAA,CAAOG;IAA5E,gBACE,6BAAC,uBAAD,eAAoBA,IAApB;MAA0B,SAAS,EAAEH,cAAA,CAAOO;IAA5C,GADF,CADF;EAKD,CAPA,CADH,CADF;AAYD,CAbD;;AAeAT,cAAc,CAACU,SAAf,2CAA2B;EACzBT,KAAK,EAAEU,kBAAA,CAAUC,OAAV,CAAkBC,uBAAA,CAAeH,SAAjC;AADkB,CAA3B;eAIeV,c"}