@coorpacademy/components 11.14.1-alpha.3.27 → 11.14.1

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

@@ -1,44 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { NovaCompositionNavigationArrowDown as ArrowIcon } from '@coorpacademy/nova-icons';
-import { propTypes } from './types';
-import styles from './style.css';
-export const ICONS = {
-  arrow: ArrowIcon
-};
-
-const ExpandableItem = ({
-  icon,
-  title,
-  isExpended,
-  isLink,
-  content,
-  onClick,
-  image
-}) => {
-  const Icon = ICONS[icon];
-  return /*#__PURE__*/React.createElement("div", {
-    className: isExpended ? styles.expendedContainer : styles.container,
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles.header, isExpended ? styles.expendedHeader : null)
-  }, /*#__PURE__*/React.createElement("h3", {
-    className: styles.title
-  }, title), Icon ? /*#__PURE__*/React.createElement(Icon, {
-    className: classnames(styles.icon, isExpended ? styles.expendedIcon : null, isLink ? styles.linkIcon : null)
-  }) : null), isExpended ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: styles.content // eslint-disable-next-line react/no-danger
-    ,
-    dangerouslySetInnerHTML: {
-      __html: content
-    }
-  }), image ? /*#__PURE__*/React.createElement("img", {
-    className: styles.image,
-    src: image,
-    alt: ''
-  }) : null) : null);
-};
-
-ExpandableItem.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
-export default ExpandableItem;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","propTypes","styles","ICONS","arrow","ExpandableItem","icon","title","isExpended","isLink","content","onClick","image","Icon","expendedContainer","container","header","expendedHeader","expendedIcon","linkIcon","__html"],"sources":["../../../src/molecule/expandable-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nexport const ICONS = {\n  arrow: ArrowIcon\n};\n\nconst ExpandableItem = ({icon, title, isExpended, isLink, content, onClick, image}: Props) => {\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\n            className={classnames(\n              styles.icon,\n              isExpended ? styles.expendedIcon : null,\n              isLink ? styles.linkIcon : null\n            )}\n          />\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 = propTypes;\nexport default ExpandableItem;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;AAEA,OAAO,MAAMC,KAAK,GAAG;EACnBC,KAAK,EAAEJ;AADY,CAAd;;AAIP,MAAMK,cAAc,GAAG,CAAC;EAACC,IAAD;EAAOC,KAAP;EAAcC,UAAd;EAA0BC,MAA1B;EAAkCC,OAAlC;EAA2CC,OAA3C;EAAoDC;AAApD,CAAD,KAAuE;EAC5F,MAAMC,IAAI,GAAGV,KAAK,CAACG,IAAD,CAAlB;EACA,oBACE;IAAK,SAAS,EAAEE,UAAU,GAAGN,MAAM,CAACY,iBAAV,GAA8BZ,MAAM,CAACa,SAA/D;IAA0E,OAAO,EAAEJ;EAAnF,gBACE;IAAK,SAAS,EAAEb,UAAU,CAACI,MAAM,CAACc,MAAR,EAAgBR,UAAU,GAAGN,MAAM,CAACe,cAAV,GAA2B,IAArD;EAA1B,gBACE;IAAI,SAAS,EAAEf,MAAM,CAACK;EAAtB,GAA8BA,KAA9B,CADF,EAEGM,IAAI,gBACH,oBAAC,IAAD;IACE,SAAS,EAAEf,UAAU,CACnBI,MAAM,CAACI,IADY,EAEnBE,UAAU,GAAGN,MAAM,CAACgB,YAAV,GAAyB,IAFhB,EAGnBT,MAAM,GAAGP,MAAM,CAACiB,QAAV,GAAqB,IAHR;EADvB,EADG,GAQD,IAVN,CADF,EAaGX,UAAU,gBACT,8CACE;IACE,SAAS,EAAEN,MAAM,CAACQ,OADpB,CAC6B;IAD7B;IAEE,uBAAuB,EAAE;MAACU,MAAM,EAAEV;IAAT;EAF3B,EADF,EAKGE,KAAK,gBAAG;IAAK,SAAS,EAAEV,MAAM,CAACU,KAAvB;IAA8B,GAAG,EAAEA,KAAnC;IAA0C,GAAG,EAAE;EAA/C,EAAH,GAA2D,IALnE,CADS,GAQP,IArBN,CADF;AAyBD,CA3BD;;AA6BAP,cAAc,CAACJ,SAAf,2CAA2BA,SAA3B;AACA,eAAeI,cAAf"}

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

@@ -1,135 +0,0 @@
-@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 cm_grey_700 from colors;
-@value white from colors;
-
-.container {
-  display: flex;
-  flex-direction: column;
-  background: white;
-  gap: 16px;
-  border-radius: 8px;
-  width: 100%;
-  display: flex;
-  height: 72px;
-  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;
-  padding: 24px;
-  gap: 16px;
-}
-
-.expendedContainer {
-  display: flex;
-  flex-direction: column;
-  background: white;
-  gap: 16px;
-  border-radius: 2px;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-}
-
-.expendedHeader {
-  padding: 24px 24px 0px 24px;
-}
-
-.title {
-  font-family: Gilroy;
-  color: cm_grey_700;
-  margin: 0;
-  font-weight: inherit;
-  font-family: Gilroy;
-  font-size: 18px;
-  font-weight: 600;
-  line-height: 24px;
-  letter-spacing: 0px;
-  text-align: left;
-}
-
-.icon {
-  width: 16px;
-  height: 16px;
-  width: 14px;
-  left: 5px;
-  top: 9px;
-  border-radius: 0px;
-  color: cm_grey_500;
-  flex-shrink: 0;
-  min-width: 16px;
-  flex-basis: 16px;
-}
-
-.expendedIcon {
-  transform: rotateZ(180deg);
-}
-
-.linkIcon {
-  transform: rotateZ(270deg);
-}
-
-.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/es/molecule/expandable-item/types.d.ts

@@ -1,20 +0,0 @@
-import PropTypes from 'prop-types';
-export declare const propTypes: {
-    title: PropTypes.Requireable<string>;
-    icon: PropTypes.Requireable<string>;
-    isExpended: PropTypes.Requireable<boolean>;
-    isLink: PropTypes.Requireable<boolean>;
-    content: PropTypes.Requireable<string>;
-    image: PropTypes.Requireable<string>;
-    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-};
-export declare type Props = {
-    title: string;
-    icon: 'arrow';
-    isExpended: boolean;
-    content: string;
-    isLink?: boolean;
-    image?: string;
-    onClick: () => void;
-};
-//# sourceMappingURL=types.d.ts.map

package/es/molecule/expandable-item/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,SAAS;;;;;;;;CAQrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

package/es/molecule/expandable-item/types.js

@@ -1,11 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  title: PropTypes.string,
-  icon: PropTypes.oneOf(['arrow']),
-  isExpended: PropTypes.bool,
-  isLink: PropTypes.bool,
-  content: PropTypes.string,
-  image: PropTypes.string,
-  onClick: PropTypes.func
-};
-//# sourceMappingURL=types.js.map

package/es/molecule/expandable-item/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":["PropTypes","propTypes","title","string","icon","oneOf","isExpended","bool","isLink","content","image","onClick","func"],"sources":["../../../src/molecule/expandable-item/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  title: PropTypes.string,\n  icon: PropTypes.oneOf(['arrow']),\n  isExpended: PropTypes.bool,\n  isLink: PropTypes.bool,\n  content: PropTypes.string,\n  image: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport type Props = {\n  title: string;\n  icon: 'arrow';\n  isExpended: boolean;\n  content: string;\n  isLink?: boolean;\n  image?: string;\n  onClick: () => void;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEF,SAAS,CAACG,MADM;EAEvBC,IAAI,EAAEJ,SAAS,CAACK,KAAV,CAAgB,CAAC,OAAD,CAAhB,CAFiB;EAGvBC,UAAU,EAAEN,SAAS,CAACO,IAHC;EAIvBC,MAAM,EAAER,SAAS,CAACO,IAJK;EAKvBE,OAAO,EAAET,SAAS,CAACG,MALI;EAMvBO,KAAK,EAAEV,SAAS,CAACG,MANM;EAOvBQ,OAAO,EAAEX,SAAS,CAACY;AAPI,CAAlB"}

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { Props } from './types';
-declare const ExpandableList: {
-    ({ items }: Props): JSX.Element;
-    propTypes: {
-        items: import("prop-types").Requireable<(import("prop-types").InferProps<{
-            title: import("prop-types").Requireable<string>;
-            icon: import("prop-types").Requireable<string>;
-            isExpended: import("prop-types").Requireable<boolean>;
-            isLink: import("prop-types").Requireable<boolean>;
-            content: import("prop-types").Requireable<string>;
-            image: import("prop-types").Requireable<string>;
-            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-        }> | null | undefined)[]>;
-    };
-};
-export default ExpandableList;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-list/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,cAAc;gBAAa,KAAK;;;;;;;;;;;;CAYrC,CAAC;AAIF,eAAe,cAAc,CAAC"}

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import ExpandableItem from '../expandable-item';
-import { propTypes } from './types';
-import styles from './style.css';
-
-const ExpandableList = ({
-  items
-}) => {
-  return /*#__PURE__*/React.createElement("ul", {
-    className: styles.list,
-    "data-name": "expandable-item"
-  }, items.map((item, index) => {
-    return /*#__PURE__*/React.createElement("li", {
-      key: `menu-link-item-${index}`,
-      className: styles.item
-    }, /*#__PURE__*/React.createElement(ExpandableItem, item));
-  }));
-};
-
-ExpandableList.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
-export default ExpandableList;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","ExpandableItem","propTypes","styles","ExpandableList","items","list","map","item","index"],"sources":["../../../src/molecule/expandable-list/index.tsx"],"sourcesContent":["import React from 'react';\nimport ExpandableItem from '../expandable-item';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst ExpandableList = ({items}: Props) => {\n  return (\n    <ul className={styles.list} data-name=\"expandable-item\">\n      {items.map((item, index) => {\n        return (\n          <li key={`menu-link-item-${index}`} className={styles.item}>\n            <ExpandableItem {...item} />\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n\nExpandableList.propTypes = propTypes;\n\nexport default ExpandableList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EAACC;AAAD,CAAD,KAAoB;EACzC,oBACE;IAAI,SAAS,EAAEF,MAAM,CAACG,IAAtB;IAA4B,aAAU;EAAtC,GACGD,KAAK,CAACE,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAC1B,oBACE;MAAI,GAAG,EAAG,kBAAiBA,KAAM,EAAjC;MAAoC,SAAS,EAAEN,MAAM,CAACK;IAAtD,gBACE,oBAAC,cAAD,EAAoBA,IAApB,CADF,CADF;EAKD,CANA,CADH,CADF;AAWD,CAZD;;AAcAJ,cAAc,CAACF,SAAf,2CAA2BA,SAA3B;AAEA,eAAeE,cAAf"}

package/es/molecule/expandable-list/style.css

@@ -1,20 +0,0 @@
-@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_800 from colors;
-
-.list {
-  list-style: none;
-  cursor: pointer;
-  margin: 0;
-  padding: 0;
-}
-
-.item {
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 16px;
-}

package/es/molecule/expandable-list/types.d.ts

@@ -1,17 +0,0 @@
-import PropTypes from 'prop-types';
-import { Props as ItemProps } from '../expandable-item/types';
-export declare const propTypes: {
-    items: PropTypes.Requireable<(PropTypes.InferProps<{
-        title: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string>;
-        isExpended: PropTypes.Requireable<boolean>;
-        isLink: PropTypes.Requireable<boolean>;
-        content: PropTypes.Requireable<string>;
-        image: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    }> | null | undefined)[]>;
-};
-export declare type Props = {
-    items: ItemProps[];
-};
-//# sourceMappingURL=types.d.ts.map

package/es/molecule/expandable-list/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,KAAK,IAAI,SAAS,EAA6B,MAAM,0BAA0B,CAAC;AAExF,eAAO,MAAM,SAAS;;;;;;;;;;CAErB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB,CAAC"}

package/es/molecule/expandable-list/types.js

@@ -1,6 +0,0 @@
-import PropTypes from 'prop-types';
-import { propTypes as ItemPropTypes } from '../expandable-item/types';
-export const propTypes = {
-  items: PropTypes.arrayOf(PropTypes.shape(ItemPropTypes))
-};
-//# sourceMappingURL=types.js.map

package/es/molecule/expandable-list/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":["PropTypes","propTypes","ItemPropTypes","items","arrayOf","shape"],"sources":["../../../src/molecule/expandable-list/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {Props as ItemProps, propTypes as ItemPropTypes} from '../expandable-item/types';\n\nexport const propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape(ItemPropTypes))\n};\n\nexport type Props = {\n  items: ItemProps[];\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,SAA4BC,SAAS,IAAIC,aAAzC,QAA6D,0BAA7D;AAEA,OAAO,MAAMD,SAAS,GAAG;EACvBE,KAAK,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgBH,aAAhB,CAAlB;AADgB,CAAlB"}

package/es/molecule/hero/types.d.ts

@@ -1,22 +0,0 @@
-import PropTypes from 'prop-types';
-export declare const propTypes: {
-    image: PropTypes.Requireable<string>;
-    mode: PropTypes.Requireable<string>;
-    description: PropTypes.Requireable<string>;
-    title: PropTypes.Requireable<string>;
-    author: PropTypes.Requireable<string>;
-    progress: PropTypes.Requireable<number>;
-    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    submitValue: PropTypes.Requireable<string>;
-};
-export declare type Props = {
-    image?: string;
-    mode?: string;
-    description?: string;
-    title?: string;
-    author?: string;
-    progress?: number;
-    onClick?: () => void;
-    submitValue?: string;
-};
-//# sourceMappingURL=types.d.ts.map

package/es/molecule/hero/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/es/molecule/hero/types.js

@@ -1,14 +0,0 @@
-import PropTypes from 'prop-types';
-import CardContentInfo from '../card-content';
-import Button from '../../atom/button';
-export const propTypes = {
-  image: PropTypes.string,
-  mode: PropTypes.string,
-  description: PropTypes.string,
-  title: CardContentInfo.propTypes.title,
-  author: CardContentInfo.propTypes.author,
-  progress: CardContentInfo.propTypes.progress,
-  onClick: Button.propTypes.onClick,
-  submitValue: Button.propTypes.submitValue
-};
-//# sourceMappingURL=types.js.map

package/es/molecule/hero/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":["PropTypes","CardContentInfo","Button","propTypes","image","string","mode","description","title","author","progress","onClick","submitValue"],"sources":["../../../src/molecule/hero/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport CardContentInfo from '../card-content';\nimport Button from '../../atom/button';\n\nexport const propTypes = {\n  image: PropTypes.string,\n  mode: PropTypes.string,\n  description: PropTypes.string,\n  title: CardContentInfo.propTypes.title,\n  author: CardContentInfo.propTypes.author,\n  progress: CardContentInfo.propTypes.progress,\n  onClick: Button.propTypes.onClick,\n  submitValue: Button.propTypes.submitValue\n};\n\nexport type Props = {\n  image?: string;\n  mode?: string;\n  description?: string;\n  title?: string;\n  author?: string;\n  progress?: number;\n  onClick?: () => void;\n  submitValue?: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,eAAP,MAA4B,iBAA5B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEJ,SAAS,CAACK,MADM;EAEvBC,IAAI,EAAEN,SAAS,CAACK,MAFO;EAGvBE,WAAW,EAAEP,SAAS,CAACK,MAHA;EAIvBG,KAAK,EAAEP,eAAe,CAACE,SAAhB,CAA0BK,KAJV;EAKvBC,MAAM,EAAER,eAAe,CAACE,SAAhB,CAA0BM,MALX;EAMvBC,QAAQ,EAAET,eAAe,CAACE,SAAhB,CAA0BO,QANb;EAOvBC,OAAO,EAAET,MAAM,CAACC,SAAP,CAAiBQ,OAPH;EAQvBC,WAAW,EAAEV,MAAM,CAACC,SAAP,CAAiBS;AARP,CAAlB"}

package/es/molecule/menu-links/index.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { Props } from './types';
-declare const MenuLinks: {
-    ({ items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode }: Props): JSX.Element;
-    propTypes: {
-        title: import("prop-types").Requireable<string>;
-        numberOfDisplayedItems: import("prop-types").Requireable<number>;
-        isDesktopMode: import("prop-types").Requireable<boolean>;
-        showMoreItem: import("prop-types").Requireable<import("prop-types").InferProps<{
-            showMoreText: import("prop-types").Requireable<string>;
-            showLessText: import("prop-types").Requireable<string>;
-            isSelected: import("prop-types").Requireable<boolean>;
-        }>>;
-        items: import("prop-types").Requireable<(import("prop-types").InferProps<{
-            text: import("prop-types").Requireable<string>;
-            isSelected: import("prop-types").Requireable<boolean>;
-            handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
-        }> | null | undefined)[]>;
-    };
-};
-export default MenuLinks;
-//# sourceMappingURL=index.d.ts.map

package/es/molecule/menu-links/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAWzC,QAAA,MAAM,SAAS;4EAAyE,KAAK;;;;;;;;;;;;;;;;CA+D5F,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/es/molecule/menu-links/index.js

@@ -1,70 +0,0 @@
-import _slice from "lodash/fp/slice";
-import React, { useState } from 'react';
-import classnames from 'classnames';
-import { NovaCompositionNavigationArrowDown as ArrowIcon, NovaLinePhoneMobilePhone as MobilePhone, NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark, NovaLineNetworkNetworkAlert as NetworkAlert, NovaLineObjectsBinoculars1 as Binoculaire, NovaLineContentEditionContentBook as ContentBook } from '@coorpacademy/nova-icons';
-import { propTypes } from './types';
-import styles from './style.css';
-const ICONS = {
-  mobilePhone: MobilePhone,
-  chatBubbleCircleQuestionMark: ChatBubbleCircleQuestionMark,
-  networkAlert: NetworkAlert,
-  binoculaire: Binoculaire,
-  contentBook: ContentBook
-};
-
-const MenuLinks = ({
-  items,
-  title,
-  showMoreItem,
-  numberOfDisplayedItems,
-  isDesktopMode
-}) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const itemsToDisplay = isDesktopMode || isOpen ? items : _slice(0, numberOfDisplayedItems, items);
-
-  const handleOnclickShowMore = () => setIsOpen(!isOpen);
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.container
-  }, /*#__PURE__*/React.createElement("h2", {
-    className: styles.title
-  }, title), /*#__PURE__*/React.createElement("ul", {
-    className: styles.list,
-    "data-name": "menu-links"
-  }, itemsToDisplay.map((item, index) => {
-    const {
-      handleOnclick
-    } = item;
-    const Icon = item.icon ? ICONS[item.icon] : null;
-    return /*#__PURE__*/React.createElement("li", {
-      onClick: handleOnclick,
-      key: `menu-link-item-${index}`,
-      className: styles.item
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.border, item.isSelected ? styles.selectedBorder : null)
-    }), /*#__PURE__*/React.createElement("div", {
-      className: styles.flexContainer
-    }, Icon ? /*#__PURE__*/React.createElement(Icon, {
-      className: classnames(styles.icon, item.isSelected ? styles.selectedIcon : null)
-    }) : null, /*#__PURE__*/React.createElement("div", {
-      className: styles.flexContainer
-    }, /*#__PURE__*/React.createElement("span", {
-      className: item.isSelected ? styles.selectedItem : undefined
-    }, item.text), Icon ? /*#__PURE__*/React.createElement(ArrowIcon, {
-      className: classnames(styles.arrowIcon, item.isSelected ? styles.selectedIcon : null)
-    }) : null)));
-  }), !isDesktopMode ? /*#__PURE__*/React.createElement("li", {
-    // eslint-disable-next-line react/jsx-no-bind
-    onClick: handleOnclickShowMore,
-    key: `menu-link-item-show-more`,
-    className: classnames(styles.showMoreItem, styles.item)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.border
-  }), /*#__PURE__*/React.createElement("span", null, isOpen ? showMoreItem.showLessText : showMoreItem.showMoreText, /*#__PURE__*/React.createElement(ArrowIcon, {
-    className: isOpen ? styles.showLessIcon : styles.showMoreIcon
-  }))) : null));
-};
-
-MenuLinks.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
-export default MenuLinks;
-//# sourceMappingURL=index.js.map

package/es/molecule/menu-links/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","useState","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","NovaLinePhoneMobilePhone","MobilePhone","NovaLineMessagesChatChatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","NovaLineNetworkNetworkAlert","NetworkAlert","NovaLineObjectsBinoculars1","Binoculaire","NovaLineContentEditionContentBook","ContentBook","propTypes","styles","ICONS","mobilePhone","chatBubbleCircleQuestionMark","networkAlert","binoculaire","contentBook","MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","isOpen","setIsOpen","itemsToDisplay","handleOnclickShowMore","container","list","map","item","index","handleOnclick","Icon","icon","border","isSelected","selectedBorder","flexContainer","selectedIcon","selectedItem","undefined","text","arrowIcon","showLessText","showMoreText","showLessIcon","showMoreIcon"],"sources":["../../../src/molecule/menu-links/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaLinePhoneMobilePhone as MobilePhone,\n  NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark,\n  NovaLineNetworkNetworkAlert as NetworkAlert,\n  NovaLineObjectsBinoculars1 as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport {slice} from 'lodash/fp';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst ICONS = {\n  mobilePhone: MobilePhone,\n  chatBubbleCircleQuestionMark: ChatBubbleCircleQuestionMark,\n  networkAlert: NetworkAlert,\n  binoculaire: Binoculaire,\n  contentBook: ContentBook\n};\n\nconst MenuLinks = ({items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode}: Props) => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const itemsToDisplay = isDesktopMode || isOpen ? items : slice(0, numberOfDisplayedItems, items);\n  const handleOnclickShowMore = () => setIsOpen(!isOpen);\n\n  return (\n    <div className={styles.container}>\n      <h2 className={styles.title}>{title}</h2>\n      <ul className={styles.list} data-name=\"menu-links\">\n        {itemsToDisplay.map((item, index) => {\n          const {handleOnclick} = item;\n          const Icon = item.icon ? ICONS[item.icon] : null;\n          return (\n            <li onClick={handleOnclick} key={`menu-link-item-${index}`} className={styles.item}>\n              <div\n                className={classnames(\n                  styles.border,\n                  item.isSelected ? styles.selectedBorder : null\n                )}\n              />\n              <div className={styles.flexContainer}>\n                {Icon ? (\n                  <Icon\n                    className={classnames(\n                      styles.icon,\n                      item.isSelected ? styles.selectedIcon : null\n                    )}\n                  />\n                ) : null}\n                <div className={styles.flexContainer}>\n                  <span className={item.isSelected ? styles.selectedItem : undefined}>\n                    {item.text}\n                  </span>\n                  {Icon ? (\n                    <ArrowIcon\n                      className={classnames(\n                        styles.arrowIcon,\n                        item.isSelected ? styles.selectedIcon : null\n                      )}\n                    />\n                  ) : null}\n                </div>\n              </div>\n            </li>\n          );\n        })}\n        {!isDesktopMode ? (\n          <li\n            // eslint-disable-next-line react/jsx-no-bind\n            onClick={handleOnclickShowMore}\n            key={`menu-link-item-show-more`}\n            className={classnames(styles.showMoreItem, styles.item)}\n          >\n            <div className={styles.border} />\n            <span>\n              {isOpen ? showMoreItem.showLessText : showMoreItem.showMoreText}\n              <ArrowIcon className={isOpen ? styles.showLessIcon : styles.showMoreIcon} />\n            </span>\n          </li>\n        ) : null}\n      </ul>\n    </div>\n  );\n};\n\nMenuLinks.propTypes = propTypes;\n\nexport default MenuLinks;\n"],"mappings":"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"}

package/es/molecule/menu-links/style.css

@@ -1,161 +0,0 @@
-@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_700 from colors;
-@value cm_grey_800 from colors;
-@value white from colors;
-
-
-.container {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding: 24px 24px 8px 0px;
-  gap: 24px;
-  background: #FFFFFF;
-  border-radius: 8px;
-  flex: none;
-  order: 0;
-  flex-grow: 0;
-}
-
-.title {
-  padding: 0px 0px 0px 24px;
-  margin: 0;
-  font-family: 'Gilroy';
-  font-style: normal;
-  font-weight: 600;
-  font-size: 16px;
-  line-height: 22px;
-  order: 0;
-  flex-grow: 0;
-  z-index: 0;
-  color: cm_grey_500;
-}
-
-.list {
-  list-style: none;
-  cursor: pointer;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-}
-
-.item {
-  display: flex;
-  flex-direction: row;
-  gap: 28px;
-  margin-bottom: 16px;
-  width: 100%;
-}
-
-.flexContainer span {
-  font-family: Gilroy;
-  font-size: 14px;
-  font-weight: 700;
-  line-height: 20px;
-  letter-spacing: 0px;
-  text-align: left;
-}
-
-.flexContainer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-}
-.border {
-  width: 4px;
-  font-weight: inherit;
-  background-color: white;
-  flex-shrink: 0;
-  min-width: 4px;
-  flex-basis: 4px;
-}
-
-.icon {
-  width: 20px;
-  height: 20px;
-  color: #000;
-  margin-right: 12px;
-}
-
-.arrowIcon{
-  width: 12px;
-  min-width: 12px;
-  height: 12px;
-  margin-left: 10px;
-  transform: rotateZ(270deg);
-}
-
-.selectedBorder {
-  background-color: cm_primary_blue;
-}
-
-.showMoreItem {
-  display: none;
-}
-
-.selectedItem {
-  color: cm_primary_blue;
-  font-weight: 600;
-}
-
-.selectedIcon {
-  color: cm_primary_blue;
-}
-.item:hover{
-  text-decoration: underline;
-}
-
-.selectedItem:hover {
-  text-decoration-color: cm_primary_blue!important;
-  color: cm_primary_blue;
-}
-.showMoreIcon {
-  width: 12px;
-  height: 8px;
-  margin-left: 8px;
-}
-
-.showLessIcon {
-  width: 12px;
-  height: 8px;
-  margin-left: 8px;
-  transform: rotateZ(180deg);
-}
-
-@media tablet {
-  .showMoreItem {
-    font-family: 'Gilroy';
-    font-style: normal;
-    font-weight: 700;
-    font-size: 14px;
-    line-height: 20px;
-    color: cm_grey_700;
-    margin: 0;
-    display: block;
-    display: flex;
-    flex-direction: row;
-    margin-bottom: 16px;
-  }
-}
-
-@media mobile {
-  .showMoreItem {
-    font-family: 'Gilroy';
-    font-style: normal;
-    font-weight: 700;
-    font-size: 14px;
-    line-height: 20px;
-    color: cm_grey_700;
-    margin: 0;
-    display: block;
-    display: flex;
-    flex-direction: row;
-    margin-bottom: 16px;
-  }
-}