@bigbinary/neetoui 6.5.9-beta → 6.5.10

package/dist/cjs/index-a5047060.js

@@ -1,98 +0,0 @@
-'use strict';
-
-var Typography = require('./Typography-72ac982c.js');
-var React = require('react');
-var FallbackAvatar = require('boring-avatars');
-var ramda = require('ramda');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var FallbackAvatar__default = /*#__PURE__*/_interopDefaultLegacy(FallbackAvatar);
-
-var COLOR_PALLETE = ["#0091B9", "#BAF4F0", "#004F9B", "#FF6500", "#FFD500"];
-var AVATAR_VARIANT = "beam";
-
-var _excluded = ["size", "user", "status", "onClick", "className", "showTooltip", "tooltipProps"];
-var SIZE = {
-  small: 24,
-  medium: 32,
-  large: 40,
-  extraLarge: 64
-};
-var Avatar = function Avatar(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "medium" : _ref$size,
-    _ref$user = _ref.user,
-    user = _ref$user === void 0 ? {} : _ref$user,
-    _ref$status = _ref.status,
-    status = _ref$status === void 0 ? null : _ref$status,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$showTooltip = _ref.showTooltip,
-    showTooltip = _ref$showTooltip === void 0 ? false : _ref$showTooltip,
-    _ref$tooltipProps = _ref.tooltipProps,
-    tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
-    otherProps = Typography._objectWithoutProperties(_ref, _excluded);
-  var _useState = React.useState(false),
-    _useState2 = Typography._slicedToArray(_useState, 2),
-    isLoadingFailed = _useState2[0],
-    setIsLoadingFailed = _useState2[1];
-  var _user$name = user.name,
-    name = _user$name === void 0 ? "" : _user$name,
-    imageUrl = user.imageUrl;
-  var isMedium = size === "medium";
-  var isLarge = size === "large";
-  var isExtraLarge = size === "extraLarge";
-  var containerClasses = Typography.classnames("neeto-ui-avatar__container neeto-ui-select-none", {
-    "neeto-ui-avatar__container--medium": isMedium,
-    "neeto-ui-avatar__container--large": isLarge,
-    "neeto-ui-avatar__container--xlarge": isExtraLarge
-  }, className);
-  var imageClasses = Typography.classnames("neeto-ui-avatar", {
-    "neeto-ui-avatar--medium": isMedium,
-    "neeto-ui-avatar--large": isLarge,
-    "neeto-ui-avatar--xlarge": isExtraLarge,
-    hidden: isLoadingFailed
-  });
-  var statusClasses = Typography.classnames("neeto-ui-avatar__status", status, {
-    "neeto-ui-avatar__status-medium": isMedium,
-    "neeto-ui-avatar__status-large": isLarge,
-    "neeto-ui-avatar__status-xlarge": isExtraLarge
-  });
-  var Indicator = function Indicator() {
-    return ramda.isNil(status) ? React__default["default"].Fragment : /*#__PURE__*/React__default["default"].createElement("span", {
-      className: statusClasses,
-      "data-testid": "indicator"
-    });
-  };
-  var avatarString = name.replace("", "-");
-  var shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);
-  return /*#__PURE__*/React__default["default"].createElement(Typography.Tooltip, Typography._extends({
-    content: name,
-    disabled: !showTooltip,
-    position: "bottom"
-  }, tooltipProps), /*#__PURE__*/React__default["default"].createElement("span", Typography._extends({
-    onClick: onClick,
-    className: containerClasses,
-    "data-testid": "avatar"
-  }, otherProps), /*#__PURE__*/React__default["default"].createElement(Indicator, null), shouldDisplayFallbackAvatar ? /*#__PURE__*/React__default["default"].createElement(FallbackAvatar__default["default"], {
-    name: name,
-    className: "neeto-ui-avatar__svg",
-    colors: COLOR_PALLETE,
-    size: SIZE[size],
-    variant: AVATAR_VARIANT
-  }) : /*#__PURE__*/React__default["default"].createElement("img", {
-    alt: "avatar-".concat(avatarString),
-    className: imageClasses,
-    src: imageUrl,
-    onError: function onError() {
-      return setIsLoadingFailed(true);
-    }
-  })));
-};
-
-exports.Avatar = Avatar;
-//# sourceMappingURL=index-a5047060.js.map

package/dist/cjs/index-a5047060.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-a5047060.js","sources":["../../src/components/Avatar/constants.js","../../src/components/Avatar/index.jsx"],"sourcesContent":["export const COLOR_PALLETE = [\n  \"#0091B9\",\n  \"#BAF4F0\",\n  \"#004F9B\",\n  \"#FF6500\",\n  \"#FFD500\",\n];\n\nexport const AVATAR_VARIANT = \"beam\";\n","import React, { useState } from \"react\";\n\nimport FallbackAvatar from \"boring-avatars\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nimport { COLOR_PALLETE, AVATAR_VARIANT } from \"./constants\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst Avatar = ({\n  size = \"medium\",\n  user = {},\n  status = null,\n  onClick = () => {},\n  className = \"\",\n  showTooltip = false,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n\n  const { name = \"\", imageUrl } = user;\n\n  const isMedium = size === \"medium\";\n  const isLarge = size === \"large\";\n  const isExtraLarge = size === \"extraLarge\";\n\n  const containerClasses = classNames(\n    \"neeto-ui-avatar__container neeto-ui-select-none\",\n    {\n      \"neeto-ui-avatar__container--medium\": isMedium,\n      \"neeto-ui-avatar__container--large\": isLarge,\n      \"neeto-ui-avatar__container--xlarge\": isExtraLarge,\n    },\n    className\n  );\n\n  const imageClasses = classNames(\"neeto-ui-avatar\", {\n    \"neeto-ui-avatar--medium\": isMedium,\n    \"neeto-ui-avatar--large\": isLarge,\n    \"neeto-ui-avatar--xlarge\": isExtraLarge,\n    hidden: isLoadingFailed,\n  });\n\n  const statusClasses = classNames(\"neeto-ui-avatar__status\", status, {\n    \"neeto-ui-avatar__status-medium\": isMedium,\n    \"neeto-ui-avatar__status-large\": isLarge,\n    \"neeto-ui-avatar__status-xlarge\": isExtraLarge,\n  });\n\n  const Indicator = () =>\n    isNil(status) ? (\n      React.Fragment\n    ) : (\n      <span className={statusClasses} data-testid=\"indicator\" />\n    );\n\n  const avatarString = name.replace(\"\", \"-\");\n  const shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);\n\n  return (\n    <Tooltip\n      content={name}\n      disabled={!showTooltip}\n      position=\"bottom\"\n      {...tooltipProps}\n    >\n      <span\n        {...{ onClick }}\n        className={containerClasses}\n        data-testid=\"avatar\"\n        {...otherProps}\n      >\n        <Indicator />\n        {shouldDisplayFallbackAvatar ? (\n          <FallbackAvatar\n            {...{ name }}\n            className=\"neeto-ui-avatar__svg\"\n            colors={COLOR_PALLETE}\n            size={SIZE[size]}\n            variant={AVATAR_VARIANT}\n          />\n        ) : (\n          <img\n            alt={`avatar-${avatarString}`}\n            className={imageClasses}\n            src={imageUrl}\n            onError={() => setIsLoadingFailed(true)}\n          />\n        )}\n      </span>\n    </Tooltip>\n  );\n};\n\nAvatar.propTypes = {\n  /**\n   * Specify the dimension for Avatar component.\n   */\n  size: PropTypes.oneOf(Object.keys(SIZE)),\n  user: PropTypes.shape({\n    imageUrl: PropTypes.string,\n    name: PropTypes.string,\n  }),\n  /**\n   * To specify the action to be triggered on clicking the Avatar.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the status of the user if needed in Avatar component.\n   */\n  status: PropTypes.oneOf(Object.keys(STATUS)),\n  /**\n   * To display a tooltip with name of the user.\n   */\n  showTooltip: PropTypes.bool,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * To provide external classnames to Avatar component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Avatar;\n"],"names":["COLOR_PALLETE","AVATAR_VARIANT","SIZE","small","medium","large","extraLarge","Avatar","_ref","_ref$size","size","_ref$user","user","_ref$status","status","_ref$onClick","onClick","_ref$className","className","_ref$showTooltip","showTooltip","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isLoadingFailed","setIsLoadingFailed","_user$name","name","imageUrl","isMedium","isLarge","isExtraLarge","containerClasses","classNames","imageClasses","hidden","statusClasses","Indicator","isNil","React","Fragment","createElement","avatarString","replace","shouldDisplayFallbackAvatar","Tooltip","_extends","content","disabled","position","FallbackAvatar","colors","variant","alt","concat","src","onError"],"mappings":"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"}

package/dist/index-f5a4691b.js

@@ -1,91 +0,0 @@
-import { _ as _objectWithoutProperties, d as _slicedToArray, c as classnames, T as Tooltip, a as _extends } from './Typography-3bf740f3.js';
-import React__default, { useState } from 'react';
-import FallbackAvatar from 'boring-avatars';
-import { isNil } from 'ramda';
-
-var COLOR_PALLETE = ["#0091B9", "#BAF4F0", "#004F9B", "#FF6500", "#FFD500"];
-var AVATAR_VARIANT = "beam";
-
-var _excluded = ["size", "user", "status", "onClick", "className", "showTooltip", "tooltipProps"];
-var SIZE = {
-  small: 24,
-  medium: 32,
-  large: 40,
-  extraLarge: 64
-};
-var Avatar = function Avatar(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "medium" : _ref$size,
-    _ref$user = _ref.user,
-    user = _ref$user === void 0 ? {} : _ref$user,
-    _ref$status = _ref.status,
-    status = _ref$status === void 0 ? null : _ref$status,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$showTooltip = _ref.showTooltip,
-    showTooltip = _ref$showTooltip === void 0 ? false : _ref$showTooltip,
-    _ref$tooltipProps = _ref.tooltipProps,
-    tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isLoadingFailed = _useState2[0],
-    setIsLoadingFailed = _useState2[1];
-  var _user$name = user.name,
-    name = _user$name === void 0 ? "" : _user$name,
-    imageUrl = user.imageUrl;
-  var isMedium = size === "medium";
-  var isLarge = size === "large";
-  var isExtraLarge = size === "extraLarge";
-  var containerClasses = classnames("neeto-ui-avatar__container neeto-ui-select-none", {
-    "neeto-ui-avatar__container--medium": isMedium,
-    "neeto-ui-avatar__container--large": isLarge,
-    "neeto-ui-avatar__container--xlarge": isExtraLarge
-  }, className);
-  var imageClasses = classnames("neeto-ui-avatar", {
-    "neeto-ui-avatar--medium": isMedium,
-    "neeto-ui-avatar--large": isLarge,
-    "neeto-ui-avatar--xlarge": isExtraLarge,
-    hidden: isLoadingFailed
-  });
-  var statusClasses = classnames("neeto-ui-avatar__status", status, {
-    "neeto-ui-avatar__status-medium": isMedium,
-    "neeto-ui-avatar__status-large": isLarge,
-    "neeto-ui-avatar__status-xlarge": isExtraLarge
-  });
-  var Indicator = function Indicator() {
-    return isNil(status) ? React__default.Fragment : /*#__PURE__*/React__default.createElement("span", {
-      className: statusClasses,
-      "data-testid": "indicator"
-    });
-  };
-  var avatarString = name.replace("", "-");
-  var shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);
-  return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
-    content: name,
-    disabled: !showTooltip,
-    position: "bottom"
-  }, tooltipProps), /*#__PURE__*/React__default.createElement("span", _extends({
-    onClick: onClick,
-    className: containerClasses,
-    "data-testid": "avatar"
-  }, otherProps), /*#__PURE__*/React__default.createElement(Indicator, null), shouldDisplayFallbackAvatar ? /*#__PURE__*/React__default.createElement(FallbackAvatar, {
-    name: name,
-    className: "neeto-ui-avatar__svg",
-    colors: COLOR_PALLETE,
-    size: SIZE[size],
-    variant: AVATAR_VARIANT
-  }) : /*#__PURE__*/React__default.createElement("img", {
-    alt: "avatar-".concat(avatarString),
-    className: imageClasses,
-    src: imageUrl,
-    onError: function onError() {
-      return setIsLoadingFailed(true);
-    }
-  })));
-};
-
-export { Avatar as A };
-//# sourceMappingURL=index-f5a4691b.js.map

package/dist/index-f5a4691b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-f5a4691b.js","sources":["../src/components/Avatar/constants.js","../src/components/Avatar/index.jsx"],"sourcesContent":["export const COLOR_PALLETE = [\n  \"#0091B9\",\n  \"#BAF4F0\",\n  \"#004F9B\",\n  \"#FF6500\",\n  \"#FFD500\",\n];\n\nexport const AVATAR_VARIANT = \"beam\";\n","import React, { useState } from \"react\";\n\nimport FallbackAvatar from \"boring-avatars\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nimport { COLOR_PALLETE, AVATAR_VARIANT } from \"./constants\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst Avatar = ({\n  size = \"medium\",\n  user = {},\n  status = null,\n  onClick = () => {},\n  className = \"\",\n  showTooltip = false,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n\n  const { name = \"\", imageUrl } = user;\n\n  const isMedium = size === \"medium\";\n  const isLarge = size === \"large\";\n  const isExtraLarge = size === \"extraLarge\";\n\n  const containerClasses = classNames(\n    \"neeto-ui-avatar__container neeto-ui-select-none\",\n    {\n      \"neeto-ui-avatar__container--medium\": isMedium,\n      \"neeto-ui-avatar__container--large\": isLarge,\n      \"neeto-ui-avatar__container--xlarge\": isExtraLarge,\n    },\n    className\n  );\n\n  const imageClasses = classNames(\"neeto-ui-avatar\", {\n    \"neeto-ui-avatar--medium\": isMedium,\n    \"neeto-ui-avatar--large\": isLarge,\n    \"neeto-ui-avatar--xlarge\": isExtraLarge,\n    hidden: isLoadingFailed,\n  });\n\n  const statusClasses = classNames(\"neeto-ui-avatar__status\", status, {\n    \"neeto-ui-avatar__status-medium\": isMedium,\n    \"neeto-ui-avatar__status-large\": isLarge,\n    \"neeto-ui-avatar__status-xlarge\": isExtraLarge,\n  });\n\n  const Indicator = () =>\n    isNil(status) ? (\n      React.Fragment\n    ) : (\n      <span className={statusClasses} data-testid=\"indicator\" />\n    );\n\n  const avatarString = name.replace(\"\", \"-\");\n  const shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);\n\n  return (\n    <Tooltip\n      content={name}\n      disabled={!showTooltip}\n      position=\"bottom\"\n      {...tooltipProps}\n    >\n      <span\n        {...{ onClick }}\n        className={containerClasses}\n        data-testid=\"avatar\"\n        {...otherProps}\n      >\n        <Indicator />\n        {shouldDisplayFallbackAvatar ? (\n          <FallbackAvatar\n            {...{ name }}\n            className=\"neeto-ui-avatar__svg\"\n            colors={COLOR_PALLETE}\n            size={SIZE[size]}\n            variant={AVATAR_VARIANT}\n          />\n        ) : (\n          <img\n            alt={`avatar-${avatarString}`}\n            className={imageClasses}\n            src={imageUrl}\n            onError={() => setIsLoadingFailed(true)}\n          />\n        )}\n      </span>\n    </Tooltip>\n  );\n};\n\nAvatar.propTypes = {\n  /**\n   * Specify the dimension for Avatar component.\n   */\n  size: PropTypes.oneOf(Object.keys(SIZE)),\n  user: PropTypes.shape({\n    imageUrl: PropTypes.string,\n    name: PropTypes.string,\n  }),\n  /**\n   * To specify the action to be triggered on clicking the Avatar.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the status of the user if needed in Avatar component.\n   */\n  status: PropTypes.oneOf(Object.keys(STATUS)),\n  /**\n   * To display a tooltip with name of the user.\n   */\n  showTooltip: PropTypes.bool,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * To provide external classnames to Avatar component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Avatar;\n"],"names":["COLOR_PALLETE","AVATAR_VARIANT","SIZE","small","medium","large","extraLarge","Avatar","_ref","_ref$size","size","_ref$user","user","_ref$status","status","_ref$onClick","onClick","_ref$className","className","_ref$showTooltip","showTooltip","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isLoadingFailed","setIsLoadingFailed","_user$name","name","imageUrl","isMedium","isLarge","isExtraLarge","containerClasses","classNames","imageClasses","hidden","statusClasses","Indicator","isNil","React","Fragment","createElement","avatarString","replace","shouldDisplayFallbackAvatar","Tooltip","_extends","content","disabled","position","FallbackAvatar","colors","variant","alt","concat","src","onError"],"mappings":"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"}