@bigbinary/neetoui 8.3.29 → 8.3.31

package/dist/Avatar.js

@@ -1,16 +1,18 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { useState } from 'react';
 import Avvvatars from 'avvvatars-react';
 import classnames from 'classnames';
-import { isEmpty, isNil } from 'ramda';
+import { isNil, isEmpty } from 'ramda';
 import Tooltip from './Tooltip.js';
-import '@babel/runtime/helpers/defineProperty';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '@tippyjs/react';
 import 'tippy.js';
 
 var _excluded = ["size", "user", "status", "onClick", "className", "showTooltip", "tooltipProps"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SIZE = {
   small: 24,
   medium: 32,
@@ -66,33 +68,37 @@ var Avatar = function Avatar(_ref) {
     "neeto-ui-avatar__status-xlarge": isExtraLarge
   });
   var Indicator = function Indicator() {
-    return isNil(status) ? React__default.Fragment : /*#__PURE__*/React__default.createElement("span", {
+    return isNil(status) ? React__default.Fragment : /*#__PURE__*/jsx("span", {
       className: statusClasses,
       "data-testid": "indicator"
     });
   };
   var shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);
-  return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
+  return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
     content: name,
     disabled: !showTooltip,
     position: "bottom"
-  }, tooltipProps), /*#__PURE__*/React__default.createElement("span", _extends({
-    onClick: onClick,
-    className: containerClasses,
-    "data-cy": "nui-avatar",
-    "data-testid": "avatar"
-  }, otherProps), /*#__PURE__*/React__default.createElement(Indicator, null), shouldDisplayFallbackAvatar ? /*#__PURE__*/React__default.createElement(Avvvatars, {
-    displayValue: getInitials(name),
-    size: SIZE[size],
-    value: name
-  }) : /*#__PURE__*/React__default.createElement("img", {
-    alt: "avatar-".concat(name),
-    className: imageClasses,
-    src: imageUrl,
-    onError: function onError() {
-      return setIsLoadingFailed(true);
-    }
-  })));
+  }, tooltipProps), {}, {
+    children: /*#__PURE__*/jsxs("span", _objectSpread(_objectSpread({
+      onClick: onClick,
+      className: containerClasses,
+      "data-cy": "nui-avatar",
+      "data-testid": "avatar"
+    }, otherProps), {}, {
+      children: [/*#__PURE__*/jsx(Indicator, {}), shouldDisplayFallbackAvatar ? /*#__PURE__*/jsx(Avvvatars, {
+        displayValue: getInitials(name),
+        size: SIZE[size],
+        value: name
+      }) : /*#__PURE__*/jsx("img", {
+        alt: "avatar-".concat(name),
+        className: imageClasses,
+        src: imageUrl,
+        onError: function onError() {
+          return setIsLoadingFailed(true);
+        }
+      })]
+    }))
+  }));
 };
 
 export { Avatar as default };

package/dist/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-cy=\"nui-avatar\"\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-cy=\"nui-avatar\"\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","_jsx","shouldDisplayFallbackAvatar","Tooltip","_objectSpread","content","disabled","position","children","_jsxs","Avvvatars","displayValue","value","alt","src","onError"],"mappings":"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"}

package/dist/Button.js

@@ -1,4 +1,3 @@
-import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
@@ -6,13 +5,14 @@ import classnames from 'classnames';
 import { Link } from 'react-router-dom';
 import Spinner from './Spinner.js';
 import Tooltip from './Tooltip.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@tippyjs/react';
 import 'tippy.js';
 
 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(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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BUTTON_STYLES = {
   primary: "primary",
   secondary: "secondary",
@@ -23,7 +23,6 @@ var BUTTON_STYLES = {
   link: "link"
 };
 var SIZES = {
-  small: "small",
   medium: "medium",
   large: "large"
 };
@@ -32,10 +31,7 @@ var ICON_POSITIONS = {
   right: "right"
 };
 var BUTTON_TYPES = {
-  button: "button",
-  reset: "reset",
-  submit: "submit"
-};
+  button: "button"};
 var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? null : _ref$icon,
@@ -92,46 +88,52 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     onClick(e);
   };
   var Icon = typeof icon === "string" ? function () {
-    return /*#__PURE__*/React__default.createElement("i", {
+    return /*#__PURE__*/jsx("i", {
       className: classnames("neeto-ui-btn__icon", [icon]),
       "data-testid": "class-icon"
     });
   } : icon || React__default.Fragment;
-  return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
+  return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
     disabled: !tooltipProps
-  }, tooltipProps), /*#__PURE__*/React__default.createElement(Parent, _extends({
-    className: classnames("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,
-      "neeto-ui-btn--style-danger": style === BUTTON_STYLES.danger,
-      "neeto-ui-btn--style-danger-text": style === BUTTON_STYLES.danger_text,
-      "neeto-ui-btn--style-text": style === BUTTON_STYLES.text,
-      "neeto-ui-btn--style-link": style === BUTTON_STYLES.link,
-      "neeto-ui-btn--size-medium": size === SIZES.medium,
-      "neeto-ui-btn--size-large": size === SIZES.large,
-      "neeto-ui-btn--width-full": fullWidth,
-      "neeto-ui-btn--icon-left": iconPosition === ICON_POSITIONS.left,
-      "neeto-ui-btn--icon-only": !renderLabel,
-      "neeto-ui-btn--loading": loading,
-      disabled: disabled
-    }),
-    onClick: handleClick
-  }, _objectSpread(_objectSpread({
-    disabled: disabled,
-    ref: ref
-  }, elementSpecificProps), otherProps)), renderLabel && /*#__PURE__*/React__default.createElement("span", {
-    className: "neeto-ui-btn__label"
-  }, renderLabel), icon && /*#__PURE__*/React__default.createElement(Icon, {
-    "aria-hidden": "true",
-    className: "neeto-ui-btn__icon",
-    size: iconSize
-  }), loading && /*#__PURE__*/React__default.createElement("span", {
-    className: "neeto-ui-btn__spinner"
-  }, /*#__PURE__*/React__default.createElement(Spinner, {
-    "aria-hidden": "true",
-    size: "small"
-  }))));
+  }, tooltipProps), {}, {
+    children: /*#__PURE__*/jsxs(Parent, _objectSpread(_objectSpread({
+      className: classnames("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,
+        "neeto-ui-btn--style-danger": style === BUTTON_STYLES.danger,
+        "neeto-ui-btn--style-danger-text": style === BUTTON_STYLES.danger_text,
+        "neeto-ui-btn--style-text": style === BUTTON_STYLES.text,
+        "neeto-ui-btn--style-link": style === BUTTON_STYLES.link,
+        "neeto-ui-btn--size-medium": size === SIZES.medium,
+        "neeto-ui-btn--size-large": size === SIZES.large,
+        "neeto-ui-btn--width-full": fullWidth,
+        "neeto-ui-btn--icon-left": iconPosition === ICON_POSITIONS.left,
+        "neeto-ui-btn--icon-only": !renderLabel,
+        "neeto-ui-btn--loading": loading,
+        disabled: disabled
+      }),
+      onClick: handleClick
+    }, _objectSpread(_objectSpread({
+      disabled: disabled,
+      ref: ref
+    }, elementSpecificProps), otherProps)), {}, {
+      children: [renderLabel && /*#__PURE__*/jsx("span", {
+        className: "neeto-ui-btn__label",
+        children: renderLabel
+      }), icon && /*#__PURE__*/jsx(Icon, {
+        "aria-hidden": "true",
+        className: "neeto-ui-btn__icon",
+        size: iconSize
+      }), loading && /*#__PURE__*/jsx("span", {
+        className: "neeto-ui-btn__spinner",
+        children: /*#__PURE__*/jsx(Spinner, {
+          "aria-hidden": "true",
+          size: "small"
+        })
+      })]
+    }))
+  }));
 });
 Button.displayName = "Button";
 

package/dist/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../src/components/Button.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport Spinner from \"./Spinner\";\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            <span className=\"neeto-ui-btn__spinner\">\n              <Spinner aria-hidden=\"true\" size=\"small\" />\n            </span>\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":["BUTTON_STYLES","primary","secondary","tertiary","danger","danger_text","text","link","SIZES","small","medium","large","ICON_POSITIONS","left","right","BUTTON_TYPES","button","reset","submit","Button","React","forwardRef","_ref","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","style","_ref$fullWidth","fullWidth","_ref$className","className","_ref$disabled","disabled","_ref$size","size","_ref$href","href","_ref$tooltipProps","tooltipProps","children","otherProps","_objectWithoutProperties","_excluded","Parent","elementSpecificProps","renderLabel","Link","handleClick","e","Icon","createElement","classnames","Fragment","Tooltip","_extends","_objectSpread","Spinner","displayName"],"mappings":";;;;;;;;;;;;;;;AASA,IAAMA,aAAa,GAAG;AACpBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,IAAI,EAAE,MAAA;AACR,CAAC,CAAA;AACD,IAAMC,KAAK,GAAG;AAAEC,EAAAA,KAAK,EAAE,OAAO;AAAEC,EAAAA,MAAM,EAAE,QAAQ;AAAEC,EAAAA,KAAK,EAAE,OAAA;AAAQ,CAAC,CAAA;AAClE,IAAMC,cAAc,GAAG;AAAEC,EAAAA,IAAI,EAAE,MAAM;AAAEC,EAAAA,KAAK,EAAE,OAAA;AAAQ,CAAC,CAAA;AACvD,IAAMC,YAAY,GAAG;AAAEC,EAAAA,MAAM,EAAE,QAAQ;AAAEC,EAAAA,KAAK,EAAE,OAAO;AAAEC,EAAAA,MAAM,EAAE,QAAA;AAAS,CAAC,CAAA;AAErEC,IAAAA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAC7B,UAAAC,IAAA,EAoBEC,GAAG,EACA;AAAA,EAAA,IAAAC,SAAA,GAAAF,IAAA,CAnBDG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAAE,iBAAA,GAAAJ,IAAA,CACXK,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAGd,cAAc,CAACE,KAAK,GAAAY,iBAAA;IAAAE,aAAA,GAAAN,IAAA,CACnCO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IAAAE,UAAA,GAAAR,IAAA,CACbS,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,YAAA,GAAAV,IAAA,CACVW,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;IAAAE,YAAA,GAAAZ,IAAA,CACfa,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAG,YAAM,EAAE,GAAAA,YAAA;IAAAE,OAAA,GAAAd,IAAA,CAClBe,EAAE;AAAFA,IAAAA,EAAE,GAAAD,OAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,OAAA;IAAAE,SAAA,GAAAhB,IAAA,CACPiB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGvB,YAAY,CAACC,MAAM,GAAAsB,SAAA;IAAAE,UAAA,GAAAlB,IAAA,CAC1BmB,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGxC,aAAa,CAACC,OAAO,GAAAuC,UAAA;IAAAE,cAAA,GAAApB,IAAA,CAC7BqB,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IAAAE,cAAA,GAAAtB,IAAA,CACjBuB,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAxB,IAAA,CACdyB,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAE,SAAA,GAAA1B,IAAA,CAChB2B,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGxC,KAAK,CAACE,MAAM,GAAAsC,SAAA;IAAAE,SAAA,GAAA5B,IAAA,CACnB6B,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,SAAA;IAAAE,iBAAA,GAAA9B,IAAA,CACT+B,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,iBAAA;IACnBE,QAAQ,GAAAhC,IAAA,CAARgC,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAlC,IAAA,EAAAmC,SAAA,CAAA,CAAA;EAIf,IAAIC,MAAM,GAAG,QAAQ,CAAA;AACrB,EAAA,IAAIC,oBAAoB,GAAG;AAAEpB,IAAAA,IAAI,EAAJA,IAAAA;GAAM,CAAA;AAEnC,EAAA,IAAMqB,WAAW,GAAG7B,KAAK,IAAIuB,QAAQ,CAAA;EAErC,IAAI,CAACP,QAAQ,EAAE;AACb,IAAA,IAAIV,EAAE,EAAE;AACNqB,MAAAA,MAAM,GAAGG,IAAI,CAAA;AACbF,MAAAA,oBAAoB,GAAG;AAAEtB,QAAAA,EAAE,EAAFA,EAAAA;OAAI,CAAA;KAC9B,MAAM,IAAIc,IAAI,EAAE;AACfO,MAAAA,MAAM,GAAG,GAAG,CAAA;AACZC,MAAAA,oBAAoB,GAAG;AAAER,QAAAA,IAAI,EAAJA,IAAAA;OAAM,CAAA;AACjC,KAAA;AACF,GAAA;AAEA,EAAA,IAAMW,WAAW,GAAG,SAAdA,WAAWA,CAAGC,CAAC,EAAI;IACvB,IAAI9B,OAAO,IAAIc,QAAQ,EAAE,OAAA;IACzBZ,OAAO,CAAC4B,CAAC,CAAC,CAAA;GACX,CAAA;AAED,EAAA,IAAMC,IAAI,GACR,OAAOvC,IAAI,KAAK,QAAQ,GACpB,YAAA;IAAA,oBACEL,cAAA,CAAA6C,aAAA,CAAA,GAAA,EAAA;MACEpB,SAAS,EAAEqB,UAAU,CAAC,oBAAoB,EAAE,CAACzC,IAAI,CAAC,CAAE;MACpD,aAAY,EAAA,YAAA;KACZ,CAAA,CAAA;AAAA,GACH,GACDA,IAAI,IAAIL,cAAK,CAAC+C,QAAQ,CAAA;AAE5B,EAAA,oBACE/C,cAAA,CAAA6C,aAAA,CAACG,OAAO,EAAAC,QAAA,CAAA;AAACtB,IAAAA,QAAQ,EAAE,CAACM,YAAAA;GAAkBA,EAAAA,YAAY,gBAChDjC,cAAA,CAAA6C,aAAA,CAACP,MAAM,EAAAW,QAAA,CAAA;IACLxB,SAAS,EAAEqB,UAAU,CAAC,cAAc,EAAE,CAACrB,SAAS,CAAC,EAAE;AACjD,MAAA,6BAA6B,EAAEJ,KAAK,KAAKzC,aAAa,CAACC,OAAO;AAC9D,MAAA,+BAA+B,EAAEwC,KAAK,KAAKzC,aAAa,CAACE,SAAS;AAClE,MAAA,8BAA8B,EAAEuC,KAAK,KAAKzC,aAAa,CAACG,QAAQ;AAChE,MAAA,4BAA4B,EAAEsC,KAAK,KAAKzC,aAAa,CAACI,MAAM;AAC5D,MAAA,iCAAiC,EAC/BqC,KAAK,KAAKzC,aAAa,CAACK,WAAW;AACrC,MAAA,0BAA0B,EAAEoC,KAAK,KAAKzC,aAAa,CAACM,IAAI;AACxD,MAAA,0BAA0B,EAAEmC,KAAK,KAAKzC,aAAa,CAACO,IAAI;AACxD,MAAA,2BAA2B,EAAE0C,IAAI,KAAKzC,KAAK,CAACE,MAAM;AAClD,MAAA,0BAA0B,EAAEuC,IAAI,KAAKzC,KAAK,CAACG,KAAK;AAChD,MAAA,0BAA0B,EAAEgC,SAAS;AACrC,MAAA,yBAAyB,EAAEhB,YAAY,KAAKf,cAAc,CAACC,IAAI;MAC/D,yBAAyB,EAAE,CAAC+C,WAAW;AACvC,MAAA,uBAAuB,EAAE3B,OAAO;AAChCc,MAAAA,QAAQ,EAARA,QAAAA;AACF,KAAC,CAAE;AACHZ,IAAAA,OAAO,EAAE2B,WAAAA;GAAYQ,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACfvB,IAAAA,QAAQ,EAARA,QAAQ;AAAExB,IAAAA,GAAG,EAAHA,GAAAA;GAAQoC,EAAAA,oBAAoB,GAAKJ,UAAU,CAAA,CAAA,EAE1DK,WAAW,iBACVxC,cAAA,CAAA6C,aAAA,CAAA,MAAA,EAAA;AAAMpB,IAAAA,SAAS,EAAC,qBAAA;GAAuBe,EAAAA,WAAW,CACnD,EACAnC,IAAI,iBACHL,cAAA,CAAA6C,aAAA,CAACD,IAAI,EAAA;AACH,IAAA,aAAA,EAAY,MAAM;AAClBnB,IAAAA,SAAS,EAAC,oBAAoB;AAC9BI,IAAAA,IAAI,EAAEpB,QAAAA;AAAS,GAAA,CAElB,EACAI,OAAO,iBACNb,cAAA,CAAA6C,aAAA,CAAA,MAAA,EAAA;AAAMpB,IAAAA,SAAS,EAAC,uBAAA;AAAuB,GAAA,eACrCzB,cAAA,CAAA6C,aAAA,CAACM,OAAO,EAAA;AAAC,IAAA,aAAA,EAAY,MAAM;AAACtB,IAAAA,IAAI,EAAC,OAAA;GAAU,CAAA,CAE9C,CACM,CACD,CAAA;AAEd,CAAC,EACF;AAED9B,MAAM,CAACqD,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Button.js","sources":["../src/components/Button.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport Spinner from \"./Spinner\";\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            <span className=\"neeto-ui-btn__spinner\">\n              <Spinner aria-hidden=\"true\" size=\"small\" />\n            </span>\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":["BUTTON_STYLES","primary","secondary","tertiary","danger","danger_text","text","link","SIZES","small","medium","large","ICON_POSITIONS","left","right","BUTTON_TYPES","button","Button","React","forwardRef","_ref","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","style","_ref$fullWidth","fullWidth","_ref$className","className","_ref$disabled","disabled","_ref$size","size","_ref$href","href","_ref$tooltipProps","tooltipProps","children","otherProps","_objectWithoutProperties","_excluded","Parent","elementSpecificProps","renderLabel","Link","handleClick","e","Icon","_jsx","classnames","Fragment","Tooltip","_objectSpread","_jsxs","Spinner","displayName"],"mappings":"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"}

package/dist/Callout.js

@@ -1,10 +1,12 @@
-import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import classnames from 'classnames';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["icon", "style", "className", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var STYLES = {
   info: "info",
   warning: "warning",
@@ -21,7 +23,7 @@ var Callout = /*#__PURE__*/forwardRef(function (_ref, ref) {
     children = _ref.children,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var Icon = icon;
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
     ref: ref,
     className: classnames("neeto-ui-callout", _defineProperty({
       "neeto-ui-callout--info": style === STYLES.info,
@@ -29,10 +31,13 @@ var Callout = /*#__PURE__*/forwardRef(function (_ref, ref) {
       "neeto-ui-callout--danger": style === STYLES.danger,
       "neeto-ui-callout--success": style === STYLES.success
     }, className, className))
-  }, otherProps), icon && /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-callout__icon",
-    "data-testid": "callout-icon"
-  }, /*#__PURE__*/React__default.createElement(Icon, null)), children);
+  }, otherProps), {}, {
+    children: [icon && /*#__PURE__*/jsx("div", {
+      className: "neeto-ui-callout__icon",
+      "data-testid": "callout-icon",
+      children: /*#__PURE__*/jsx(Icon, {})
+    }), children]
+  }));
 });
 Callout.displayName = "Callout";
 

package/dist/Callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.js","sources":["../src/components/Callout.jsx"],"sourcesContent":["import React, { forwardRef } 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 = forwardRef(\n  (\n    {\n      icon = null,\n      style = STYLES.info,\n      className = \"\",\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const Icon = icon;\n\n    return (\n      <div\n        {...{ ref }}\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);\n\nCallout.displayName = \"Callout\";\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","forwardRef","_ref","ref","_ref$icon","icon","_ref$style","style","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","_extends","classnames","_defineProperty","displayName"],"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;AAEKC,IAAAA,OAAO,gBAAGC,UAAU,CACxB,UAAAC,IAAA,EAQEC,GAAG,EACA;AAAA,EAAA,IAAAC,SAAA,GAAAF,IAAA,CAPDG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAAE,UAAA,GAAAJ,IAAA,CACXK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGX,MAAM,CAACC,IAAI,GAAAU,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACnBO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;EAIf,IAAMC,IAAI,GAAGT,IAAI,CAAA;AAEjB,EAAA,oBACEU,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACQd,IAAAA,GAAG,EAAHA,GAAG;AACTM,IAAAA,SAAS,EAAES,UAAU,CAAC,kBAAkB,EAAAC,eAAA,CAAA;AACtC,MAAA,wBAAwB,EAAEZ,KAAK,KAAKZ,MAAM,CAACC,IAAI;AAC/C,MAAA,2BAA2B,EAAEW,KAAK,KAAKZ,MAAM,CAACE,OAAO;AACrD,MAAA,0BAA0B,EAAEU,KAAK,KAAKZ,MAAM,CAACG,MAAM;AACnD,MAAA,2BAA2B,EAAES,KAAK,KAAKZ,MAAM,CAACI,OAAAA;KAC7CU,EAAAA,SAAS,EAAGA,SAAS,CAAA,CAAA;AACrB,GAAA,EACCE,UAAU,CAEbN,EAAAA,IAAI,iBACHU,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,wBAAwB;IAAC,aAAY,EAAA,cAAA;GAClDM,eAAAA,cAAA,CAAAC,aAAA,CAACF,IAAI,EAAG,IAAA,CAAA,CAEX,EACAJ,QAAQ,CACL,CAAA;AAEV,CAAC,EACF;AAEDV,OAAO,CAACoB,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Callout.js","sources":["../src/components/Callout.jsx"],"sourcesContent":["import React, { forwardRef } 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 = forwardRef(\n  (\n    {\n      icon = null,\n      style = STYLES.info,\n      className = \"\",\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const Icon = icon;\n\n    return (\n      <div\n        {...{ ref }}\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);\n\nCallout.displayName = \"Callout\";\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","forwardRef","_ref","ref","_ref$icon","icon","_ref$style","style","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","Icon","_jsxs","_objectSpread","classnames","_defineProperty","_jsx","displayName"],"mappings":";;;;;;;;;AAKA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,OAAO,gBAAGC,UAAU,CACxB,UAAAC,IAAA,EAQEC,GAAG,EACA;AAAA,EAAA,IAAAC,SAAA,GAAAF,IAAA,CAPDG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,SAAA;IAAAE,UAAA,GAAAJ,IAAA,CACXK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAGX,MAAM,CAACC,IAAI,GAAAU,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACnBO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IACdE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA;EAIf,IAAMC,IAAI,GAAGT,IAAI;AAEjB,EAAA,oBACEU,IAAA,CAAA,KAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACQb,IAAAA,GAAG,EAAHA,GAAG;AACTM,IAAAA,SAAS,EAAEQ,UAAU,CAAC,kBAAkB,EAAAC,eAAA,CAAA;AACtC,MAAA,wBAAwB,EAAEX,KAAK,KAAKZ,MAAM,CAACC,IAAI;AAC/C,MAAA,2BAA2B,EAAEW,KAAK,KAAKZ,MAAM,CAACE,OAAO;AACrD,MAAA,0BAA0B,EAAEU,KAAK,KAAKZ,MAAM,CAACG,MAAM;AACnD,MAAA,2BAA2B,EAAES,KAAK,KAAKZ,MAAM,CAACI;KAAO,EACpDU,SAAS,EAAGA,SAAS,CACvB;AAAE,GAAA,EACCE,UAAU,CAAA,EAAA,EAAA,EAAA;IAAAD,QAAA,EAAA,CAEbL,IAAI,iBACHc,GAAA,CAAA,KAAA,EAAA;AAAKV,MAAAA,SAAS,EAAC,wBAAwB;AAAC,MAAA,aAAA,EAAY,cAAc;AAAAC,MAAAA,QAAA,eAChES,GAAA,CAACL,IAAI,EAAA,EAAE;KACJ,CACN,EACAJ,QAAQ;AAAA,GAAA,CACN,CAAC;AAEV,CACF;AAEAV,OAAO,CAACoB,WAAW,GAAG,SAAS;;;;"}

package/dist/Checkbox.js

@@ -1,16 +1,16 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import classnames from 'classnames';
 import { u as useId } from './useId-Jj9hXm-g.js';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-router-dom';
 import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
-import { h as hyphenize } from './index-Dxaw6gl9.js';
-import '@babel/runtime/helpers/defineProperty';
+import { h as hyphenize } from './index-D6vmwyYl.js';
 import 'qs';
 import Label from './Label.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@bigbinary/neeto-cist';
@@ -22,7 +22,7 @@ import 'dayjs/plugin/localeData';
 import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
-import '@bigbinary/neeto-icons';
+import '@bigbinary/neeto-icons/Help';
 import './Button.js';
 import './Spinner.js';
 import './Tooltip.js';
@@ -32,6 +32,8 @@ import './Popover.js';
 import './Typography.js';
 
 var _excluded = ["label", "error", "className", "required", "labelProps", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
@@ -47,29 +49,34 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = useId(otherProps.id);
   var errorId = "error_".concat(id);
   var renderLabel = label || children;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames(["neeto-ui-checkbox__wrapper", className])
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-checkbox__container",
-    "data-cy": "nui-checkbox-container"
-  }, /*#__PURE__*/React__default.createElement("input", _extends({
-    id: id,
-    ref: ref,
-    required: required,
-    "aria-invalid": !!error,
-    className: "neeto-ui-checkbox",
-    "data-cy": "".concat(hyphenize(renderLabel), "-checkbox-input"),
-    name: id,
-    type: "checkbox"
-  }, otherProps)), renderLabel && /*#__PURE__*/React__default.createElement(Label, _extends({
-    required: required,
-    "data-cy": "".concat(hyphenize(renderLabel), "-checkbox-label"),
-    htmlFor: id
-  }, labelProps), renderLabel)), !!error && /*#__PURE__*/React__default.createElement("p", {
-    className: "neeto-ui-input__error",
-    "data-cy": "".concat(hyphenize(renderLabel), "-checkbox-error"),
-    id: errorId
-  }, error));
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(["neeto-ui-checkbox__wrapper", className]),
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "neeto-ui-checkbox__container",
+      "data-cy": "nui-checkbox-container",
+      children: [/*#__PURE__*/jsx("input", _objectSpread({
+        id: id,
+        ref: ref,
+        required: required,
+        "aria-invalid": !!error,
+        className: "neeto-ui-checkbox",
+        "data-cy": "".concat(hyphenize(renderLabel), "-checkbox-input"),
+        name: id,
+        type: "checkbox"
+      }, otherProps)), renderLabel && /*#__PURE__*/jsx(Label, _objectSpread(_objectSpread({
+        required: required,
+        "data-cy": "".concat(hyphenize(renderLabel), "-checkbox-label"),
+        htmlFor: id
+      }, labelProps), {}, {
+        children: renderLabel
+      }))]
+    }), !!error && /*#__PURE__*/jsx("p", {
+      className: "neeto-ui-input__error",
+      "data-cy": "".concat(hyphenize(renderLabel), "-checkbox-error"),
+      id: errorId,
+      children: error
+    })]
+  });
 });
 Checkbox.displayName = "Checkbox";
 

package/dist/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\n          className=\"neeto-ui-checkbox__container\"\n          data-cy=\"nui-checkbox-container\"\n        >\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,UAAU,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,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,KAAK,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,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,UAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,8BAA8B;IACxC,SAAQ,EAAA,wBAAA;AAAwB,GAAA,eAEhCa,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,QAAA,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,SAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,cAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,QAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,SAAS,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,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,SAAS,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\n          className=\"neeto-ui-checkbox__container\"\n          data-cy=\"nui-checkbox-container\"\n        >\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","_jsxs","classnames","_jsx","_objectSpread","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,QAAQ,gBAAGC,UAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,KAAK,CAACJ,UAAU,CAACG,EAAE,CAAC;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ;AAErC,EAAA,oBACES,IAAA,CAAA,KAAA,EAAA;IAAKb,SAAS,EAAEc,UAAU,CAAC,CAAC,4BAA4B,EAAEd,SAAS,CAAC,CAAE;AAAAI,IAAAA,QAAA,gBACpES,IAAA,CAAA,KAAA,EAAA;AACEb,MAAAA,SAAS,EAAC,8BAA8B;AACxC,MAAA,SAAA,EAAQ,wBAAwB;MAAAI,QAAA,EAAA,cAEhCW,GAAA,CAAA,OAAA,EAAAC,aAAA,CAAA;AACQR,QAAAA,EAAE,EAAFA,EAAE;AAAEd,QAAAA,GAAG,EAAHA,GAAG;AAAEQ,QAAAA,QAAQ,EAARA,QAAQ;QACvB,cAAA,EAAc,CAAC,CAACJ,KAAM;AACtBE,QAAAA,SAAS,EAAC,mBAAmB;AAC7B,QAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,SAAS,CAACL,WAAW,CAAC,EAAA,iBAAA,CAAkB;AACpDM,QAAAA,IAAI,EAAEV,EAAG;AACTW,QAAAA,IAAI,EAAC;AAAU,OAAA,EACXd,UAAU,CACf,CAAC,EACDO,WAAW,iBACVG,GAAA,CAACK,KAAK,EAAAJ,aAAA,CAAAA,aAAA,CAAA;AACEd,QAAAA,QAAQ,EAARA,QAAQ;AACd,QAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,SAAS,CAACL,WAAW,CAAC,EAAA,iBAAA,CAAkB;AACpDS,QAAAA,OAAO,EAAEb;AAAG,OAAA,EACRL,UAAU,CAAA,EAAA,EAAA,EAAA;AAAAC,QAAAA,QAAA,EAEbQ;AAAW,OAAA,CACP,CACR;AAAA,KACE,CAAC,EACL,CAAC,CAACd,KAAK,iBACNiB,GAAA,CAAA,GAAA,EAAA;AACEf,MAAAA,SAAS,EAAC,uBAAuB;AACjC,MAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,SAAS,CAACL,WAAW,CAAC,EAAA,iBAAA,CAAkB;AACpDJ,MAAAA,EAAE,EAAEE,OAAQ;AAAAN,MAAAA,QAAA,EAEXN;AAAK,KACL,CACJ;AAAA,GACE,CAAC;AAEV,CACF;AAEAP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}