@coorpacademy/components 10.1.1 → 10.1.5

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/button-link/index.js"],"names":["ICONS","add","AddIcon","analytics","AnalyticsIcon","ChevronLeftIcon","ChevronRightIcon","close","CloseIcon","edit","EditIcon","save","SaveIcon","see","EyeIcon","getButtonContent","icon","label","type","position","Icon","style","buttonContent","ButtonLink","props","disabled","dataName","ariaLabel","link","onClick","contentView","styleButton","button","primary","secondary","tertiary","text","dangerous","handleOnClick","propTypes","PropTypes","oneOf","string","shape","func","href","download","bool","target"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyNext as CloseIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../link';\nimport style from './style.css';\n\nconst ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  save: SaveIcon,\n  see: EyeIcon\n};\n\nconst getButtonContent = (icon, label) => {\n  const {type, position} = icon;\n  const Icon = getOr(null, type, ICONS);\n\n  if (!Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    );\n  }\n\n  if (position === 'center' && Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <Icon className={style.icon} />\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? <Icon className={style.icon} /> : null}\n      <span className={style.label}>{label}</span>\n      {position === 'right' ? <Icon className={style.icon} /> : null}\n    </div>\n  );\n};\n\nconst ButtonLink = props => {\n  const {\n    type,\n    label,\n    disabled,\n    icon = {},\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick\n  } = props;\n  const contentView = getButtonContent(icon, label);\n  const styleButton = classnames(\n    style.button,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel || label}\n        title={ariaLabel || label}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  const handleOnClick = useMemo(() => () => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel || label}\n      title={ariaLabel || label}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLink.propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.shape({\n    position: PropTypes.oneOf(['right', 'left', 'center']),\n    type: PropTypes.string\n  }),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool\n};\n\nexport default ButtonLink;\n"],"file":"index.js"}

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

@@ -0,0 +1,97 @@
+@value colors: "../../variables/colors.css";
+@value cm_primary_blue from colors;
+@value cm_blue_600 from colors;
+@value cm_grey_50 from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_900 from colors;
+@value cm_negative_100 from colors;
+@value cm_negative_200 from colors;
+@value white from colors;
+
+.button {
+  width: 100%;
+  height: 44px;
+  border-radius: 7px;
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: bold;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  border: none;
+}
+
+.disabled {
+  opacity: 0.1;
+  pointer-events: none;
+}
+
+.buttonContent {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.link {
+  color: inherit;
+  text-decoration: none;
+}
+
+.icon {
+  width: 12px;
+  height: 12px;
+}
+
+.label {
+  margin: 0 8px 0 8px;
+  display: block;
+}
+
+.primary {
+  background-color: cm_primary_blue;
+  color: white;
+}
+
+.primary:hover {
+  background-color: cm_blue_600;
+}
+
+.secondary {
+  background-color: cm_grey_100;
+  color: cm_grey_900;
+}
+
+.secondary:hover {
+  background-color: cm_grey_200;
+}
+
+.tertiary {
+  background-color: cm_grey_50;
+  color: cm_grey_900;
+  border-radius: 0px;
+}
+
+.tertiary:hover {
+  background-color: cm_grey_100;
+}
+
+.dangerous {
+  background-color: cm_negative_100;
+}
+
+.dangerous:hover {
+  background-color: cm_negative_200;
+}
+
+.text {
+  background: transparent;
+  color: cm_grey_900;
+  border-radius: 0px;
+  height: auto;
+}
+
+.text:hover {
+  color: cm_primary_blue;
+}

package/lib/atom/button-link/test/fixtures/button-dangerous-no-icon.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'dangerous',
+    label: 'Delete',
+    'aria-label': 'aria button',
+    'data-name': 'default-button',
+    onClick: () => console.log('click')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=button-dangerous-no-icon.js.map

package/lib/atom/button-link/test/fixtures/button-dangerous-no-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/button-dangerous-no-icon.js"],"names":["props","type","label","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,WADD;AAELC,IAAAA,KAAK,EAAE,QAFF;AAGL,kBAAc,aAHT;AAIL,iBAAa,gBAJR;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALV;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'dangerous',\n    label: 'Delete',\n    'aria-label': 'aria button',\n    'data-name': 'default-button',\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"button-dangerous-no-icon.js"}

package/lib/atom/button-link/test/fixtures/button-primary-icon-left.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'primary',
+    label: 'See my platform',
+    'aria-label': 'aria button',
+    'data-name': 'default-button',
+    icon: {
+      position: 'left',
+      type: 'chevron-left'
+    },
+    onClick: () => console.log('click')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=button-primary-icon-left.js.map

package/lib/atom/button-link/test/fixtures/button-primary-icon-left.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/button-primary-icon-left.js"],"names":["props","type","label","icon","position","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,KAAK,EAAE,iBAFF;AAGL,kBAAc,aAHT;AAIL,iBAAa,gBAJR;AAKLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,MADN;AAEJH,MAAAA,IAAI,EAAE;AAFF,KALD;AASLI,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AATV;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'primary',\n    label: 'See my platform',\n    'aria-label': 'aria button',\n    'data-name': 'default-button',\n    icon: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"button-primary-icon-left.js"}

package/lib/atom/button-link/test/fixtures/button-primary-no-icon.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'primary',
+    label: 'See my platform',
+    'aria-label': 'aria button',
+    'data-name': 'default-button',
+    onClick: () => console.log('click')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=button-primary-no-icon.js.map

package/lib/atom/button-link/test/fixtures/button-primary-no-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/button-primary-no-icon.js"],"names":["props","type","label","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,KAAK,EAAE,iBAFF;AAGL,kBAAc,aAHT;AAIL,iBAAa,gBAJR;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALV;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'primary',\n    label: 'See my platform',\n    'aria-label': 'aria button',\n    'data-name': 'default-button',\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"button-primary-no-icon.js"}

package/lib/atom/button-link/test/fixtures/button-secondary-no-icon-disabled.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'secondary',
+    label: 'See my platform',
+    'aria-label': 'aria button',
+    'data-name': 'default-button',
+    onClick: () => console.log('click'),
+    disabled: true
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=button-secondary-no-icon-disabled.js.map

package/lib/atom/button-link/test/fixtures/button-secondary-no-icon-disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/button-secondary-no-icon-disabled.js"],"names":["props","type","label","onClick","console","log","disabled"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,WADD;AAELC,IAAAA,KAAK,EAAE,iBAFF;AAGL,kBAAc,aAHT;AAIL,iBAAa,gBAJR;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CALV;AAMLC,IAAAA,QAAQ,EAAE;AANL;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'secondary',\n    label: 'See my platform',\n    'aria-label': 'aria button',\n    'data-name': 'default-button',\n    onClick: () => console.log('click'),\n    disabled: true\n  }\n};\n"],"file":"button-secondary-no-icon-disabled.js"}

package/lib/atom/button-link/test/fixtures/button-tertiary-icon-left.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'tertiary',
+    label: 'Button',
+    'aria-label': 'aria button',
+    'data-name': 'default-button',
+    icon: {
+      position: 'left',
+      type: 'see'
+    },
+    onClick: () => console.log('click')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=button-tertiary-icon-left.js.map

package/lib/atom/button-link/test/fixtures/button-tertiary-icon-left.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/button-tertiary-icon-left.js"],"names":["props","type","label","icon","position","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,UADD;AAELC,IAAAA,KAAK,EAAE,QAFF;AAGL,kBAAc,aAHT;AAIL,iBAAa,gBAJR;AAKLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,MADN;AAEJH,MAAAA,IAAI,EAAE;AAFF,KALD;AASLI,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AATV;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'tertiary',\n    label: 'Button',\n    'aria-label': 'aria button',\n    'data-name': 'default-button',\n    icon: {\n      position: 'left',\n      type: 'see'\n    },\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"button-tertiary-icon-left.js"}

package/lib/atom/button-link/test/fixtures/icon-button.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'secondary',
+    'data-name': 'default-button',
+    'aria-label': 'aria button',
+    icon: {
+      position: 'center',
+      type: 'close'
+    },
+    onClick: () => console.log('click')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=icon-button.js.map

package/lib/atom/button-link/test/fixtures/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/icon-button.js"],"names":["props","type","icon","position","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,WADD;AAEL,iBAAa,gBAFR;AAGL,kBAAc,aAHT;AAILC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,QADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KAJD;AAQLG,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AARV;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'secondary',\n    'data-name': 'default-button',\n    'aria-label': 'aria button',\n    icon: {\n      position: 'center',\n      type: 'close'\n    },\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"icon-button.js"}

package/lib/atom/button-link/test/fixtures/link-primary-disabled-icon-right.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'primary',
+    disabled: true,
+    label: 'Global Analytics',
+    'aria-label': 'aria button',
+    'data-name': 'default-button',
+    icon: {
+      position: 'right',
+      type: 'analytics'
+    },
+    link: {
+      href: 'https://www.google.com'
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=link-primary-disabled-icon-right.js.map

package/lib/atom/button-link/test/fixtures/link-primary-disabled-icon-right.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/link-primary-disabled-icon-right.js"],"names":["props","type","disabled","label","icon","position","link","href"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,QAAQ,EAAE,IAFL;AAGLC,IAAAA,KAAK,EAAE,kBAHF;AAIL,kBAAc,aAJT;AAKL,iBAAa,gBALR;AAMLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,OADN;AAEJJ,MAAAA,IAAI,EAAE;AAFF,KAND;AAULK,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE;AADF;AAVD;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'primary',\n    disabled: true,\n    label: 'Global Analytics',\n    'aria-label': 'aria button',\n    'data-name': 'default-button',\n    icon: {\n      position: 'right',\n      type: 'analytics'\n    },\n    link: {\n      href: 'https://www.google.com'\n    }\n  }\n};\n"],"file":"link-primary-disabled-icon-right.js"}

package/lib/atom/button-link/test/fixtures/link-secondary-icon-right.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'secondary',
+    label: 'Global Analytics',
+    'data-name': 'default-button',
+    'aria-label': 'aria button',
+    icon: {
+      position: 'right',
+      type: 'analytics'
+    },
+    onClick: () => {
+      console.log('Click on link');
+      return;
+    },
+    link: {
+      href: 'https://www.google.com'
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=link-secondary-icon-right.js.map

package/lib/atom/button-link/test/fixtures/link-secondary-icon-right.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/link-secondary-icon-right.js"],"names":["props","type","label","icon","position","onClick","console","log","link","href"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,WADD;AAELC,IAAAA,KAAK,EAAE,kBAFF;AAGL,iBAAa,gBAHR;AAIL,kBAAc,aAJT;AAKLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,OADN;AAEJH,MAAAA,IAAI,EAAE;AAFF,KALD;AASLI,IAAAA,OAAO,EAAE,MAAM;AACbC,MAAAA,OAAO,CAACC,GAAR,CAAY,eAAZ;AACA;AACD,KAZI;AAaLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE;AADF;AAbD;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'secondary',\n    label: 'Global Analytics',\n    'data-name': 'default-button',\n    'aria-label': 'aria button',\n    icon: {\n      position: 'right',\n      type: 'analytics'\n    },\n    onClick: () => {\n      console.log('Click on link');\n      return;\n    },\n    link: {\n      href: 'https://www.google.com'\n    }\n  }\n};\n"],"file":"link-secondary-icon-right.js"}

package/lib/atom/button-link/test/fixtures/link-tertiary-no-icon.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'tertiary',
+    label: 'Go to google',
+    'data-name': 'default-button',
+    'aria-label': 'aria button',
+    onClick: () => {
+      console.log('Click on link');
+      return;
+    },
+    link: {
+      href: 'https://www.google.com'
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=link-tertiary-no-icon.js.map

package/lib/atom/button-link/test/fixtures/link-tertiary-no-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/link-tertiary-no-icon.js"],"names":["props","type","label","onClick","console","log","link","href"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,UADD;AAELC,IAAAA,KAAK,EAAE,cAFF;AAGL,iBAAa,gBAHR;AAIL,kBAAc,aAJT;AAKLC,IAAAA,OAAO,EAAE,MAAM;AACbC,MAAAA,OAAO,CAACC,GAAR,CAAY,eAAZ;AACA;AACD,KARI;AASLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE;AADF;AATD;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'tertiary',\n    label: 'Go to google',\n    'data-name': 'default-button',\n    'aria-label': 'aria button',\n    onClick: () => {\n      console.log('Click on link');\n      return;\n    },\n    link: {\n      href: 'https://www.google.com'\n    }\n  }\n};\n"],"file":"link-tertiary-no-icon.js"}

package/lib/atom/button-link/test/fixtures/link-text-icon-right-target-blank.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'text',
+    label: 'Button',
+    'data-name': 'default-button',
+    'aria-label': 'aria button',
+    icon: {
+      position: 'right',
+      type: 'chevron-left'
+    },
+    link: {
+      href: 'http://www.google.com',
+      target: '_blank'
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=link-text-icon-right-target-blank.js.map

package/lib/atom/button-link/test/fixtures/link-text-icon-right-target-blank.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/link-text-icon-right-target-blank.js"],"names":["props","type","label","icon","position","link","href","target"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,MADD;AAELC,IAAAA,KAAK,EAAE,QAFF;AAGL,iBAAa,gBAHR;AAIL,kBAAc,aAJT;AAKLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,OADN;AAEJH,MAAAA,IAAI,EAAE;AAFF,KALD;AASLI,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE,uBADF;AAEJC,MAAAA,MAAM,EAAE;AAFJ;AATD;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'text',\n    label: 'Button',\n    'data-name': 'default-button',\n    'aria-label': 'aria button',\n    icon: {\n      position: 'right',\n      type: 'chevron-left'\n    },\n    link: {\n      href: 'http://www.google.com',\n      target: '_blank'\n    }\n  }\n};\n"],"file":"link-text-icon-right-target-blank.js"}

package/lib/atom/button-link/test/fixtures/link-text-no-icon-download.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'text',
+    label: 'Download',
+    'data-name': 'default-button',
+    'aria-label': 'aria button',
+    link: {
+      href: 'https://setup.coorpacademy.com/assets/templates/import-users-template.xlsx',
+      download: true
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=link-text-no-icon-download.js.map

package/lib/atom/button-link/test/fixtures/link-text-no-icon-download.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/link-text-no-icon-download.js"],"names":["props","type","label","link","href","download"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,MADD;AAELC,IAAAA,KAAK,EAAE,UAFF;AAGL,iBAAa,gBAHR;AAIL,kBAAc,aAJT;AAKLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE,4EADF;AAEJC,MAAAA,QAAQ,EAAE;AAFN;AALD;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'text',\n    label: 'Download',\n    'data-name': 'default-button',\n    'aria-label': 'aria button',\n    link: {\n      href: 'https://setup.coorpacademy.com/assets/templates/import-users-template.xlsx',\n      download: true\n    }\n  }\n};\n"],"file":"link-text-no-icon-download.js"}

package/lib/atom/chips/index.js

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

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

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

package/lib/atom/chips/style.css

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

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

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

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

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

package/lib/atom/content-badge/index.js

@@ -13,7 +13,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ContentBagde = props => {
+const ContentBadge = props => {
   const {
     category,
     label
@@ -23,10 +23,10 @@ const ContentBagde = props => {
   }, label);
 };
 
-ContentBagde.propTypes = process.env.NODE_ENV !== "production" ? {
-  category: _propTypes.default.string,
+ContentBadge.propTypes = process.env.NODE_ENV !== "production" ? {
+  category: _propTypes.default.oneOf(['base', 'advanced', 'coach', 'chapter', 'scorm', 'video', 'article', 'podcast']),
   label: _propTypes.default.string
 } : {};
-var _default = ContentBagde;
+var _default = ContentBadge;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/atom/content-badge/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/content-badge/index.js"],"names":["ContentBagde","props","category","label","style","base","advanced","coach","chapter","scorm","video","article","podcast","propTypes","PropTypes","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,QAAD;AAAWC,IAAAA;AAAX,MAAoBF,KAA1B;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTC,QAAQ,KAAK,MAAb,IAAuBE,eAAMC,IADpB,EAETH,QAAQ,KAAK,UAAb,IAA2BE,eAAME,QAFxB,EAGTJ,QAAQ,KAAK,OAAb,IAAwBE,eAAMG,KAHrB,EAITL,QAAQ,KAAK,SAAb,IAA0BE,eAAMI,OAJvB,EAKTN,QAAQ,KAAK,OAAb,IAAwBE,eAAMK,KALrB,EAMTP,QAAQ,KAAK,OAAb,IAAwBE,eAAMM,KANrB,EAOTR,QAAQ,KAAK,SAAb,IAA0BE,eAAMO,OAPvB,EAQTT,QAAQ,KAAK,SAAb,IAA0BE,eAAMQ,OARvB;AADb,KAYGT,KAZH,CADF;AAgBD,CAlBD;;AAoBAH,YAAY,CAACa,SAAb,2CAAyB;AACvBX,EAAAA,QAAQ,EAAEY,mBAAUC,MADG;AAEvBZ,EAAAA,KAAK,EAAEW,mBAAUC;AAFM,CAAzB;eAKef,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst ContentBagde = props => {\n  const {category, label} = props;\n  return (\n    <span\n      className={classnames(\n        category === 'base' && style.base,\n        category === 'advanced' && style.advanced,\n        category === 'coach' && style.coach,\n        category === 'chapter' && style.chapter,\n        category === 'scorm' && style.scorm,\n        category === 'video' && style.video,\n        category === 'article' && style.article,\n        category === 'podcast' && style.podcast\n      )}\n    >\n      {label}\n    </span>\n  );\n};\n\nContentBagde.propTypes = {\n  category: PropTypes.string,\n  label: PropTypes.string\n};\n\nexport default ContentBagde;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/content-badge/index.js"],"names":["ContentBadge","props","category","label","style","base","advanced","coach","chapter","scorm","video","article","podcast","propTypes","PropTypes","oneOf","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,QAAD;AAAWC,IAAAA;AAAX,MAAoBF,KAA1B;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTC,QAAQ,KAAK,MAAb,IAAuBE,eAAMC,IADpB,EAETH,QAAQ,KAAK,UAAb,IAA2BE,eAAME,QAFxB,EAGTJ,QAAQ,KAAK,OAAb,IAAwBE,eAAMG,KAHrB,EAITL,QAAQ,KAAK,SAAb,IAA0BE,eAAMI,OAJvB,EAKTN,QAAQ,KAAK,OAAb,IAAwBE,eAAMK,KALrB,EAMTP,QAAQ,KAAK,OAAb,IAAwBE,eAAMM,KANrB,EAOTR,QAAQ,KAAK,SAAb,IAA0BE,eAAMO,OAPvB,EAQTT,QAAQ,KAAK,SAAb,IAA0BE,eAAMQ,OARvB;AADb,KAYGT,KAZH,CADF;AAgBD,CAlBD;;AAoBAH,YAAY,CAACa,SAAb,2CAAyB;AACvBX,EAAAA,QAAQ,EAAEY,mBAAUC,KAAV,CAAgB,CACxB,MADwB,EAExB,UAFwB,EAGxB,OAHwB,EAIxB,SAJwB,EAKxB,OALwB,EAMxB,OANwB,EAOxB,SAPwB,EAQxB,SARwB,CAAhB,CADa;AAWvBZ,EAAAA,KAAK,EAAEW,mBAAUE;AAXM,CAAzB;eAcehB,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst ContentBadge = props => {\n  const {category, label} = props;\n  return (\n    <span\n      className={classnames(\n        category === 'base' && style.base,\n        category === 'advanced' && style.advanced,\n        category === 'coach' && style.coach,\n        category === 'chapter' && style.chapter,\n        category === 'scorm' && style.scorm,\n        category === 'video' && style.video,\n        category === 'article' && style.article,\n        category === 'podcast' && style.podcast\n      )}\n    >\n      {label}\n    </span>\n  );\n};\n\nContentBadge.propTypes = {\n  category: PropTypes.oneOf([\n    'base',\n    'advanced',\n    'coach',\n    'chapter',\n    'scorm',\n    'video',\n    'article',\n    'podcast'\n  ]),\n  label: PropTypes.string\n};\n\nexport default ContentBadge;\n"],"file":"index.js"}

package/lib/{molecule/search → atom/input-search}/index.js

@@ -3,17 +3,19 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 
-var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
 
-var _provider = _interopRequireDefault(require("../../atom/provider"));
+var _provider = _interopRequireDefault(require("../provider"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
@@ -23,27 +25,31 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Search = (props, context) => {
+const Search = props => {
   const {
     value,
     placeholder,
     onChange = _noop2.default,
+    onClear = _noop2.default,
     onFocus,
-    onBlur
+    onBlur,
+    theme = 'default'
   } = props;
-  const {
-    skin
-  } = context;
-  const dark = (0, _get2.default)('common.dark', skin);
   const handleChange = (0, _react.useMemo)(() => e => onChange(e.target.value), [onChange]);
+  const cmStyle = (0, _classnames.default)(_style.default.coorpmanager);
+  const isDefaultTheme = theme === 'default';
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.wrapperSearch
+    className: isDefaultTheme ? _style.default.wrapperSearch : cmStyle
   }, /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "search"
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademySearch, {
-    color: dark,
-    className: _style.default.icon
-  })), /*#__PURE__*/_react.default.createElement("input", {
+    htmlFor: "search",
+    title: placeholder
+  }, !isDefaultTheme ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademySearch1, {
+    className: _style.default.searchIcon
+  }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademySearch, {
+    className: _style.default.searchIcon
+  }), !isDefaultTheme ? /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)(_style.default.title, (0, _isEmpty2.default)(value) && _style.default.noValue)
+  }, placeholder) : null), /*#__PURE__*/_react.default.createElement("input", {
     "data-name": "search-input",
     className: _style.default.search,
     type: "text",
@@ -51,11 +57,14 @@ const Search = (props, context) => {
     id: "search",
     placeholder: placeholder,
     value: value,
-    onChange: _noop2.default,
     onInput: handleChange,
     onFocus: onFocus,
+    onChange: _noop2.default,
     onBlur: onBlur
-  }));
+  }), value && !isDefaultTheme ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
+    onClick: onClear,
+    className: _style.default.clearIcon
+  }) : null);
 };
 
 Search.contextTypes = {
@@ -65,8 +74,10 @@ Search.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.string,
   placeholder: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func,
+  onClear: _propTypes.default.func,
   onFocus: _propTypes.default.func,
-  onBlur: _propTypes.default.func
+  onBlur: _propTypes.default.func,
+  theme: _propTypes.default.oneOf(['default', 'coorpmanager'])
 } : {};
 var _default = Search;
 exports.default = _default;