@coorpacademy/components 10.1.2 → 10.1.6

package/es/atom/button-link/index.js

@@ -0,0 +1,108 @@
+import _getOr from "lodash/fp/getOr";
+
+function _extends() { _extends = Object.assign || 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, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaCompositionCoorpacademyNext as CloseIcon, NovaSolidComputersSdCard as SaveIcon, NovaSolidContentEditionPencilWrite as EditIcon } from '@coorpacademy/nova-icons';
+import Link from '../link';
+import style from './style.css';
+const ICONS = {
+  add: AddIcon,
+  analytics: AnalyticsIcon,
+  'chevron-left': ChevronLeftIcon,
+  'chevron-right': ChevronRightIcon,
+  close: CloseIcon,
+  edit: EditIcon,
+  save: SaveIcon,
+  see: EyeIcon
+};
+
+const getButtonContent = (icon, label) => {
+  const {
+    type,
+    position
+  } = icon;
+
+  const Icon = _getOr(null, type, ICONS);
+
+  if (!Icon) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.buttonContent
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.label
+    }, label));
+  }
+
+  if (position === 'center' && Icon) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.buttonContent
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: style.icon
+    }));
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.buttonContent
+  }, position === 'left' ? /*#__PURE__*/React.createElement(Icon, {
+    className: style.icon
+  }) : null, /*#__PURE__*/React.createElement("span", {
+    className: style.label
+  }, label), position === 'right' ? /*#__PURE__*/React.createElement(Icon, {
+    className: style.icon
+  }) : null);
+};
+
+const ButtonLink = props => {
+  const {
+    type,
+    label,
+    disabled,
+    icon = {},
+    'data-name': dataName,
+    'aria-label': ariaLabel,
+    link,
+    onClick
+  } = props;
+  const contentView = getButtonContent(icon, label);
+  const styleButton = classnames(style.button, type === 'primary' && style.primary, type === 'secondary' && style.secondary, type === 'tertiary' && style.tertiary, type === 'text' && style.text, type === 'dangerous' && style.dangerous, link && style.link, disabled && style.disabled);
+
+  if (link) {
+    return /*#__PURE__*/React.createElement(Link, _extends({}, link, {
+      className: styleButton,
+      "data-name": dataName,
+      "aria-label": ariaLabel || label,
+      title: ariaLabel || label
+    }), contentView);
+  }
+
+  const handleOnClick = useMemo(() => () => onClick(), [onClick]);
+  return /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    "aria-label": ariaLabel || label,
+    title: ariaLabel || label,
+    className: styleButton,
+    onClick: handleOnClick
+  }, contentView);
+};
+
+ButtonLink.propTypes = process.env.NODE_ENV !== "production" ? {
+  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),
+  label: PropTypes.string,
+  'aria-label': PropTypes.string,
+  'data-name': PropTypes.string,
+  icon: PropTypes.shape({
+    position: PropTypes.oneOf(['right', 'left', 'center']),
+    type: PropTypes.string
+  }),
+  onClick: PropTypes.func,
+  link: PropTypes.shape({
+    href: PropTypes.string,
+    download: PropTypes.bool,
+    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])
+  }),
+  disabled: PropTypes.bool
+} : {};
+export default ButtonLink;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/button-link/index.js"],"names":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyNext","CloseIcon","NovaSolidComputersSdCard","SaveIcon","NovaSolidContentEditionPencilWrite","EditIcon","Link","style","ICONS","add","analytics","close","edit","save","see","getButtonContent","icon","label","type","position","Icon","buttonContent","ButtonLink","props","disabled","dataName","ariaLabel","link","onClick","contentView","styleButton","button","primary","secondary","tertiary","text","dangerous","handleOnClick","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/es/atom/button-link/style.css

@@ -0,0 +1,93 @@
+@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: inherit;
+  border-radius: 0px;
+  height: auto;
+}

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

@@ -0,0 +1,10 @@
+export default {
+  props: {
+    type: 'dangerous',
+    label: 'Delete',
+    'aria-label': 'aria button',
+    'data-name': 'default-button',
+    onClick: () => console.log('click')
+  }
+};
+//# sourceMappingURL=button-dangerous-no-icon.js.map

package/es/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":"AAAA,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,CAAf","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/es/atom/button-link/test/fixtures/button-primary-icon-left.js

@@ -0,0 +1,14 @@
+export 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')
+  }
+};
+//# sourceMappingURL=button-primary-icon-left.js.map

package/es/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":"AAAA,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,CAAf","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/es/atom/button-link/test/fixtures/button-primary-no-icon.js

@@ -0,0 +1,10 @@
+export default {
+  props: {
+    type: 'primary',
+    label: 'See my platform',
+    'aria-label': 'aria button',
+    'data-name': 'default-button',
+    onClick: () => console.log('click')
+  }
+};
+//# sourceMappingURL=button-primary-no-icon.js.map

package/es/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":"AAAA,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,CAAf","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/es/atom/button-link/test/fixtures/button-secondary-no-icon-disabled.js

@@ -0,0 +1,11 @@
+export default {
+  props: {
+    type: 'secondary',
+    label: 'See my platform',
+    'aria-label': 'aria button',
+    'data-name': 'default-button',
+    onClick: () => console.log('click'),
+    disabled: true
+  }
+};
+//# sourceMappingURL=button-secondary-no-icon-disabled.js.map

package/es/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":"AAAA,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,CAAf","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/es/atom/button-link/test/fixtures/button-tertiary-icon-left.js

@@ -0,0 +1,14 @@
+export default {
+  props: {
+    type: 'tertiary',
+    label: 'Button',
+    'aria-label': 'aria button',
+    'data-name': 'default-button',
+    icon: {
+      position: 'left',
+      type: 'see'
+    },
+    onClick: () => console.log('click')
+  }
+};
+//# sourceMappingURL=button-tertiary-icon-left.js.map

package/es/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":"AAAA,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,CAAf","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/es/atom/button-link/test/fixtures/icon-button.js

@@ -0,0 +1,13 @@
+export default {
+  props: {
+    type: 'secondary',
+    'data-name': 'default-button',
+    'aria-label': 'aria button',
+    icon: {
+      position: 'center',
+      type: 'close'
+    },
+    onClick: () => console.log('click')
+  }
+};
+//# sourceMappingURL=icon-button.js.map

package/es/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":"AAAA,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,CAAf","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/es/atom/button-link/test/fixtures/link-primary-disabled-icon-right.js

@@ -0,0 +1,17 @@
+export 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'
+    }
+  }
+};
+//# sourceMappingURL=link-primary-disabled-icon-right.js.map

package/es/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":"AAAA,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,CAAf","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/es/atom/button-link/test/fixtures/link-secondary-icon-right.js

@@ -0,0 +1,20 @@
+export 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'
+    }
+  }
+};
+//# sourceMappingURL=link-secondary-icon-right.js.map

package/es/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":"AAAA,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,CAAf","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/es/atom/button-link/test/fixtures/link-tertiary-no-icon.js

@@ -0,0 +1,16 @@
+export 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'
+    }
+  }
+};
+//# sourceMappingURL=link-tertiary-no-icon.js.map

package/es/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":"AAAA,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,CAAf","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/es/atom/button-link/test/fixtures/link-text-icon-right-target-blank.js

@@ -0,0 +1,17 @@
+export 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'
+    }
+  }
+};
+//# sourceMappingURL=link-text-icon-right-target-blank.js.map

package/es/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":"AAAA,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,CAAf","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/es/atom/button-link/test/fixtures/link-text-no-icon-download.js

@@ -0,0 +1,13 @@
+export 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
+    }
+  }
+};
+//# sourceMappingURL=link-text-no-icon-download.js.map

package/es/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":"AAAA,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,CAAf","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/es/atom/button-link/test/fixtures.js

@@ -0,0 +1,33 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import AtomButtonLink from '..';
+import fixtureButtonDangerousNoIcon from './fixtures/button-dangerous-no-icon';
+import fixtureButtonPrimaryIconLeft from './fixtures/button-primary-icon-left';
+import fixtureButtonPrimaryNoIcon from './fixtures/button-primary-no-icon';
+import fixtureButtonSecondaryNoIconDisabled from './fixtures/button-secondary-no-icon-disabled';
+import fixtureButtonTertiaryIconLeft from './fixtures/button-tertiary-icon-left';
+import fixtureIconButton from './fixtures/icon-button';
+import fixtureLinkPrimaryDisabledIconRight from './fixtures/link-primary-disabled-icon-right';
+import fixtureLinkSecondaryIconRight from './fixtures/link-secondary-icon-right';
+import fixtureLinkTertiaryNoIcon from './fixtures/link-tertiary-no-icon';
+import fixtureLinkTextIconRightTargetBlank from './fixtures/link-text-icon-right-target-blank';
+import fixtureLinkTextNoIconDownload from './fixtures/link-text-no-icon-download';
+test('Atom › AtomButtonLink > should have valid propTypes', t => {
+  t.pass();
+  forEach(AtomButtonLink.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomButtonLink.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Atom › AtomButtonLink › ButtonDangerousNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonDangerousNoIcon);
+test('Atom › AtomButtonLink › ButtonPrimaryIconLeft › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonPrimaryIconLeft);
+test('Atom › AtomButtonLink › ButtonPrimaryNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonPrimaryNoIcon);
+test('Atom › AtomButtonLink › ButtonSecondaryNoIconDisabled › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonSecondaryNoIconDisabled);
+test('Atom › AtomButtonLink › ButtonTertiaryIconLeft › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonTertiaryIconLeft);
+test('Atom › AtomButtonLink › IconButton › should be rendered', renderComponentMacro, AtomButtonLink, fixtureIconButton);
+test('Atom › AtomButtonLink › LinkPrimaryDisabledIconRight › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkPrimaryDisabledIconRight);
+test('Atom › AtomButtonLink › LinkSecondaryIconRight › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkSecondaryIconRight);
+test('Atom › AtomButtonLink › LinkTertiaryNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTertiaryNoIcon);
+test('Atom › AtomButtonLink › LinkTextIconRightTargetBlank › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTextIconRightTargetBlank);
+test('Atom › AtomButtonLink › LinkTextNoIconDownload › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTextNoIconDownload);
+//# sourceMappingURL=fixtures.js.map

package/es/atom/button-link/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/button-link/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomButtonLink","fixtureButtonDangerousNoIcon","fixtureButtonPrimaryIconLeft","fixtureButtonPrimaryNoIcon","fixtureButtonSecondaryNoIconDisabled","fixtureButtonTertiaryIconLeft","fixtureIconButton","fixtureLinkPrimaryDisabledIconRight","fixtureLinkSecondaryIconRight","fixtureLinkTertiaryNoIcon","fixtureLinkTextIconRightTargetBlank","fixtureLinkTextNoIconDownload","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,cAAP,MAA2B,IAA3B;AACA,OAAOC,4BAAP,MAAyC,qCAAzC;AACA,OAAOC,4BAAP,MAAyC,qCAAzC;AACA,OAAOC,0BAAP,MAAuC,mCAAvC;AACA,OAAOC,oCAAP,MAAiD,8CAAjD;AACA,OAAOC,6BAAP,MAA0C,sCAA1C;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,mCAAP,MAAgD,6CAAhD;AACA,OAAOC,6BAAP,MAA0C,sCAA1C;AACA,OAAOC,yBAAP,MAAsC,kCAAtC;AACA,OAAOC,mCAAP,MAAgD,8CAAhD;AACA,OAAOC,6BAAP,MAA0C,uCAA1C;AAEAd,IAAI,CAAC,qDAAD,EAAwDe,CAAC,IAAI;AAC/DA,EAAAA,CAAC,CAACC,IAAF;AACAf,EAAAA,OAAO,CAACE,cAAc,CAACc,SAAhB,EAA2B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,+CAA8CF,GAAI,mEAA3E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAnB,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,cAA7F,EAA6GC,4BAA7G,CAAJ;AACAJ,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,cAA7F,EAA6GE,4BAA7G,CAAJ;AACAL,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,cAA3F,EAA2GG,0BAA3G,CAAJ;AACAN,IAAI,CAAC,4EAAD,EAA+EE,oBAA/E,EAAqGC,cAArG,EAAqHI,oCAArH,CAAJ;AACAP,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,cAA9F,EAA8GK,6BAA9G,CAAJ;AACAR,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,cAAlF,EAAkGM,iBAAlG,CAAJ;AACAT,IAAI,CAAC,2EAAD,EAA8EE,oBAA9E,EAAoGC,cAApG,EAAoHO,mCAApH,CAAJ;AACAV,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,cAA9F,EAA8GQ,6BAA9G,CAAJ;AACAX,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,cAA1F,EAA0GS,yBAA1G,CAAJ;AACAZ,IAAI,CAAC,2EAAD,EAA8EE,oBAA9E,EAAoGC,cAApG,EAAoHU,mCAApH,CAAJ;AACAb,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,cAA9F,EAA8GW,6BAA9G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLink from '..';\nimport fixtureButtonDangerousNoIcon from './fixtures/button-dangerous-no-icon';\nimport fixtureButtonPrimaryIconLeft from './fixtures/button-primary-icon-left';\nimport fixtureButtonPrimaryNoIcon from './fixtures/button-primary-no-icon';\nimport fixtureButtonSecondaryNoIconDisabled from './fixtures/button-secondary-no-icon-disabled';\nimport fixtureButtonTertiaryIconLeft from './fixtures/button-tertiary-icon-left';\nimport fixtureIconButton from './fixtures/icon-button';\nimport fixtureLinkPrimaryDisabledIconRight from './fixtures/link-primary-disabled-icon-right';\nimport fixtureLinkSecondaryIconRight from './fixtures/link-secondary-icon-right';\nimport fixtureLinkTertiaryNoIcon from './fixtures/link-tertiary-no-icon';\nimport fixtureLinkTextIconRightTargetBlank from './fixtures/link-text-icon-right-target-blank';\nimport fixtureLinkTextNoIconDownload from './fixtures/link-text-no-icon-download';\n\ntest('Atom › AtomButtonLink > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomButtonLink.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomButtonLink.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomButtonLink › ButtonDangerousNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonDangerousNoIcon);\ntest('Atom › AtomButtonLink › ButtonPrimaryIconLeft › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonPrimaryIconLeft);\ntest('Atom › AtomButtonLink › ButtonPrimaryNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonPrimaryNoIcon);\ntest('Atom › AtomButtonLink › ButtonSecondaryNoIconDisabled › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonSecondaryNoIconDisabled);\ntest('Atom › AtomButtonLink › ButtonTertiaryIconLeft › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonTertiaryIconLeft);\ntest('Atom › AtomButtonLink › IconButton › should be rendered', renderComponentMacro, AtomButtonLink, fixtureIconButton);\ntest('Atom › AtomButtonLink › LinkPrimaryDisabledIconRight › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkPrimaryDisabledIconRight);\ntest('Atom › AtomButtonLink › LinkSecondaryIconRight › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkSecondaryIconRight);\ntest('Atom › AtomButtonLink › LinkTertiaryNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTertiaryNoIcon);\ntest('Atom › AtomButtonLink › LinkTextIconRightTargetBlank › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTextIconRightTargetBlank);\ntest('Atom › AtomButtonLink › LinkTextNoIconDownload › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTextNoIconDownload);\n"],"file":"fixtures.js"}

package/es/atom/chips/index.js

@@ -8,18 +8,22 @@ const Chips = props => {
   const {
     text,
     information,
-    selected,
+    selected = false,
     onClick
   } = props;
   const handleClick = useMemo(() => () => onClick(), [onClick]);
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(style.container, selected ? style.selected : style.unselected),
-    onClick: handleClick
+    onClick: handleClick,
+    "aria-label": `${text} ${information}`
   }, /*#__PURE__*/React.createElement("div", {
+    className: style.textZone,
+    title: text
+  }, /*#__PURE__*/React.createElement("span", {
     className: style.text
-  }, text), /*#__PURE__*/React.createElement("div", {
+  }, text), /*#__PURE__*/React.createElement("span", {
     className: style.information
-  }, information), selected ? /*#__PURE__*/React.createElement(SelectedIcon, {
+  }, information)), selected ? /*#__PURE__*/React.createElement(SelectedIcon, {
     className: style.selectedIconWrapper
   }) : /*#__PURE__*/React.createElement(AddIcon, {
     className: style.unselectedIconWrapper

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/chips/index.js"],"names":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaSolidStatusCheckCircle2","SelectedIcon","style","Chips","props","text","information","selected","onClick","handleClick","container","unselected","selectedIconWrapper","unselectedIconWrapper","propTypes","string","bool","func"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,4BAA4B,IAAIC,OADlC,EAEEC,2BAA2B,IAAIC,YAFjC,QAGO,0BAHP;AAIA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAGC,KAAK,IAAI;AACrB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,WAAP;AAAoBC,IAAAA,QAApB;AAA8BC,IAAAA;AAA9B,MAAyCJ,KAA/C;AAEA,QAAMK,WAAW,GAAGd,OAAO,CAAC,MAAM,MAAMa,OAAO,EAApB,EAAwB,CAACA,OAAD,CAAxB,CAA3B;AAEA,sBACE;AACE,IAAA,SAAS,EAAEX,UAAU,CAACK,KAAK,CAACQ,SAAP,EAAkBH,QAAQ,GAAGL,KAAK,CAACK,QAAT,GAAoBL,KAAK,CAACS,UAApD,CADvB;AAEE,IAAA,OAAO,EAAEF;AAFX,kBAIE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACG;AAAtB,KAA6BA,IAA7B,CAJF,eAKE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACI;AAAtB,KAAoCA,WAApC,CALF,EAMGC,QAAQ,gBACP,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEL,KAAK,CAACU;AAA/B,IADO,gBAGP,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAEV,KAAK,CAACW;AAA1B,IATJ,CADF;AAcD,CAnBD;;AAqBAV,KAAK,CAACW,SAAN,2CAAkB;AAChBT,EAAAA,IAAI,EAAET,SAAS,CAACmB,MADA;AAEhBT,EAAAA,WAAW,EAAEV,SAAS,CAACmB,MAFP;AAGhBR,EAAAA,QAAQ,EAAEX,SAAS,CAACoB,IAHJ;AAIhBR,EAAAA,OAAO,EAAEZ,SAAS,CAACqB;AAJH,CAAlB;AAOA,eAAed,KAAf","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":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaSolidStatusCheckCircle2","SelectedIcon","style","Chips","props","text","information","selected","onClick","handleClick","container","unselected","textZone","selectedIconWrapper","unselectedIconWrapper","propTypes","string","bool","func"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,4BAA4B,IAAIC,OADlC,EAEEC,2BAA2B,IAAIC,YAFjC,QAGO,0BAHP;AAIA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,GAAGd,OAAO,CAAC,MAAM,MAAMa,OAAO,EAApB,EAAwB,CAACA,OAAD,CAAxB,CAA3B;AAEA,sBACE;AACE,IAAA,SAAS,EAAEX,UAAU,CAACK,KAAK,CAACQ,SAAP,EAAkBH,QAAQ,GAAGL,KAAK,CAACK,QAAT,GAAoBL,KAAK,CAACS,UAApD,CADvB;AAEE,IAAA,OAAO,EAAEF,WAFX;AAGE,kBAAa,GAAEJ,IAAK,IAAGC,WAAY;AAHrC,kBAKE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACU,QAAtB;AAAgC,IAAA,KAAK,EAAEP;AAAvC,kBACE;AAAM,IAAA,SAAS,EAAEH,KAAK,CAACG;AAAvB,KAA8BA,IAA9B,CADF,eAEE;AAAM,IAAA,SAAS,EAAEH,KAAK,CAACI;AAAvB,KAAqCA,WAArC,CAFF,CALF,EASGC,QAAQ,gBACP,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEL,KAAK,CAACW;AAA/B,IADO,gBAGP,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAEX,KAAK,CAACY;AAA1B,IAZJ,CADF;AAiBD,CAtBD;;AAwBAX,KAAK,CAACY,SAAN,2CAAkB;AAChBV,EAAAA,IAAI,EAAET,SAAS,CAACoB,MADA;AAEhBV,EAAAA,WAAW,EAAEV,SAAS,CAACoB,MAFP;AAGhBT,EAAAA,QAAQ,EAAEX,SAAS,CAACqB,IAHJ;AAIhBT,EAAAA,OAAO,EAAEZ,SAAS,CAACsB;AAJH,CAAlB;AAOA,eAAef,KAAf","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/es/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/es/atom/chips/test/fixtures/long-text.js

@@ -0,0 +1,9 @@
+export 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')
+  }
+};
+//# sourceMappingURL=long-text.js.map

package/es/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":"AAAA,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,CAAf","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/es/atom/chips/test/fixtures.js

@@ -0,0 +1,17 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import AtomChips from '..';
+import fixtureDefault from './fixtures/default';
+import fixtureLongText from './fixtures/long-text';
+import fixtureNonSelected from './fixtures/non-selected';
+test('Atom › AtomChips > should have valid propTypes', t => {
+  t.pass();
+  forEach(AtomChips.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomChips.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Atom › AtomChips › Default › should be rendered', renderComponentMacro, AtomChips, fixtureDefault);
+test('Atom › AtomChips › LongText › should be rendered', renderComponentMacro, AtomChips, fixtureLongText);
+test('Atom › AtomChips › NonSelected › should be rendered', renderComponentMacro, AtomChips, fixtureNonSelected);
+//# sourceMappingURL=fixtures.js.map

package/es/atom/chips/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/chips/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomChips","fixtureDefault","fixtureLongText","fixtureNonSelected","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,SAAP,MAAsB,IAAtB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,sBAA5B;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AAEAN,IAAI,CAAC,gDAAD,EAAmDO,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,SAAS,CAACM,SAAX,EAAsB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,iDAAD,EAAoDE,oBAApD,EAA0EC,SAA1E,EAAqFC,cAArF,CAAJ;AACAJ,IAAI,CAAC,kDAAD,EAAqDE,oBAArD,EAA2EC,SAA3E,EAAsFE,eAAtF,CAAJ;AACAL,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,SAA9E,EAAyFG,kBAAzF,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomChips from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLongText from './fixtures/long-text';\nimport fixtureNonSelected from './fixtures/non-selected';\n\ntest('Atom › AtomChips > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomChips.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomChips.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomChips › Default › should be rendered', renderComponentMacro, AtomChips, fixtureDefault);\ntest('Atom › AtomChips › LongText › should be rendered', renderComponentMacro, AtomChips, fixtureLongText);\ntest('Atom › AtomChips › NonSelected › should be rendered', renderComponentMacro, AtomChips, fixtureNonSelected);\n"],"file":"fixtures.js"}