@coorpacademy/components 10.1.2 → 10.1.3

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

@@ -0,0 +1,123 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _link = _interopRequireDefault(require("../link"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const ICONS = {
+  analytics: _novaIcons.NovaCompositionCoorpacademyAnalytics,
+  'chevron-left': _novaIcons.NovaCompositionNavigationArrowLeft,
+  'chevron-right': _novaIcons.NovaCompositionNavigationArrowRight,
+  close: _novaIcons.NovaCompositionCoorpacademyNext,
+  save: _novaIcons.NovaSolidComputersSdCard,
+  see: _novaIcons.NovaCompositionCoorpacademyEye
+};
+
+const getButtonContent = (icon, label) => {
+  const {
+    type,
+    position
+  } = icon;
+  const Icon = (0, _getOr2.default)(null, type, ICONS);
+
+  if (!Icon) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.buttonContent
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: _style.default.label
+    }, label));
+  }
+
+  if (position === 'center' && Icon) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.buttonContent
+    }, /*#__PURE__*/_react.default.createElement(Icon, {
+      className: _style.default.icon
+    }));
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonContent
+  }, position === 'left' ? /*#__PURE__*/_react.default.createElement(Icon, {
+    className: _style.default.icon
+  }) : null, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.label
+  }, label), position === 'right' ? /*#__PURE__*/_react.default.createElement(Icon, {
+    className: _style.default.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 = (0, _classnames.default)(_style.default.button, type === 'primary' && _style.default.primary, type === 'secondary' && _style.default.secondary, type === 'tertiary' && _style.default.tertiary, type === 'text' && _style.default.text, type === 'dangerous' && _style.default.dangerous, link && _style.default.link, disabled && _style.default.disabled);
+
+  if (link) {
+    return /*#__PURE__*/_react.default.createElement(_link.default, _extends({}, link, {
+      className: styleButton,
+      "data-name": dataName,
+      "aria-label": ariaLabel || label,
+      title: ariaLabel || label
+    }), contentView);
+  }
+
+  const handleOnClick = (0, _react.useMemo)(() => () => onClick(), [onClick]);
+  return /*#__PURE__*/_react.default.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.default.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),
+  label: _propTypes.default.string,
+  'aria-label': _propTypes.default.string,
+  'data-name': _propTypes.default.string,
+  icon: _propTypes.default.shape({
+    position: _propTypes.default.oneOf(['right', 'left', 'center']),
+    type: _propTypes.default.string
+  }),
+  onClick: _propTypes.default.func,
+  link: _propTypes.default.shape({
+    href: _propTypes.default.string,
+    download: _propTypes.default.bool,
+    target: _propTypes.default.oneOf(['_self', '_blank', '_parent', '_top'])
+  }),
+  disabled: _propTypes.default.bool
+} : {};
+var _default = ButtonLink;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/atom/input-checkbox/test/fixtures.js

@@ -8,6 +8,8 @@ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/ren
 
 var _ = _interopRequireDefault(require(".."));
 
+var _checkedDisabled = _interopRequireDefault(require("./fixtures/checked-disabled"));
+
 var _checked = _interopRequireDefault(require("./fixtures/checked"));
 
 var _default = _interopRequireDefault(require("./fixtures/default"));
@@ -28,6 +30,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     t.not(value, undefined, `PropType for "Atom.AtomInputCheckbox.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
+(0, _ava.default)('Atom › AtomInputCheckbox › CheckedDisabled › should be rendered', _renderComponent.default, _.default, _checkedDisabled.default);
 (0, _ava.default)('Atom › AtomInputCheckbox › Checked › should be rendered', _renderComponent.default, _.default, _checked.default);
 (0, _ava.default)('Atom › AtomInputCheckbox › Default › should be rendered', _renderComponent.default, _.default, _default.default);
 (0, _ava.default)('Atom › AtomInputCheckbox › Disabled › should be rendered', _renderComponent.default, _.default, _disabled.default);

package/lib/atom/input-checkbox/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/input-checkbox/test/fixtures.js"],"names":["t","pass","AtomInputCheckbox","propTypes","value","key","not","undefined","renderComponentMacro","fixtureChecked","fixtureDefault","fixtureDisabled","fixtureError","fixtureModified","fixtureRequired"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wDAAL,EAA+DA,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,yDAAL,EAAgEG,wBAAhE,EAAsFN,SAAtF,EAAyGO,gBAAzG;AACA,kBAAK,yDAAL,EAAgED,wBAAhE,EAAsFN,SAAtF,EAAyGQ,gBAAzG;AACA,kBAAK,0DAAL,EAAiEF,wBAAjE,EAAuFN,SAAvF,EAA0GS,iBAA1G;AACA,kBAAK,uDAAL,EAA8DH,wBAA9D,EAAoFN,SAApF,EAAuGU,cAAvG;AACA,kBAAK,0DAAL,EAAiEJ,wBAAjE,EAAuFN,SAAvF,EAA0GW,iBAA1G;AACA,kBAAK,0DAAL,EAAiEL,wBAAjE,EAAuFN,SAAvF,EAA0GY,iBAA1G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputCheckbox from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputCheckbox > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputCheckbox.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);\ntest('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);\ntest('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);\ntest('Atom › AtomInputCheckbox › Error › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureError);\ntest('Atom › AtomInputCheckbox › Modified › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureModified);\ntest('Atom › AtomInputCheckbox › Required › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureRequired);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/input-checkbox/test/fixtures.js"],"names":["t","pass","AtomInputCheckbox","propTypes","value","key","not","undefined","renderComponentMacro","fixtureCheckedDisabled","fixtureChecked","fixtureDefault","fixtureDisabled","fixtureError","fixtureModified","fixtureRequired"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wDAAL,EAA+DA,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,iEAAL,EAAwEG,wBAAxE,EAA8FN,SAA9F,EAAiHO,wBAAjH;AACA,kBAAK,yDAAL,EAAgED,wBAAhE,EAAsFN,SAAtF,EAAyGQ,gBAAzG;AACA,kBAAK,yDAAL,EAAgEF,wBAAhE,EAAsFN,SAAtF,EAAyGS,gBAAzG;AACA,kBAAK,0DAAL,EAAiEH,wBAAjE,EAAuFN,SAAvF,EAA0GU,iBAA1G;AACA,kBAAK,uDAAL,EAA8DJ,wBAA9D,EAAoFN,SAApF,EAAuGW,cAAvG;AACA,kBAAK,0DAAL,EAAiEL,wBAAjE,EAAuFN,SAAvF,EAA0GY,iBAA1G;AACA,kBAAK,0DAAL,EAAiEN,wBAAjE,EAAuFN,SAAvF,EAA0Ga,iBAA1G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputCheckbox from '..';\nimport fixtureCheckedDisabled from './fixtures/checked-disabled';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputCheckbox > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputCheckbox.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputCheckbox › CheckedDisabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureCheckedDisabled);\ntest('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);\ntest('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);\ntest('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);\ntest('Atom › AtomInputCheckbox › Error › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureError);\ntest('Atom › AtomInputCheckbox › Modified › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureModified);\ntest('Atom › AtomInputCheckbox › Required › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureRequired);\n"],"file":"fixtures.js"}

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

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