@bigbinary/neetoui 8.2.24 → 8.2.25

package/dist/cjs/Label.js

@@ -1,25 +1,84 @@
 'use strict';
 
 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 classnames = require('classnames');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var Button = require('./Button.js');
 var Popover = require('./Popover.js');
 var Tooltip = require('./Tooltip.js');
 var Typography = require('./Typography.js');
-require('react-router-dom');
-require('./Spinner.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@tippyjs/react');
 require('tippy.js');
+require('react-router-dom');
+require('./Spinner.js');
+
+var _excluded$2 = ["onClick", "className", "icon"];
+var HelpIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var onClick = _ref.onClick,
+    className = _ref.className,
+    icon = _ref.icon,
+    otherProps = _objectWithoutProperties(_ref, _excluded$2);
+  var HelpIcon = icon || neetoIcons.Help;
+  return /*#__PURE__*/React.createElement("span", {
+    onClick: onClick,
+    ref: ref,
+    className: classnames("neeto-ui-label__help-icon-wrap", _defineProperty({}, className, className))
+  }, /*#__PURE__*/React.createElement(HelpIcon, _extends({
+    size: 16
+  }, otherProps)));
+});
+HelpIcon.displayName = "HelpIcon";
 
-var _excluded = ["children", "className", "required", "helpIconProps"],
-  _excluded2 = ["onClick", "icon", "tooltipProps", "popoverProps", "className"],
-  _excluded3 = ["title", "description", "helpLinkProps"];
-var Title = Popover.Title;
+var _excluded$1 = ["tooltipProps", "popoverProps"],
+  _excluded2 = ["title", "description", "helpLinkProps"];
+var HelpContent = function HelpContent(_ref) {
+  var helpIconProps = _ref.helpIconProps;
+  var popoverReferenceElement = React.useRef();
+  var _ref2 = helpIconProps || {},
+    tooltipProps = _ref2.tooltipProps,
+    popoverProps = _ref2.popoverProps,
+    otherHelpIconProps = _objectWithoutProperties(_ref2, _excluded$1);
+  if (tooltipProps) {
+    return /*#__PURE__*/React.createElement(Tooltip, tooltipProps, /*#__PURE__*/React.createElement(HelpIcon, otherHelpIconProps));
+  }
+  if (popoverProps) {
+    var title = popoverProps.title,
+      description = popoverProps.description,
+      helpLinkProps = popoverProps.helpLinkProps,
+      otherPopoverProps = _objectWithoutProperties(popoverProps, _excluded2);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HelpIcon, _extends({}, otherHelpIconProps, {
+      ref: popoverReferenceElement
+    })), /*#__PURE__*/React.createElement(Popover, _extends({
+      reference: popoverReferenceElement
+    }, otherPopoverProps), /*#__PURE__*/React.createElement("div", {
+      className: "flex flex-col"
+    }, title && /*#__PURE__*/React.createElement(Popover.Title, {
+      "data-cy": "help-popover-title",
+      "data-testid": "help-popover-title"
+    }, title), typeof description === "string" ? /*#__PURE__*/React.createElement(Typography, {
+      "data-cy": "help-popover-description",
+      "data-testid": "help-popover-description",
+      lineHeight: "normal",
+      style: "body2",
+      weight: "normal"
+    }, description) : description, helpLinkProps && /*#__PURE__*/React.createElement(Button, _extends({
+      className: "neeto-ui-mt-3",
+      "data-cy": "help-popover-link-button",
+      size: "small"
+    }, helpLinkProps, {
+      "data-testid": "help-popover-link-button",
+      style: "link",
+      target: "_blank"
+    })))));
+  }
+  return /*#__PURE__*/React.createElement(HelpIcon, otherHelpIconProps);
+};
+
+var _excluded = ["children", "className", "required", "helpIconProps"];
 var Label = function Label(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
@@ -28,56 +87,14 @@ var Label = function Label(_ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     _ref$helpIconProps = _ref.helpIconProps,
     helpIconProps = _ref$helpIconProps === void 0 ? null : _ref$helpIconProps,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _ref2 = helpIconProps || {},
-    onClick = _ref2.onClick,
-    icon = _ref2.icon,
-    tooltipProps = _ref2.tooltipProps,
-    popoverProps = _ref2.popoverProps,
-    helpIconClassName = _ref2.className,
-    otherHelpIconProps = _objectWithoutProperties(_ref2, _excluded2);
-  var _ref3 = popoverProps || {},
-    title = _ref3.title,
-    description = _ref3.description,
-    helpLinkProps = _ref3.helpLinkProps,
-    otherPopoverProps = _objectWithoutProperties(_ref3, _excluded3);
-  var HelpIcon = icon || neetoIcons.Help;
-  var popoverReferenceElement = React.useRef();
-  var renderHelpIcon = function renderHelpIcon() {
-    return /*#__PURE__*/React.createElement("span", {
-      onClick: onClick,
-      ref: popoverProps ? popoverReferenceElement : undefined,
-      className: classnames("neeto-ui-label__help-icon-wrap", _defineProperty({}, helpIconClassName, helpIconClassName))
-    }, /*#__PURE__*/React.createElement(HelpIcon, _extends({
-      size: 16
-    }, otherHelpIconProps)));
-  };
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("label", _extends({
     className: classnames("neeto-ui-label neeto-ui-flex neeto-ui-items-center", className)
-  }, otherProps), children, required && /*#__PURE__*/React.createElement("span", {
+  }, props), children, required && /*#__PURE__*/React.createElement("span", {
     "aria-hidden": true
-  }, "*"), helpIconProps && /*#__PURE__*/React.createElement(React.Fragment, null, tooltipProps ? /*#__PURE__*/React.createElement(Tooltip, tooltipProps, renderHelpIcon()) : popoverProps ? /*#__PURE__*/React.createElement(React.Fragment, null, renderHelpIcon(), /*#__PURE__*/React.createElement(Popover, _extends({
-    reference: popoverReferenceElement
-  }, otherPopoverProps), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col"
-  }, title && /*#__PURE__*/React.createElement(Title, {
-    "data-cy": "help-popover-title",
-    "data-testid": "help-popover-title"
-  }, title), typeof description === "string" ? /*#__PURE__*/React.createElement(Typography, {
-    "data-cy": "help-popover-description",
-    "data-testid": "help-popover-description",
-    lineHeight: "normal",
-    style: "body2",
-    weight: "normal"
-  }, description) : description, helpLinkProps && /*#__PURE__*/React.createElement(Button, _extends({
-    className: "neeto-ui-mt-3",
-    "data-cy": "help-popover-link-button",
-    size: "small"
-  }, helpLinkProps, {
-    "data-testid": "help-popover-link-button",
-    style: "link",
-    target: "_blank"
-  }))))) : renderHelpIcon()));
+  }, "*"), helpIconProps && /*#__PURE__*/React.createElement(HelpContent, {
+    helpIconProps: helpIconProps
+  }));
 };
 
 module.exports = Label;

package/dist/cjs/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../src/components/Label.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Help } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Popover from \"./Popover\";\nimport Tooltip from \"./Tooltip\";\nimport Typography from \"./Typography\";\n\nconst { Title } = Popover;\n\nconst Label = ({\n  children,\n  className = \"\",\n  required = false,\n  helpIconProps = null,\n  ...otherProps\n}) => {\n  const {\n    onClick,\n    icon,\n    tooltipProps,\n    popoverProps,\n    className: helpIconClassName,\n    ...otherHelpIconProps\n  } = helpIconProps || {};\n\n  const { title, description, helpLinkProps, ...otherPopoverProps } =\n    popoverProps || {};\n\n  const HelpIcon = icon || Help;\n  const popoverReferenceElement = useRef();\n\n  const renderHelpIcon = () => (\n    <span\n      {...{ onClick }}\n      ref={popoverProps ? popoverReferenceElement : undefined}\n      className={classnames(\"neeto-ui-label__help-icon-wrap\", {\n        [helpIconClassName]: helpIconClassName,\n      })}\n    >\n      <HelpIcon size={16} {...otherHelpIconProps} />\n    </span>\n  );\n\n  return (\n    <label\n      className={classnames(\n        \"neeto-ui-label neeto-ui-flex neeto-ui-items-center\",\n        className\n      )}\n      {...otherProps}\n    >\n      {children}\n      {required && <span aria-hidden>*</span>}\n      {helpIconProps && (\n        <>\n          {tooltipProps ? (\n            <Tooltip {...tooltipProps}>{renderHelpIcon()}</Tooltip>\n          ) : popoverProps ? (\n            <>\n              {renderHelpIcon()}\n              <Popover\n                reference={popoverReferenceElement}\n                {...otherPopoverProps}\n              >\n                <div className=\"flex flex-col\">\n                  {title && (\n                    <Title\n                      data-cy=\"help-popover-title\"\n                      data-testid=\"help-popover-title\"\n                    >\n                      {title}\n                    </Title>\n                  )}\n                  {typeof description === \"string\" ? (\n                    <Typography\n                      data-cy=\"help-popover-description\"\n                      data-testid=\"help-popover-description\"\n                      lineHeight=\"normal\"\n                      style=\"body2\"\n                      weight=\"normal\"\n                    >\n                      {description}\n                    </Typography>\n                  ) : (\n                    description\n                  )}\n                  {helpLinkProps && (\n                    <Button\n                      className=\"neeto-ui-mt-3\"\n                      data-cy=\"help-popover-link-button\"\n                      size=\"small\"\n                      {...helpLinkProps}\n                      data-testid=\"help-popover-link-button\"\n                      style=\"link\"\n                      target=\"_blank\"\n                    />\n                  )}\n                </div>\n              </Popover>\n            </>\n          ) : (\n            renderHelpIcon()\n          )}\n        </>\n      )}\n    </label>\n  );\n};\n\nLabel.propTypes = {\n  /**\n   * To specify the content to be rendered inside the Label.\n   */\n  children: PropTypes.node,\n  /**\n   * Provide external classnames to Label component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether to show the required asterisk.\n   */\n  required: PropTypes.bool,\n  /**\n   * Props for the help icon\n   */\n  helpIconProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    tooltipProps: PropTypes.shape({ ...Tooltip.propTypes }),\n    popoverProps: PropTypes.shape({\n      title: PropTypes.node,\n      description: PropTypes.node,\n      helpLinkProps: PropTypes.shape({ ...Button.propTypes }),\n    }),\n    className: PropTypes.string,\n  }),\n};\n\nexport default Label;\n"],"names":["Title","Popover","Label","_ref","children","_ref$className","className","_ref$required","required","_ref$helpIconProps","helpIconProps","otherProps","_objectWithoutProperties","_excluded","_ref2","onClick","icon","tooltipProps","popoverProps","helpIconClassName","otherHelpIconProps","_excluded2","_ref3","title","description","helpLinkProps","otherPopoverProps","_excluded3","HelpIcon","Help","popoverReferenceElement","useRef","renderHelpIcon","React","createElement","ref","undefined","classnames","_defineProperty","_extends","size","Fragment","Tooltip","reference","Typography","lineHeight","style","weight","Button","target"],"mappings":"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"}
+{"version":3,"file":"Label.js","sources":["../../src/components/Label/HelpIcon.jsx","../../src/components/Label/HelpContent.jsx","../../src/components/Label/index.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { Help } from \"neetoicons\";\n\nconst HelpIcon = forwardRef(\n  ({ onClick, className, icon, ...otherProps }, ref) => {\n    const HelpIcon = icon || Help;\n\n    return (\n      <span\n        {...{ onClick, ref }}\n        className={classNames(\"neeto-ui-label__help-icon-wrap\", {\n          [className]: className,\n        })}\n      >\n        <HelpIcon size={16} {...otherProps} />\n      </span>\n    );\n  }\n);\n\nHelpIcon.displayName = \"HelpIcon\";\n\nexport default HelpIcon;\n","import React, { useRef } from \"react\";\n\nimport HelpIcon from \"./HelpIcon\";\n\nimport Button from \"../Button\";\nimport Popover from \"../Popover\";\nimport Tooltip from \"../Tooltip\";\nimport Typography from \"../Typography\";\n\nconst HelpContent = ({ helpIconProps }) => {\n  const popoverReferenceElement = useRef();\n\n  const { tooltipProps, popoverProps, ...otherHelpIconProps } =\n    helpIconProps || {};\n\n  if (tooltipProps) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <HelpIcon {...otherHelpIconProps} />\n      </Tooltip>\n    );\n  }\n\n  if (popoverProps) {\n    const { title, description, helpLinkProps, ...otherPopoverProps } =\n      popoverProps;\n\n    return (\n      <>\n        <HelpIcon {...otherHelpIconProps} ref={popoverReferenceElement} />\n        <Popover reference={popoverReferenceElement} {...otherPopoverProps}>\n          <div className=\"flex flex-col\">\n            {title && (\n              <Popover.Title\n                data-cy=\"help-popover-title\"\n                data-testid=\"help-popover-title\"\n              >\n                {title}\n              </Popover.Title>\n            )}\n            {typeof description === \"string\" ? (\n              <Typography\n                data-cy=\"help-popover-description\"\n                data-testid=\"help-popover-description\"\n                lineHeight=\"normal\"\n                style=\"body2\"\n                weight=\"normal\"\n              >\n                {description}\n              </Typography>\n            ) : (\n              description\n            )}\n            {helpLinkProps && (\n              <Button\n                className=\"neeto-ui-mt-3\"\n                data-cy=\"help-popover-link-button\"\n                size=\"small\"\n                {...helpLinkProps}\n                data-testid=\"help-popover-link-button\"\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </div>\n        </Popover>\n      </>\n    );\n  }\n\n  return <HelpIcon {...otherHelpIconProps} />;\n};\n\nexport default HelpContent;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport HelpContent from \"./HelpContent\";\n\nimport Button from \"../Button\";\nimport Tooltip from \"../Tooltip\";\n\nconst Label = ({\n  children,\n  className = \"\",\n  required = false,\n  helpIconProps = null,\n  ...props\n}) => (\n  <label\n    className={classnames(\n      \"neeto-ui-label neeto-ui-flex neeto-ui-items-center\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    {required && <span aria-hidden>*</span>}\n    {helpIconProps && <HelpContent {...{ helpIconProps }} />}\n  </label>\n);\n\nLabel.propTypes = {\n  /**\n   * To specify the content to be rendered inside the Label.\n   */\n  children: PropTypes.node,\n  /**\n   * Provide external classnames to Label component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether to show the required asterisk.\n   */\n  required: PropTypes.bool,\n  /**\n   * Props for the help icon\n   */\n  helpIconProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    tooltipProps: PropTypes.shape({ ...Tooltip.propTypes }),\n    popoverProps: PropTypes.shape({\n      title: PropTypes.node,\n      description: PropTypes.node,\n      helpLinkProps: PropTypes.shape({ ...Button.propTypes }),\n    }),\n    className: PropTypes.string,\n  }),\n};\n\nexport default Label;\n"],"names":["HelpIcon","forwardRef","_ref","ref","onClick","className","icon","otherProps","_objectWithoutProperties","_excluded","Help","React","createElement","classNames","_defineProperty","_extends","size","displayName","HelpContent","helpIconProps","popoverReferenceElement","useRef","_ref2","tooltipProps","popoverProps","otherHelpIconProps","Tooltip","title","description","helpLinkProps","otherPopoverProps","_excluded2","Fragment","Popover","reference","Title","Typography","lineHeight","style","weight","Button","target","Label","children","_ref$className","_ref$required","required","_ref$helpIconProps","props","classnames"],"mappings":"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"}

package/dist/cjs/TimePicker.js

@@ -26,7 +26,7 @@ require('react-colorful');
 require('./tinycolor-C4a31PPv.js');
 require('./Dropdown.js');
 require('./index-CvMjRZDt.js');
-var DatePicker = require('./index-DoQ9g6qh.js');
+var DatePicker = require('./index-E2IEf9Av.js');
 require('./Input.js');
 require('./Label.js');
 require('./MultiEmailInput.js');

package/dist/cjs/Tooltip.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
@@ -10,6 +11,8 @@ var tippy_js = require('tippy.js');
 var ARROW = "<svg width='12' height='6' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 5H0.926697L3.95208 1.63847C4.74227 0.760478 6.11722 0.754951 6.91445 1.62656L10 5Z' /></svg>";
 
 var _excluded = ["content", "children", "theme", "disabled", "position", "interactive", "hideAfter", "hideOnTargetExit"];
+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; }
 var Tooltip = function Tooltip(_ref) {
   var content = _ref.content,
     children = _ref.children,
@@ -52,24 +55,26 @@ var Tooltip = function Tooltip(_ref) {
     }
     return undefined;
   }, [instance, hideOnTargetExit]);
+  var handleCreate = function handleCreate(instance) {
+    var _instance$popper$firs;
+    setInstance(instance);
+    (_instance$popper$firs = instance.popper.firstElementChild) === null || _instance$popper$firs === void 0 || _instance$popper$firs.setAttribute("data-cy", "tooltip-box");
+  };
   return /*#__PURE__*/React.createElement(Tippy, _extends({
     animation: "scale-subtle",
     arrow: ARROW,
-    content: content,
-    disabled: disabled,
     duration: [100, 200],
-    interactive: interactive,
     placement: position,
     plugins: [tippy_js.followCursor],
     role: "tooltip",
-    theme: theme,
     zIndex: 100001,
-    onCreate: function onCreate(instance) {
-      var _instance$popper$firs;
-      setInstance(instance);
-      (_instance$popper$firs = instance.popper.firstElementChild) === null || _instance$popper$firs === void 0 || _instance$popper$firs.setAttribute("data-cy", "tooltip-box");
-    }
-  }, localProps, otherProps), /*#__PURE__*/React.isValidElement(children) ? children : /*#__PURE__*/React.createElement("span", null, children));
+    onCreate: handleCreate
+  }, _objectSpread(_objectSpread({
+    content: content,
+    disabled: disabled,
+    interactive: interactive,
+    theme: theme
+  }, localProps), otherProps)), /*#__PURE__*/React.isValidElement(children) ? children : children && /*#__PURE__*/React.createElement("span", null, children));
 };
 
 module.exports = Tooltip;

package/dist/cjs/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip/constants.js","../../src/components/Tooltip/index.jsx"],"sourcesContent":["export const ARROW =\n  \"<svg width='12' height='6' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 5H0.926697L3.95208 1.63847C4.74227 0.760478 6.11722 0.754951 6.91445 1.62656L10 5Z' /></svg>\";\n","import React, { useEffect, useState } from \"react\";\n\nimport Tippy from \"@tippyjs/react\";\nimport PropTypes from \"prop-types\";\nimport { followCursor } from \"tippy.js\";\n\nimport { ARROW } from \"./constants\";\n\nconst Tooltip = ({\n  content,\n  children,\n  theme = \"dark\",\n  disabled = false,\n  position = \"auto\",\n  interactive = false,\n  hideAfter = -1,\n  hideOnTargetExit = false,\n  ...otherProps\n}) => {\n  const [instance, setInstance] = useState(null);\n\n  const localProps = {};\n\n  if (hideAfter > 0) {\n    localProps[\"onShow\"] = instance =>\n      setTimeout(() => instance.hide(), hideAfter);\n  }\n\n  useEffect(() => {\n    if (hideOnTargetExit) {\n      const intersectionObserver = new IntersectionObserver(entries => {\n        entries.forEach(entry => !entry.isIntersecting && instance?.hide());\n      });\n      instance?.reference && intersectionObserver.observe(instance?.reference);\n\n      return () => intersectionObserver.disconnect();\n    }\n\n    return undefined;\n  }, [instance, hideOnTargetExit]);\n\n  return (\n    <Tippy\n      animation=\"scale-subtle\"\n      arrow={ARROW}\n      content={content}\n      disabled={disabled}\n      duration={[100, 200]}\n      interactive={interactive}\n      placement={position}\n      plugins={[followCursor]}\n      role=\"tooltip\"\n      theme={theme}\n      zIndex={100001}\n      onCreate={instance => {\n        setInstance(instance);\n        instance.popper.firstElementChild?.setAttribute(\n          \"data-cy\",\n          \"tooltip-box\"\n        );\n      }}\n      {...localProps}\n      {...otherProps}\n    >\n      {React.isValidElement(children) ? children : <span>{children}</span>}\n    </Tippy>\n  );\n};\n\nTooltip.propTypes = {\n  /**\n   * The component to be rendered inside the popup.\n   */\n  content: PropTypes.node,\n  /**\n   * Tooltip popup will be shown when mouse is hovered over this component.\n   */\n  children: PropTypes.node,\n  /**\n   * To display Tooltip in dark or light theme. By default the theme is dark.\n   */\n  theme: PropTypes.oneOf([\"dark\", \"light\"]),\n  /**\n   * To specify whether the Tooltip is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the position of the Tooltip.\n   */\n  position: PropTypes.string,\n  /**\n   * To specify whether the Tooltip can be hovered over and clicked inside without hiding.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * To auto-hide the Tooltip after n-milliseconds.\n   * Negative values to this prop disables this feature.\n   * By default it's disabled.\n   */\n  hideAfter: PropTypes.number,\n  /**\n   * To auto-hide the Tooltip on when target leaves the screen.\n   * By default it's disabled.\n   */\n  hideOnTargetExit: PropTypes.bool,\n};\n\nexport default Tooltip;\n"],"names":["ARROW","Tooltip","_ref","content","children","_ref$theme","theme","_ref$disabled","disabled","_ref$position","position","_ref$interactive","interactive","_ref$hideAfter","hideAfter","_ref$hideOnTargetExit","hideOnTargetExit","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","instance","setInstance","localProps","setTimeout","hide","useEffect","intersectionObserver","IntersectionObserver","entries","forEach","entry","isIntersecting","reference","observe","disconnect","undefined","React","createElement","Tippy","_extends","animation","arrow","duration","placement","plugins","followCursor","role","zIndex","onCreate","_instance$popper$firs","popper","firstElementChild","setAttribute","isValidElement"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip/constants.js","../../src/components/Tooltip/index.jsx"],"sourcesContent":["export const ARROW =\n  \"<svg width='12' height='6' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 5H0.926697L3.95208 1.63847C4.74227 0.760478 6.11722 0.754951 6.91445 1.62656L10 5Z' /></svg>\";\n","import React, { useEffect, useState } from \"react\";\n\nimport Tippy from \"@tippyjs/react\";\nimport PropTypes from \"prop-types\";\nimport { followCursor } from \"tippy.js\";\n\nimport { ARROW } from \"./constants\";\n\nconst Tooltip = ({\n  content,\n  children,\n  theme = \"dark\",\n  disabled = false,\n  position = \"auto\",\n  interactive = false,\n  hideAfter = -1,\n  hideOnTargetExit = false,\n  ...otherProps\n}) => {\n  const [instance, setInstance] = useState(null);\n\n  const localProps = {};\n\n  if (hideAfter > 0) {\n    localProps[\"onShow\"] = instance =>\n      setTimeout(() => instance.hide(), hideAfter);\n  }\n\n  useEffect(() => {\n    if (hideOnTargetExit) {\n      const intersectionObserver = new IntersectionObserver(entries => {\n        entries.forEach(entry => !entry.isIntersecting && instance?.hide());\n      });\n      instance?.reference && intersectionObserver.observe(instance?.reference);\n\n      return () => intersectionObserver.disconnect();\n    }\n\n    return undefined;\n  }, [instance, hideOnTargetExit]);\n\n  const handleCreate = instance => {\n    setInstance(instance);\n    instance.popper.firstElementChild?.setAttribute(\"data-cy\", \"tooltip-box\");\n  };\n\n  return (\n    <Tippy\n      animation=\"scale-subtle\"\n      arrow={ARROW}\n      duration={[100, 200]}\n      placement={position}\n      plugins={[followCursor]}\n      role=\"tooltip\"\n      zIndex={100001}\n      onCreate={handleCreate}\n      {...{\n        content,\n        disabled,\n        interactive,\n        theme,\n        ...localProps,\n        ...otherProps,\n      }}\n    >\n      {React.isValidElement(children)\n        ? children\n        : children && <span>{children}</span>}\n    </Tippy>\n  );\n};\n\nTooltip.propTypes = {\n  /**\n   * The component to be rendered inside the popup.\n   */\n  content: PropTypes.node,\n  /**\n   * Tooltip popup will be shown when mouse is hovered over this component.\n   */\n  children: PropTypes.node,\n  /**\n   * To display Tooltip in dark or light theme. By default the theme is dark.\n   */\n  theme: PropTypes.oneOf([\"dark\", \"light\"]),\n  /**\n   * To specify whether the Tooltip is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the position of the Tooltip.\n   */\n  position: PropTypes.string,\n  /**\n   * To specify whether the Tooltip can be hovered over and clicked inside without hiding.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * To auto-hide the Tooltip after n-milliseconds.\n   * Negative values to this prop disables this feature.\n   * By default it's disabled.\n   */\n  hideAfter: PropTypes.number,\n  /**\n   * To auto-hide the Tooltip on when target leaves the screen.\n   * By default it's disabled.\n   */\n  hideOnTargetExit: PropTypes.bool,\n};\n\nexport default Tooltip;\n"],"names":["ARROW","Tooltip","_ref","content","children","_ref$theme","theme","_ref$disabled","disabled","_ref$position","position","_ref$interactive","interactive","_ref$hideAfter","hideAfter","_ref$hideOnTargetExit","hideOnTargetExit","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","instance","setInstance","localProps","setTimeout","hide","useEffect","intersectionObserver","IntersectionObserver","entries","forEach","entry","isIntersecting","reference","observe","disconnect","undefined","handleCreate","_instance$popper$firs","popper","firstElementChild","setAttribute","React","createElement","Tippy","_extends","animation","arrow","duration","placement","plugins","followCursor","role","zIndex","onCreate","_objectSpread","isValidElement"],"mappings":"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"}

package/dist/cjs/TreeSelect.js

@@ -123,8 +123,19 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       className: "neeto-ui-text-center neeto-ui-p-1"
     }, index.getLocale(i18n, t, "neetoui.treeSelect.noOptions")),
     popupClassName: classnames("neeto-ui-tree-select-dropdown", popupClassName),
-    switcherIcon: function switcherIcon(props) {
-      return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(SwitcherIcon, null));
+    switcherIcon: function switcherIcon(_ref2) {
+      var className = _ref2.className,
+        style = _ref2.style,
+        onMouseMove = _ref2.onMouseMove,
+        id = _ref2.id,
+        title = _ref2.title;
+      return /*#__PURE__*/React.createElement("div", {
+        className: className,
+        id: id,
+        onMouseMove: onMouseMove,
+        style: style,
+        title: title
+      }, /*#__PURE__*/React.createElement(SwitcherIcon, null));
     }
   }, otherProps)), error && /*#__PURE__*/React.createElement("p", {
     className: "neeto-ui-input__error",

package/dist/cjs/TreeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelect.js","sources":["../../src/components/TreeSelect.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { TreeSelect as AntdTreeSelect, ConfigProvider } from \"antd\";\nimport classnames from \"classnames\";\nimport { Down } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, getLocale } from \"utils\";\n\nimport { ANTD_LOCALE } from \"./constants\";\nimport Label from \"./Label\";\n\nconst TreeSelect = forwardRef(\n  (\n    {\n      allowClear,\n      className,\n      disabled = false,\n      error,\n      fieldNames,\n      label = \"\",\n      onChange,\n      placeholder = \"\",\n      required = false,\n      showSearch = false,\n      size = \"middle\",\n      suffixIcon,\n      switcherIcon,\n      treeData,\n      treeDataSimpleMode = true,\n      value,\n      popupClassName,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const { t, i18n } = useTranslation();\n    const SuffixIcon = suffixIcon ?? Down;\n\n    const SwitcherIcon = switcherIcon ?? Down;\n\n    return (\n      <ConfigProvider\n        locale={ANTD_LOCALE[i18n.language || \"en\"]}\n        theme={{\n          token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n          components: {\n            TreeSelect: {\n              nodeHoverBg: \"rgb(var(--neeto-ui-gray-100))\",\n              nodeSelectedBg: \"rgb(var(--neeto-ui-primary-500))\",\n\n              // Global overrides\n              colorBgElevated: \"rgb(var(--neeto-ui-white))\",\n            },\n          },\n        }}\n      >\n        <div className=\"neeto-ui-input__wrapper\">\n          {label && (\n            <Label {...{ required }} data-testid=\"treeselect-label\">\n              {label}\n            </Label>\n          )}\n          <AntdTreeSelect\n            {...{\n              allowClear,\n              disabled,\n              fieldNames,\n              onChange,\n              placeholder,\n              ref,\n              showSearch,\n              size,\n              treeData,\n              treeDataSimpleMode,\n            }}\n            data-cy=\"neeto-ui-tree-select-wrapper\"\n            dropdownStyle={{ zIndex: 100000 }}\n            suffixIcon={<SuffixIcon />}\n            treeNodeFilterProp={fieldNames?.label ?? \"label\"}\n            value={value || undefined}\n            className={classnames(\"neeto-ui-tree-select__wrapper\", className, {\n              \"neeto-ui-tree-select__error\": error,\n            })}\n            notFoundContent={\n              // eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized\n              <div className=\"neeto-ui-text-center neeto-ui-p-1\">\n                {getLocale(i18n, t, \"neetoui.treeSelect.noOptions\")}\n              </div>\n            }\n            popupClassName={classnames(\n              \"neeto-ui-tree-select-dropdown\",\n              popupClassName\n            )}\n            switcherIcon={props => (\n              <div {...props}>\n                <SwitcherIcon />\n              </div>\n            )}\n            {...otherProps}\n          />\n          {error && (\n            <p className=\"neeto-ui-input__error\" data-testid=\"treeselect-error\">\n              {error}\n            </p>\n          )}\n        </div>\n      </ConfigProvider>\n    );\n  }\n);\n\nTreeSelect.displayName = \"TreeSelect\";\n\nTreeSelect.propTypes = {\n  /**\n   * Controls whether the value is allowed to be cleared or not.\n   */\n  allowClear: PropTypes.bool,\n  /**\n   * To specify additional classes.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify additional classes to the popup.\n   */\n  popupClassName: PropTypes.string,\n  /**\n   * To disable the TreeSelect component.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To display the specified error.\n   */\n  error: PropTypes.string,\n  /**\n   * This prop can be used to override the default keys of label and value pairs in options.\n   */\n  fieldNames: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.string,\n  }),\n  /**\n   * To display a label above the TreeSelect component.\n   */\n  label: PropTypes.string,\n  /**\n   * The callback function that will be triggered when value changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be executed when search input changes that can be\n   * used for advanced usecases. This is not necessary as basic search works\n   * when `showSearch` is enabled.\n   */\n  onSearch: PropTypes.func,\n  /**\n   * The placeholder string to be displayed.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify whether TreeSelect field is required or not.\n   */\n  required: PropTypes.bool,\n  /**\n   * The search value to make search controlled. This is not required as basic search\n   * works when `showSearch` is enabled.\n   */\n  searchValue: PropTypes.string,\n  /**\n   * To enable search for the TreeSelect component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * To specify the size of the TreeSelect component.\n   */\n  size: PropTypes.oneOf([\"small\", \"middle\", \"large\"]),\n  /**\n   * To specify the icon at the end of the TreeSelect component.\n   */\n  suffixIcon: PropTypes.node,\n  /**\n   * To specify the icon next to options that have children.\n   */\n  switcherIcon: PropTypes.node,\n  /**\n   * The options to be passed to the TreeSelect component.\n   */\n  treeData: PropTypes.oneOfType([\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.string,\n        disabled: PropTypes.bool,\n        children: PropTypes.array,\n      })\n    ),\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        label: PropTypes.string,\n        value: PropTypes.string,\n        disabled: PropTypes.bool,\n        pId: PropTypes.string,\n      })\n    ),\n  ]),\n  /**\n   * This prop specifies the format of data that has to be passed in the `treeData` prop.\n   * When enabled, treeData can be a flat array of the form `{ id, label, value, pId }`.\n   */\n  treeDataSimpleMode: PropTypes.bool,\n  /**\n   * The currently selected option.\n   */\n  value: PropTypes.string,\n};\n\nexport default TreeSelect;\n"],"names":["TreeSelect","forwardRef","_ref","ref","_fieldNames$label","allowClear","className","_ref$disabled","disabled","error","fieldNames","_ref$label","label","onChange","_ref$placeholder","placeholder","_ref$required","required","_ref$showSearch","showSearch","_ref$size","size","suffixIcon","switcherIcon","treeData","_ref$treeDataSimpleMo","treeDataSimpleMode","value","popupClassName","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","i18n","SuffixIcon","Down","SwitcherIcon","React","createElement","_ConfigProvider","locale","ANTD_LOCALE","language","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","nodeHoverBg","nodeSelectedBg","colorBgElevated","Label","_TreeSelect","_extends","dropdownStyle","zIndex","treeNodeFilterProp","undefined","classnames","notFoundContent","getLocale","props","displayName"],"mappings":"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"}
+{"version":3,"file":"TreeSelect.js","sources":["../../src/components/TreeSelect.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { TreeSelect as AntdTreeSelect, ConfigProvider } from \"antd\";\nimport classnames from \"classnames\";\nimport { Down } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, getLocale } from \"utils\";\n\nimport { ANTD_LOCALE } from \"./constants\";\nimport Label from \"./Label\";\n\nconst TreeSelect = forwardRef(\n  (\n    {\n      allowClear,\n      className,\n      disabled = false,\n      error,\n      fieldNames,\n      label = \"\",\n      onChange,\n      placeholder = \"\",\n      required = false,\n      showSearch = false,\n      size = \"middle\",\n      suffixIcon,\n      switcherIcon,\n      treeData,\n      treeDataSimpleMode = true,\n      value,\n      popupClassName,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const { t, i18n } = useTranslation();\n    const SuffixIcon = suffixIcon ?? Down;\n\n    const SwitcherIcon = switcherIcon ?? Down;\n\n    return (\n      <ConfigProvider\n        locale={ANTD_LOCALE[i18n.language || \"en\"]}\n        theme={{\n          token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n          components: {\n            TreeSelect: {\n              nodeHoverBg: \"rgb(var(--neeto-ui-gray-100))\",\n              nodeSelectedBg: \"rgb(var(--neeto-ui-primary-500))\",\n\n              // Global overrides\n              colorBgElevated: \"rgb(var(--neeto-ui-white))\",\n            },\n          },\n        }}\n      >\n        <div className=\"neeto-ui-input__wrapper\">\n          {label && (\n            <Label {...{ required }} data-testid=\"treeselect-label\">\n              {label}\n            </Label>\n          )}\n          <AntdTreeSelect\n            {...{\n              allowClear,\n              disabled,\n              fieldNames,\n              onChange,\n              placeholder,\n              ref,\n              showSearch,\n              size,\n              treeData,\n              treeDataSimpleMode,\n            }}\n            data-cy=\"neeto-ui-tree-select-wrapper\"\n            dropdownStyle={{ zIndex: 100000 }}\n            suffixIcon={<SuffixIcon />}\n            treeNodeFilterProp={fieldNames?.label ?? \"label\"}\n            value={value || undefined}\n            className={classnames(\"neeto-ui-tree-select__wrapper\", className, {\n              \"neeto-ui-tree-select__error\": error,\n            })}\n            notFoundContent={\n              // eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized\n              <div className=\"neeto-ui-text-center neeto-ui-p-1\">\n                {getLocale(i18n, t, \"neetoui.treeSelect.noOptions\")}\n              </div>\n            }\n            popupClassName={classnames(\n              \"neeto-ui-tree-select-dropdown\",\n              popupClassName\n            )}\n            switcherIcon={({ className, style, onMouseMove, id, title }) => (\n              <div {...{ className, id, onMouseMove, style, title }}>\n                <SwitcherIcon />\n              </div>\n            )}\n            {...otherProps}\n          />\n          {error && (\n            <p className=\"neeto-ui-input__error\" data-testid=\"treeselect-error\">\n              {error}\n            </p>\n          )}\n        </div>\n      </ConfigProvider>\n    );\n  }\n);\n\nTreeSelect.displayName = \"TreeSelect\";\n\nTreeSelect.propTypes = {\n  /**\n   * Controls whether the value is allowed to be cleared or not.\n   */\n  allowClear: PropTypes.bool,\n  /**\n   * To specify additional classes.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify additional classes to the popup.\n   */\n  popupClassName: PropTypes.string,\n  /**\n   * To disable the TreeSelect component.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To display the specified error.\n   */\n  error: PropTypes.string,\n  /**\n   * This prop can be used to override the default keys of label and value pairs in options.\n   */\n  fieldNames: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.string,\n  }),\n  /**\n   * To display a label above the TreeSelect component.\n   */\n  label: PropTypes.string,\n  /**\n   * The callback function that will be triggered when value changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be executed when search input changes that can be\n   * used for advanced usecases. This is not necessary as basic search works\n   * when `showSearch` is enabled.\n   */\n  onSearch: PropTypes.func,\n  /**\n   * The placeholder string to be displayed.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify whether TreeSelect field is required or not.\n   */\n  required: PropTypes.bool,\n  /**\n   * The search value to make search controlled. This is not required as basic search\n   * works when `showSearch` is enabled.\n   */\n  searchValue: PropTypes.string,\n  /**\n   * To enable search for the TreeSelect component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * To specify the size of the TreeSelect component.\n   */\n  size: PropTypes.oneOf([\"small\", \"middle\", \"large\"]),\n  /**\n   * To specify the icon at the end of the TreeSelect component.\n   */\n  suffixIcon: PropTypes.elementType,\n  /**\n   * To specify the icon next to options that have children.\n   */\n  switcherIcon: PropTypes.elementType,\n  /**\n   * The options to be passed to the TreeSelect component.\n   */\n  treeData: PropTypes.oneOfType([\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.string,\n        disabled: PropTypes.bool,\n        children: PropTypes.array,\n      })\n    ),\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        label: PropTypes.string,\n        value: PropTypes.string,\n        disabled: PropTypes.bool,\n        pId: PropTypes.string,\n      })\n    ),\n  ]),\n  /**\n   * This prop specifies the format of data that has to be passed in the `treeData` prop.\n   * When enabled, treeData can be a flat array of the form `{ id, label, value, pId }`.\n   */\n  treeDataSimpleMode: PropTypes.bool,\n  /**\n   * The currently selected option.\n   */\n  value: PropTypes.string,\n};\n\nexport default TreeSelect;\n"],"names":["TreeSelect","forwardRef","_ref","ref","_fieldNames$label","allowClear","className","_ref$disabled","disabled","error","fieldNames","_ref$label","label","onChange","_ref$placeholder","placeholder","_ref$required","required","_ref$showSearch","showSearch","_ref$size","size","suffixIcon","switcherIcon","treeData","_ref$treeDataSimpleMo","treeDataSimpleMode","value","popupClassName","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","i18n","SuffixIcon","Down","SwitcherIcon","React","createElement","_ConfigProvider","locale","ANTD_LOCALE","language","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","nodeHoverBg","nodeSelectedBg","colorBgElevated","Label","_TreeSelect","_extends","dropdownStyle","zIndex","treeNodeFilterProp","undefined","classnames","notFoundContent","getLocale","_ref2","style","onMouseMove","id","title","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaMA,IAAAA,UAAU,gBAAGC,gBAAU,CAC3B,UAAAC,IAAA,EAqBEC,GAAG,EACA;AAAA,EAAA,IAAAC,iBAAA,CAAA;AAAA,EAAA,IApBDC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAAC,aAAA,GAAAL,IAAA,CACTM,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,KAAK,GAAAP,IAAA,CAALO,KAAK;IACLC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IAAAC,UAAA,GAAAT,IAAA,CACVU,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IACVE,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IAAAC,gBAAA,GAAAZ,IAAA,CACRa,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAE,aAAA,GAAAd,IAAA,CAChBe,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAE,eAAA,GAAAhB,IAAA,CAChBiB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,SAAA,GAAAlB,IAAA,CAClBmB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IACfE,UAAU,GAAApB,IAAA,CAAVoB,UAAU;IACVC,YAAY,GAAArB,IAAA,CAAZqB,YAAY;IACZC,QAAQ,GAAAtB,IAAA,CAARsB,QAAQ;IAAAC,qBAAA,GAAAvB,IAAA,CACRwB,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;IACzBE,KAAK,GAAAzB,IAAA,CAALyB,KAAK;IACLC,cAAc,GAAA1B,IAAA,CAAd0B,cAAc;AACXC,IAAAA,UAAU,GAAAC,wBAAA,CAAA5B,IAAA,EAAA6B,SAAA,CAAA,CAAA;EAIf,IAAAC,eAAA,GAAoBC,2BAAc,EAAE;IAA5BC,CAAC,GAAAF,eAAA,CAADE,CAAC;IAAEC,IAAI,GAAAH,eAAA,CAAJG,IAAI,CAAA;EACf,IAAMC,UAAU,GAAGd,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAIe,eAAI,CAAA;EAErC,IAAMC,YAAY,GAAGf,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,YAAY,GAAIc,eAAI,CAAA;AAEzC,EAAA,oBACEE,KAAA,CAAAC,aAAA,CAAAC,eAAA,EAAA;IACEC,MAAM,EAAEC,qBAAW,CAACR,IAAI,CAACS,QAAQ,IAAI,IAAI,CAAE;AAC3CC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAAC,aAAA,CAAOC,EAAAA,EAAAA,uCAAiC,CAAE;AAC/CC,MAAAA,UAAU,EAAE;AACVjD,QAAAA,UAAU,EAAE;AACVkD,UAAAA,WAAW,EAAE,+BAA+B;AAC5CC,UAAAA,cAAc,EAAE,kCAAkC;AAElD;AACAC,UAAAA,eAAe,EAAE,4BAAA;AACnB,SAAA;AACF,OAAA;AACF,KAAA;GAEAb,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlC,IAAAA,SAAS,EAAC,yBAAA;AAAyB,GAAA,EACrCM,KAAK,iBACJ2B,KAAA,CAAAC,aAAA,CAACa,KAAK,EAAA;AAAOpC,IAAAA,QAAQ,EAARA,QAAQ;IAAI,aAAY,EAAA,kBAAA;GAClCL,EAAAA,KAAK,CAET,eACD2B,KAAA,CAAAC,aAAA,CAAAc,WAAA,EAAAC,QAAA,CAAA;AAEIlD,IAAAA,UAAU,EAAVA,UAAU;AACVG,IAAAA,QAAQ,EAARA,QAAQ;AACRE,IAAAA,UAAU,EAAVA,UAAU;AACVG,IAAAA,QAAQ,EAARA,QAAQ;AACRE,IAAAA,WAAW,EAAXA,WAAW;AACXZ,IAAAA,GAAG,EAAHA,GAAG;AACHgB,IAAAA,UAAU,EAAVA,UAAU;AACVE,IAAAA,IAAI,EAAJA,IAAI;AACJG,IAAAA,QAAQ,EAARA,QAAQ;AACRE,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAEpB,IAAA,SAAA,EAAQ,8BAA8B;AACtC8B,IAAAA,aAAa,EAAE;AAAEC,MAAAA,MAAM,EAAE,MAAA;KAAS;AAClCnC,IAAAA,UAAU,eAAEiB,KAAA,CAAAC,aAAA,CAACJ,UAAU,EAAI,IAAA,CAAA;AAC3BsB,IAAAA,kBAAkB,EAAAtD,CAAAA,iBAAA,GAAEM,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEE,KAAK,MAAAR,IAAAA,IAAAA,iBAAA,KAAAA,KAAAA,CAAAA,GAAAA,iBAAA,GAAI,OAAQ;IACjDuB,KAAK,EAAEA,KAAK,IAAIgC,SAAU;AAC1BrD,IAAAA,SAAS,EAAEsD,UAAU,CAAC,+BAA+B,EAAEtD,SAAS,EAAE;AAChE,MAAA,6BAA6B,EAAEG,KAAAA;AACjC,KAAC,CAAE;IACHoD,eAAe;AAAA;AACb;AACAtB,IAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlC,MAAAA,SAAS,EAAC,mCAAA;KACZwD,EAAAA,eAAS,CAAC3B,IAAI,EAAED,CAAC,EAAE,8BAA8B,CAAC,CAEtD;AACDN,IAAAA,cAAc,EAAEgC,UAAU,CACxB,+BAA+B,EAC/BhC,cAAc,CACd;IACFL,YAAY,EAAE,SAAAA,YAAAA,CAAAwC,KAAA,EAAA;AAAA,MAAA,IAAGzD,SAAS,GAAAyD,KAAA,CAATzD,SAAS;QAAE0D,KAAK,GAAAD,KAAA,CAALC,KAAK;QAAEC,WAAW,GAAAF,KAAA,CAAXE,WAAW;QAAEC,EAAE,GAAAH,KAAA,CAAFG,EAAE;QAAEC,KAAK,GAAAJ,KAAA,CAALI,KAAK,CAAA;MAAA,oBACvD5B,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAWlC,QAAAA,SAAS,EAATA,SAAS;AAAE4D,QAAAA,EAAE,EAAFA,EAAE;AAAED,QAAAA,WAAW,EAAXA,WAAW;AAAED,QAAAA,KAAK,EAALA,KAAK;AAAEG,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,eACjD5B,KAAA,CAAAC,aAAA,CAACF,YAAY,OAAG,CACZ,CAAA;AAAA,KAAA;AACN,GAAA,EACET,UAAU,CACd,CAAA,EACDpB,KAAK,iBACJ8B,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGlC,IAAAA,SAAS,EAAC,uBAAuB;IAAC,aAAY,EAAA,kBAAA;GAC9CG,EAAAA,KAAK,CAET,CACG,CACS,CAAA;AAErB,CAAC,EACF;AAEDT,UAAU,CAACoE,WAAW,GAAG,YAAY;;;;"}

package/dist/cjs/{index-DoQ9g6qh.js → index-E2IEf9Av.js}

@@ -507,4 +507,4 @@ TimePicker.displayName = "TimePicker";
 
 exports.DatePicker = DatePicker;
 exports.TimePicker = TimePicker;
-//# sourceMappingURL=index-DoQ9g6qh.js.map
+//# sourceMappingURL=index-E2IEf9Av.js.map