@bigbinary/neetoui 6.5.9 → 6.5.11-beta

package/dist/Accordion.js

@@ -0,0 +1,152 @@
+import { _ as _defineProperty } from './defineProperty-e5245270.js';
+import { _ as _slicedToArray } from './slicedToArray-45fa766e.js';
+import React__default, { useState, useEffect } from 'react';
+import { c as classnames } from './index-3659771d.js';
+import { isEmpty } from 'ramda';
+import { _ as _extends } from './extends-093996c9.js';
+import { AnimatePresence, motion } from 'framer-motion';
+import { Right } from '@bigbinary/neeto-icons';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import './toPropertyKey-bdc24cb9.js';
+
+var _excluded = ["open", "children", "className"];
+var Collapse = function Collapse(_ref) {
+  var _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement(AnimatePresence, null, open && /*#__PURE__*/React__default.createElement(motion.div, _extends({
+    animate: {
+      opacity: 1,
+      height: "auto"
+    },
+    exit: {
+      opacity: 0,
+      height: 0
+    },
+    initial: {
+      opacity: 0,
+      height: 0,
+      overflow: "hidden"
+    },
+    transition: {
+      duration: 0.3
+    }
+  }, otherProps), /*#__PURE__*/React__default.createElement("div", {
+    className: className
+  }, children)));
+};
+
+var Item = function Item(_ref) {
+  var id = _ref.id,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$titleProps = _ref.titleProps,
+    titleProps = _ref$titleProps === void 0 ? {} : _ref$titleProps,
+    _ref$iconProps = _ref.iconProps,
+    iconProps = _ref$iconProps === void 0 ? {} : _ref$iconProps;
+  var onKeyDown = function onKeyDown(e) {
+    switch (e.key) {
+      case " ":
+      case "Enter":
+        onClick();
+        break;
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames("neeto-ui-accordion__wrapper", _defineProperty({}, className, className))
+  }, /*#__PURE__*/React__default.createElement("div", {
+    onClick: onClick,
+    onKeyDown: onKeyDown,
+    "aria-controls": "neeto-ui-accordion-section-".concat(id),
+    "aria-disabled": isOpen,
+    "aria-expanded": isOpen,
+    id: "neeto-ui-accordion-item-".concat(id),
+    role: "button",
+    tabIndex: 0,
+    className: classnames("neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center", {
+      "neeto-ui-accordion__item--open": isOpen
+    })
+  }, /*#__PURE__*/React__default.createElement("div", _extends({}, titleProps, {
+    className: "neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words"
+  }), title), /*#__PURE__*/React__default.createElement(motion.div, {
+    animate: isOpen ? "open" : "collapsed",
+    className: "neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0",
+    transition: {
+      duration: 0.3
+    },
+    variants: {
+      open: {
+        rotate: 90
+      },
+      collapsed: {
+        rotate: 0
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement(Right, _extends({
+    size: 16
+  }, iconProps)))), /*#__PURE__*/React__default.createElement(Collapse, {
+    "aria-labelledby": "neeto-ui-accordion-item-".concat(id),
+    className: "neeto-ui-accordion__drop",
+    id: "neeto-ui-accordion-section-".concat(id),
+    open: isOpen,
+    role: "region"
+  }, children));
+};
+Item.displayName = "Accordion.Item";
+
+var ACCORDION_STYLES = {
+  primary: "primary",
+  secondary: "secondary"
+};
+var Accordion = function Accordion(_ref) {
+  var children = _ref.children,
+    _ref$defaultActiveKey = _ref.defaultActiveKey,
+    defaultActiveKey = _ref$defaultActiveKey === void 0 ? null : _ref$defaultActiveKey,
+    _ref$padded = _ref.padded,
+    padded = _ref$padded === void 0 ? false : _ref$padded,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? ACCORDION_STYLES.primary : _ref$style,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  var _useState = useState(defaultActiveKey),
+    _useState2 = _slicedToArray(_useState, 2),
+    openTab = _useState2[0],
+    setOpenTab = _useState2[1];
+  useEffect(function () {
+    setOpenTab(defaultActiveKey);
+  }, [defaultActiveKey]);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames("neeto-ui-accordions-outer-wrapper", _defineProperty({
+      "neeto-ui-accordions-outer-wrapper--padded": padded,
+      "neeto-ui-accordions-outer-wrapper--secondary": style === ACCORDION_STYLES.secondary
+    }, className, className))
+  }, React__default.Children.map(children, function (child, index) {
+    var isSingleOrLastChild = isEmpty(children) || index === children.length - 1;
+    return /*#__PURE__*/React__default.cloneElement(child, {
+      id: index,
+      key: index,
+      isOpen: openTab === index,
+      className: classnames(child.props.className, {
+        "neeto-ui-accordion__wrapper--last-item": isSingleOrLastChild
+      }),
+      onClick: function onClick() {
+        setOpenTab(openTab === index ? null : index);
+        child.props.onClick && child.props.onClick();
+      }
+    });
+  }));
+};
+Accordion.Item = Item;
+
+export { Accordion as default };
+//# sourceMappingURL=Accordion.js.map

package/dist/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../src/components/Accordion/Collapse.jsx","../src/components/Accordion/Item.jsx","../src/components/Accordion/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\n\nconst Collapse = ({\n  open = false,\n  children,\n  className = \"\",\n  ...otherProps\n}) => (\n  <AnimatePresence>\n    {open && (\n      <motion.div\n        animate={{ opacity: 1, height: \"auto\" }}\n        exit={{ opacity: 0, height: 0 }}\n        initial={{ opacity: 0, height: 0, overflow: \"hidden\" }}\n        transition={{ duration: 0.3 }}\n        {...otherProps}\n      >\n        <div className={className}>{children}</div>\n      </motion.div>\n    )}\n  </AnimatePresence>\n);\n\nexport default Collapse;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport { Right } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Collapse from \"./Collapse\";\n\nconst Item = ({\n  id,\n  title = \"\",\n  isOpen = false,\n  onClick = () => {},\n  children,\n  className = \"\",\n  titleProps = {},\n  iconProps = {},\n}) => {\n  const onKeyDown = e => {\n    switch (e.key) {\n      case \" \":\n      case \"Enter\":\n        onClick();\n        break;\n      default:\n    }\n  };\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-accordion__wrapper\", {\n        [className]: className,\n      })}\n    >\n      <div\n        {...{ onClick, onKeyDown }}\n        aria-controls={`neeto-ui-accordion-section-${id}`}\n        aria-disabled={isOpen}\n        aria-expanded={isOpen}\n        id={`neeto-ui-accordion-item-${id}`}\n        role=\"button\"\n        tabIndex={0}\n        className={classnames(\n          \"neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center\",\n          { \"neeto-ui-accordion__item--open\": isOpen }\n        )}\n      >\n        <div\n          {...titleProps}\n          className=\"neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words\"\n        >\n          {title}\n        </div>\n        <motion.div\n          animate={isOpen ? \"open\" : \"collapsed\"}\n          className=\"neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0\"\n          transition={{ duration: 0.3 }}\n          variants={{ open: { rotate: 90 }, collapsed: { rotate: 0 } }}\n        >\n          <Right size={16} {...iconProps} />\n        </motion.div>\n      </div>\n      <Collapse\n        aria-labelledby={`neeto-ui-accordion-item-${id}`}\n        className=\"neeto-ui-accordion__drop\"\n        id={`neeto-ui-accordion-section-${id}`}\n        open={isOpen}\n        role=\"region\"\n      >\n        {children}\n      </Collapse>\n    </div>\n  );\n};\n\nItem.displayName = \"Accordion.Item\";\n\nItem.propTypes = {\n  /**\n   * To specify a unique ID to the AccordionItem.\n   */\n  id: PropTypes.number,\n  /**\n   * To add title to the AccordionItem.\n   */\n  title: PropTypes.string,\n  /**\n   * To specify whether the Accordion item is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the action to be triggered on click of the AccordionItem.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the AccordionItem.\n   */\n  children: PropTypes.node,\n  /**\n   * To pass props to Accordion title.\n   */\n  titleProps: PropTypes.object,\n  /**\n   * To pass props to Accordion toggle icon.\n   */\n  iconProps: PropTypes.object,\n  /**\n   * To provide external classnames to Accordion item.\n   */\n  className: PropTypes.string,\n};\n\nexport default Item;\n","import React, { useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Item from \"./Item\";\n\nconst ACCORDION_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n};\n\nconst Accordion = ({\n  children,\n  defaultActiveKey = null,\n  padded = false,\n  style = ACCORDION_STYLES.primary,\n  className = \"\",\n}) => {\n  const [openTab, setOpenTab] = useState(defaultActiveKey);\n\n  useEffect(() => {\n    setOpenTab(defaultActiveKey);\n  }, [defaultActiveKey]);\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-accordions-outer-wrapper\", {\n        \"neeto-ui-accordions-outer-wrapper--padded\": padded,\n        \"neeto-ui-accordions-outer-wrapper--secondary\":\n          style === ACCORDION_STYLES.secondary,\n        [className]: className,\n      })}\n    >\n      {React.Children.map(children, (child, index) => {\n        const isSingleOrLastChild =\n          isEmpty(children) || index === children.length - 1;\n\n        return React.cloneElement(child, {\n          id: index,\n          key: index,\n          isOpen: openTab === index,\n          className: classnames(child.props.className, {\n            \"neeto-ui-accordion__wrapper--last-item\": isSingleOrLastChild,\n          }),\n          onClick: () => {\n            setOpenTab(openTab === index ? null : index);\n            child.props.onClick && child.props.onClick();\n          },\n        });\n      })}\n    </div>\n  );\n};\n\nAccordion.propTypes = {\n  /**\n   * To specify the content to be rendered inside the Accordion.\n   */\n  children: PropTypes.node,\n  /**\n   * To set the style of the Accordion.\n   */\n  style: PropTypes.oneOf(Object.values(ACCORDION_STYLES)),\n  /**\n   * To add padding to the Accordion container.\n   */\n  padded: PropTypes.bool,\n  /**\n   * Index of the Accordion item to be opened initially.\n   */\n  defaultActiveKey: PropTypes.number,\n  /**\n   * To provide external classnames to Accordion container.\n   */\n  className: PropTypes.string,\n};\n\nAccordion.Item = Item;\n\nexport default Accordion;\n"],"names":["Collapse","_ref","_ref$open","open","children","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","React","createElement","AnimatePresence","motion","div","_extends","animate","opacity","height","exit","initial","overflow","transition","duration","Item","id","_ref$title","title","_ref$isOpen","isOpen","_ref$onClick","onClick","_ref$titleProps","titleProps","_ref$iconProps","iconProps","onKeyDown","e","key","classnames","_defineProperty","concat","role","tabIndex","variants","rotate","collapsed","Right","size","displayName","ACCORDION_STYLES","primary","secondary","Accordion","_ref$defaultActiveKey","defaultActiveKey","_ref$padded","padded","_ref$style","style","_useState","useState","_useState2","_slicedToArray","openTab","setOpenTab","useEffect","Children","map","child","index","isSingleOrLastChild","isEmpty","length","cloneElement","props"],"mappings":"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"}

package/dist/ActionDropdown.js

@@ -0,0 +1,75 @@
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import React__default from 'react';
+import { c as classnames } from './index-3659771d.js';
+import { n as noop } from './index-c8d9113c.js';
+import Button from './Button.js';
+import Dropdown from './Dropdown.js';
+import './slicedToArray-45fa766e.js';
+import './createClass-601a36b2.js';
+import './toPropertyKey-bdc24cb9.js';
+import '@bigbinary/neeto-cist';
+import 'util';
+import 'ramda';
+import './defineProperty-e5245270.js';
+import 'framer-motion';
+import 'react-router-dom';
+import './index-c442518b.js';
+import 'tippy.js';
+import 'react-dom';
+import '@bigbinary/neeto-icons';
+
+var _excluded = ["style", "size"];
+var BTN_STYLES = {
+  primary: "primary",
+  secondary: "secondary"
+};
+var BTN_SIZES = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+var ActionDropdown = function ActionDropdown(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$buttonStyle = _ref.buttonStyle,
+    buttonStyle = _ref$buttonStyle === void 0 ? BTN_STYLES.primary : _ref$buttonStyle,
+    _ref$buttonSize = _ref.buttonSize,
+    buttonSize = _ref$buttonSize === void 0 ? BTN_SIZES.medium : _ref$buttonSize,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? noop : _ref$onClick,
+    _ref$buttonProps = _ref.buttonProps,
+    _ref$buttonProps2 = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
+    style = _ref$buttonProps2.style,
+    size = _ref$buttonProps2.size,
+    buttonProps = _objectWithoutProperties(_ref$buttonProps2, _excluded),
+    _ref$dropdownProps = _ref.dropdownProps,
+    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    children = _ref.children;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(["neeto-ui-action-dropdown", className])
+  }, /*#__PURE__*/React__default.createElement(Button, _extends({
+    "data-testid": "action-dropdown-btn",
+    disabled: disabled,
+    label: label,
+    size: size !== null && size !== void 0 ? size : buttonSize,
+    style: style !== null && style !== void 0 ? style : buttonStyle,
+    onClick: onClick
+  }, buttonProps)), /*#__PURE__*/React__default.createElement(Dropdown, _extends({
+    buttonProps: {
+      size: size !== null && size !== void 0 ? size : buttonSize
+    },
+    buttonStyle: style !== null && style !== void 0 ? style : buttonStyle,
+    disabled: disabled
+  }, dropdownProps), children));
+};
+ActionDropdown.Menu = Dropdown.Menu;
+ActionDropdown.MenuItem = Dropdown.MenuItem;
+ActionDropdown.Divider = Dropdown.Divider;
+
+export { ActionDropdown as default };
+//# sourceMappingURL=ActionDropdown.js.map

package/dist/ActionDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionDropdown.js","sources":["../src/components/ActionDropdown.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { noop } from \"utils\";\n\nimport Button from \"./Button\";\nimport Dropdown from \"./Dropdown\";\n\nconst BTN_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n};\n\nconst BTN_SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n};\n\nconst ActionDropdown = ({\n  label = \"\",\n  buttonStyle = BTN_STYLES.primary,\n  buttonSize = BTN_SIZES.medium,\n  disabled = false,\n  onClick = noop,\n  buttonProps: { style, size, ...buttonProps } = {},\n  dropdownProps = {},\n  className = \"\",\n  children,\n}) => (\n  <div className={classnames([\"neeto-ui-action-dropdown\", className])}>\n    <Button\n      data-testid=\"action-dropdown-btn\"\n      disabled={disabled}\n      label={label}\n      size={size ?? buttonSize}\n      style={style ?? buttonStyle}\n      onClick={onClick}\n      {...buttonProps}\n    />\n    <Dropdown\n      buttonProps={{ size: size ?? buttonSize }}\n      buttonStyle={style ?? buttonStyle}\n      disabled={disabled}\n      {...dropdownProps}\n    >\n      {children}\n    </Dropdown>\n  </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n  /**\n   * To specify the text to be displayed inside the button.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the style of the button to be rendered as the ActionDropdown target.\n   */\n  buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * To specify the size of the ActionDropdown.\n   */\n  buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n  /**\n   * To specify whether the ActionDropdown is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the action to be triggered on click of the button.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the props to be passed to the action button and Dropdown target button.\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the Dropdown target.\n   */\n  dropdownProps: PropTypes.object,\n  /**\n   * To provide external classnames to ActionDropdown target wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Dropdown.\n   */\n  children: PropTypes.node,\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 `buttonStyle` prop instead._\n   */\n  style: PropTypes.oneOf(Object.values(BTN_STYLES)),\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 `buttonSize` prop instead._\n   */\n  size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","secondary","BTN_SIZES","small","medium","large","ActionDropdown","_ref","_ref$label","label","_ref$buttonStyle","buttonStyle","_ref$buttonSize","buttonSize","_ref$disabled","disabled","_ref$onClick","onClick","noop","_ref$buttonProps","buttonProps","_ref$buttonProps2","style","size","_objectWithoutProperties","_excluded","_ref$dropdownProps","dropdownProps","_ref$className","className","children","React","createElement","classnames","Button","_extends","Dropdown","Menu","MenuItem","Divider"],"mappings":"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"}

package/dist/Alert.js

@@ -0,0 +1,112 @@
+import { _ as _extends } from './extends-093996c9.js';
+import React__default, { useRef } from 'react';
+import Button from './Button.js';
+import Modal from './Modal.js';
+import Typography from './Typography.js';
+import './defineProperty-e5245270.js';
+import './toPropertyKey-bdc24cb9.js';
+import './objectWithoutProperties-a0edb288.js';
+import './index-3659771d.js';
+import 'framer-motion';
+import 'react-router-dom';
+import './index-c442518b.js';
+import './slicedToArray-45fa766e.js';
+import 'tippy.js';
+import 'react-dom';
+import '@bigbinary/neeto-icons';
+import './useOverlayManager-95a474d5.js';
+import './index-283bc6a6.js';
+import 'ramda';
+import './index-7fae3611.js';
+import './overlayManager.js';
+import './createClass-601a36b2.js';
+import './index-c8d9113c.js';
+import '@bigbinary/neeto-cist';
+import 'util';
+
+var SIZES = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+var FOCUSABLE_ELEMENTS = {
+  submit: "submit",
+  cancel: "cancel"
+};
+var Alert = function Alert(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SIZES.medium : _ref$size,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$isSubmitting = _ref.isSubmitting,
+    isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$closeOnEsc = _ref.closeOnEsc,
+    closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+    _ref$closeButton = _ref.closeButton,
+    closeButton = _ref$closeButton === void 0 ? true : _ref$closeButton,
+    _ref$backdropClassNam = _ref.backdropClassName,
+    backdropClassName = _ref$backdropClassNam === void 0 ? "" : _ref$backdropClassNam,
+    _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
+    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
+    _ref$onSubmit = _ref.onSubmit,
+    onSubmit = _ref$onSubmit === void 0 ? function () {} : _ref$onSubmit,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$message = _ref.message,
+    message = _ref$message === void 0 ? "" : _ref$message,
+    _ref$submitButtonLabe = _ref.submitButtonLabel,
+    submitButtonLabel = _ref$submitButtonLabe === void 0 ? "Continue" : _ref$submitButtonLabe,
+    _ref$cancelButtonLabe = _ref.cancelButtonLabel,
+    cancelButtonLabel = _ref$cancelButtonLabe === void 0 ? "Cancel" : _ref$cancelButtonLabe,
+    initialFocusRef = _ref.initialFocusRef,
+    initialFocusElement = _ref.initialFocusElement,
+    _ref$hideCancelButton = _ref.hideCancelButton,
+    hideCancelButton = _ref$hideCancelButton === void 0 ? false : _ref$hideCancelButton;
+  var submitButtonRef = useRef(null);
+  var cancelButtonRef = useRef(null);
+  var hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;
+  var initialFocusElementRef = initialFocusElement === FOCUSABLE_ELEMENTS.submit ? submitButtonRef : cancelButtonRef;
+  return /*#__PURE__*/React__default.createElement(Modal, _extends({
+    backdropClassName: backdropClassName,
+    className: className,
+    closeButton: closeButton,
+    closeOnEsc: closeOnEsc,
+    closeOnOutsideClick: closeOnOutsideClick,
+    isOpen: isOpen,
+    onClose: onClose,
+    size: size,
+    "data-cy": "alert-box"
+  }, hasCustomFocusableElement && {
+    initialFocusRef: initialFocusRef || initialFocusElementRef
+  }), /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
+    "data-cy": "alert-title",
+    style: "h2"
+  }, title)), /*#__PURE__*/React__default.createElement(Modal.Body, null, /*#__PURE__*/React__default.createElement(Typography, {
+    "data-cy": "alert-message",
+    lineHeight: "normal",
+    style: "body2"
+  }, message)), /*#__PURE__*/React__default.createElement(Modal.Footer, {
+    className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center"
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    "data-cy": "alert-submit-button",
+    disabled: !isOpen,
+    label: submitButtonLabel,
+    loading: isSubmitting,
+    ref: submitButtonRef,
+    style: "danger",
+    onClick: onSubmit
+  }), !hideCancelButton && /*#__PURE__*/React__default.createElement(Button, {
+    "data-cy": "alert-cancel-button",
+    label: cancelButtonLabel,
+    ref: cancelButtonRef,
+    style: "text",
+    onClick: onClose
+  })));
+};
+
+export { Alert as default };
+//# sourceMappingURL=Alert.js.map

package/dist/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n  size = SIZES.medium,\n  isOpen = false,\n  isSubmitting = false,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  onClose = () => {},\n  onSubmit = () => {},\n  title = \"\",\n  message = \"\",\n  submitButtonLabel = \"Continue\",\n  cancelButtonLabel = \"Cancel\",\n  initialFocusRef,\n  initialFocusElement,\n  hideCancelButton = false,\n}) => {\n  const submitButtonRef = useRef(null);\n  const cancelButtonRef = useRef(null);\n\n  const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n  const initialFocusElementRef =\n    initialFocusElement === FOCUSABLE_ELEMENTS.submit\n      ? submitButtonRef\n      : cancelButtonRef;\n\n  return (\n    <Modal\n      {...{\n        backdropClassName,\n        className,\n        closeButton,\n        closeOnEsc,\n        closeOnOutsideClick,\n        isOpen,\n        onClose,\n        size,\n      }}\n      data-cy=\"alert-box\"\n      {...(hasCustomFocusableElement && {\n        initialFocusRef: initialFocusRef || initialFocusElementRef,\n      })}\n    >\n      <Modal.Header>\n        <Typography data-cy=\"alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n          {message}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center\">\n        <Button\n          data-cy=\"alert-submit-button\"\n          disabled={!isOpen}\n          label={submitButtonLabel}\n          loading={isSubmitting}\n          ref={submitButtonRef}\n          style=\"danger\"\n          onClick={onSubmit}\n        />\n        {!hideCancelButton && (\n          <Button\n            data-cy=\"alert-cancel-button\"\n            label={cancelButtonLabel}\n            ref={cancelButtonRef}\n            style=\"text\"\n            onClick={onClose}\n          />\n        )}\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nAlert.propTypes = {\n  /**\n   * To specify the size of the Alert.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Alert is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Alert is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the callback which will be invoked when the Alert is submitted.\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * To provide title to the Alert.\n   */\n  title: PropTypes.string,\n  /**\n   * To provide description to the Alert.\n   */\n  message: PropTypes.node,\n  /**\n   * To add loading state to submit button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To provide external classNames to the Alert.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Alert on pressing the `Esc` key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Alert should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To provide label to the submit button.\n   */\n  submitButtonLabel: PropTypes.string,\n  /**\n   * To provide label to the cancel button.\n   */\n  cancelButtonLabel: PropTypes.string,\n  /**\n   * To add custom classes to Backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Alert content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /**\n   * To specify the ref of the element which will receive focus when the Alert is opened.\n   * If not specified, the focus will be set to the submit button inside the Alert.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * To specify the element which will receive focus when the Alert is opened.\n   */\n  initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n  /**\n   * To hide the cancel button\n   */\n  hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","large","FOCUSABLE_ELEMENTS","submit","cancel","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","React","createElement","Modal","_extends","Header","Typography","style","Body","lineHeight","Footer","Button","disabled","label","loading","ref","onClick"],"mappings":"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"}

package/dist/Avatar.js

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

package/dist/Avatar.js.map

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