@coorpacademy/components 10.1.6 → 10.1.10

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

@@ -1,23 +1,14 @@
+import _keys from "lodash/fp/keys";
 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 React, { useCallback } 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 { ICONS } from '../../util/button-icons';
 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 {
@@ -35,14 +26,6 @@ const getButtonContent = (icon, 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, {
@@ -77,11 +60,12 @@ const ButtonLink = props => {
     }), contentView);
   }
 
-  const handleOnClick = useMemo(() => () => onClick(), [onClick]);
+  const handleOnClick = useCallback(() => onClick(), [onClick]);
   return /*#__PURE__*/React.createElement("button", {
     type: "button",
     "aria-label": ariaLabel || label,
     title: ariaLabel || label,
+    "data-name": dataName,
     className: styleButton,
     onClick: handleOnClick
   }, contentView);
@@ -93,8 +77,8 @@ ButtonLink.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': PropTypes.string,
   'data-name': PropTypes.string,
   icon: PropTypes.shape({
-    position: PropTypes.oneOf(['right', 'left', 'center']),
-    type: PropTypes.string
+    position: PropTypes.oneOf(['right', 'left']),
+    type: PropTypes.oneOf(_keys(ICONS))
   }),
   onClick: PropTypes.func,
   link: PropTypes.shape({

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

@@ -1 +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"}
+{"version":3,"sources":["../../../src/atom/button-link/index.js"],"names":["React","useCallback","PropTypes","classnames","Link","ICONS","style","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, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport {ICONS} from '../../util/button-icons';\nimport style from './style.css';\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  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 = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel || label}\n      title={ariaLabel || label}\n      data-name={dataName}\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']),\n    type: PropTypes.oneOf(keys(ICONS))\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

@@ -21,6 +21,9 @@
   align-items: center;
   cursor: pointer;
   border: none;
+  /* prevents text selection when dragging
+  the mouse over the button */
+  user-select: none;
 }
 
 .disabled {
@@ -70,7 +73,6 @@
 .tertiary {
   background-color: cm_grey_50;
   color: cm_grey_900;
-  border-radius: 0px;
 }
 
 .tertiary:hover {
@@ -90,4 +92,4 @@
   color: inherit;
   border-radius: 0px;
   height: auto;
-}
+}

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

@@ -7,7 +7,6 @@ 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';
@@ -24,7 +23,6 @@ test('Atom › AtomButtonLink › ButtonPrimaryIconLeft › should be rendered',
 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);

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

@@ -1 +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"}
+{"version":3,"sources":["../../../../src/atom/button-link/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomButtonLink","fixtureButtonDangerousNoIcon","fixtureButtonPrimaryIconLeft","fixtureButtonPrimaryNoIcon","fixtureButtonSecondaryNoIconDisabled","fixtureButtonTertiaryIconLeft","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,mCAAP,MAAgD,6CAAhD;AACA,OAAOC,6BAAP,MAA0C,sCAA1C;AACA,OAAOC,yBAAP,MAAsC,kCAAtC;AACA,OAAOC,mCAAP,MAAgD,8CAAhD;AACA,OAAOC,6BAAP,MAA0C,uCAA1C;AAEAb,IAAI,CAAC,qDAAD,EAAwDc,CAAC,IAAI;AAC/DA,EAAAA,CAAC,CAACC,IAAF;AACAd,EAAAA,OAAO,CAACE,cAAc,CAACa,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;AAOAlB,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,2EAAD,EAA8EE,oBAA9E,EAAoGC,cAApG,EAAoHM,mCAApH,CAAJ;AACAT,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,cAA9F,EAA8GO,6BAA9G,CAAJ;AACAV,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,cAA1F,EAA0GQ,yBAA1G,CAAJ;AACAX,IAAI,CAAC,2EAAD,EAA8EE,oBAA9E,EAAoGC,cAApG,EAAoHS,mCAApH,CAAJ;AACAZ,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,cAA9F,EAA8GU,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 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 › 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/button-link-icon-only/index.js

@@ -0,0 +1,76 @@
+import _keys from "lodash/fp/keys";
+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 { ICONS } from '../../util/button-icons';
+import Link from '../link';
+import style from './style.css';
+
+const getButtonContent = icon => {
+  const Icon = _getOr(null, icon, ICONS);
+
+  if (!Icon) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.buttonContent
+    });
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.buttonContent
+  }, /*#__PURE__*/React.createElement(Icon, {
+    className: style.icon
+  }));
+};
+
+const ButtonLinkIconOnly = props => {
+  const {
+    size = 'default',
+    disabled,
+    icon,
+    'data-name': dataName,
+    'aria-label': ariaLabel,
+    link,
+    onClick
+  } = props;
+  const contentView = getButtonContent(icon);
+  const styleButton = classnames(size === 'default' ? style.default : style.small, link && style.link, disabled && style.disabled);
+
+  if (link) {
+    return /*#__PURE__*/React.createElement(Link, _extends({}, link, {
+      className: styleButton,
+      "data-name": dataName,
+      "aria-label": ariaLabel,
+      title: ariaLabel
+    }), contentView);
+  }
+
+  const handleOnClick = useMemo(() => () => onClick(), [onClick]);
+  return /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    "aria-label": ariaLabel,
+    "data-name": dataName,
+    title: ariaLabel,
+    className: styleButton,
+    onClick: handleOnClick
+  }, contentView);
+};
+
+ButtonLinkIconOnly.propTypes = process.env.NODE_ENV !== "production" ? {
+  size: PropTypes.oneOf(['default', 'small']),
+  'aria-label': PropTypes.string,
+  'data-name': PropTypes.string,
+  icon: PropTypes.oneOf(_keys(ICONS)),
+  onClick: PropTypes.func,
+  link: PropTypes.shape({
+    href: PropTypes.string,
+    download: PropTypes.bool,
+    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])
+  }),
+  disabled: PropTypes.bool
+} : {};
+export default ButtonLinkIconOnly;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/button-link-icon-only/index.js"],"names":["React","useMemo","PropTypes","classnames","ICONS","Link","style","getButtonContent","icon","Icon","buttonContent","ButtonLinkIconOnly","props","size","disabled","dataName","ariaLabel","link","onClick","contentView","styleButton","default","small","handleOnClick","propTypes","oneOf","string","func","shape","href","download","bool","target"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,KAAR,QAAoB,yBAApB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAGC,IAAI,IAAI;AAC/B,QAAMC,IAAI,GAAG,OAAM,IAAN,EAAYD,IAAZ,EAAkBJ,KAAlB,CAAb;;AAEA,MAAI,CAACK,IAAL,EAAW;AACT,wBAAO;AAAK,MAAA,SAAS,EAAEH,KAAK,CAACI;AAAtB,MAAP;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACI;AAAtB,kBACE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEJ,KAAK,CAACE;AAAvB,IADF,CADF;AAKD,CAZD;;AAcA,MAAMG,kBAAkB,GAAGC,KAAK,IAAI;AAClC,QAAM;AACJC,IAAAA,IAAI,GAAG,SADH;AAEJC,IAAAA,QAFI;AAGJN,IAAAA,IAHI;AAIJ,iBAAaO,QAJT;AAKJ,kBAAcC,SALV;AAMJC,IAAAA,IANI;AAOJC,IAAAA;AAPI,MAQFN,KARJ;AASA,QAAMO,WAAW,GAAGZ,gBAAgB,CAACC,IAAD,CAApC;AACA,QAAMY,WAAW,GAAGjB,UAAU,CAC5BU,IAAI,KAAK,SAAT,GAAqBP,KAAK,CAACe,OAA3B,GAAqCf,KAAK,CAACgB,KADf,EAE5BL,IAAI,IAAIX,KAAK,CAACW,IAFc,EAG5BH,QAAQ,IAAIR,KAAK,CAACQ,QAHU,CAA9B;;AAMA,MAAIG,IAAJ,EAAU;AACR,wBACE,oBAAC,IAAD,eACMA,IADN;AAEE,MAAA,SAAS,EAAEG,WAFb;AAGE,mBAAWL,QAHb;AAIE,oBAAYC,SAJd;AAKE,MAAA,KAAK,EAAEA;AALT,QAOGG,WAPH,CADF;AAWD;;AAED,QAAMI,aAAa,GAAGtB,OAAO,CAAC,MAAM,MAAMiB,OAAO,EAApB,EAAwB,CAACA,OAAD,CAAxB,CAA7B;AACA,sBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,kBAAYF,SAFd;AAGE,iBAAWD,QAHb;AAIE,IAAA,KAAK,EAAEC,SAJT;AAKE,IAAA,SAAS,EAAEI,WALb;AAME,IAAA,OAAO,EAAEG;AANX,KAQGJ,WARH,CADF;AAYD,CA5CD;;AA8CAR,kBAAkB,CAACa,SAAnB,2CAA+B;AAC7BX,EAAAA,IAAI,EAAEX,SAAS,CAACuB,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB,CADuB;AAE7B,gBAAcvB,SAAS,CAACwB,MAFK;AAG7B,eAAaxB,SAAS,CAACwB,MAHM;AAI7BlB,EAAAA,IAAI,EAAEN,SAAS,CAACuB,KAAV,CAAgB,MAAKrB,KAAL,CAAhB,CAJuB;AAK7Bc,EAAAA,OAAO,EAAEhB,SAAS,CAACyB,IALU;AAM7BV,EAAAA,IAAI,EAAEf,SAAS,CAAC0B,KAAV,CAAgB;AACpBC,IAAAA,IAAI,EAAE3B,SAAS,CAACwB,MADI;AAEpBI,IAAAA,QAAQ,EAAE5B,SAAS,CAAC6B,IAFA;AAGpBC,IAAAA,MAAM,EAAE9B,SAAS,CAACuB,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;AAHY,GAAhB,CANuB;AAW7BX,EAAAA,QAAQ,EAAEZ,SAAS,CAAC6B;AAXS,CAA/B;AAcA,eAAepB,kBAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport Link from '../link';\nimport style from './style.css';\n\nconst getButtonContent = icon => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      <Icon className={style.icon} />\n    </div>\n  );\n};\n\nconst ButtonLinkIconOnly = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick\n  } = props;\n  const contentView = getButtonContent(icon);\n  const styleButton = classnames(\n    size === 'default' ? style.default : style.small,\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}\n        title={ariaLabel}\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}\n      data-name={dataName}\n      title={ariaLabel}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLinkIconOnly.propTypes = {\n  size: PropTypes.oneOf(['default', 'small']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\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 ButtonLinkIconOnly;\n"],"file":"index.js"}

package/es/atom/button-link-icon-only/style.css

@@ -0,0 +1,64 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_100 from colors;
+@value cm_grey_200 from colors;
+
+.button {
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: bold;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  border: none;
+  background-color: cm_grey_100;
+}
+
+.button:hover {
+  background-color: cm_grey_200;
+}
+
+.disabled {
+  opacity: 0.3;
+  cursor: default;
+  pointer-events: none;
+}
+
+.disabled:hover {
+  background-color: cm_grey_100;
+}
+
+.buttonContent {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.link {
+  color: inherit;
+  text-decoration: none;
+}
+
+.default {
+  composes: button;
+  width: 44px;
+  height: 44px;
+  border-radius: 7px;
+}
+
+.small {
+  composes: button;
+  width: 32px;
+  height: 32px;
+  border-radius: 5px;
+}
+
+.default .icon {
+  width: 14px;
+  height: 14px;
+}
+
+.small .icon {
+  width: 12px;
+  height: 12px;
+}

package/es/atom/button-link-icon-only/test/button-link-icon-only.js

@@ -0,0 +1,25 @@
+import _identity from "lodash/fp/identity";
+import browserEnv from 'browser-env';
+import test from 'ava';
+import React from 'react';
+import { shallow, configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import ButtonLinkIconOnly from '..';
+import defaultFixture from './fixtures/button-icon-bullet';
+browserEnv();
+configure({
+  adapter: new Adapter()
+});
+const translate = _identity;
+test('should launch onClick on click event for ButtonLinkIconOnly', t => {
+  const wrapper = shallow( /*#__PURE__*/React.createElement(ButtonLinkIconOnly, defaultFixture.props), {
+    context: {
+      translate
+    }
+  });
+  const button = wrapper.find('[data-name="bullet-button"]');
+  t.true(button.exists());
+  button.first().simulate('click', {});
+  t.pass();
+});
+//# sourceMappingURL=button-link-icon-only.js.map

package/es/atom/button-link-icon-only/test/button-link-icon-only.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/button-link-icon-only.js"],"names":["browserEnv","test","React","shallow","configure","Adapter","ButtonLinkIconOnly","defaultFixture","adapter","translate","t","wrapper","props","context","button","find","true","exists","first","simulate","pass"],"mappings":";AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,OAAR,EAAiBC,SAAjB,QAAiC,QAAjC;AAEA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,kBAAP,MAA+B,IAA/B;AACA,OAAOC,cAAP,MAA2B,+BAA3B;AAEAP,UAAU;AACVI,SAAS,CAAC;AAACI,EAAAA,OAAO,EAAE,IAAIH,OAAJ;AAAV,CAAD,CAAT;AACA,MAAMI,SAAS,YAAf;AAEAR,IAAI,CAAC,6DAAD,EAAgES,CAAC,IAAI;AACvE,QAAMC,OAAO,GAAGR,OAAO,eAAC,oBAAC,kBAAD,EAAwBI,cAAc,CAACK,KAAvC,CAAD,EAAmD;AACxEC,IAAAA,OAAO,EAAE;AAACJ,MAAAA;AAAD;AAD+D,GAAnD,CAAvB;AAGA,QAAMK,MAAM,GAAGH,OAAO,CAACI,IAAR,CAAa,6BAAb,CAAf;AACAL,EAAAA,CAAC,CAACM,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACAT,EAAAA,CAAC,CAACU,IAAF;AACD,CARG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport ButtonLinkIconOnly from '..';\nimport defaultFixture from './fixtures/button-icon-bullet';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('should launch onClick on click event for ButtonLinkIconOnly', t => {\n  const wrapper = shallow(<ButtonLinkIconOnly {...defaultFixture.props} />, {\n    context: {translate}\n  });\n  const button = wrapper.find('[data-name=\"bullet-button\"]');\n  t.true(button.exists());\n  button.first().simulate('click', {});\n  t.pass();\n});\n"],"file":"button-link-icon-only.js"}

package/es/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js"],"names":["props","size","icon","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAEL,kBAAc,aAFT;AAGL,iBAAa,eAHR;AAILC,IAAAA,IAAI,EAAE,cAJD;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALV;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    size: 'default',\n    'aria-label': 'aria button',\n    'data-name': 'bullet-button',\n    icon: 'bullet-point',\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"button-icon-bullet.js"}

package/es/atom/{button-link/test/fixtures/icon-button.js → button-link-icon-only/test/fixtures/default.js}

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link-icon-only/test/fixtures/default.js"],"names":["props","size","icon","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAEL,iBAAa,gBAFR;AAGL,kBAAc,aAHT;AAILC,IAAAA,IAAI,EAAE,OAJD;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALV;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    size: 'default',\n    'data-name': 'default-button',\n    'aria-label': 'aria button',\n    icon: 'close',\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"default.js"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link-icon-only/test/fixtures/no-icon.js"],"names":["props","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,iBAAa,gBADR;AAELC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAFV;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'data-name': 'default-button',\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"no-icon.js"}

package/es/atom/button-link-icon-only/test/fixtures/small-button-disabled.js

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

package/es/atom/button-link-icon-only/test/fixtures/small-button-disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link-icon-only/test/fixtures/small-button-disabled.js"],"names":["props","size","icon","disabled","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,OADD;AAEL,iBAAa,gBAFR;AAGL,kBAAc,aAHT;AAILC,IAAAA,IAAI,EAAE,OAJD;AAKLC,IAAAA,QAAQ,EAAE,IALL;AAMLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AANV;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    size: 'small',\n    'data-name': 'default-button',\n    'aria-label': 'aria button',\n    icon: 'close',\n    disabled: true,\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"small-button-disabled.js"}

package/es/atom/button-link-icon-only/test/fixtures/small-link-download.js

@@ -0,0 +1,13 @@
+export default {
+  props: {
+    size: 'small',
+    icon: 'see',
+    'data-name': 'default-button',
+    'aria-label': 'aria button',
+    link: {
+      href: 'https://setup.coorpacademy.com/assets/templates/import-users-template.xlsx',
+      download: true
+    }
+  }
+};
+//# sourceMappingURL=small-link-download.js.map

package/es/atom/button-link-icon-only/test/fixtures/small-link-download.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link-icon-only/test/fixtures/small-link-download.js"],"names":["props","size","icon","link","href","download"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,OADD;AAELC,IAAAA,IAAI,EAAE,KAFD;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    size: 'small',\n    icon: 'see',\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":"small-link-download.js"}

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

@@ -0,0 +1,21 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import AtomButtonLinkIconOnly from '..';
+import fixtureButtonIconBullet from './fixtures/button-icon-bullet';
+import fixtureDefault from './fixtures/default';
+import fixtureNoIcon from './fixtures/no-icon';
+import fixtureSmallButtonDisabled from './fixtures/small-button-disabled';
+import fixtureSmallLinkDownload from './fixtures/small-link-download';
+test('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {
+  t.pass();
+  forEach(AtomButtonLinkIconOnly.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomButtonLinkIconOnly.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureButtonIconBullet);
+test('Atom › AtomButtonLinkIconOnly › Default › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureDefault);
+test('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureNoIcon);
+test('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallButtonDisabled);
+test('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallLinkDownload);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomButtonLinkIconOnly","fixtureButtonIconBullet","fixtureDefault","fixtureNoIcon","fixtureSmallButtonDisabled","fixtureSmallLinkDownload","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,sBAAP,MAAmC,IAAnC;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,aAAP,MAA0B,oBAA1B;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,wBAAP,MAAqC,gCAArC;AAEAR,IAAI,CAAC,6DAAD,EAAgES,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,sBAAsB,CAACQ,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uDAAsDF,GAAI,mEAAnF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,sBAAhG,EAAwHC,uBAAxH,CAAJ;AACAJ,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,sBAAvF,EAA+GE,cAA/G,CAAJ;AACAL,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,sBAAtF,EAA8GG,aAA9G,CAAJ;AACAN,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,sBAAnG,EAA2HI,0BAA3H,CAAJ;AACAP,IAAI,CAAC,wEAAD,EAA2EE,oBAA3E,EAAiGC,sBAAjG,EAAyHK,wBAAzH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLinkIconOnly from '..';\nimport fixtureButtonIconBullet from './fixtures/button-icon-bullet';\nimport fixtureDefault from './fixtures/default';\nimport fixtureNoIcon from './fixtures/no-icon';\nimport fixtureSmallButtonDisabled from './fixtures/small-button-disabled';\nimport fixtureSmallLinkDownload from './fixtures/small-link-download';\n\ntest('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomButtonLinkIconOnly.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomButtonLinkIconOnly.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureButtonIconBullet);\ntest('Atom › AtomButtonLinkIconOnly › Default › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureDefault);\ntest('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureNoIcon);\ntest('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallButtonDisabled);\ntest('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallLinkDownload);\n"],"file":"fixtures.js"}

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

@@ -0,0 +1,66 @@
+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, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import map from 'lodash/fp/map';
+import classnames from 'classnames';
+import style from './style.css';
+
+const Button = props => {
+  const {
+    'data-name': dataName,
+    disabled,
+    label,
+    onClick,
+    type = 'default'
+  } = props;
+  const styleButton = classnames(style.button, type === 'default' && style.default, type === 'dangerous' && style.dangerous, disabled && style.disabled);
+  const handleOnClick = useCallback(() => onClick(), [onClick]);
+  return /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    "aria-label": label,
+    title: label,
+    "data-name": dataName,
+    className: styleButton,
+    onClick: handleOnClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.buttonContent
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.label
+  }, label)));
+};
+
+Button.propTypes = process.env.NODE_ENV !== "production" ? {
+  'data-name': PropTypes.string,
+  disabled: PropTypes.bool,
+  label: PropTypes.string.isRequired,
+  onClick: PropTypes.func.isRequired,
+  type: PropTypes.oneOf(['default', 'dangerous'])
+} : {};
+
+const ButtonMenu = props => {
+  const {
+    buttons,
+    'data-name': dataName
+  } = props;
+
+  const buildButton = (button, index) => {
+    return /*#__PURE__*/React.createElement(Button, _extends({}, button, {
+      key: button.label + index
+    }));
+  };
+
+  const buttonList = useMemo(() => map.convert({
+    cap: false
+  })(buildButton, buttons), [buttons, buildButton]);
+  return /*#__PURE__*/React.createElement("div", {
+    "data-name": dataName
+  }, buttonList);
+};
+
+ButtonMenu.propTypes = process.env.NODE_ENV !== "production" ? {
+  buttons: PropTypes.arrayOf(PropTypes.shape(Button.propTypes)).isRequired,
+  'data-name': PropTypes.string
+} : {};
+export default ButtonMenu;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/button-menu/index.js"],"names":["React","useMemo","useCallback","PropTypes","map","classnames","style","Button","props","dataName","disabled","label","onClick","type","styleButton","button","default","dangerous","handleOnClick","buttonContent","propTypes","string","bool","isRequired","func","oneOf","ButtonMenu","buttons","buildButton","index","buttonList","convert","cap","arrayOf","shape"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,EAAwBC,WAAxB,QAA0C,OAA1C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAAC,iBAAaC,QAAd;AAAwBC,IAAAA,QAAxB;AAAkCC,IAAAA,KAAlC;AAAyCC,IAAAA,OAAzC;AAAkDC,IAAAA,IAAI,GAAG;AAAzD,MAAsEL,KAA5E;AACA,QAAMM,WAAW,GAAGT,UAAU,CAC5BC,KAAK,CAACS,MADsB,EAE5BF,IAAI,KAAK,SAAT,IAAsBP,KAAK,CAACU,OAFA,EAG5BH,IAAI,KAAK,WAAT,IAAwBP,KAAK,CAACW,SAHF,EAI5BP,QAAQ,IAAIJ,KAAK,CAACI,QAJU,CAA9B;AAOA,QAAMQ,aAAa,GAAGhB,WAAW,CAAC,MAAMU,OAAO,EAAd,EAAkB,CAACA,OAAD,CAAlB,CAAjC;AACA,sBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,kBAAYD,KAFd;AAGE,IAAA,KAAK,EAAEA,KAHT;AAIE,iBAAWF,QAJb;AAKE,IAAA,SAAS,EAAEK,WALb;AAME,IAAA,OAAO,EAAEI;AANX,kBAQE;AAAK,IAAA,SAAS,EAAEZ,KAAK,CAACa;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEb,KAAK,CAACK;AAAvB,KAA+BA,KAA/B,CADF,CARF,CADF;AAcD,CAxBD;;AA0BAJ,MAAM,CAACa,SAAP,2CAAmB;AACjB,eAAajB,SAAS,CAACkB,MADN;AAEjBX,EAAAA,QAAQ,EAAEP,SAAS,CAACmB,IAFH;AAGjBX,EAAAA,KAAK,EAAER,SAAS,CAACkB,MAAV,CAAiBE,UAHP;AAIjBX,EAAAA,OAAO,EAAET,SAAS,CAACqB,IAAV,CAAeD,UAJP;AAKjBV,EAAAA,IAAI,EAAEV,SAAS,CAACsB,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB;AALW,CAAnB;;AAQA,MAAMC,UAAU,GAAGlB,KAAK,IAAI;AAC1B,QAAM;AAACmB,IAAAA,OAAD;AAAU,iBAAalB;AAAvB,MAAmCD,KAAzC;;AACA,QAAMoB,WAAW,GAAG,CAACb,MAAD,EAASc,KAAT,KAAmB;AACrC,wBAAO,oBAAC,MAAD,eAAYd,MAAZ;AAAoB,MAAA,GAAG,EAAEA,MAAM,CAACJ,KAAP,GAAekB;AAAxC,OAAP;AACD,GAFD;;AAGA,QAAMC,UAAU,GAAG7B,OAAO,CAAC,MAAMG,GAAG,CAAC2B,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0BJ,WAA1B,EAAuCD,OAAvC,CAAP,EAAwD,CAChFA,OADgF,EAEhFC,WAFgF,CAAxD,CAA1B;AAIA,sBAAO;AAAK,iBAAWnB;AAAhB,KAA2BqB,UAA3B,CAAP;AACD,CAVD;;AAYAJ,UAAU,CAACN,SAAX,2CAAuB;AACrBO,EAAAA,OAAO,EAAExB,SAAS,CAAC8B,OAAV,CAAkB9B,SAAS,CAAC+B,KAAV,CAAgB3B,MAAM,CAACa,SAAvB,CAAlB,EAAqDG,UADzC;AAErB,eAAapB,SAAS,CAACkB;AAFF,CAAvB;AAKA,eAAeK,UAAf","sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Button = props => {\n  const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.default,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'dangerous'])\n};\n\nconst ButtonMenu = props => {\n  const {buttons, 'data-name': dataName} = props;\n  const buildButton = (button, index) => {\n    return <Button {...button} key={button.label + index} />;\n  };\n  const buttonList = useMemo(() => map.convert({cap: false})(buildButton, buttons), [\n    buttons,\n    buildButton\n  ]);\n  return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(Button.propTypes)).isRequired,\n  'data-name': PropTypes.string\n};\n\nexport default ButtonMenu;\n"],"file":"index.js"}

package/es/atom/button-menu/style.css

@@ -0,0 +1,51 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_100 from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_900 from colors;
+@value cm_negative_100 from colors;
+
+.button {
+  width: 100%;
+  height: 40px;
+  font-family: Gilroy;
+  font-size: 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  border: none;
+  pointer-events: auto;
+  /* prevents text selection when dragging 
+  the mouse over the button */
+  user-select: none;
+}
+
+.disabled {
+  opacity: 0.1;
+  pointer-events: none;
+}
+
+.buttonContent {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.label {
+  margin: 0 8px 0 8px;
+  display: block;
+}
+
+.default {
+  background-color: cm_grey_100;
+  color: cm_grey_900;
+}
+
+.default:hover {
+  background-color: cm_grey_200;
+}
+
+.dangerous {
+  composes: default;
+  color: cm_negative_100;
+}

package/es/atom/button-menu/test/fixtures/default.js

@@ -0,0 +1,20 @@
+export const actionButtonProps = {
+  'data-name': 'menu-publish-button',
+  label: 'Publish',
+  onClick: () => console.log('Publish'),
+  type: 'default'
+};
+export const deleteButtonProps = {
+  'data-name': 'menu-delete-button',
+  label: 'Delete',
+  onClick: () => console.log('Delete'),
+  type: 'dangerous'
+};
+export default {
+  props: {
+    buttons: [actionButtonProps, deleteButtonProps],
+    'aria-label': 'aria button',
+    'data-name': 'default-menu'
+  }
+};
+//# sourceMappingURL=default.js.map