@bigbinary/neetoui 6.5.10 → 6.5.11

package/dist/cjs/Dropdown.js

@@ -0,0 +1,309 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var defineProperty = require('./defineProperty-ee86604b.js');
+var slicedToArray = require('./slicedToArray-732a2048.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var Tooltip = require('./index-0e68cfff.js');
+var index = require('./index-302c3d37.js');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var ramda = require('ramda');
+var Button = require('./Button.js');
+var index$1 = require('./index-68589e5c.js');
+var neetoCist = require('@bigbinary/neeto-cist');
+var reactRouterDom = require('react-router-dom');
+require('./toPropertyKey-bfa2e465.js');
+require('react-dom');
+require('./index-1ad9d2c1.js');
+require('./createClass-80e17c6a.js');
+require('./_commonjsHelpers-44e4a143.js');
+require('util');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Divider = function Divider(props) {
+  return /*#__PURE__*/React__default["default"].createElement("li", _extends._extends({
+    className: "neeto-ui-dropdown__popup-divider"
+  }, props));
+};
+
+var _excluded$3 = ["children", "className"];
+var Menu = function Menu(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$3);
+  return /*#__PURE__*/React__default["default"].createElement("ul", _extends._extends({
+    className: index.classnames("neeto-ui-dropdown__popup-menu", className)
+  }, otherProps), children);
+};
+
+var _excluded$2 = ["children", "className", "tooltipProps"];
+var MenuItem = function MenuItem(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    tooltipProps = _ref.tooltipProps,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$2);
+  var renderMenuItem = function renderMenuItem() {
+    return /*#__PURE__*/React__default["default"].createElement("li", _extends._extends({
+      className: index.classnames("neeto-ui-dropdown__popup-menu-item", className)
+    }, otherProps), children);
+  };
+  if (neetoCist.isPresent(tooltipProps)) {
+    return /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, tooltipProps, renderMenuItem());
+  }
+  return renderMenuItem();
+};
+
+var _excluded$1 = ["children", "className", "isActive", "isDisabled", "style", "prefix", "suffix", "type", "to", "href", "tooltipProps"];
+function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var ITEM_BTN_STYLES = {
+  "default": "default",
+  danger: "danger"
+};
+var BUTTON_TYPES = {
+  button: "button",
+  reset: "reset",
+  submit: "submit"
+};
+var MenuItemButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    isActive = _ref.isActive,
+    isDisabled = _ref.isDisabled,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? ITEM_BTN_STYLES["default"] : _ref$style,
+    prefix = _ref.prefix,
+    suffix = _ref.suffix,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? BUTTON_TYPES.button : _ref$type,
+    _ref$to = _ref.to,
+    to = _ref$to === void 0 ? "" : _ref$to,
+    _ref$href = _ref.href,
+    href = _ref$href === void 0 ? "" : _ref$href,
+    tooltipProps = _ref.tooltipProps,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$1);
+  var Parent, elementSpecificProps;
+  if (to) {
+    Parent = reactRouterDom.Link;
+    elementSpecificProps = {
+      to: to
+    };
+  } else if (href) {
+    Parent = "a";
+    elementSpecificProps = {
+      href: href
+    };
+  } else {
+    Parent = "button";
+    elementSpecificProps = {
+      type: type
+    };
+  }
+  return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
+    tooltipProps: tooltipProps
+  }, /*#__PURE__*/React__default["default"].createElement(Parent, _extends._extends({
+    disabled: isDisabled,
+    className: index.classnames("neeto-ui-dropdown__popup-menu-item-btn", className, {
+      "neeto-ui-dropdown__popup-menu-item-btn--active": isActive,
+      "neeto-ui-dropdown__popup-menu-item-btn--disabled": isDisabled,
+      "neeto-ui-dropdown__popup-menu-item-btn--style-danger": style === ITEM_BTN_STYLES.danger
+    })
+  }, _objectSpread$1(_objectSpread$1({
+    ref: ref
+  }, otherProps), elementSpecificProps)), prefix && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-dropdown__popup-menu-item-btn__prefix"
+  }, prefix), children, suffix && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-dropdown__popup-menu-item-btn__suffix"
+  }, suffix)));
+});
+MenuItemButton.displayName = "MenuItemButton";
+
+MenuItem.Button = MenuItemButton;
+
+var _excluded = ["style", "size"],
+  _excluded2 = ["icon", "label", "isOpen", "onClose", "dropdownProps", "position", "children", "className", "buttonStyle", "buttonSize", "buttonProps", "customTarget", "disabled", "closeOnEsc", "closeOnSelect", "closeOnOutsideClick", "dropdownModifiers", "trigger", "strategy", "onClick"],
+  _excluded3 = ["classNames"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var BTN_STYLES = {
+  primary: "primary",
+  secondary: "secondary",
+  tertiary: "tertiary",
+  danger: "danger",
+  danger_text: "danger-text",
+  text: "text",
+  link: "link"
+};
+var BTN_SIZES = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+var STRATEGY = {
+  absolute: "absolute",
+  fixed: "fixed"
+};
+var PLACEMENT = {
+  auto: "auto",
+  autoStart: "auto-start",
+  autoEnd: "auto-end",
+  top: "top",
+  topStart: "top-start",
+  topEnd: "top-end",
+  bottom: "bottom",
+  bottomStart: "bottom-start",
+  bottomEnd: "bottom-end",
+  right: "right",
+  rightStart: "right-start",
+  rightEnd: "right-end",
+  left: "left",
+  leftStart: "left-start",
+  leftEnd: "left-end"
+};
+var TRIGGERS = {
+  click: "click",
+  hover: "mouseenter focus",
+  all: "mouseenter focus click",
+  manual: "manual"
+};
+var hideOnEsc = {
+  name: "hideOnEsc",
+  defaultValue: true,
+  fn: function fn(_ref) {
+    var hide = _ref.hide,
+      hideOnEsc = _ref.props.hideOnEsc;
+    function onKeyDown(event) {
+      var _event$key;
+      if (((_event$key = event.key) === null || _event$key === void 0 ? void 0 : _event$key.toLowerCase()) === "escape" && hideOnEsc) hide();
+    }
+    return {
+      onShow: function onShow() {
+        document.addEventListener("keydown", onKeyDown);
+      },
+      onHide: function onHide() {
+        document.removeEventListener("keydown", onKeyDown);
+      }
+    };
+  }
+};
+var plugins = [hideOnEsc];
+var Dropdown = function Dropdown(_ref2) {
+  var icon = _ref2.icon,
+    label = _ref2.label,
+    isOpen = _ref2.isOpen,
+    _ref2$onClose = _ref2.onClose,
+    onClose = _ref2$onClose === void 0 ? index$1.noop : _ref2$onClose,
+    _ref2$dropdownProps = _ref2.dropdownProps,
+    dropdownProps = _ref2$dropdownProps === void 0 ? {} : _ref2$dropdownProps,
+    _ref2$position = _ref2.position,
+    position = _ref2$position === void 0 ? PLACEMENT.bottomEnd : _ref2$position,
+    children = _ref2.children,
+    className = _ref2.className,
+    _ref2$buttonStyle = _ref2.buttonStyle,
+    buttonStyle = _ref2$buttonStyle === void 0 ? BTN_STYLES.primary : _ref2$buttonStyle,
+    _ref2$buttonSize = _ref2.buttonSize,
+    buttonSize = _ref2$buttonSize === void 0 ? BTN_SIZES.medium : _ref2$buttonSize,
+    _ref2$buttonProps = _ref2.buttonProps,
+    _ref2$buttonProps2 = _ref2$buttonProps === void 0 ? {} : _ref2$buttonProps,
+    style = _ref2$buttonProps2.style,
+    size = _ref2$buttonProps2.size,
+    buttonProps = objectWithoutProperties._objectWithoutProperties(_ref2$buttonProps2, _excluded),
+    customTarget = _ref2.customTarget,
+    _ref2$disabled = _ref2.disabled,
+    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
+    _ref2$closeOnEsc = _ref2.closeOnEsc,
+    closeOnEsc = _ref2$closeOnEsc === void 0 ? true : _ref2$closeOnEsc,
+    _ref2$closeOnSelect = _ref2.closeOnSelect,
+    closeOnSelect = _ref2$closeOnSelect === void 0 ? true : _ref2$closeOnSelect,
+    _ref2$closeOnOutsideC = _ref2.closeOnOutsideClick,
+    closeOnOutsideClick = _ref2$closeOnOutsideC === void 0 ? true : _ref2$closeOnOutsideC,
+    _ref2$dropdownModifie = _ref2.dropdownModifiers,
+    dropdownModifiers = _ref2$dropdownModifie === void 0 ? [] : _ref2$dropdownModifie,
+    _ref2$trigger = _ref2.trigger,
+    trigger = _ref2$trigger === void 0 ? TRIGGERS.click : _ref2$trigger,
+    _ref2$strategy = _ref2.strategy,
+    strategy = _ref2$strategy === void 0 ? STRATEGY.absolute : _ref2$strategy,
+    onClick = _ref2.onClick,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded2);
+  var _useState = React.useState(null),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    instance = _useState2[0],
+    setInstance = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    mounted = _useState4[0],
+    setMounted = _useState4[1];
+  var isControlled = !ramda.isNil(isOpen);
+  var controlledProps = isControlled ? {
+    visible: isOpen
+  } : {
+    onClickOutside: function onClickOutside() {
+      return closeOnOutsideClick;
+    }
+  };
+  var dropdownClassname = dropdownProps.classNames,
+    otherDropdownProps = objectWithoutProperties._objectWithoutProperties(dropdownProps, _excluded3);
+  var close = function close() {
+    return instance.hide();
+  };
+  return /*#__PURE__*/React__default["default"].createElement(Tooltip.index, _extends._extends({
+    interactive: true,
+    animation: false,
+    arrow: false,
+    duration: 0
+    // hideOnClick determines whether the dropdown should be hidden when the user clicks outside of the dropdown.
+    // https://atomiks.github.io/tippyjs/v6/all-props/#hideonclick
+    ,
+    hideOnClick: isControlled ? undefined : closeOnOutsideClick || "toggle",
+    hideOnEsc: closeOnEsc,
+    maxWidth: "none",
+    offset: 0,
+    placement: position || PLACEMENT.bottomEnd,
+    popperOptions: {
+      strategy: strategy,
+      modifiers: dropdownModifiers
+    },
+    role: "dropdown",
+    theme: "light",
+    trigger: isControlled ? undefined : TRIGGERS[trigger],
+    className: index.classnames("neeto-ui-dropdown", defineProperty._defineProperty({}, className, className)),
+    content: mounted ? /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({
+      "data-cy": "".concat(index$1.hyphenize(label), "-dropdown-container"),
+      className: index.classnames("neeto-ui-dropdown__popup", defineProperty._defineProperty({}, dropdownClassname, dropdownClassname)),
+      onClick: closeOnSelect ? close : index$1.noop
+    }, otherDropdownProps), children) : null,
+    onCreate: function onCreate(instance) {
+      return instance && setInstance(instance);
+    },
+    onMount: function onMount() {
+      return setMounted(true);
+    },
+    onHidden: function onHidden() {
+      onClose();
+      setMounted(false);
+    }
+  }, _objectSpread(_objectSpread({
+    plugins: plugins
+  }, otherProps), controlledProps)), customTarget ? /*#__PURE__*/React__default["default"].createElement("span", {
+    onClick: onClick
+  }, typeof customTarget === "function" ? customTarget() : customTarget) : /*#__PURE__*/React__default["default"].createElement(Button, _extends._extends({
+    label: label,
+    onClick: onClick,
+    "data-cy": "".concat(index$1.hyphenize(label), "-dropdown-icon"),
+    disabled: disabled || (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled),
+    icon: icon || neetoIcons.Down,
+    iconPosition: "right",
+    size: size !== null && size !== void 0 ? size : buttonSize,
+    style: style !== null && style !== void 0 ? style : buttonStyle
+  }, buttonProps)));
+};
+Dropdown.Menu = Menu;
+Dropdown.MenuItem = MenuItem;
+Dropdown.Divider = Divider;
+
+module.exports = Dropdown;
+//# sourceMappingURL=Dropdown.js.map

package/dist/cjs/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../src/components/Dropdown/Divider.jsx","../../src/components/Dropdown/Menu.jsx","../../src/components/Dropdown/MenuItem/MenuItem.jsx","../../src/components/Dropdown/MenuItem/MenuItemButton.jsx","../../src/components/Dropdown/MenuItem/index.js","../../src/components/Dropdown/index.jsx"],"sourcesContent":["import React from \"react\";\n\nconst Divider = props => (\n  <li className=\"neeto-ui-dropdown__popup-divider\" {...props} />\n);\n\nexport default Divider;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Menu = ({ children, className, ...otherProps }) => (\n  <ul\n    className={classnames(\"neeto-ui-dropdown__popup-menu\", className)}\n    {...otherProps}\n  >\n    {children}\n  </ul>\n);\n\nMenu.propTypes = {\n  /**\n   * To specify className to be applied to the Menu.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Menu.\n   */\n  children: PropTypes.node,\n};\n\nexport default Menu;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst MenuItem = ({ children, className, tooltipProps, ...otherProps }) => {\n  const renderMenuItem = () => (\n    <li\n      className={classnames(\"neeto-ui-dropdown__popup-menu-item\", className)}\n      {...otherProps}\n    >\n      {children}\n    </li>\n  );\n\n  if (isPresent(tooltipProps)) {\n    return <Tooltip {...tooltipProps}>{renderMenuItem()}</Tooltip>;\n  }\n\n  return renderMenuItem();\n};\n\nMenuItem.propTypes = {\n  /**\n   * To specify className to be applied to the MenuItem.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the MenuItem.\n   */\n  children: PropTypes.node,\n  /**\n   * To specify the active state of the MenuItem.\n   */\n  isActive: PropTypes.bool,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n};\n\nexport default MenuItem;\n","import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport MenuItem from \"./MenuItem\";\n\nconst ITEM_BTN_STYLES = { default: \"default\", danger: \"danger\" };\n\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\n\nconst MenuItemButton = forwardRef(\n  (\n    {\n      children,\n      className,\n      isActive,\n      isDisabled,\n      style = ITEM_BTN_STYLES.default,\n      prefix,\n      suffix,\n      type = BUTTON_TYPES.button,\n      to = \"\",\n      href = \"\",\n      tooltipProps,\n      ...otherProps\n    },\n    ref\n  ) => {\n    let Parent, elementSpecificProps;\n    if (to) {\n      Parent = Link;\n      elementSpecificProps = { to };\n    } else if (href) {\n      Parent = \"a\";\n      elementSpecificProps = { href };\n    } else {\n      Parent = \"button\";\n      elementSpecificProps = { type };\n    }\n\n    return (\n      <MenuItem {...{ tooltipProps }}>\n        <Parent\n          disabled={isDisabled}\n          className={classnames(\n            \"neeto-ui-dropdown__popup-menu-item-btn\",\n            className,\n            {\n              \"neeto-ui-dropdown__popup-menu-item-btn--active\": isActive,\n              \"neeto-ui-dropdown__popup-menu-item-btn--disabled\": isDisabled,\n              \"neeto-ui-dropdown__popup-menu-item-btn--style-danger\":\n                style === ITEM_BTN_STYLES.danger,\n            }\n          )}\n          {...{ ref, ...otherProps, ...elementSpecificProps }}\n        >\n          {prefix && (\n            <div className=\"neeto-ui-dropdown__popup-menu-item-btn__prefix\">\n              {prefix}\n            </div>\n          )}\n          {children}\n          {suffix && (\n            <div className=\"neeto-ui-dropdown__popup-menu-item-btn__suffix\">\n              {suffix}\n            </div>\n          )}\n        </Parent>\n      </MenuItem>\n    );\n  }\n);\n\nMenuItemButton.displayName = \"MenuItemButton\";\n\nMenuItemButton.propTypes = {\n  /**\n   * To specify className to be applied to the MenuItem.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the MenuItem.\n   */\n  children: PropTypes.node,\n  /**\n   * To specify the active state of the MenuItem.\n   */\n  isActive: PropTypes.bool,\n  /**\n   * To specify whether the MenuItem is disabled.\n   */\n  isDisabled: PropTypes.bool,\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 content to be added at the end of the input field.\n   */\n  suffix: PropTypes.node,\n  /**\n   * To specify the content to be added at the beginning of the input field.\n   */\n  prefix: PropTypes.node,\n  /**\n   * To specify the type of button.\n   */\n  type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n  /**\n   * To specify the style of button.\n   */\n  style: PropTypes.oneOf(Object.values(ITEM_BTN_STYLES)),\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n};\n\nexport default MenuItemButton;\n","import MenuItem from \"./MenuItem\";\nimport MenuItemButton from \"./MenuItemButton\";\n\nMenuItem.Button = MenuItemButton;\n\nexport default MenuItem;\n","import React, { useState } from \"react\";\n\nimport Tippy from \"@tippyjs/react\";\nimport classnames from \"classnames\";\nimport { Down } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { isNil } from \"ramda\";\n\nimport Button from \"components/Button\";\nimport { hyphenize, noop } from \"utils\";\n\nimport Divider from \"./Divider\";\nimport Menu from \"./Menu\";\nimport MenuItem from \"./MenuItem\";\n\nconst BTN_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};\n\nconst BTN_SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n};\n\nconst STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nconst PLACEMENT = {\n  auto: \"auto\",\n  autoStart: \"auto-start\",\n  autoEnd: \"auto-end\",\n  top: \"top\",\n  topStart: \"top-start\",\n  topEnd: \"top-end\",\n  bottom: \"bottom\",\n  bottomStart: \"bottom-start\",\n  bottomEnd: \"bottom-end\",\n  right: \"right\",\n  rightStart: \"right-start\",\n  rightEnd: \"right-end\",\n  left: \"left\",\n  leftStart: \"left-start\",\n  leftEnd: \"left-end\",\n};\n\nconst TRIGGERS = {\n  click: \"click\",\n  hover: \"mouseenter focus\",\n  all: \"mouseenter focus click\",\n  manual: \"manual\",\n};\n\nconst hideOnEsc = {\n  name: \"hideOnEsc\",\n  defaultValue: true,\n  fn({ hide, props: { hideOnEsc } }) {\n    function onKeyDown(event) {\n      if (event.key?.toLowerCase() === \"escape\" && hideOnEsc) hide();\n    }\n\n    return {\n      onShow() {\n        document.addEventListener(\"keydown\", onKeyDown);\n      },\n      onHide() {\n        document.removeEventListener(\"keydown\", onKeyDown);\n      },\n    };\n  },\n};\n\nconst plugins = [hideOnEsc];\n\nconst Dropdown = ({\n  icon,\n  label,\n  isOpen,\n  onClose = noop,\n  dropdownProps = {},\n  position = PLACEMENT.bottomEnd,\n  children,\n  className,\n  buttonStyle = BTN_STYLES.primary,\n  buttonSize = BTN_SIZES.medium,\n  buttonProps: { style, size, ...buttonProps } = {},\n  customTarget,\n  disabled = false,\n  closeOnEsc = true,\n  closeOnSelect = true,\n  closeOnOutsideClick = true,\n  dropdownModifiers = [],\n  trigger = TRIGGERS.click,\n  strategy = STRATEGY.absolute,\n  onClick,\n  ...otherProps\n}) => {\n  const [instance, setInstance] = useState(null);\n  const [mounted, setMounted] = useState(false);\n\n  const isControlled = !isNil(isOpen);\n\n  const controlledProps = isControlled\n    ? { visible: isOpen }\n    : { onClickOutside: () => closeOnOutsideClick };\n\n  const { classNames: dropdownClassname, ...otherDropdownProps } =\n    dropdownProps;\n\n  const close = () => instance.hide();\n\n  return (\n    <Tippy\n      interactive\n      animation={false}\n      arrow={false}\n      duration={0}\n      // hideOnClick determines whether the dropdown should be hidden when the user clicks outside of the dropdown.\n      // https://atomiks.github.io/tippyjs/v6/all-props/#hideonclick\n      hideOnClick={isControlled ? undefined : closeOnOutsideClick || \"toggle\"}\n      hideOnEsc={closeOnEsc}\n      maxWidth=\"none\"\n      offset={0}\n      placement={position || PLACEMENT.bottomEnd}\n      popperOptions={{ strategy, modifiers: dropdownModifiers }}\n      role=\"dropdown\"\n      theme=\"light\"\n      trigger={isControlled ? undefined : TRIGGERS[trigger]}\n      className={classnames(\"neeto-ui-dropdown\", {\n        [className]: className,\n      })}\n      content={\n        mounted ? (\n          <div\n            data-cy={`${hyphenize(label)}-dropdown-container`}\n            className={classnames(\"neeto-ui-dropdown__popup\", {\n              [dropdownClassname]: dropdownClassname,\n            })}\n            onClick={closeOnSelect ? close : noop}\n            {...otherDropdownProps}\n          >\n            {children}\n          </div>\n        ) : null\n      }\n      onCreate={instance => instance && setInstance(instance)}\n      onMount={() => setMounted(true)}\n      onHidden={() => {\n        onClose();\n        setMounted(false);\n      }}\n      {...{ plugins, ...otherProps, ...controlledProps }}\n    >\n      {customTarget ? (\n        <span {...{ onClick }}>\n          {typeof customTarget === \"function\" ? customTarget() : customTarget}\n        </span>\n      ) : (\n        <Button\n          {...{ label, onClick }}\n          data-cy={`${hyphenize(label)}-dropdown-icon`}\n          disabled={disabled || buttonProps?.disabled}\n          icon={icon || Down}\n          iconPosition=\"right\"\n          size={size ?? buttonSize}\n          style={style ?? buttonStyle}\n          {...buttonProps}\n        />\n      )}\n    </Tippy>\n  );\n};\n\nDropdown.Menu = Menu;\nDropdown.MenuItem = MenuItem;\nDropdown.Divider = Divider;\n\nDropdown.propTypes = {\n  /**\n   * To specify the icon to be rendered in the Dropdown target.\n   */\n  icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n  /**\n   * To specify the label for Dropdown target button.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify whether the Dropdown is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the action to be triggered on closing the Dropdown.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the triggering action for Dropdown.\n   */\n  trigger: PropTypes.oneOf(Object.keys(TRIGGERS)),\n  /**\n   * To specify the positioning strategy to use. By default, it is absolute, which in the simplest cases does not require repositioning of the Dropdown.\n   *\n   * If your reference element is in a fixed container, use the fixed strategy\n   */\n  strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n  /**\n   * To specify the classes to be passed to the Dropdown menu.\n   */\n  dropdownProps: PropTypes.object,\n  /**\n   * To specify the position of the Dropdown menu.\n   */\n  position: PropTypes.oneOf(Object.values(PLACEMENT)),\n  /**\n   * To specify the content to be rendered inside the Dropdown.\n   */\n  children: PropTypes.node,\n  /**\n   * To specify whether the Dropdown menu width needs to be set to auto or not.\n   */\n  autoWidth: PropTypes.bool,\n  /**\n   * To provide external classnames to Dropdown target wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To specify the size of the button to be rendered as the Dropdown target.\n   */\n  buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n  /**\n   * To specify the style of the button to be rendered as the Dropdown target.\n   */\n  buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * To specify the props to be passed to the Dropdown target button.\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * To provide a custom target to be rendered instead of the default button target.\n   */\n  customTarget: PropTypes.node,\n  /**\n   * To specify whether the Dropdown is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify whether the Dropdown should close on pressing esc key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the Dropdown should close on selecting an option.\n   */\n  closeOnSelect: PropTypes.bool,\n  /**\n   * To specify whether the Dropdown should close on clicking outside the Dropdown content. (will not have any effect if the component is controlled.)\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /**\n   * To provide custom modifiers to Dropdown component.\n   */\n  dropdownModifiers: PropTypes.array,\n  /**\n   * To specify whether the Dropdown should be multilevel.\n   */\n  isMultiLevel: PropTypes.bool,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `dropdownProps` props instead._\n   *\n   */\n  ulProps: PropTypes.object,\n  /**\n   * To specify the action that should be triggered when clicking outside of the controlled dropdown component.\n   */\n  onClickOutside: PropTypes.func,\n};\n\nexport default Dropdown;\n"],"names":["Divider","props","React","createElement","_extends","className","Menu","_ref","children","otherProps","_objectWithoutProperties","_excluded","classnames","MenuItem","tooltipProps","renderMenuItem","isPresent","Tooltip","ITEM_BTN_STYLES","danger","BUTTON_TYPES","button","reset","submit","MenuItemButton","forwardRef","ref","isActive","isDisabled","_ref$style","style","prefix","suffix","_ref$type","type","_ref$to","to","_ref$href","href","Parent","elementSpecificProps","Link","disabled","_objectSpread","displayName","Button","BTN_STYLES","primary","secondary","tertiary","danger_text","text","link","BTN_SIZES","small","medium","large","STRATEGY","absolute","fixed","PLACEMENT","auto","autoStart","autoEnd","top","topStart","topEnd","bottom","bottomStart","bottomEnd","right","rightStart","rightEnd","left","leftStart","leftEnd","TRIGGERS","click","hover","all","manual","hideOnEsc","name","defaultValue","fn","hide","onKeyDown","event","_event$key","key","toLowerCase","onShow","document","addEventListener","onHide","removeEventListener","plugins","Dropdown","_ref2","icon","label","isOpen","_ref2$onClose","onClose","noop","_ref2$dropdownProps","dropdownProps","_ref2$position","position","_ref2$buttonStyle","buttonStyle","_ref2$buttonSize","buttonSize","_ref2$buttonProps","buttonProps","_ref2$buttonProps2","size","customTarget","_ref2$disabled","_ref2$closeOnEsc","closeOnEsc","_ref2$closeOnSelect","closeOnSelect","_ref2$closeOnOutsideC","closeOnOutsideClick","_ref2$dropdownModifie","dropdownModifiers","_ref2$trigger","trigger","_ref2$strategy","strategy","onClick","_excluded2","_useState","useState","_useState2","_slicedToArray","instance","setInstance","_useState3","_useState4","mounted","setMounted","isControlled","isNil","controlledProps","visible","onClickOutside","dropdownClassname","classNames","otherDropdownProps","_excluded3","close","Tippy","interactive","animation","arrow","duration","hideOnClick","undefined","maxWidth","offset","placement","popperOptions","modifiers","role","theme","_defineProperty","content","concat","hyphenize","onCreate","onMount","onHidden","Down","iconPosition"],"mappings":"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"}

package/dist/cjs/Input.js

@@ -0,0 +1,164 @@
+'use strict';
+
+var defineProperty = require('./defineProperty-ee86604b.js');
+var _extends = require('./extends-1b35a664.js');
+var slicedToArray = require('./slicedToArray-732a2048.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var ramda = require('ramda');
+var useId = require('./useId-4e3deb5c.js');
+require('react-router-dom');
+require('./index-a8cc581e.js');
+require('./overlayManager.js');
+var index$1 = require('./index-68589e5c.js');
+var Label = require('./Label.js');
+require('./toPropertyKey-bfa2e465.js');
+require('./createClass-80e17c6a.js');
+require('./_commonjsHelpers-44e4a143.js');
+require('@bigbinary/neeto-cist');
+require('util');
+require('@bigbinary/neeto-icons');
+require('./index-0e68cfff.js');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex", "onBlur", "disableTrimOnBlur"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var SIZES = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref2, _otherProps$value;
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SIZES.medium : _ref$size,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "text" : _ref$type,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    _ref$suffix = _ref.suffix,
+    suffix = _ref$suffix === void 0 ? null : _ref$suffix,
+    _ref$prefix = _ref.prefix,
+    prefix = _ref$prefix === void 0 ? null : _ref$prefix,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$helpText = _ref.helpText,
+    helpText = _ref$helpText === void 0 ? "" : _ref$helpText,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$nakedInput = _ref.nakedInput,
+    nakedInput = _ref$nakedInput === void 0 ? false : _ref$nakedInput,
+    _ref$contentSize = _ref.contentSize,
+    contentSize = _ref$contentSize === void 0 ? null : _ref$contentSize,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    maxLength = _ref.maxLength,
+    _ref$unlimitedChars = _ref.unlimitedChars,
+    unlimitedChars = _ref$unlimitedChars === void 0 ? false : _ref$unlimitedChars,
+    labelProps = _ref.labelProps,
+    rejectCharsRegex = _ref.rejectCharsRegex,
+    onBlur = _ref.onBlur,
+    _ref$disableTrimOnBlu = _ref.disableTrimOnBlur,
+    disableTrimOnBlur = _ref$disableTrimOnBlu === void 0 ? false : _ref$disableTrimOnBlu,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(otherProps.value),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    valueInternal = _useState2[0],
+    setValueInternal = _useState2[1];
+  var id = useId.useId(otherProps.id);
+  var errorId = "error_".concat(id);
+  var helpTextId = "helpText_".concat(id);
+  var value = (_ref2 = (_otherProps$value = otherProps.value) !== null && _otherProps$value !== void 0 ? _otherProps$value : valueInternal) !== null && _ref2 !== void 0 ? _ref2 : "";
+  var valueLength = (value === null || value === void 0 ? void 0 : value.toString().length) || 0;
+  var isCharacterLimitVisible = valueLength >= maxLength * 0.85;
+  var maxLengthError = unlimitedChars && valueLength > maxLength;
+  var onChange = function onChange(e) {
+    var _otherProps$onChange;
+    if (!otherProps.onChange || !otherProps.value) {
+      setValueInternal(e.target.value);
+    }
+    (_otherProps$onChange = otherProps.onChange) === null || _otherProps$onChange === void 0 || _otherProps$onChange.call(otherProps, e);
+  };
+  var isMaxLengthPresent = !!maxLength || maxLength === 0;
+  var handleRegexChange = function handleRegexChange(e) {
+    var globalRegex = new RegExp(rejectCharsRegex, "g");
+    e.target.value = ramda.replace(globalRegex, "", e.target.value);
+    onChange(e);
+  };
+  var handleChange = rejectCharsRegex ? handleRegexChange : onChange;
+  var handleTrimmedChangeOnBlur = function handleTrimmedChangeOnBlur(e) {
+    if (disableTrimOnBlur || typeof value !== "string") return;
+    var trimmedValue = value.trim();
+    if (value === trimmedValue) return;
+    e.target.value = trimmedValue;
+    handleChange(e);
+  };
+  var handleOnBlur = function handleOnBlur(e) {
+    handleTrimmedChangeOnBlur(e);
+    onBlur === null || onBlur === void 0 || onBlur(e);
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames(["neeto-ui-input__wrapper", className])
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-input__label-wrapper"
+  }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends._extends({
+    required: required,
+    "data-cy": "".concat(index$1.hyphenize(label), "-input-label"),
+    htmlFor: id
+  }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: index.classnames("neeto-ui-input__max-length", {
+      "neeto-ui-input__max-length--error": maxLengthError
+    })
+  }, valueLength, "/", maxLength)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames("neeto-ui-input", {
+      "neeto-ui-input--naked": !!nakedInput,
+      "neeto-ui-input--error": !!error,
+      "neeto-ui-input--disabled": !!disabled,
+      "neeto-ui-input--small": size === "small",
+      "neeto-ui-input--medium": size === "medium",
+      "neeto-ui-input--large": size === "large"
+    })
+  }, prefix && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-input__prefix"
+  }, prefix), /*#__PURE__*/React__default["default"].createElement("input", _extends._extends({
+    "aria-invalid": !!error,
+    "data-cy": "".concat(index$1.hyphenize(label), "-input-field"),
+    size: contentSize,
+    "aria-describedby": index.classnames(defineProperty._defineProperty(defineProperty._defineProperty({}, errorId, !!error), helpTextId, helpText))
+  }, _objectSpread(_objectSpread(_objectSpread({
+    disabled: disabled,
+    id: id,
+    ref: ref,
+    required: required,
+    type: type
+  }, isMaxLengthPresent && !unlimitedChars && {
+    maxLength: maxLength
+  }), otherProps), {}, {
+    value: value
+  }), {
+    onBlur: handleOnBlur,
+    onChange: handleChange
+  })), suffix && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-input__suffix"
+  }, suffix)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(index$1.hyphenize(label), "-input-error"),
+    id: errorId
+  }, error), helpText && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "neeto-ui-input__help-text",
+    "data-cy": "".concat(index$1.hyphenize(label), "-input-help"),
+    id: helpTextId
+  }, helpText));
+});
+Input.displayName = "Input";
+
+module.exports = Input;
+//# sourceMappingURL=Input.js.map

package/dist/cjs/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../src/components/Input.jsx"],"sourcesContent":["import React, { useState, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { replace } from \"ramda\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst Input = forwardRef(\n  (\n    {\n      size = SIZES.medium,\n      type = \"text\",\n      label = \"\",\n      error = \"\",\n      suffix = null,\n      prefix = null,\n      disabled = false,\n      helpText = \"\",\n      className = \"\",\n      nakedInput = false,\n      contentSize = null,\n      required = false,\n      maxLength,\n      unlimitedChars = false,\n      labelProps,\n      rejectCharsRegex,\n      onBlur,\n      disableTrimOnBlur = false,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [valueInternal, setValueInternal] = useState(otherProps.value);\n    const id = useId(otherProps.id);\n\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    const value = otherProps.value ?? valueInternal ?? \"\";\n\n    const valueLength = value?.toString().length || 0;\n    const isCharacterLimitVisible = valueLength >= maxLength * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength;\n\n    const onChange = e => {\n      if (!otherProps.onChange || !otherProps.value) {\n        setValueInternal(e.target.value);\n      }\n      otherProps.onChange?.(e);\n    };\n\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n\n    const handleRegexChange = e => {\n      const globalRegex = new RegExp(rejectCharsRegex, \"g\");\n      e.target.value = replace(globalRegex, \"\", e.target.value);\n      onChange(e);\n    };\n\n    const handleChange = rejectCharsRegex ? handleRegexChange : onChange;\n\n    const handleTrimmedChangeOnBlur = e => {\n      if (disableTrimOnBlur || typeof value !== \"string\") return;\n\n      const trimmedValue = value.trim();\n      if (value === trimmedValue) return;\n\n      e.target.value = trimmedValue;\n      handleChange(e);\n    };\n\n    const handleOnBlur = e => {\n      handleTrimmedChangeOnBlur(e);\n      onBlur?.(e);\n    };\n\n    return (\n      <div className={classnames([\"neeto-ui-input__wrapper\", className])}>\n        <div className=\"neeto-ui-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(label)}-input-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n          {isCharacterLimitVisible && (\n            <p\n              className={classnames(\"neeto-ui-input__max-length\", {\n                \"neeto-ui-input__max-length--error\": maxLengthError,\n              })}\n            >\n              {valueLength}/{maxLength}\n            </p>\n          )}\n        </div>\n        <div\n          className={classnames(\"neeto-ui-input\", {\n            \"neeto-ui-input--naked\": !!nakedInput,\n            \"neeto-ui-input--error\": !!error,\n            \"neeto-ui-input--disabled\": !!disabled,\n            \"neeto-ui-input--small\": size === \"small\",\n            \"neeto-ui-input--medium\": size === \"medium\",\n            \"neeto-ui-input--large\": size === \"large\",\n          })}\n        >\n          {prefix && <div className=\"neeto-ui-input__prefix\">{prefix}</div>}\n          <input\n            aria-invalid={!!error}\n            data-cy={`${hyphenize(label)}-input-field`}\n            size={contentSize}\n            aria-describedby={classnames({\n              [errorId]: !!error,\n              [helpTextId]: helpText,\n            })}\n            {...{\n              disabled,\n              id,\n              ref,\n              required,\n              type,\n              ...(isMaxLengthPresent && !unlimitedChars && { maxLength }),\n              ...otherProps,\n              value,\n            }}\n            onBlur={handleOnBlur}\n            onChange={handleChange}\n          />\n          {suffix && <div className=\"neeto-ui-input__suffix\">{suffix}</div>}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(label)}-input-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n        {helpText && (\n          <p\n            className=\"neeto-ui-input__help-text\"\n            data-cy={`${hyphenize(label)}-input-help`}\n            id={helpTextId}\n          >\n            {helpText}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nInput.propTypes = {\n  /**\n   * To specify a unique ID to the Input component.\n   */\n  id: PropTypes.string,\n  /**\n   * To specify the size of Input.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the type of Input field.\n   */\n  type: 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 a maximum character limit to the Input. Charater limit is visible only if the Input value is greater than or equal to 85% of the maximum character limit.\n   */\n  maxLength: PropTypes.number,\n  /**\n   * To be used along with maxLength prop. When set to true the character limit will not be enforced and character count will be shown in error state if the character limit is exceeded.\n   */\n  unlimitedChars: PropTypes.bool,\n  /**\n   * To specify the text to be displayed above the Input.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the error message to be shown in the Input field.\n   */\n  error: PropTypes.string,\n  /**\n   * To specify the content to be added at the end of the Input field.\n   */\n  suffix: PropTypes.node,\n  /**\n   * To specify the content to be added at the beginning of the Input field.\n   */\n  prefix: PropTypes.node,\n  /**\n   * To specify whether the Input field is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the text that appears below the Input field.\n   */\n  helpText: PropTypes.string,\n  /**\n   * To specify external classNames that can be provided as overrides to the main wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To create an Input field without any borders.\n   */\n  nakedInput: PropTypes.bool,\n  /**\n   * To specify the value to be passed as size attribute to the Input field.\n   */\n  contentSize: PropTypes.number,\n  /**\n   * To specify whether the Input field is required or not.\n   */\n  required: PropTypes.bool,\n  /**\n   * To specify a regex to be matched against the user input. Any character that matches it\n   * cannot be input by the user. It will also prevent such characters from being pasted into the input.\n   */\n  rejectCharsRegex: PropTypes.instanceOf(RegExp),\n  /**\n   * To disable leading and trailing white spaces onBlur.\n   */\n  disableTrimOnBlur: PropTypes.bool,\n};\n\nexport default Input;\n"],"names":["SIZES","small","medium","large","Input","forwardRef","_ref","ref","_ref2","_otherProps$value","_ref$size","size","_ref$type","type","_ref$label","label","_ref$error","error","_ref$suffix","suffix","_ref$prefix","prefix","_ref$disabled","disabled","_ref$helpText","helpText","_ref$className","className","_ref$nakedInput","nakedInput","_ref$contentSize","contentSize","_ref$required","required","maxLength","_ref$unlimitedChars","unlimitedChars","labelProps","rejectCharsRegex","onBlur","_ref$disableTrimOnBlu","disableTrimOnBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","value","_useState2","_slicedToArray","valueInternal","setValueInternal","id","useId","errorId","concat","helpTextId","valueLength","toString","length","isCharacterLimitVisible","maxLengthError","onChange","e","_otherProps$onChange","target","call","isMaxLengthPresent","handleRegexChange","globalRegex","RegExp","replace","handleChange","handleTrimmedChangeOnBlur","trimmedValue","trim","handleOnBlur","React","createElement","classnames","Label","_extends","hyphenize","htmlFor","_defineProperty","_objectSpread","displayName"],"mappings":"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"}

package/dist/cjs/Kbd.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var Tooltip = require('./index-0e68cfff.js');
+require('./slicedToArray-732a2048.js');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["keyName", "className", "tooltipProps"];
+var Kbd = function Kbd(_ref) {
+  var keyName = _ref.keyName,
+    className = _ref.className,
+    tooltipProps = _ref.tooltipProps,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, _extends._extends({
+    disabled: !tooltipProps
+  }, tooltipProps), /*#__PURE__*/React__default["default"].createElement("span", _extends._extends({
+    className: index.classnames(["neeto-ui-kbd", className])
+  }, otherProps), keyName));
+};
+
+module.exports = Kbd;
+//# sourceMappingURL=Kbd.js.map

package/dist/cjs/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","sources":["../../src/components/Kbd.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Tooltip from \"./Tooltip\";\n\nconst Kbd = ({ keyName, className, tooltipProps, ...otherProps }) => (\n  <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n    <span className={classnames([\"neeto-ui-kbd\", className])} {...otherProps}>\n      {keyName}\n    </span>\n  </Tooltip>\n);\n\nKbd.propTypes = {\n  /**\n   * To specify keyboard key\n   */\n  keyName: PropTypes.string,\n  /**\n   * To provide additional class names to the Kbd.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n};\n\nexport default Kbd;\n"],"names":["Kbd","_ref","keyName","className","tooltipProps","otherProps","_objectWithoutProperties","_excluded","React","createElement","Tooltip","_extends","disabled","classnames"],"mappings":";;;;;;;;;;;;;;;AAOA,IAAMA,GAAG,GAAG,SAANA,GAAGA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;AAAKC,IAAAA,UAAU,GAAAC,gDAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC5DC,yBAAA,CAAAC,aAAA,CAACC,eAAO,EAAAC,iBAAA,CAAA;AAACC,IAAAA,QAAQ,EAAE,CAACR,YAAAA;AAAa,GAAA,EAAKA,YAAY,CAChDI,eAAAA,yBAAA,CAAAC,aAAA,SAAAE,iBAAA,CAAA;AAAMR,IAAAA,SAAS,EAAEU,gBAAU,CAAC,CAAC,cAAc,EAAEV,SAAS,CAAC,CAAA;AAAE,GAAA,EAAKE,UAAU,CAAA,EACrEH,OAAO,CACH,CACC,CAAA;AAAA;;;;"}