@coorpacademy/components 10.1.2 → 10.1.6

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,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/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/button-link/test/fixtures.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _buttonDangerousNoIcon = _interopRequireDefault(require("./fixtures/button-dangerous-no-icon"));
+
+var _buttonPrimaryIconLeft = _interopRequireDefault(require("./fixtures/button-primary-icon-left"));
+
+var _buttonPrimaryNoIcon = _interopRequireDefault(require("./fixtures/button-primary-no-icon"));
+
+var _buttonSecondaryNoIconDisabled = _interopRequireDefault(require("./fixtures/button-secondary-no-icon-disabled"));
+
+var _buttonTertiaryIconLeft = _interopRequireDefault(require("./fixtures/button-tertiary-icon-left"));
+
+var _iconButton = _interopRequireDefault(require("./fixtures/icon-button"));
+
+var _linkPrimaryDisabledIconRight = _interopRequireDefault(require("./fixtures/link-primary-disabled-icon-right"));
+
+var _linkSecondaryIconRight = _interopRequireDefault(require("./fixtures/link-secondary-icon-right"));
+
+var _linkTertiaryNoIcon = _interopRequireDefault(require("./fixtures/link-tertiary-no-icon"));
+
+var _linkTextIconRightTargetBlank = _interopRequireDefault(require("./fixtures/link-text-icon-right-target-blank"));
+
+var _linkTextNoIconDownload = _interopRequireDefault(require("./fixtures/link-text-no-icon-download"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Atom › AtomButtonLink > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomButtonLink.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Atom › AtomButtonLink › ButtonDangerousNoIcon › should be rendered', _renderComponent.default, _.default, _buttonDangerousNoIcon.default);
+(0, _ava.default)('Atom › AtomButtonLink › ButtonPrimaryIconLeft › should be rendered', _renderComponent.default, _.default, _buttonPrimaryIconLeft.default);
+(0, _ava.default)('Atom › AtomButtonLink › ButtonPrimaryNoIcon › should be rendered', _renderComponent.default, _.default, _buttonPrimaryNoIcon.default);
+(0, _ava.default)('Atom › AtomButtonLink › ButtonSecondaryNoIconDisabled › should be rendered', _renderComponent.default, _.default, _buttonSecondaryNoIconDisabled.default);
+(0, _ava.default)('Atom › AtomButtonLink › ButtonTertiaryIconLeft › should be rendered', _renderComponent.default, _.default, _buttonTertiaryIconLeft.default);
+(0, _ava.default)('Atom › AtomButtonLink › IconButton › should be rendered', _renderComponent.default, _.default, _iconButton.default);
+(0, _ava.default)('Atom › AtomButtonLink › LinkPrimaryDisabledIconRight › should be rendered', _renderComponent.default, _.default, _linkPrimaryDisabledIconRight.default);
+(0, _ava.default)('Atom › AtomButtonLink › LinkSecondaryIconRight › should be rendered', _renderComponent.default, _.default, _linkSecondaryIconRight.default);
+(0, _ava.default)('Atom › AtomButtonLink › LinkTertiaryNoIcon › should be rendered', _renderComponent.default, _.default, _linkTertiaryNoIcon.default);
+(0, _ava.default)('Atom › AtomButtonLink › LinkTextIconRightTargetBlank › should be rendered', _renderComponent.default, _.default, _linkTextIconRightTargetBlank.default);
+(0, _ava.default)('Atom › AtomButtonLink › LinkTextNoIconDownload › should be rendered', _renderComponent.default, _.default, _linkTextNoIconDownload.default);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/button-link/test/fixtures.js"],"names":["t","pass","AtomButtonLink","propTypes","value","key","not","undefined","renderComponentMacro","fixtureButtonDangerousNoIcon","fixtureButtonPrimaryIconLeft","fixtureButtonPrimaryNoIcon","fixtureButtonSecondaryNoIconDisabled","fixtureButtonTertiaryIconLeft","fixtureIconButton","fixtureLinkPrimaryDisabledIconRight","fixtureLinkSecondaryIconRight","fixtureLinkTertiaryNoIcon","fixtureLinkTextIconRightTargetBlank","fixtureLinkTextNoIconDownload"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,qDAAL,EAA4DA,CAAC,IAAI;AAC/DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAeC,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,+CAA8CF,GAAI,mEAA3E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,oEAAL,EAA2EG,wBAA3E,EAAiGN,SAAjG,EAAiHO,8BAAjH;AACA,kBAAK,oEAAL,EAA2ED,wBAA3E,EAAiGN,SAAjG,EAAiHQ,8BAAjH;AACA,kBAAK,kEAAL,EAAyEF,wBAAzE,EAA+FN,SAA/F,EAA+GS,4BAA/G;AACA,kBAAK,4EAAL,EAAmFH,wBAAnF,EAAyGN,SAAzG,EAAyHU,sCAAzH;AACA,kBAAK,qEAAL,EAA4EJ,wBAA5E,EAAkGN,SAAlG,EAAkHW,+BAAlH;AACA,kBAAK,yDAAL,EAAgEL,wBAAhE,EAAsFN,SAAtF,EAAsGY,mBAAtG;AACA,kBAAK,2EAAL,EAAkFN,wBAAlF,EAAwGN,SAAxG,EAAwHa,qCAAxH;AACA,kBAAK,qEAAL,EAA4EP,wBAA5E,EAAkGN,SAAlG,EAAkHc,+BAAlH;AACA,kBAAK,iEAAL,EAAwER,wBAAxE,EAA8FN,SAA9F,EAA8Ge,2BAA9G;AACA,kBAAK,2EAAL,EAAkFT,wBAAlF,EAAwGN,SAAxG,EAAwHgB,qCAAxH;AACA,kBAAK,qEAAL,EAA4EV,wBAA5E,EAAkGN,SAAlG,EAAkHiB,+BAAlH","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/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/chips/test/fixtures.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _longText = _interopRequireDefault(require("./fixtures/long-text"));
+
+var _nonSelected = _interopRequireDefault(require("./fixtures/non-selected"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Atom › AtomChips > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomChips.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Atom › AtomChips › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Atom › AtomChips › LongText › should be rendered', _renderComponent.default, _.default, _longText.default);
+(0, _ava.default)('Atom › AtomChips › NonSelected › should be rendered', _renderComponent.default, _.default, _nonSelected.default);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/chips/test/fixtures.js"],"names":["t","pass","AtomChips","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureLongText","fixtureNonSelected"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,gDAAL,EAAuDA,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAUC,SAAlB,EAA6B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,iDAAL,EAAwDG,wBAAxD,EAA8EN,SAA9E,EAAyFO,gBAAzF;AACA,kBAAK,kDAAL,EAAyDD,wBAAzD,EAA+EN,SAA/E,EAA0FQ,iBAA1F;AACA,kBAAK,qDAAL,EAA4DF,wBAA5D,EAAkFN,SAAlF,EAA6FS,oBAA7F","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"}