@bigbinary/neetoui 6.7.4 → 6.8.0

package/dist/cjs/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport Avvvatars from \"avvvatars-react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst getInitials = fullName => {\n  if (typeof fullName !== \"string\" || isEmpty(fullName)) return \" \";\n  const allNames = fullName.trim().split(\" \");\n  if (allNames.length === 1) return fullName.substring(0, 2).toUpperCase();\n\n  return `${allNames[0][0]}${allNames[allNames.length - 1][0]}`.toUpperCase();\n};\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 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          <Avvvatars\n            displayValue={getInitials(name)}\n            size={SIZE[size]}\n            value={name}\n          />\n        ) : (\n          <img\n            alt={`avatar-${name}`}\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":["SIZE","small","medium","large","extraLarge","getInitials","fullName","isEmpty","allNames","trim","split","length","substring","toUpperCase","concat","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","shouldDisplayFallbackAvatar","Tooltip","_extends","content","disabled","position","Avvvatars","displayValue","value","alt","src","onError"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport Avvvatars from \"avvvatars-react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst getInitials = fullName => {\n  if (typeof fullName !== \"string\" || isEmpty(fullName)) return \" \";\n  const allNames = fullName.trim().split(\" \");\n  if (allNames.length === 1) return fullName.substring(0, 2).toUpperCase();\n\n  return `${allNames[0][0]}${allNames[allNames.length - 1][0]}`.toUpperCase();\n};\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 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          <Avvvatars\n            displayValue={getInitials(name)}\n            size={SIZE[size]}\n            value={name}\n          />\n        ) : (\n          <img\n            alt={`avatar-${name}`}\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":["SIZE","small","medium","large","extraLarge","getInitials","fullName","isEmpty","allNames","trim","split","length","substring","toUpperCase","concat","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","shouldDisplayFallbackAvatar","Tooltip","_extends","content","disabled","position","Avvvatars","displayValue","value","alt","src","onError"],"mappings":"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"}

package/dist/cjs/Button.js

@@ -1,21 +1,24 @@
 'use strict';
 
-var _extends = require('./extends-1b35a664.js');
-var defineProperty = require('./defineProperty-ee86604b.js');
-var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var index = require('./index-302c3d37.js');
+var classnames = require('classnames');
 var reactRouterDom = require('react-router-dom');
 var motion = require('./motion-a1906aff.js');
-var Tooltip = require('./index-773961dd.js');
-require('./toPropertyKey-bfa2e465.js');
-require('./slicedToArray-732a2048.js');
+var Tooltip = require('./Tooltip.js');
+require('@babel/runtime/helpers/slicedToArray');
+require('@tippyjs/react');
 require('tippy.js');
-require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var Spinner = function Spinner(_ref) {
   var color = _ref.color,
@@ -80,7 +83,7 @@ Spinner.defaultProps = {
 
 var _excluded = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BUTTON_STYLES = {
   primary: "primary",
   secondary: "secondary",
@@ -136,7 +139,7 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
     _ref$tooltipProps = _ref.tooltipProps,
     tooltipProps = _ref$tooltipProps === void 0 ? null : _ref$tooltipProps,
     children = _ref.children,
-    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
   var Parent = "button";
   var elementSpecificProps = {
     type: type
@@ -161,14 +164,14 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
   };
   var Icon = typeof icon === "string" ? function () {
     return /*#__PURE__*/React__default["default"].createElement("i", {
-      className: index.classnames("neeto-ui-btn__icon", [icon]),
+      className: classnames__default["default"]("neeto-ui-btn__icon", [icon]),
       "data-testid": "class-icon"
     });
   } : icon || React__default["default"].Fragment;
-  return /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, _extends._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends__default["default"]({
     disabled: !tooltipProps
-  }, tooltipProps), /*#__PURE__*/React__default["default"].createElement(Parent, _extends._extends({
-    className: index.classnames("neeto-ui-btn", [className], {
+  }, tooltipProps), /*#__PURE__*/React__default["default"].createElement(Parent, _extends__default["default"]({
+    className: classnames__default["default"]("neeto-ui-btn", [className], {
       "neeto-ui-btn--style-primary": style === BUTTON_STYLES.primary,
       "neeto-ui-btn--style-secondary": style === BUTTON_STYLES.secondary,
       "neeto-ui-btn--style-tertiary": style === BUTTON_STYLES.tertiary,

package/dist/cjs/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/atoms/Spinner.jsx","../../src/components/Button.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { motion } from \"framer-motion\";\nimport PropTypes from \"prop-types\";\n\nconst Spinner = ({ color, className, size }) => (\n  <motion.div\n    animate={{ opacity: 1, transition: { bounce: 0 } }}\n    className={className}\n    exit={{ opacity: 0 }}\n    initial={{ opacity: 0 }}\n  >\n    <motion.div\n      exit={{ opacity: 0 }}\n      animate={{\n        rotate: [0, 360],\n        transition: { repeat: Infinity, duration: 0.7 },\n      }}\n    >\n      <motion.svg\n        fill=\"none\"\n        style={{ color, height: size, width: size }}\n        viewBox=\"0 0 24 24\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"10\"\n          stroke=\"currentColor\"\n          strokeWidth=\"4\"\n          style={{ opacity: 0.5 }}\n        />\n        <path\n          d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n          fill=\"currentColor\"\n          style={{ opacity: 1 }}\n        />\n      </motion.svg>\n    </motion.div>\n  </motion.div>\n);\n\nSpinner.propTypes = {\n  color: PropTypes.string,\n  className: PropTypes.string,\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nSpinner.defaultProps = {\n  color: \"#ffffff\",\n  className: null,\n  size: 14,\n};\n\nexport default Spinner;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport Spinner from \"atoms/Spinner\";\n\nimport Tooltip from \"./Tooltip\";\n\nconst BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\nconst ICON_POSITIONS = { left: \"left\", right: \"right\" };\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\n\nconst Button = React.forwardRef(\n  (\n    {\n      icon = null,\n      iconPosition = ICON_POSITIONS.right,\n      iconSize = 16,\n      label = \"\",\n      loading = false,\n      onClick = () => {},\n      to = \"\",\n      type = BUTTON_TYPES.button,\n      style = BUTTON_STYLES.primary,\n      fullWidth = false,\n      className = \"\",\n      disabled = false,\n      size = SIZES.medium,\n      href = \"\",\n      tooltipProps = null,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    let Parent = \"button\";\n    let elementSpecificProps = { type };\n\n    const renderLabel = label || children;\n\n    if (!disabled) {\n      if (to) {\n        Parent = Link;\n        elementSpecificProps = { to };\n      } else if (href) {\n        Parent = \"a\";\n        elementSpecificProps = { href };\n      }\n    }\n\n    const handleClick = e => {\n      if (loading || disabled) return;\n      onClick(e);\n    };\n\n    const Icon =\n      typeof icon === \"string\"\n        ? () => (\n            <i\n              className={classnames(\"neeto-ui-btn__icon\", [icon])}\n              data-testid=\"class-icon\"\n            />\n          )\n        : icon || React.Fragment;\n\n    return (\n      <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n        <Parent\n          className={classnames(\"neeto-ui-btn\", [className], {\n            \"neeto-ui-btn--style-primary\": style === BUTTON_STYLES.primary,\n            \"neeto-ui-btn--style-secondary\": style === BUTTON_STYLES.secondary,\n            \"neeto-ui-btn--style-tertiary\": style === BUTTON_STYLES.tertiary,\n            \"neeto-ui-btn--style-danger\": style === BUTTON_STYLES.danger,\n            \"neeto-ui-btn--style-danger-text\":\n              style === BUTTON_STYLES.danger_text,\n            \"neeto-ui-btn--style-text\": style === BUTTON_STYLES.text,\n            \"neeto-ui-btn--style-link\": style === BUTTON_STYLES.link,\n            \"neeto-ui-btn--size-medium\": size === SIZES.medium,\n            \"neeto-ui-btn--size-large\": size === SIZES.large,\n            \"neeto-ui-btn--width-full\": fullWidth,\n            \"neeto-ui-btn--icon-left\": iconPosition === ICON_POSITIONS.left,\n            \"neeto-ui-btn--icon-only\": !renderLabel,\n            \"neeto-ui-btn--loading\": loading,\n            disabled,\n          })}\n          onClick={handleClick}\n          {...{ disabled, ref, ...elementSpecificProps, ...otherProps }}\n        >\n          {renderLabel && (\n            <span className=\"neeto-ui-btn__label\">{renderLabel}</span>\n          )}\n          {icon && (\n            <Icon\n              aria-hidden=\"true\"\n              className=\"neeto-ui-btn__icon\"\n              size={iconSize}\n            />\n          )}\n          {loading && (\n            <Spinner\n              aria-hidden=\"true\"\n              className=\"neeto-ui-btn__spinner\"\n              size={16}\n            />\n          )}\n        </Parent>\n      </Tooltip>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nButton.propTypes = {\n  /**\n   * To specify the style of the Button.\n   */\n  style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n  /**\n   * To set the size of the Button.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the position of the icon.\n   */\n  iconPosition: PropTypes.oneOf(Object.values(ICON_POSITIONS)),\n  /**\n   * To specify the size of the icon.\n   */\n  iconSize: PropTypes.number,\n  /**\n   * To set the text to be displayed inside the Button.\n   */\n  label: PropTypes.string,\n  /**\n   * Indicates if a Button is in loading state and shows spinner if true.\n   */\n  loading: PropTypes.bool,\n  /**\n   * To set Button as disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To set the icon to be shown in the Button.\n   */\n  icon: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.element,\n  ]),\n  /**\n   * To specify the action to be triggered on clicking the Button.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify an internal route to which the Button points to.\n   */\n  to: PropTypes.string,\n  /**\n   * To specify an external link to which the Button points to.\n   */\n  href: PropTypes.string,\n  /**\n   * To specify the type of Button.\n   */\n  type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n  /**\n   * To set the Button to full width of the container.\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * To provide external classnames to Button component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * To specify the children to be rendered inside the Button.\n   */\n  children: PropTypes.string,\n};\n\nexport default Button;\n"],"names":["Spinner","_ref","color","className","size","React","createElement","motion","div","animate","opacity","transition","bounce","exit","initial","rotate","repeat","Infinity","duration","svg","fill","style","height","width","viewBox","xmlns","cx","cy","r","stroke","strokeWidth","d","defaultProps","BUTTON_STYLES","primary","secondary","tertiary","danger","danger_text","text","link","SIZES","small","medium","large","ICON_POSITIONS","left","right","BUTTON_TYPES","button","reset","submit","Button","forwardRef","ref","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$iconSize","iconSize","_ref$label","label","_ref$loading","loading","_ref$onClick","onClick","_ref$to","to","_ref$type","type","_ref$style","_ref$fullWidth","fullWidth","_ref$className","_ref$disabled","disabled","_ref$size","_ref$href","href","_ref$tooltipProps","tooltipProps","children","otherProps","_objectWithoutProperties","_excluded","Parent","elementSpecificProps","renderLabel","Link","handleClick","e","Icon","classnames","Fragment","Tooltip","_extends","_objectSpread","displayName"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../src/atoms/Spinner.jsx","../../src/components/Button.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { motion } from \"framer-motion\";\nimport PropTypes from \"prop-types\";\n\nconst Spinner = ({ color, className, size }) => (\n  <motion.div\n    animate={{ opacity: 1, transition: { bounce: 0 } }}\n    className={className}\n    exit={{ opacity: 0 }}\n    initial={{ opacity: 0 }}\n  >\n    <motion.div\n      exit={{ opacity: 0 }}\n      animate={{\n        rotate: [0, 360],\n        transition: { repeat: Infinity, duration: 0.7 },\n      }}\n    >\n      <motion.svg\n        fill=\"none\"\n        style={{ color, height: size, width: size }}\n        viewBox=\"0 0 24 24\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"10\"\n          stroke=\"currentColor\"\n          strokeWidth=\"4\"\n          style={{ opacity: 0.5 }}\n        />\n        <path\n          d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n          fill=\"currentColor\"\n          style={{ opacity: 1 }}\n        />\n      </motion.svg>\n    </motion.div>\n  </motion.div>\n);\n\nSpinner.propTypes = {\n  color: PropTypes.string,\n  className: PropTypes.string,\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nSpinner.defaultProps = {\n  color: \"#ffffff\",\n  className: null,\n  size: 14,\n};\n\nexport default Spinner;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport Spinner from \"atoms/Spinner\";\n\nimport Tooltip from \"./Tooltip\";\n\nconst BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\nconst ICON_POSITIONS = { left: \"left\", right: \"right\" };\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\n\nconst Button = React.forwardRef(\n  (\n    {\n      icon = null,\n      iconPosition = ICON_POSITIONS.right,\n      iconSize = 16,\n      label = \"\",\n      loading = false,\n      onClick = () => {},\n      to = \"\",\n      type = BUTTON_TYPES.button,\n      style = BUTTON_STYLES.primary,\n      fullWidth = false,\n      className = \"\",\n      disabled = false,\n      size = SIZES.medium,\n      href = \"\",\n      tooltipProps = null,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    let Parent = \"button\";\n    let elementSpecificProps = { type };\n\n    const renderLabel = label || children;\n\n    if (!disabled) {\n      if (to) {\n        Parent = Link;\n        elementSpecificProps = { to };\n      } else if (href) {\n        Parent = \"a\";\n        elementSpecificProps = { href };\n      }\n    }\n\n    const handleClick = e => {\n      if (loading || disabled) return;\n      onClick(e);\n    };\n\n    const Icon =\n      typeof icon === \"string\"\n        ? () => (\n            <i\n              className={classnames(\"neeto-ui-btn__icon\", [icon])}\n              data-testid=\"class-icon\"\n            />\n          )\n        : icon || React.Fragment;\n\n    return (\n      <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n        <Parent\n          className={classnames(\"neeto-ui-btn\", [className], {\n            \"neeto-ui-btn--style-primary\": style === BUTTON_STYLES.primary,\n            \"neeto-ui-btn--style-secondary\": style === BUTTON_STYLES.secondary,\n            \"neeto-ui-btn--style-tertiary\": style === BUTTON_STYLES.tertiary,\n            \"neeto-ui-btn--style-danger\": style === BUTTON_STYLES.danger,\n            \"neeto-ui-btn--style-danger-text\":\n              style === BUTTON_STYLES.danger_text,\n            \"neeto-ui-btn--style-text\": style === BUTTON_STYLES.text,\n            \"neeto-ui-btn--style-link\": style === BUTTON_STYLES.link,\n            \"neeto-ui-btn--size-medium\": size === SIZES.medium,\n            \"neeto-ui-btn--size-large\": size === SIZES.large,\n            \"neeto-ui-btn--width-full\": fullWidth,\n            \"neeto-ui-btn--icon-left\": iconPosition === ICON_POSITIONS.left,\n            \"neeto-ui-btn--icon-only\": !renderLabel,\n            \"neeto-ui-btn--loading\": loading,\n            disabled,\n          })}\n          onClick={handleClick}\n          {...{ disabled, ref, ...elementSpecificProps, ...otherProps }}\n        >\n          {renderLabel && (\n            <span className=\"neeto-ui-btn__label\">{renderLabel}</span>\n          )}\n          {icon && (\n            <Icon\n              aria-hidden=\"true\"\n              className=\"neeto-ui-btn__icon\"\n              size={iconSize}\n            />\n          )}\n          {loading && (\n            <Spinner\n              aria-hidden=\"true\"\n              className=\"neeto-ui-btn__spinner\"\n              size={16}\n            />\n          )}\n        </Parent>\n      </Tooltip>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nButton.propTypes = {\n  /**\n   * To specify the style of the Button.\n   */\n  style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n  /**\n   * To set the size of the Button.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the position of the icon.\n   */\n  iconPosition: PropTypes.oneOf(Object.values(ICON_POSITIONS)),\n  /**\n   * To specify the size of the icon.\n   */\n  iconSize: PropTypes.number,\n  /**\n   * To set the text to be displayed inside the Button.\n   */\n  label: PropTypes.string,\n  /**\n   * Indicates if a Button is in loading state and shows spinner if true.\n   */\n  loading: PropTypes.bool,\n  /**\n   * To set Button as disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To set the icon to be shown in the Button.\n   */\n  icon: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.element,\n  ]),\n  /**\n   * To specify the action to be triggered on clicking the Button.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify an internal route to which the Button points to.\n   */\n  to: PropTypes.string,\n  /**\n   * To specify an external link to which the Button points to.\n   */\n  href: PropTypes.string,\n  /**\n   * To specify the type of Button.\n   */\n  type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n  /**\n   * To set the Button to full width of the container.\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * To provide external classnames to Button component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * To specify the children to be rendered inside the Button.\n   */\n  children: PropTypes.string,\n};\n\nexport default Button;\n"],"names":["Spinner","_ref","color","className","size","React","createElement","motion","div","animate","opacity","transition","bounce","exit","initial","rotate","repeat","Infinity","duration","svg","fill","style","height","width","viewBox","xmlns","cx","cy","r","stroke","strokeWidth","d","defaultProps","BUTTON_STYLES","primary","secondary","tertiary","danger","danger_text","text","link","SIZES","small","medium","large","ICON_POSITIONS","left","right","BUTTON_TYPES","button","reset","submit","Button","forwardRef","ref","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$iconSize","iconSize","_ref$label","label","_ref$loading","loading","_ref$onClick","onClick","_ref$to","to","_ref$type","type","_ref$style","_ref$fullWidth","fullWidth","_ref$className","_ref$disabled","disabled","_ref$size","_ref$href","href","_ref$tooltipProps","tooltipProps","children","otherProps","_objectWithoutProperties","_excluded","Parent","elementSpecificProps","renderLabel","Link","handleClick","e","Icon","classnames","Fragment","Tooltip","_extends","_objectSpread","displayName"],"mappings":"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"}

package/dist/cjs/Callout.js

@@ -1,15 +1,18 @@
 'use strict';
 
-var _extends = require('./extends-1b35a664.js');
-var defineProperty = require('./defineProperty-ee86604b.js');
-var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var index = require('./index-302c3d37.js');
-require('./toPropertyKey-bfa2e465.js');
+var classnames = require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var _excluded = ["icon", "style", "className", "children"];
 var STYLES = {
@@ -26,10 +29,10 @@ var Callout = function Callout(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     children = _ref.children,
-    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
   var Icon = icon;
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({
-    className: index.classnames("neeto-ui-callout", defineProperty._defineProperty({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
+    className: classnames__default["default"]("neeto-ui-callout", _defineProperty__default["default"]({
       "neeto-ui-callout--info": style === STYLES.info,
       "neeto-ui-callout--warning": style === STYLES.warning,
       "neeto-ui-callout--danger": style === STYLES.danger,

package/dist/cjs/Callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.js","sources":["../../src/components/Callout.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst STYLES = {\n  info: \"info\",\n  warning: \"warning\",\n  danger: \"danger\",\n  success: \"success\",\n};\n\nconst Callout = ({\n  icon = null,\n  style = STYLES.info,\n  className = \"\",\n  children,\n  ...otherProps\n}) => {\n  const Icon = icon;\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-callout\", {\n        \"neeto-ui-callout--info\": style === STYLES.info,\n        \"neeto-ui-callout--warning\": style === STYLES.warning,\n        \"neeto-ui-callout--danger\": style === STYLES.danger,\n        \"neeto-ui-callout--success\": style === STYLES.success,\n        [className]: className,\n      })}\n      {...otherProps}\n    >\n      {icon && (\n        <div className=\"neeto-ui-callout__icon\" data-testid=\"callout-icon\">\n          <Icon />\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n\nCallout.propTypes = {\n  /**\n   * To specify the icon to be used in Callout component. By default, icons are based on the style of the Callout component. Passing false will hide the icon.\n   */\n  icon: PropTypes.elementType,\n  /**\n   * To specify the style of Callout component.\n   */\n  style: PropTypes.oneOf(Object.values(STYLES)),\n  /**\n   * To provide external classnames to Callout component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Callout component.\n   */\n  children: PropTypes.node,\n};\n\nexport default Callout;\n"],"names":["STYLES","info","warning","danger","success","Callout","_ref","_ref$icon","icon","_ref$style","style","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","_extends","classnames","_defineProperty"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAA;AACX,CAAC,CAAA;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAMP;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CALJE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAAE,UAAA,GAAAH,IAAA,CACXI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGT,MAAM,CAACC,IAAI,GAAAQ,UAAA;IAAAE,cAAA,GAAAL,IAAA,CACnBM,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,QAAQ,GAAAP,IAAA,CAARO,QAAQ;AACLC,IAAAA,UAAU,GAAAC,gDAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;EAEb,IAAMC,IAAI,GAAGT,IAAI,CAAA;AAEjB,EAAA,oBACEU,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iBAAA,CAAA;AACER,IAAAA,SAAS,EAAES,gBAAU,CAAC,kBAAkB,EAAAC,8BAAA,CAAA;AACtC,MAAA,wBAAwB,EAAEZ,KAAK,KAAKV,MAAM,CAACC,IAAI;AAC/C,MAAA,2BAA2B,EAAES,KAAK,KAAKV,MAAM,CAACE,OAAO;AACrD,MAAA,0BAA0B,EAAEQ,KAAK,KAAKV,MAAM,CAACG,MAAM;AACnD,MAAA,2BAA2B,EAAEO,KAAK,KAAKV,MAAM,CAACI,OAAAA;KAC7CQ,EAAAA,SAAS,EAAGA,SAAS,CAAA,CAAA;AACrB,GAAA,EACCE,UAAU,CAEbN,EAAAA,IAAI,iBACHU,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,wBAAwB;IAAC,aAAY,EAAA,cAAA;GAClDM,eAAAA,yBAAA,CAAAC,aAAA,CAACF,IAAI,EAAG,IAAA,CAAA,CAEX,EACAJ,QAAQ,CACL,CAAA;AAEV;;;;"}
+{"version":3,"file":"Callout.js","sources":["../../src/components/Callout.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst STYLES = {\n  info: \"info\",\n  warning: \"warning\",\n  danger: \"danger\",\n  success: \"success\",\n};\n\nconst Callout = ({\n  icon = null,\n  style = STYLES.info,\n  className = \"\",\n  children,\n  ...otherProps\n}) => {\n  const Icon = icon;\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-callout\", {\n        \"neeto-ui-callout--info\": style === STYLES.info,\n        \"neeto-ui-callout--warning\": style === STYLES.warning,\n        \"neeto-ui-callout--danger\": style === STYLES.danger,\n        \"neeto-ui-callout--success\": style === STYLES.success,\n        [className]: className,\n      })}\n      {...otherProps}\n    >\n      {icon && (\n        <div className=\"neeto-ui-callout__icon\" data-testid=\"callout-icon\">\n          <Icon />\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n\nCallout.propTypes = {\n  /**\n   * To specify the icon to be used in Callout component. By default, icons are based on the style of the Callout component. Passing false will hide the icon.\n   */\n  icon: PropTypes.elementType,\n  /**\n   * To specify the style of Callout component.\n   */\n  style: PropTypes.oneOf(Object.values(STYLES)),\n  /**\n   * To provide external classnames to Callout component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Callout component.\n   */\n  children: PropTypes.node,\n};\n\nexport default Callout;\n"],"names":["STYLES","info","warning","danger","success","Callout","_ref","_ref$icon","icon","_ref$style","style","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","_extends","classnames","_defineProperty"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAA;AACX,CAAC,CAAA;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAMP;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CALJE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAAE,UAAA,GAAAH,IAAA,CACXI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGT,MAAM,CAACC,IAAI,GAAAQ,UAAA;IAAAE,cAAA,GAAAL,IAAA,CACnBM,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,QAAQ,GAAAP,IAAA,CAARO,QAAQ;AACLC,IAAAA,UAAU,GAAAC,4CAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;EAEb,IAAMC,IAAI,GAAGT,IAAI,CAAA;AAEjB,EAAA,oBACEU,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,4BAAA,CAAA;AACER,IAAAA,SAAS,EAAES,8BAAU,CAAC,kBAAkB,EAAAC,mCAAA,CAAA;AACtC,MAAA,wBAAwB,EAAEZ,KAAK,KAAKV,MAAM,CAACC,IAAI;AAC/C,MAAA,2BAA2B,EAAES,KAAK,KAAKV,MAAM,CAACE,OAAO;AACrD,MAAA,0BAA0B,EAAEQ,KAAK,KAAKV,MAAM,CAACG,MAAM;AACnD,MAAA,2BAA2B,EAAEO,KAAK,KAAKV,MAAM,CAACI,OAAAA;KAC7CQ,EAAAA,SAAS,EAAGA,SAAS,CAAA,CAAA;AACrB,GAAA,EACCE,UAAU,CAEbN,EAAAA,IAAI,iBACHU,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,wBAAwB;IAAC,aAAY,EAAA,cAAA;GAClDM,eAAAA,yBAAA,CAAAC,aAAA,CAACF,IAAI,EAAG,IAAA,CAAA,CAEX,EACAJ,QAAQ,CACL,CAAA;AAEV;;;;"}

package/dist/cjs/Checkbox.js

@@ -1,30 +1,42 @@
 'use strict';
 
-var _extends = require('./extends-1b35a664.js');
-var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var index = require('./index-302c3d37.js');
+var classnames = require('classnames');
 var useId = require('./useId-4e3deb5c.js');
+require('@babel/runtime/helpers/slicedToArray');
 require('react-router-dom');
-require('./index-a8cc581e.js');
+require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
-var index$1 = require('./index-6e09c7bc.js');
+var index = require('./index-f2e36d91.js');
+require('@babel/runtime/helpers/defineProperty');
+require('qs');
 var Label = require('./Label.js');
-require('ramda');
-require('./createClass-80e17c6a.js');
-require('./toPropertyKey-bfa2e465.js');
-require('./slicedToArray-732a2048.js');
+require('@babel/runtime/helpers/classCallCheck');
+require('@babel/runtime/helpers/createClass');
+require('dayjs');
+require('dayjs/plugin/localeData');
+require('dayjs/plugin/utc');
+require('dayjs/plugin/weekday');
+require('dayjs/plugin/weekOfYear');
 require('@bigbinary/neeto-cist');
-require('util');
-require('./defineProperty-ee86604b.js');
+require('ramda');
 require('@bigbinary/neeto-icons');
-require('./index-773961dd.js');
+require('./Button.js');
+require('./motion-a1906aff.js');
+require('./Tooltip.js');
+require('@tippyjs/react');
 require('tippy.js');
-require('react-dom');
+require('./Popover.js');
+require('./Typography.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var _excluded = ["label", "error", "className", "required", "labelProps", "children"];
 var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -38,30 +50,30 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     labelProps = _ref.labelProps,
     children = _ref.children,
-    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
   var id = useId.useId(otherProps.id);
   var errorId = "error_".concat(id);
   var renderLabel = label || children;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.classnames(["neeto-ui-checkbox__wrapper", className])
+    className: classnames__default["default"](["neeto-ui-checkbox__wrapper", className])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-checkbox__container"
-  }, /*#__PURE__*/React__default["default"].createElement("input", _extends._extends({
+  }, /*#__PURE__*/React__default["default"].createElement("input", _extends__default["default"]({
     id: id,
     ref: ref,
     required: required,
     "aria-invalid": !!error,
     className: "neeto-ui-checkbox",
-    "data-cy": "".concat(index$1.hyphenize(renderLabel), "-checkbox-input"),
+    "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-input"),
     name: id,
     type: "checkbox"
-  }, otherProps)), renderLabel && /*#__PURE__*/React__default["default"].createElement(Label, _extends._extends({
+  }, otherProps)), renderLabel && /*#__PURE__*/React__default["default"].createElement(Label, _extends__default["default"]({
     required: required,
-    "data-cy": "".concat(index$1.hyphenize(renderLabel), "-checkbox-label"),
+    "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-label"),
     htmlFor: id
   }, labelProps), renderLabel)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
     className: "neeto-ui-input__error",
-    "data-cy": "".concat(index$1.hyphenize(renderLabel), "-checkbox-error"),
+    "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-error"),
     id: errorId
   }, error));
 });

package/dist/cjs/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n  (\n    {\n      label = \"\",\n      error = \"\",\n      className = \"\",\n      required = false,\n      labelProps,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const renderLabel = label || children;\n\n    return (\n      <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n        <div className=\"neeto-ui-checkbox__container\">\n          <input\n            {...{ id, ref, required }}\n            aria-invalid={!!error}\n            className=\"neeto-ui-checkbox\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n            name={id}\n            type=\"checkbox\"\n            {...otherProps}\n          />\n          {renderLabel && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {renderLabel}\n            </Label>\n          )}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n  /**\n   * To specify a unique ID to the Checkbox component.\n   */\n  id: PropTypes.string,\n  /**\n   * To specify the text to be displayed next to the Checkbox.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify the error message to be shown.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide external classnames to Checkbox component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Checkbox is a required field or not.\n   */\n  required: PropTypes.bool,\n  /**\n   *  To specify the children label to be rendered inside the Checkbox.\n   */\n  children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,IAAAA,QAAQ,gBAAGC,gBAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,gDAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,WAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ,CAAA;EAErC,oBACES,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,gBAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Ca,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,iBAAA,CAAA;AACQR,IAAAA,EAAE,EAAFA,EAAE;AAAEd,IAAAA,GAAG,EAAHA,GAAG;AAAEQ,IAAAA,QAAQ,EAARA,QAAQ;IACvB,cAAc,EAAA,CAAC,CAACJ,KAAM;AACtBE,IAAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,iBAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,yBAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,iBAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,iBAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDS,IAAAA,OAAO,EAAEb,EAAAA;AAAG,GAAA,EACRL,UAAU,CAAA,EAEbS,WAAW,CAEf,CACG,EACL,CAAC,CAACd,KAAK,iBACNe,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,iBAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDJ,IAAAA,EAAE,EAAEE,OAAAA;GAEHZ,EAAAA,KAAK,CAET,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n  (\n    {\n      label = \"\",\n      error = \"\",\n      className = \"\",\n      required = false,\n      labelProps,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const renderLabel = label || children;\n\n    return (\n      <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n        <div className=\"neeto-ui-checkbox__container\">\n          <input\n            {...{ id, ref, required }}\n            aria-invalid={!!error}\n            className=\"neeto-ui-checkbox\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n            name={id}\n            type=\"checkbox\"\n            {...otherProps}\n          />\n          {renderLabel && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {renderLabel}\n            </Label>\n          )}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n  /**\n   * To specify a unique ID to the Checkbox component.\n   */\n  id: PropTypes.string,\n  /**\n   * To specify the text to be displayed next to the Checkbox.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify the error message to be shown.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide external classnames to Checkbox component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Checkbox is a required field or not.\n   */\n  required: PropTypes.bool,\n  /**\n   *  To specify the children label to be rendered inside the Checkbox.\n   */\n  children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,IAAAA,QAAQ,gBAAGC,gBAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,4CAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,WAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ,CAAA;EAErC,oBACES,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,8BAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Ca,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,4BAAA,CAAA;AACQR,IAAAA,EAAE,EAAFA,EAAE;AAAEd,IAAAA,GAAG,EAAHA,GAAG;AAAEQ,IAAAA,QAAQ,EAARA,QAAQ;IACvB,cAAc,EAAA,CAAC,CAACJ,KAAM;AACtBE,IAAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,yBAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,4BAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDS,IAAAA,OAAO,EAAEb,EAAAA;AAAG,GAAA,EACRL,UAAU,CAAA,EAEbS,WAAW,CAEf,CACG,EACL,CAAC,CAACd,KAAK,iBACNe,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDJ,IAAAA,EAAE,EAAEE,OAAAA;GAEHZ,EAAAA,KAAK,CAET,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}

package/dist/cjs/ColorPicker.js

@@ -1,31 +1,42 @@
 'use strict';
 
-var _extends = require('./extends-1b35a664.js');
-var index$1 = require('./index-5d74cfeb.js');
-var slicedToArray = require('./slicedToArray-732a2048.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var React = require('react');
-var index = require('./index-302c3d37.js');
+var classnames = require('classnames');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var reactColorful = require('react-colorful');
 var Button = require('./Button.js');
 var Dropdown = require('./Dropdown.js');
-var index$2 = require('./index-6e09c7bc.js');
-require('./defineProperty-ee86604b.js');
-require('./toPropertyKey-bfa2e465.js');
-require('./objectWithoutProperties-2fed2d7d.js');
+var index = require('./index-f2e36d91.js');
+require('@babel/runtime/helpers/defineProperty');
+require('@babel/runtime/helpers/objectWithoutProperties');
 require('react-router-dom');
 require('./motion-a1906aff.js');
-require('./index-773961dd.js');
+require('./Tooltip.js');
+require('@tippyjs/react');
 require('tippy.js');
-require('react-dom');
 require('ramda');
 require('@bigbinary/neeto-cist');
-require('./createClass-80e17c6a.js');
-require('util');
+require('@babel/runtime/helpers/classCallCheck');
+require('@babel/runtime/helpers/createClass');
+require('dayjs');
+require('dayjs/plugin/localeData');
+require('dayjs/plugin/utc');
+require('dayjs/plugin/weekday');
+require('dayjs/plugin/weekOfYear');
+require('qs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var tinycolor$1 = {exports: {}};
 
@@ -1236,11 +1247,11 @@ var Palette = function Palette(_ref) {
     onChange = _ref.onChange;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette"
-  }, colorList.map(function (item, index$1) {
+  }, colorList.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "data-testid": "color-palette-item",
-      key: index$1,
-      className: index.classnames("neeto-ui-color-palette__item", {
+      key: index,
+      className: classnames__default["default"]("neeto-ui-color-palette__item", {
         active: color && color.from === item.from && color.to === item.to
       }),
       onClick: function onClick() {
@@ -1264,7 +1275,7 @@ var ColorPicker = function ColorPicker(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? TARGET_SIZES.large : _ref$size,
     _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? index$2.noop : _ref$onChange,
+    onChange = _ref$onChange === void 0 ? index.noop : _ref$onChange,
     colorPaletteProps = _ref.colorPaletteProps,
     dropdownProps = _ref.dropdownProps,
     _ref$showEyeDropper = _ref.showEyeDropper,
@@ -1276,7 +1287,7 @@ var ColorPicker = function ColorPicker(_ref) {
     _ref$showPicker = _ref.showPicker,
     showPicker = _ref$showPicker === void 0 ? true : _ref$showPicker;
   var _useState = React.useState(color),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     colorInternal = _useState2[0],
     setColorInternal = _useState2[1];
   var isInputChanged = React.useRef(false);
@@ -1314,9 +1325,9 @@ var ColorPicker = function ColorPicker(_ref) {
     onChangeInternal(getColor(colorValue));
   };
   var pickColor = /*#__PURE__*/function () {
-    var _ref3 = index$1._asyncToGenerator( /*#__PURE__*/index$1.regenerator.mark(function _callee() {
+    var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
       var colorResponse, colorHex;
-      return index$1.regenerator.wrap(function _callee$(_context) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
@@ -1347,7 +1358,7 @@ var ColorPicker = function ColorPicker(_ref) {
       "data-cy": "color-picker-target",
       "data-testid": "neeto-color-picker",
       type: "button",
-      className: index.classnames("neeto-ui-colorpicker__target", {
+      className: classnames__default["default"]("neeto-ui-colorpicker__target", {
         "neeto-ui-colorpicker__target-size--large": size === TARGET_SIZES.large,
         "neeto-ui-colorpicker__target-size--medium": size === TARGET_SIZES.medium,
         "neeto-ui-colorpicker__target-size--small": size === TARGET_SIZES.small
@@ -1367,7 +1378,7 @@ var ColorPicker = function ColorPicker(_ref) {
       size: 16
     }))));
   };
-  return /*#__PURE__*/React__default["default"].createElement(Dropdown, _extends._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Dropdown, _extends__default["default"]({
     className: "neeto-ui-colorpicker__dropdown",
     closeOnSelect: false,
     customTarget: /*#__PURE__*/React__default["default"].createElement(Target, {
@@ -1379,7 +1390,7 @@ var ColorPicker = function ColorPicker(_ref) {
     className: "neeto-ui-colorpicker__popover"
   }, colorPaletteProps && /*#__PURE__*/React__default["default"].createElement("div", {
     "data-testid": "color-palette",
-    className: index.classnames("neeto-ui-colorpicker__palette-wrapper", {
+    className: classnames__default["default"]("neeto-ui-colorpicker__palette-wrapper", {
       "neeto-ui-colorpicker__palette-wrapper--hidden-picker": !showPicker
     })
   }, /*#__PURE__*/React__default["default"].createElement(Palette, colorPaletteProps)), showPicker && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {