@bigbinary/neetoui 6.5.7 → 6.5.9-beta

package/dist/index.js

@@ -0,0 +1,4403 @@
+import { _ as _objectWithoutProperties, a as _extends, c as classnames, b as _defineProperty, d as _slicedToArray, T as Tooltip, i as index$1, h as hyphenize, n as noop, l as lib, e as convertToDayjsObjects, A as ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, f as commonjsGlobal, g as dayjs, j as Typography, k as buildUrl, U as UniqueArray } from './Typography-3bf740f3.js';
+export { T as Tooltip, j as Typography } from './Typography-3bf740f3.js';
+import * as React from 'react';
+import React__default, { useState, useEffect, forwardRef, useRef, useMemo, useCallback } from 'react';
+import { isEmpty, isNil, mergeLeft, move, has, equals, props, all, includes, __, pluck, assoc } from 'ramda';
+import { AnimatePresence, motion } from 'framer-motion';
+import { Right, Down, Focus, Left, Calendar, Close, Clock, UpArrow, DownArrow, MenuHorizontal, Check, CheckCircle, Warning, CloseCircle, Info } from '@bigbinary/neeto-icons';
+import { B as Button, _ as _asyncToGenerator, r as regenerator, u as useId, a as useSyncedRef, L as Label, b as _toConsumableArray, c as useOverlayManager, d as useOverlay, P as Portal, C as CSSTransition, e as Backdrop } from './TreeSelect-af6d4145.js';
+export { A as Alert, B as Button, f as Checkbox, I as Input, L as Label, g as Modal, M as MultiEmailInput, R as Radio, S as Select, l as Slider, h as Spinner, i as Switch, T as Tag, j as Textarea, k as TreeSelect } from './TreeSelect-af6d4145.js';
+import { isPresent, isNotPresent, noop as noop$1, snakeToCamelCase, camelToSnakeCase, isNotEmpty, modifyBy, dynamicArray } from '@bigbinary/neeto-cist';
+import { Link, useLocation, useHistory, NavLink } from 'react-router-dom';
+export { A as Avatar } from './index-f5a4691b.js';
+import { HexColorInput, HexAlphaColorPicker, HexColorPicker } from 'react-colorful';
+import _ConfigProvider from 'antd/lib/config-provider';
+import _DatePicker from 'antd/lib/date-picker';
+import './overlayManager-4d5be56b.js';
+import TimeRangePicker from '@wojtekmaj/react-timerange-picker';
+import TimePicker$1 from 'react-time-picker';
+import _Table from 'antd/lib/table';
+import ReactDragListView from 'react-drag-listview';
+import { Resizable } from 'react-resizable';
+import { _ as _typeof } from './createClass-27bd48bc.js';
+import { t } from 'i18next';
+import { Slide, toast } from 'react-toastify';
+import { Options, options, tokenize } from 'linkifyjs';
+import _Tree from 'antd/lib/tree';
+import 'util';
+import 'tippy.js';
+import 'react-dom';
+import 'react-select/creatable';
+import 'react-select';
+import 'react-select/async';
+import 'react-select/async-creatable';
+import 'antd/lib/slider';
+import 'antd/lib/tree-select';
+import 'boring-avatars';
+
+var _excluded$l = ["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$l);
+  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$1 = 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$1.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$1;
+
+var Divider = function Divider(props) {
+  return /*#__PURE__*/React__default.createElement("li", _extends({
+    className: "neeto-ui-dropdown__popup-divider"
+  }, props));
+};
+
+var _excluded$k = ["children", "className"];
+var Menu$1 = function Menu(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    otherProps = _objectWithoutProperties(_ref, _excluded$k);
+  return /*#__PURE__*/React__default.createElement("ul", _extends({
+    className: classnames("neeto-ui-dropdown__popup-menu", className)
+  }, otherProps), children);
+};
+
+var _excluded$j = ["children", "className", "tooltipProps"];
+var MenuItem$1 = function MenuItem(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    tooltipProps = _ref.tooltipProps,
+    otherProps = _objectWithoutProperties(_ref, _excluded$j);
+  var renderMenuItem = function renderMenuItem() {
+    return /*#__PURE__*/React__default.createElement("li", _extends({
+      className: classnames("neeto-ui-dropdown__popup-menu-item", className)
+    }, otherProps), children);
+  };
+  if (isPresent(tooltipProps)) {
+    return /*#__PURE__*/React__default.createElement(Tooltip, tooltipProps, renderMenuItem());
+  }
+  return renderMenuItem();
+};
+
+var _excluded$i = ["children", "className", "isActive", "isDisabled", "style", "prefix", "suffix", "type", "to", "href", "tooltipProps"];
+function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(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__*/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(_ref, _excluded$i);
+  var Parent, elementSpecificProps;
+  if (to) {
+    Parent = Link;
+    elementSpecificProps = {
+      to: to
+    };
+  } else if (href) {
+    Parent = "a";
+    elementSpecificProps = {
+      href: href
+    };
+  } else {
+    Parent = "button";
+    elementSpecificProps = {
+      type: type
+    };
+  }
+  return /*#__PURE__*/React__default.createElement(MenuItem$1, {
+    tooltipProps: tooltipProps
+  }, /*#__PURE__*/React__default.createElement(Parent, _extends({
+    disabled: isDisabled,
+    className: 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$c(_objectSpread$c({
+    ref: ref
+  }, otherProps), elementSpecificProps)), prefix && /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-dropdown__popup-menu-item-btn__prefix"
+  }, prefix), children, suffix && /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-dropdown__popup-menu-item-btn__suffix"
+  }, suffix)));
+});
+MenuItemButton.displayName = "MenuItemButton";
+
+MenuItem$1.Button = MenuItemButton;
+
+var _excluded$h = ["style", "size"],
+  _excluded2$1 = ["icon", "label", "isOpen", "onClose", "dropdownProps", "position", "children", "className", "buttonStyle", "buttonSize", "buttonProps", "customTarget", "disabled", "closeOnEsc", "closeOnSelect", "closeOnOutsideClick", "dropdownModifiers", "trigger", "strategy", "onClick"],
+  _excluded3 = ["classNames"];
+function ownKeys$b(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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var BTN_STYLES$1 = {
+  primary: "primary",
+  secondary: "secondary",
+  tertiary: "tertiary",
+  danger: "danger",
+  danger_text: "danger-text",
+  text: "text",
+  link: "link"
+};
+var BTN_SIZES$1 = {
+  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 ? 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$1.primary : _ref2$buttonStyle,
+    _ref2$buttonSize = _ref2.buttonSize,
+    buttonSize = _ref2$buttonSize === void 0 ? BTN_SIZES$1.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(_ref2$buttonProps2, _excluded$h),
+    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(_ref2, _excluded2$1);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    instance = _useState2[0],
+    setInstance = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    mounted = _useState4[0],
+    setMounted = _useState4[1];
+  var isControlled = !isNil(isOpen);
+  var controlledProps = isControlled ? {
+    visible: isOpen
+  } : {
+    onClickOutside: function onClickOutside() {
+      return closeOnOutsideClick;
+    }
+  };
+  var dropdownClassname = dropdownProps.classNames,
+    otherDropdownProps = _objectWithoutProperties(dropdownProps, _excluded3);
+  var close = function close() {
+    return instance.hide();
+  };
+  return /*#__PURE__*/React__default.createElement(index$1, _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: classnames("neeto-ui-dropdown", _defineProperty({}, className, className)),
+    content: mounted ? /*#__PURE__*/React__default.createElement("div", _extends({
+      "data-cy": "".concat(hyphenize(label), "-dropdown-container"),
+      className: classnames("neeto-ui-dropdown__popup", _defineProperty({}, dropdownClassname, dropdownClassname)),
+      onClick: closeOnSelect ? close : 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$b(_objectSpread$b({
+    plugins: plugins
+  }, otherProps), controlledProps)), customTarget ? /*#__PURE__*/React__default.createElement("span", {
+    onClick: onClick
+  }, typeof customTarget === "function" ? customTarget() : customTarget) : /*#__PURE__*/React__default.createElement(Button, _extends({
+    label: label,
+    onClick: onClick,
+    "data-cy": "".concat(hyphenize(label), "-dropdown-icon"),
+    disabled: disabled || (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled),
+    icon: icon || Down,
+    iconPosition: "right",
+    size: size !== null && size !== void 0 ? size : buttonSize,
+    style: style !== null && style !== void 0 ? style : buttonStyle
+  }, buttonProps)));
+};
+Dropdown.Menu = Menu$1;
+Dropdown.MenuItem = MenuItem$1;
+Dropdown.Divider = Divider;
+
+var _excluded$g = ["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$g),
+    _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;
+
+function ownKeys$a(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$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useQueryParams = function useQueryParams() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var location = useLocation();
+  return lib.parse(location.search, _objectSpread$a({
+    ignoreQueryPrefix: true
+  }, options));
+};
+
+var useTimeout = function useTimeout(callback, delay) {
+  var savedCallback = useRef(callback);
+  useEffect(function () {
+    savedCallback.current = callback;
+  }, [callback]);
+  useEffect(function () {
+    if (delay === null) {
+      return undefined;
+    }
+    var id = setTimeout(function () {
+      return savedCallback.current();
+    }, delay);
+    return function () {
+      return clearTimeout(id);
+    };
+  }, [delay]);
+};
+
+var _excluded$f = ["icon", "style", "className", "children"];
+var STYLES = {
+  info: "info",
+  warning: "warning",
+  danger: "danger",
+  success: "success"
+};
+var Callout = function Callout(_ref) {
+  var _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? null : _ref$icon,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? STYLES.info : _ref$style,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    children = _ref.children,
+    otherProps = _objectWithoutProperties(_ref, _excluded$f);
+  var Icon = icon;
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    className: classnames("neeto-ui-callout", _defineProperty({
+      "neeto-ui-callout--info": style === STYLES.info,
+      "neeto-ui-callout--warning": style === STYLES.warning,
+      "neeto-ui-callout--danger": style === STYLES.danger,
+      "neeto-ui-callout--success": style === STYLES.success
+    }, className, className))
+  }, otherProps), icon && /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-callout__icon",
+    "data-testid": "callout-icon"
+  }, /*#__PURE__*/React__default.createElement(Icon, null)), children);
+};
+
+var tinycolor$1 = {exports: {}};
+
+(function (module) {
+	// TinyColor v1.4.2
+	// https://github.com/bgrins/TinyColor
+	// Brian Grinstead, MIT License
+
+	(function(Math) {
+
+	var trimLeft = /^\s+/,
+	    trimRight = /\s+$/,
+	    tinyCounter = 0,
+	    mathRound = Math.round,
+	    mathMin = Math.min,
+	    mathMax = Math.max,
+	    mathRandom = Math.random;
+
+	function tinycolor (color, opts) {
+
+	    color = (color) ? color : '';
+	    opts = opts || { };
+
+	    // If input is already a tinycolor, return itself
+	    if (color instanceof tinycolor) {
+	       return color;
+	    }
+	    // If we are called as a function, call using new instead
+	    if (!(this instanceof tinycolor)) {
+	        return new tinycolor(color, opts);
+	    }
+
+	    var rgb = inputToRGB(color);
+	    this._originalInput = color,
+	    this._r = rgb.r,
+	    this._g = rgb.g,
+	    this._b = rgb.b,
+	    this._a = rgb.a,
+	    this._roundA = mathRound(100*this._a) / 100,
+	    this._format = opts.format || rgb.format;
+	    this._gradientType = opts.gradientType;
+
+	    // Don't let the range of [0,255] come back in [0,1].
+	    // Potentially lose a little bit of precision here, but will fix issues where
+	    // .5 gets interpreted as half of the total, instead of half of 1
+	    // If it was supposed to be 128, this was already taken care of by `inputToRgb`
+	    if (this._r < 1) { this._r = mathRound(this._r); }
+	    if (this._g < 1) { this._g = mathRound(this._g); }
+	    if (this._b < 1) { this._b = mathRound(this._b); }
+
+	    this._ok = rgb.ok;
+	    this._tc_id = tinyCounter++;
+	}
+
+	tinycolor.prototype = {
+	    isDark: function() {
+	        return this.getBrightness() < 128;
+	    },
+	    isLight: function() {
+	        return !this.isDark();
+	    },
+	    isValid: function() {
+	        return this._ok;
+	    },
+	    getOriginalInput: function() {
+	      return this._originalInput;
+	    },
+	    getFormat: function() {
+	        return this._format;
+	    },
+	    getAlpha: function() {
+	        return this._a;
+	    },
+	    getBrightness: function() {
+	        //http://www.w3.org/TR/AERT#color-contrast
+	        var rgb = this.toRgb();
+	        return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
+	    },
+	    getLuminance: function() {
+	        //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
+	        var rgb = this.toRgb();
+	        var RsRGB, GsRGB, BsRGB, R, G, B;
+	        RsRGB = rgb.r/255;
+	        GsRGB = rgb.g/255;
+	        BsRGB = rgb.b/255;
+
+	        if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);}
+	        if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);}
+	        if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);}
+	        return (0.2126 * R) + (0.7152 * G) + (0.0722 * B);
+	    },
+	    setAlpha: function(value) {
+	        this._a = boundAlpha(value);
+	        this._roundA = mathRound(100*this._a) / 100;
+	        return this;
+	    },
+	    toHsv: function() {
+	        var hsv = rgbToHsv(this._r, this._g, this._b);
+	        return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a };
+	    },
+	    toHsvString: function() {
+	        var hsv = rgbToHsv(this._r, this._g, this._b);
+	        var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100);
+	        return (this._a == 1) ?
+	          "hsv("  + h + ", " + s + "%, " + v + "%)" :
+	          "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")";
+	    },
+	    toHsl: function() {
+	        var hsl = rgbToHsl(this._r, this._g, this._b);
+	        return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a };
+	    },
+	    toHslString: function() {
+	        var hsl = rgbToHsl(this._r, this._g, this._b);
+	        var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100);
+	        return (this._a == 1) ?
+	          "hsl("  + h + ", " + s + "%, " + l + "%)" :
+	          "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")";
+	    },
+	    toHex: function(allow3Char) {
+	        return rgbToHex(this._r, this._g, this._b, allow3Char);
+	    },
+	    toHexString: function(allow3Char) {
+	        return '#' + this.toHex(allow3Char);
+	    },
+	    toHex8: function(allow4Char) {
+	        return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);
+	    },
+	    toHex8String: function(allow4Char) {
+	        return '#' + this.toHex8(allow4Char);
+	    },
+	    toRgb: function() {
+	        return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a };
+	    },
+	    toRgbString: function() {
+	        return (this._a == 1) ?
+	          "rgb("  + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" :
+	          "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")";
+	    },
+	    toPercentageRgb: function() {
+	        return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a };
+	    },
+	    toPercentageRgbString: function() {
+	        return (this._a == 1) ?
+	          "rgb("  + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" :
+	          "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
+	    },
+	    toName: function() {
+	        if (this._a === 0) {
+	            return "transparent";
+	        }
+
+	        if (this._a < 1) {
+	            return false;
+	        }
+
+	        return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
+	    },
+	    toFilter: function(secondColor) {
+	        var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a);
+	        var secondHex8String = hex8String;
+	        var gradientType = this._gradientType ? "GradientType = 1, " : "";
+
+	        if (secondColor) {
+	            var s = tinycolor(secondColor);
+	            secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a);
+	        }
+
+	        return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")";
+	    },
+	    toString: function(format) {
+	        var formatSet = !!format;
+	        format = format || this._format;
+
+	        var formattedString = false;
+	        var hasAlpha = this._a < 1 && this._a >= 0;
+	        var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name");
+
+	        if (needsAlphaFormat) {
+	            // Special case for "transparent", all other non-alpha formats
+	            // will return rgba when there is transparency.
+	            if (format === "name" && this._a === 0) {
+	                return this.toName();
+	            }
+	            return this.toRgbString();
+	        }
+	        if (format === "rgb") {
+	            formattedString = this.toRgbString();
+	        }
+	        if (format === "prgb") {
+	            formattedString = this.toPercentageRgbString();
+	        }
+	        if (format === "hex" || format === "hex6") {
+	            formattedString = this.toHexString();
+	        }
+	        if (format === "hex3") {
+	            formattedString = this.toHexString(true);
+	        }
+	        if (format === "hex4") {
+	            formattedString = this.toHex8String(true);
+	        }
+	        if (format === "hex8") {
+	            formattedString = this.toHex8String();
+	        }
+	        if (format === "name") {
+	            formattedString = this.toName();
+	        }
+	        if (format === "hsl") {
+	            formattedString = this.toHslString();
+	        }
+	        if (format === "hsv") {
+	            formattedString = this.toHsvString();
+	        }
+
+	        return formattedString || this.toHexString();
+	    },
+	    clone: function() {
+	        return tinycolor(this.toString());
+	    },
+
+	    _applyModification: function(fn, args) {
+	        var color = fn.apply(null, [this].concat([].slice.call(args)));
+	        this._r = color._r;
+	        this._g = color._g;
+	        this._b = color._b;
+	        this.setAlpha(color._a);
+	        return this;
+	    },
+	    lighten: function() {
+	        return this._applyModification(lighten, arguments);
+	    },
+	    brighten: function() {
+	        return this._applyModification(brighten, arguments);
+	    },
+	    darken: function() {
+	        return this._applyModification(darken, arguments);
+	    },
+	    desaturate: function() {
+	        return this._applyModification(desaturate, arguments);
+	    },
+	    saturate: function() {
+	        return this._applyModification(saturate, arguments);
+	    },
+	    greyscale: function() {
+	        return this._applyModification(greyscale, arguments);
+	    },
+	    spin: function() {
+	        return this._applyModification(spin, arguments);
+	    },
+
+	    _applyCombination: function(fn, args) {
+	        return fn.apply(null, [this].concat([].slice.call(args)));
+	    },
+	    analogous: function() {
+	        return this._applyCombination(analogous, arguments);
+	    },
+	    complement: function() {
+	        return this._applyCombination(complement, arguments);
+	    },
+	    monochromatic: function() {
+	        return this._applyCombination(monochromatic, arguments);
+	    },
+	    splitcomplement: function() {
+	        return this._applyCombination(splitcomplement, arguments);
+	    },
+	    triad: function() {
+	        return this._applyCombination(triad, arguments);
+	    },
+	    tetrad: function() {
+	        return this._applyCombination(tetrad, arguments);
+	    }
+	};
+
+	// If input is an object, force 1 into "1.0" to handle ratios properly
+	// String input requires "1.0" as input, so 1 will be treated as 1
+	tinycolor.fromRatio = function(color, opts) {
+	    if (typeof color == "object") {
+	        var newColor = {};
+	        for (var i in color) {
+	            if (color.hasOwnProperty(i)) {
+	                if (i === "a") {
+	                    newColor[i] = color[i];
+	                }
+	                else {
+	                    newColor[i] = convertToPercentage(color[i]);
+	                }
+	            }
+	        }
+	        color = newColor;
+	    }
+
+	    return tinycolor(color, opts);
+	};
+
+	// Given a string or object, convert that input to RGB
+	// Possible string inputs:
+	//
+	//     "red"
+	//     "#f00" or "f00"
+	//     "#ff0000" or "ff0000"
+	//     "#ff000000" or "ff000000"
+	//     "rgb 255 0 0" or "rgb (255, 0, 0)"
+	//     "rgb 1.0 0 0" or "rgb (1, 0, 0)"
+	//     "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
+	//     "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
+	//     "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
+	//     "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
+	//     "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
+	//
+	function inputToRGB(color) {
+
+	    var rgb = { r: 0, g: 0, b: 0 };
+	    var a = 1;
+	    var s = null;
+	    var v = null;
+	    var l = null;
+	    var ok = false;
+	    var format = false;
+
+	    if (typeof color == "string") {
+	        color = stringInputToObject(color);
+	    }
+
+	    if (typeof color == "object") {
+	        if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
+	            rgb = rgbToRgb(color.r, color.g, color.b);
+	            ok = true;
+	            format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
+	        }
+	        else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
+	            s = convertToPercentage(color.s);
+	            v = convertToPercentage(color.v);
+	            rgb = hsvToRgb(color.h, s, v);
+	            ok = true;
+	            format = "hsv";
+	        }
+	        else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
+	            s = convertToPercentage(color.s);
+	            l = convertToPercentage(color.l);
+	            rgb = hslToRgb(color.h, s, l);
+	            ok = true;
+	            format = "hsl";
+	        }
+
+	        if (color.hasOwnProperty("a")) {
+	            a = color.a;
+	        }
+	    }
+
+	    a = boundAlpha(a);
+
+	    return {
+	        ok: ok,
+	        format: color.format || format,
+	        r: mathMin(255, mathMax(rgb.r, 0)),
+	        g: mathMin(255, mathMax(rgb.g, 0)),
+	        b: mathMin(255, mathMax(rgb.b, 0)),
+	        a: a
+	    };
+	}
+
+
+	// Conversion Functions
+	// --------------------
+
+	// `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:
+	// <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
+
+	// `rgbToRgb`
+	// Handle bounds / percentage checking to conform to CSS color spec
+	// <http://www.w3.org/TR/css3-color/>
+	// *Assumes:* r, g, b in [0, 255] or [0, 1]
+	// *Returns:* { r, g, b } in [0, 255]
+	function rgbToRgb(r, g, b){
+	    return {
+	        r: bound01(r, 255) * 255,
+	        g: bound01(g, 255) * 255,
+	        b: bound01(b, 255) * 255
+	    };
+	}
+
+	// `rgbToHsl`
+	// Converts an RGB color value to HSL.
+	// *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
+	// *Returns:* { h, s, l } in [0,1]
+	function rgbToHsl(r, g, b) {
+
+	    r = bound01(r, 255);
+	    g = bound01(g, 255);
+	    b = bound01(b, 255);
+
+	    var max = mathMax(r, g, b), min = mathMin(r, g, b);
+	    var h, s, l = (max + min) / 2;
+
+	    if(max == min) {
+	        h = s = 0; // achromatic
+	    }
+	    else {
+	        var d = max - min;
+	        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+	        switch(max) {
+	            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
+	            case g: h = (b - r) / d + 2; break;
+	            case b: h = (r - g) / d + 4; break;
+	        }
+
+	        h /= 6;
+	    }
+
+	    return { h: h, s: s, l: l };
+	}
+
+	// `hslToRgb`
+	// Converts an HSL color value to RGB.
+	// *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
+	// *Returns:* { r, g, b } in the set [0, 255]
+	function hslToRgb(h, s, l) {
+	    var r, g, b;
+
+	    h = bound01(h, 360);
+	    s = bound01(s, 100);
+	    l = bound01(l, 100);
+
+	    function hue2rgb(p, q, t) {
+	        if(t < 0) t += 1;
+	        if(t > 1) t -= 1;
+	        if(t < 1/6) return p + (q - p) * 6 * t;
+	        if(t < 1/2) return q;
+	        if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
+	        return p;
+	    }
+
+	    if(s === 0) {
+	        r = g = b = l; // achromatic
+	    }
+	    else {
+	        var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+	        var p = 2 * l - q;
+	        r = hue2rgb(p, q, h + 1/3);
+	        g = hue2rgb(p, q, h);
+	        b = hue2rgb(p, q, h - 1/3);
+	    }
+
+	    return { r: r * 255, g: g * 255, b: b * 255 };
+	}
+
+	// `rgbToHsv`
+	// Converts an RGB color value to HSV
+	// *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
+	// *Returns:* { h, s, v } in [0,1]
+	function rgbToHsv(r, g, b) {
+
+	    r = bound01(r, 255);
+	    g = bound01(g, 255);
+	    b = bound01(b, 255);
+
+	    var max = mathMax(r, g, b), min = mathMin(r, g, b);
+	    var h, s, v = max;
+
+	    var d = max - min;
+	    s = max === 0 ? 0 : d / max;
+
+	    if(max == min) {
+	        h = 0; // achromatic
+	    }
+	    else {
+	        switch(max) {
+	            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
+	            case g: h = (b - r) / d + 2; break;
+	            case b: h = (r - g) / d + 4; break;
+	        }
+	        h /= 6;
+	    }
+	    return { h: h, s: s, v: v };
+	}
+
+	// `hsvToRgb`
+	// Converts an HSV color value to RGB.
+	// *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
+	// *Returns:* { r, g, b } in the set [0, 255]
+	 function hsvToRgb(h, s, v) {
+
+	    h = bound01(h, 360) * 6;
+	    s = bound01(s, 100);
+	    v = bound01(v, 100);
+
+	    var i = Math.floor(h),
+	        f = h - i,
+	        p = v * (1 - s),
+	        q = v * (1 - f * s),
+	        t = v * (1 - (1 - f) * s),
+	        mod = i % 6,
+	        r = [v, q, p, p, t, v][mod],
+	        g = [t, v, v, q, p, p][mod],
+	        b = [p, p, t, v, v, q][mod];
+
+	    return { r: r * 255, g: g * 255, b: b * 255 };
+	}
+
+	// `rgbToHex`
+	// Converts an RGB color to hex
+	// Assumes r, g, and b are contained in the set [0, 255]
+	// Returns a 3 or 6 character hex
+	function rgbToHex(r, g, b, allow3Char) {
+
+	    var hex = [
+	        pad2(mathRound(r).toString(16)),
+	        pad2(mathRound(g).toString(16)),
+	        pad2(mathRound(b).toString(16))
+	    ];
+
+	    // Return a 3 character hex if possible
+	    if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) {
+	        return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
+	    }
+
+	    return hex.join("");
+	}
+
+	// `rgbaToHex`
+	// Converts an RGBA color plus alpha transparency to hex
+	// Assumes r, g, b are contained in the set [0, 255] and
+	// a in [0, 1]. Returns a 4 or 8 character rgba hex
+	function rgbaToHex(r, g, b, a, allow4Char) {
+
+	    var hex = [
+	        pad2(mathRound(r).toString(16)),
+	        pad2(mathRound(g).toString(16)),
+	        pad2(mathRound(b).toString(16)),
+	        pad2(convertDecimalToHex(a))
+	    ];
+
+	    // Return a 4 character hex if possible
+	    if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) {
+	        return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
+	    }
+
+	    return hex.join("");
+	}
+
+	// `rgbaToArgbHex`
+	// Converts an RGBA color to an ARGB Hex8 string
+	// Rarely used, but required for "toFilter()"
+	function rgbaToArgbHex(r, g, b, a) {
+
+	    var hex = [
+	        pad2(convertDecimalToHex(a)),
+	        pad2(mathRound(r).toString(16)),
+	        pad2(mathRound(g).toString(16)),
+	        pad2(mathRound(b).toString(16))
+	    ];
+
+	    return hex.join("");
+	}
+
+	// `equals`
+	// Can be called with any tinycolor input
+	tinycolor.equals = function (color1, color2) {
+	    if (!color1 || !color2) { return false; }
+	    return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
+	};
+
+	tinycolor.random = function() {
+	    return tinycolor.fromRatio({
+	        r: mathRandom(),
+	        g: mathRandom(),
+	        b: mathRandom()
+	    });
+	};
+
+
+	// Modification Functions
+	// ----------------------
+	// Thanks to less.js for some of the basics here
+	// <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js>
+
+	function desaturate(color, amount) {
+	    amount = (amount === 0) ? 0 : (amount || 10);
+	    var hsl = tinycolor(color).toHsl();
+	    hsl.s -= amount / 100;
+	    hsl.s = clamp01(hsl.s);
+	    return tinycolor(hsl);
+	}
+
+	function saturate(color, amount) {
+	    amount = (amount === 0) ? 0 : (amount || 10);
+	    var hsl = tinycolor(color).toHsl();
+	    hsl.s += amount / 100;
+	    hsl.s = clamp01(hsl.s);
+	    return tinycolor(hsl);
+	}
+
+	function greyscale(color) {
+	    return tinycolor(color).desaturate(100);
+	}
+
+	function lighten (color, amount) {
+	    amount = (amount === 0) ? 0 : (amount || 10);
+	    var hsl = tinycolor(color).toHsl();
+	    hsl.l += amount / 100;
+	    hsl.l = clamp01(hsl.l);
+	    return tinycolor(hsl);
+	}
+
+	function brighten(color, amount) {
+	    amount = (amount === 0) ? 0 : (amount || 10);
+	    var rgb = tinycolor(color).toRgb();
+	    rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100))));
+	    rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100))));
+	    rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100))));
+	    return tinycolor(rgb);
+	}
+
+	function darken (color, amount) {
+	    amount = (amount === 0) ? 0 : (amount || 10);
+	    var hsl = tinycolor(color).toHsl();
+	    hsl.l -= amount / 100;
+	    hsl.l = clamp01(hsl.l);
+	    return tinycolor(hsl);
+	}
+
+	// Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
+	// Values outside of this range will be wrapped into this range.
+	function spin(color, amount) {
+	    var hsl = tinycolor(color).toHsl();
+	    var hue = (hsl.h + amount) % 360;
+	    hsl.h = hue < 0 ? 360 + hue : hue;
+	    return tinycolor(hsl);
+	}
+
+	// Combination Functions
+	// ---------------------
+	// Thanks to jQuery xColor for some of the ideas behind these
+	// <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js>
+
+	function complement(color) {
+	    var hsl = tinycolor(color).toHsl();
+	    hsl.h = (hsl.h + 180) % 360;
+	    return tinycolor(hsl);
+	}
+
+	function triad(color) {
+	    var hsl = tinycolor(color).toHsl();
+	    var h = hsl.h;
+	    return [
+	        tinycolor(color),
+	        tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }),
+	        tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l })
+	    ];
+	}
+
+	function tetrad(color) {
+	    var hsl = tinycolor(color).toHsl();
+	    var h = hsl.h;
+	    return [
+	        tinycolor(color),
+	        tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }),
+	        tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }),
+	        tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l })
+	    ];
+	}
+
+	function splitcomplement(color) {
+	    var hsl = tinycolor(color).toHsl();
+	    var h = hsl.h;
+	    return [
+	        tinycolor(color),
+	        tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}),
+	        tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l})
+	    ];
+	}
+
+	function analogous(color, results, slices) {
+	    results = results || 6;
+	    slices = slices || 30;
+
+	    var hsl = tinycolor(color).toHsl();
+	    var part = 360 / slices;
+	    var ret = [tinycolor(color)];
+
+	    for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) {
+	        hsl.h = (hsl.h + part) % 360;
+	        ret.push(tinycolor(hsl));
+	    }
+	    return ret;
+	}
+
+	function monochromatic(color, results) {
+	    results = results || 6;
+	    var hsv = tinycolor(color).toHsv();
+	    var h = hsv.h, s = hsv.s, v = hsv.v;
+	    var ret = [];
+	    var modification = 1 / results;
+
+	    while (results--) {
+	        ret.push(tinycolor({ h: h, s: s, v: v}));
+	        v = (v + modification) % 1;
+	    }
+
+	    return ret;
+	}
+
+	// Utility Functions
+	// ---------------------
+
+	tinycolor.mix = function(color1, color2, amount) {
+	    amount = (amount === 0) ? 0 : (amount || 50);
+
+	    var rgb1 = tinycolor(color1).toRgb();
+	    var rgb2 = tinycolor(color2).toRgb();
+
+	    var p = amount / 100;
+
+	    var rgba = {
+	        r: ((rgb2.r - rgb1.r) * p) + rgb1.r,
+	        g: ((rgb2.g - rgb1.g) * p) + rgb1.g,
+	        b: ((rgb2.b - rgb1.b) * p) + rgb1.b,
+	        a: ((rgb2.a - rgb1.a) * p) + rgb1.a
+	    };
+
+	    return tinycolor(rgba);
+	};
+
+
+	// Readability Functions
+	// ---------------------
+	// <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2)
+
+	// `contrast`
+	// Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2)
+	tinycolor.readability = function(color1, color2) {
+	    var c1 = tinycolor(color1);
+	    var c2 = tinycolor(color2);
+	    return (Math.max(c1.getLuminance(),c2.getLuminance())+0.05) / (Math.min(c1.getLuminance(),c2.getLuminance())+0.05);
+	};
+
+	// `isReadable`
+	// Ensure that foreground and background color combinations meet WCAG2 guidelines.
+	// The third argument is an optional Object.
+	//      the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA';
+	//      the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'.
+	// If the entire object is absent, isReadable defaults to {level:"AA",size:"small"}.
+
+	// *Example*
+	//    tinycolor.isReadable("#000", "#111") => false
+	//    tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false
+	tinycolor.isReadable = function(color1, color2, wcag2) {
+	    var readability = tinycolor.readability(color1, color2);
+	    var wcag2Parms, out;
+
+	    out = false;
+
+	    wcag2Parms = validateWCAG2Parms(wcag2);
+	    switch (wcag2Parms.level + wcag2Parms.size) {
+	        case "AAsmall":
+	        case "AAAlarge":
+	            out = readability >= 4.5;
+	            break;
+	        case "AAlarge":
+	            out = readability >= 3;
+	            break;
+	        case "AAAsmall":
+	            out = readability >= 7;
+	            break;
+	    }
+	    return out;
+
+	};
+
+	// `mostReadable`
+	// Given a base color and a list of possible foreground or background
+	// colors for that base, returns the most readable color.
+	// Optionally returns Black or White if the most readable color is unreadable.
+	// *Example*
+	//    tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255"
+	//    tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString();  // "#ffffff"
+	//    tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3"
+	//    tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff"
+	tinycolor.mostReadable = function(baseColor, colorList, args) {
+	    var bestColor = null;
+	    var bestScore = 0;
+	    var readability;
+	    var includeFallbackColors, level, size ;
+	    args = args || {};
+	    includeFallbackColors = args.includeFallbackColors ;
+	    level = args.level;
+	    size = args.size;
+
+	    for (var i= 0; i < colorList.length ; i++) {
+	        readability = tinycolor.readability(baseColor, colorList[i]);
+	        if (readability > bestScore) {
+	            bestScore = readability;
+	            bestColor = tinycolor(colorList[i]);
+	        }
+	    }
+
+	    if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) {
+	        return bestColor;
+	    }
+	    else {
+	        args.includeFallbackColors=false;
+	        return tinycolor.mostReadable(baseColor,["#fff", "#000"],args);
+	    }
+	};
+
+
+	// Big List of Colors
+	// ------------------
+	// <http://www.w3.org/TR/css3-color/#svg-color>
+	var names = tinycolor.names = {
+	    aliceblue: "f0f8ff",
+	    antiquewhite: "faebd7",
+	    aqua: "0ff",
+	    aquamarine: "7fffd4",
+	    azure: "f0ffff",
+	    beige: "f5f5dc",
+	    bisque: "ffe4c4",
+	    black: "000",
+	    blanchedalmond: "ffebcd",
+	    blue: "00f",
+	    blueviolet: "8a2be2",
+	    brown: "a52a2a",
+	    burlywood: "deb887",
+	    burntsienna: "ea7e5d",
+	    cadetblue: "5f9ea0",
+	    chartreuse: "7fff00",
+	    chocolate: "d2691e",
+	    coral: "ff7f50",
+	    cornflowerblue: "6495ed",
+	    cornsilk: "fff8dc",
+	    crimson: "dc143c",
+	    cyan: "0ff",
+	    darkblue: "00008b",
+	    darkcyan: "008b8b",
+	    darkgoldenrod: "b8860b",
+	    darkgray: "a9a9a9",
+	    darkgreen: "006400",
+	    darkgrey: "a9a9a9",
+	    darkkhaki: "bdb76b",
+	    darkmagenta: "8b008b",
+	    darkolivegreen: "556b2f",
+	    darkorange: "ff8c00",
+	    darkorchid: "9932cc",
+	    darkred: "8b0000",
+	    darksalmon: "e9967a",
+	    darkseagreen: "8fbc8f",
+	    darkslateblue: "483d8b",
+	    darkslategray: "2f4f4f",
+	    darkslategrey: "2f4f4f",
+	    darkturquoise: "00ced1",
+	    darkviolet: "9400d3",
+	    deeppink: "ff1493",
+	    deepskyblue: "00bfff",
+	    dimgray: "696969",
+	    dimgrey: "696969",
+	    dodgerblue: "1e90ff",
+	    firebrick: "b22222",
+	    floralwhite: "fffaf0",
+	    forestgreen: "228b22",
+	    fuchsia: "f0f",
+	    gainsboro: "dcdcdc",
+	    ghostwhite: "f8f8ff",
+	    gold: "ffd700",
+	    goldenrod: "daa520",
+	    gray: "808080",
+	    green: "008000",
+	    greenyellow: "adff2f",
+	    grey: "808080",
+	    honeydew: "f0fff0",
+	    hotpink: "ff69b4",
+	    indianred: "cd5c5c",
+	    indigo: "4b0082",
+	    ivory: "fffff0",
+	    khaki: "f0e68c",
+	    lavender: "e6e6fa",
+	    lavenderblush: "fff0f5",
+	    lawngreen: "7cfc00",
+	    lemonchiffon: "fffacd",
+	    lightblue: "add8e6",
+	    lightcoral: "f08080",
+	    lightcyan: "e0ffff",
+	    lightgoldenrodyellow: "fafad2",
+	    lightgray: "d3d3d3",
+	    lightgreen: "90ee90",
+	    lightgrey: "d3d3d3",
+	    lightpink: "ffb6c1",
+	    lightsalmon: "ffa07a",
+	    lightseagreen: "20b2aa",
+	    lightskyblue: "87cefa",
+	    lightslategray: "789",
+	    lightslategrey: "789",
+	    lightsteelblue: "b0c4de",
+	    lightyellow: "ffffe0",
+	    lime: "0f0",
+	    limegreen: "32cd32",
+	    linen: "faf0e6",
+	    magenta: "f0f",
+	    maroon: "800000",
+	    mediumaquamarine: "66cdaa",
+	    mediumblue: "0000cd",
+	    mediumorchid: "ba55d3",
+	    mediumpurple: "9370db",
+	    mediumseagreen: "3cb371",
+	    mediumslateblue: "7b68ee",
+	    mediumspringgreen: "00fa9a",
+	    mediumturquoise: "48d1cc",
+	    mediumvioletred: "c71585",
+	    midnightblue: "191970",
+	    mintcream: "f5fffa",
+	    mistyrose: "ffe4e1",
+	    moccasin: "ffe4b5",
+	    navajowhite: "ffdead",
+	    navy: "000080",
+	    oldlace: "fdf5e6",
+	    olive: "808000",
+	    olivedrab: "6b8e23",
+	    orange: "ffa500",
+	    orangered: "ff4500",
+	    orchid: "da70d6",
+	    palegoldenrod: "eee8aa",
+	    palegreen: "98fb98",
+	    paleturquoise: "afeeee",
+	    palevioletred: "db7093",
+	    papayawhip: "ffefd5",
+	    peachpuff: "ffdab9",
+	    peru: "cd853f",
+	    pink: "ffc0cb",
+	    plum: "dda0dd",
+	    powderblue: "b0e0e6",
+	    purple: "800080",
+	    rebeccapurple: "663399",
+	    red: "f00",
+	    rosybrown: "bc8f8f",
+	    royalblue: "4169e1",
+	    saddlebrown: "8b4513",
+	    salmon: "fa8072",
+	    sandybrown: "f4a460",
+	    seagreen: "2e8b57",
+	    seashell: "fff5ee",
+	    sienna: "a0522d",
+	    silver: "c0c0c0",
+	    skyblue: "87ceeb",
+	    slateblue: "6a5acd",
+	    slategray: "708090",
+	    slategrey: "708090",
+	    snow: "fffafa",
+	    springgreen: "00ff7f",
+	    steelblue: "4682b4",
+	    tan: "d2b48c",
+	    teal: "008080",
+	    thistle: "d8bfd8",
+	    tomato: "ff6347",
+	    turquoise: "40e0d0",
+	    violet: "ee82ee",
+	    wheat: "f5deb3",
+	    white: "fff",
+	    whitesmoke: "f5f5f5",
+	    yellow: "ff0",
+	    yellowgreen: "9acd32"
+	};
+
+	// Make it easy to access colors via `hexNames[hex]`
+	var hexNames = tinycolor.hexNames = flip(names);
+
+
+	// Utilities
+	// ---------
+
+	// `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }`
+	function flip(o) {
+	    var flipped = { };
+	    for (var i in o) {
+	        if (o.hasOwnProperty(i)) {
+	            flipped[o[i]] = i;
+	        }
+	    }
+	    return flipped;
+	}
+
+	// Return a valid alpha value [0,1] with all invalid values being set to 1
+	function boundAlpha(a) {
+	    a = parseFloat(a);
+
+	    if (isNaN(a) || a < 0 || a > 1) {
+	        a = 1;
+	    }
+
+	    return a;
+	}
+
+	// Take input from [0, n] and return it as [0, 1]
+	function bound01(n, max) {
+	    if (isOnePointZero(n)) { n = "100%"; }
+
+	    var processPercent = isPercentage(n);
+	    n = mathMin(max, mathMax(0, parseFloat(n)));
+
+	    // Automatically convert percentage into number
+	    if (processPercent) {
+	        n = parseInt(n * max, 10) / 100;
+	    }
+
+	    // Handle floating point rounding errors
+	    if ((Math.abs(n - max) < 0.000001)) {
+	        return 1;
+	    }
+
+	    // Convert into [0, 1] range if it isn't already
+	    return (n % max) / parseFloat(max);
+	}
+
+	// Force a number between 0 and 1
+	function clamp01(val) {
+	    return mathMin(1, mathMax(0, val));
+	}
+
+	// Parse a base-16 hex value into a base-10 integer
+	function parseIntFromHex(val) {
+	    return parseInt(val, 16);
+	}
+
+	// Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
+	// <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
+	function isOnePointZero(n) {
+	    return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1;
+	}
+
+	// Check to see if string passed in is a percentage
+	function isPercentage(n) {
+	    return typeof n === "string" && n.indexOf('%') != -1;
+	}
+
+	// Force a hex value to have 2 characters
+	function pad2(c) {
+	    return c.length == 1 ? '0' + c : '' + c;
+	}
+
+	// Replace a decimal with it's percentage value
+	function convertToPercentage(n) {
+	    if (n <= 1) {
+	        n = (n * 100) + "%";
+	    }
+
+	    return n;
+	}
+
+	// Converts a decimal to a hex value
+	function convertDecimalToHex(d) {
+	    return Math.round(parseFloat(d) * 255).toString(16);
+	}
+	// Converts a hex value to a decimal
+	function convertHexToDecimal(h) {
+	    return (parseIntFromHex(h) / 255);
+	}
+
+	var matchers = (function() {
+
+	    // <http://www.w3.org/TR/css3-values/#integers>
+	    var CSS_INTEGER = "[-\\+]?\\d+%?";
+
+	    // <http://www.w3.org/TR/css3-values/#number-value>
+	    var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
+
+	    // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
+	    var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+
+	    // Actual matching.
+	    // Parentheses and commas are optional, but not required.
+	    // Whitespace can take the place of commas or opening paren
+	    var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+	    var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+
+	    return {
+	        CSS_UNIT: new RegExp(CSS_UNIT),
+	        rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
+	        rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
+	        hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
+	        hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
+	        hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
+	        hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
+	        hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+	        hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+	        hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+	        hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+	    };
+	})();
+
+	// `isValidCSSUnit`
+	// Take in a single string / number and check to see if it looks like a CSS unit
+	// (see `matchers` above for definition).
+	function isValidCSSUnit(color) {
+	    return !!matchers.CSS_UNIT.exec(color);
+	}
+
+	// `stringInputToObject`
+	// Permissive string parsing.  Take in a number of formats, and output an object
+	// based on detected format.  Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}`
+	function stringInputToObject(color) {
+
+	    color = color.replace(trimLeft,'').replace(trimRight, '').toLowerCase();
+	    var named = false;
+	    if (names[color]) {
+	        color = names[color];
+	        named = true;
+	    }
+	    else if (color == 'transparent') {
+	        return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+	    }
+
+	    // Try to match string input using regular expressions.
+	    // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
+	    // Just return an object and let the conversion functions handle that.
+	    // This way the result will be the same whether the tinycolor is initialized with string or object.
+	    var match;
+	    if ((match = matchers.rgb.exec(color))) {
+	        return { r: match[1], g: match[2], b: match[3] };
+	    }
+	    if ((match = matchers.rgba.exec(color))) {
+	        return { r: match[1], g: match[2], b: match[3], a: match[4] };
+	    }
+	    if ((match = matchers.hsl.exec(color))) {
+	        return { h: match[1], s: match[2], l: match[3] };
+	    }
+	    if ((match = matchers.hsla.exec(color))) {
+	        return { h: match[1], s: match[2], l: match[3], a: match[4] };
+	    }
+	    if ((match = matchers.hsv.exec(color))) {
+	        return { h: match[1], s: match[2], v: match[3] };
+	    }
+	    if ((match = matchers.hsva.exec(color))) {
+	        return { h: match[1], s: match[2], v: match[3], a: match[4] };
+	    }
+	    if ((match = matchers.hex8.exec(color))) {
+	        return {
+	            r: parseIntFromHex(match[1]),
+	            g: parseIntFromHex(match[2]),
+	            b: parseIntFromHex(match[3]),
+	            a: convertHexToDecimal(match[4]),
+	            format: named ? "name" : "hex8"
+	        };
+	    }
+	    if ((match = matchers.hex6.exec(color))) {
+	        return {
+	            r: parseIntFromHex(match[1]),
+	            g: parseIntFromHex(match[2]),
+	            b: parseIntFromHex(match[3]),
+	            format: named ? "name" : "hex"
+	        };
+	    }
+	    if ((match = matchers.hex4.exec(color))) {
+	        return {
+	            r: parseIntFromHex(match[1] + '' + match[1]),
+	            g: parseIntFromHex(match[2] + '' + match[2]),
+	            b: parseIntFromHex(match[3] + '' + match[3]),
+	            a: convertHexToDecimal(match[4] + '' + match[4]),
+	            format: named ? "name" : "hex8"
+	        };
+	    }
+	    if ((match = matchers.hex3.exec(color))) {
+	        return {
+	            r: parseIntFromHex(match[1] + '' + match[1]),
+	            g: parseIntFromHex(match[2] + '' + match[2]),
+	            b: parseIntFromHex(match[3] + '' + match[3]),
+	            format: named ? "name" : "hex"
+	        };
+	    }
+
+	    return false;
+	}
+
+	function validateWCAG2Parms(parms) {
+	    // return valid WCAG2 parms for isReadable.
+	    // If input parms are invalid, return {"level":"AA", "size":"small"}
+	    var level, size;
+	    parms = parms || {"level":"AA", "size":"small"};
+	    level = (parms.level || "AA").toUpperCase();
+	    size = (parms.size || "small").toLowerCase();
+	    if (level !== "AA" && level !== "AAA") {
+	        level = "AA";
+	    }
+	    if (size !== "small" && size !== "large") {
+	        size = "small";
+	    }
+	    return {"level":level, "size":size};
+	}
+
+	// Node: Export function
+	if (module.exports) {
+	    module.exports = tinycolor;
+	}
+	// AMD/requirejs: Define the module
+	else {
+	    window.tinycolor = tinycolor;
+	}
+
+	})(Math);
+} (tinycolor$1));
+
+var tinycolor = tinycolor$1.exports;
+
+const s=()=>"undefined"!=typeof window&&"EyeDropper"in window,i=()=>Promise.reject(new Error("Unsupported browser.")),c=()=>{const r=useRef(),[i,c]=useState(!1);useEffect(()=>(r.current=!0,c(s()),()=>{r.current=!1;}),[]);const u=useCallback(()=>i,[i]);return [r,u]},u=r=>{const o=(r=>s()&&new EyeDropper(r))(r);var n;return (n=o)?EyeDropper.prototype.open.bind(n):i},p=e=>{const s=useMemo(()=>u(e),[e]),[i,p]=c(),a=useRef(),f=useCallback(()=>{void 0!==a.current&&a.current.abort();},[a]),d=useCallback(function(r){void 0===r&&(r={});try{f();const{signal:o,...n}=r,t=new AbortController;a.current=t;const e=void 0!==o?(r=>{const o=new AbortController,n=()=>{o.abort();for(const o of r)o.removeEventListener("abort",n);};for(const o of r){if(o.aborted){n();break}o.addEventListener("abort",n);}return o.signal})([o,t.signal]):t.signal;return Promise.resolve(function(r,o){try{var t=Promise.resolve(s({...n,signal:e}));}catch(r){return o(r)}return t&&t.then?t.then(void 0,o):t}(0,function(r){throw i.current||(r.canceled=!0),r}))}catch(r){return Promise.reject(r)}},[a,i,f,s]);return useEffect(()=>f,[f]),{open:d,close:f,isSupported:p}};
+
+var useEyeDropper = p
+
+var Palette = function Palette(_ref) {
+  var color = _ref.color,
+    _ref$colorList = _ref.colorList,
+    colorList = _ref$colorList === void 0 ? [] : _ref$colorList,
+    onChange = _ref.onChange;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette"
+  }, colorList.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      "data-testid": "color-palette-item",
+      key: index,
+      className: classnames("neeto-ui-color-palette__item", {
+        active: color && color.from === item.from && color.to === item.to
+      }),
+      onClick: function onClick() {
+        return onChange(item.from, item.to);
+      }
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "bg-gradient-to-r from-".concat(item.from, " to-").concat(item.to)
+    }));
+  }));
+};
+
+var TARGET_SIZES = {
+  large: "large",
+  medium: "medium",
+  small: "small"
+};
+var ColorPicker = function ColorPicker(_ref) {
+  var _ref2;
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "" : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? TARGET_SIZES.large : _ref$size,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
+    colorPaletteProps = _ref.colorPaletteProps,
+    dropdownProps = _ref.dropdownProps,
+    _ref$showEyeDropper = _ref.showEyeDropper,
+    showEyeDropper = _ref$showEyeDropper === void 0 ? false : _ref$showEyeDropper,
+    _ref$showHexValue = _ref.showHexValue,
+    showHexValue = _ref$showHexValue === void 0 ? false : _ref$showHexValue,
+    _ref$showTransparency = _ref.showTransparencyControl,
+    showTransparencyControl = _ref$showTransparency === void 0 ? false : _ref$showTransparency,
+    _ref$showPicker = _ref.showPicker,
+    showPicker = _ref$showPicker === void 0 ? true : _ref$showPicker;
+  var _useState = useState(color),
+    _useState2 = _slicedToArray(_useState, 2),
+    colorInternal = _useState2[0],
+    setColorInternal = _useState2[1];
+  var isInputChanged = useRef(false);
+  var _useEyeDropper = useEyeDropper({
+      pickRadius: 3
+    }),
+    open = _useEyeDropper.open,
+    isSupported = _useEyeDropper.isSupported;
+  var PickerComponent = showTransparencyControl ? HexAlphaColorPicker : HexColorPicker;
+  var colorValue = (_ref2 = color !== null && color !== void 0 ? color : colorInternal) !== null && _ref2 !== void 0 ? _ref2 : "";
+  var onChangeInternal = onChange || setColorInternal;
+  var getColor = function getColor(colorValue) {
+    var color = tinycolor(colorValue);
+    return {
+      hex: showTransparencyControl ? color.toHex8String() : color.toHexString(),
+      rgb: color.toRgb()
+    };
+  };
+  var onColorInputChange = function onColorInputChange(hex) {
+    var color = tinycolor(hex);
+    var rgb = color.toRgb();
+    isInputChanged.current = true;
+    onChangeInternal({
+      hex: hex,
+      rgb: rgb
+    });
+  };
+  var onPickerChange = function onPickerChange(hex) {
+    return onChangeInternal(getColor(hex));
+  };
+  var onBlur = function onBlur() {
+    // If input is not changed, don't call onChange on blur
+    if (!isInputChanged.current) return;
+    isInputChanged.current = false;
+    onChangeInternal(getColor(colorValue));
+  };
+  var pickColor = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+      var colorResponse, colorHex;
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return open();
+          case 3:
+            colorResponse = _context.sent;
+            colorHex = tinycolor(colorResponse.sRGBHex).toHexString();
+            onPickerChange(colorHex);
+            _context.next = 10;
+            break;
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](0);
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+    return function pickColor() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var Target = function Target(_ref4) {
+    var size = _ref4.size;
+    return /*#__PURE__*/React__default.createElement("button", {
+      "data-cy": "color-picker-target",
+      "data-testid": "neeto-color-picker",
+      type: "button",
+      className: classnames("neeto-ui-colorpicker__target", {
+        "neeto-ui-colorpicker__target-size--large": size === TARGET_SIZES.large,
+        "neeto-ui-colorpicker__target-size--medium": size === TARGET_SIZES.medium,
+        "neeto-ui-colorpicker__target-size--small": size === TARGET_SIZES.small
+      })
+    }, showHexValue && /*#__PURE__*/React__default.createElement("span", {
+      className: "neeto-ui-colorpicker-target__code"
+    }, color), /*#__PURE__*/React__default.createElement("span", {
+      className: "neeto-ui-colorpicker-target__color-wrapper"
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "neeto-ui-colorpicker-target__color neeto-ui-border-gray-400 border",
+      style: {
+        backgroundColor: colorValue
+      }
+    }), /*#__PURE__*/React__default.createElement("span", {
+      className: "neeto-ui-colorpicker-target__icon"
+    }, /*#__PURE__*/React__default.createElement(Down, {
+      size: 16
+    }))));
+  };
+  return /*#__PURE__*/React__default.createElement(Dropdown, _extends({
+    className: "neeto-ui-colorpicker__dropdown",
+    closeOnSelect: false,
+    customTarget: /*#__PURE__*/React__default.createElement(Target, {
+      size: size
+    }),
+    label: colorValue,
+    position: "bottom-start"
+  }, dropdownProps), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-colorpicker__popover"
+  }, showPicker && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-colorpicker__pointer",
+    "data-testid": "neeto-color-picker-section"
+  }, /*#__PURE__*/React__default.createElement(PickerComponent, {
+    color: colorValue,
+    onChange: onPickerChange
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-2 neeto-ui-gap-2"
+  }, showEyeDropper && isSupported() && /*#__PURE__*/React__default.createElement(Button, {
+    className: "neeto-ui-colorpicker__eyedropper-btn",
+    icon: Focus,
+    size: "small",
+    style: "text",
+    type: "button",
+    onClick: pickColor
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-input__wrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small",
+    "data-cy": "colorpicker-editable-input"
+  }, /*#__PURE__*/React__default.createElement(HexColorInput, {
+    onBlur: onBlur,
+    alpha: !!showTransparencyControl,
+    color: colorValue,
+    onChange: onColorInputChange
+  }))))), colorPaletteProps && /*#__PURE__*/React__default.createElement("div", {
+    "data-testid": "color-palette",
+    className: classnames("neeto-ui-colorpicker__palette-wrapper", {
+      "neeto-ui-colorpicker__palette-wrapper--hidden-picker": !showPicker
+    })
+  }, /*#__PURE__*/React__default.createElement(Palette, colorPaletteProps))));
+};
+
+var _excluded$e = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "onChange", "onOk", "picker", "mode", "showTime", "type", "nakedInput", "error", "defaultValue", "value", "labelProps", "required", "allowClear"];
+function ownKeys$9(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$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var INPUT_SIZES$2 = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+var RangePicker$1 = _DatePicker.RangePicker;
+var datePickerTypes = {
+  range: RangePicker$1,
+  date: _DatePicker
+};
+var IconOverride = function IconOverride(_ref) {
+  var Icon = _ref.icon;
+  return /*#__PURE__*/React__default.createElement("span", {
+    className: "neeto-ui-btn neeto-ui-btn--style-text neeto-ui-btn--size-medium neeto-ui-btn--icon-only"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    className: "neeto-ui-btn__icon",
+    size: 20
+  }));
+};
+var Today = function Today(_ref2) {
+  var onClick = _ref2.onClick;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "text-center"
+  }, /*#__PURE__*/React__default.createElement("button", {
+    onClick: onClick,
+    className: "neeto-ui-rounded-md hover:neeto-ui-bg-gray-200 px-2 py-1 text-xs font-medium transition duration-300 ease-in-out",
+    "data-cy": "year-month-mode-today"
+  }, "Today"));
+};
+var DatePicker = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+  var _ref3$className = _ref3.className,
+    className = _ref3$className === void 0 ? "" : _ref3$className,
+    _ref3$label = _ref3.label,
+    label = _ref3$label === void 0 ? "" : _ref3$label,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? INPUT_SIZES$2.medium : _ref3$size,
+    _ref3$dropdownClassNa = _ref3.dropdownClassName,
+    dropdownClassName = _ref3$dropdownClassNa === void 0 ? "" : _ref3$dropdownClassNa,
+    _ref3$popupClassName = _ref3.popupClassName,
+    popupClassName = _ref3$popupClassName === void 0 ? "" : _ref3$popupClassName,
+    _ref3$dateFormat = _ref3.dateFormat,
+    dateFormat = _ref3$dateFormat === void 0 ? "DD/MM/YYYY" : _ref3$dateFormat,
+    _ref3$timeFormat = _ref3.timeFormat,
+    timeFormat = _ref3$timeFormat === void 0 ? "HH:mm:ss" : _ref3$timeFormat,
+    _ref3$onChange = _ref3.onChange,
+    onChange = _ref3$onChange === void 0 ? noop : _ref3$onChange,
+    _ref3$onOk = _ref3.onOk,
+    onOk = _ref3$onOk === void 0 ? noop : _ref3$onOk,
+    _ref3$picker = _ref3.picker,
+    picker = _ref3$picker === void 0 ? "date" : _ref3$picker,
+    _ref3$mode = _ref3.mode,
+    inputMode = _ref3$mode === void 0 ? "date" : _ref3$mode,
+    _ref3$showTime = _ref3.showTime,
+    showTime = _ref3$showTime === void 0 ? false : _ref3$showTime,
+    _ref3$type = _ref3.type,
+    type = _ref3$type === void 0 ? "date" : _ref3$type,
+    _ref3$nakedInput = _ref3.nakedInput,
+    nakedInput = _ref3$nakedInput === void 0 ? false : _ref3$nakedInput,
+    _ref3$error = _ref3.error,
+    error = _ref3$error === void 0 ? "" : _ref3$error,
+    defaultValue = _ref3.defaultValue,
+    value = _ref3.value,
+    labelProps = _ref3.labelProps,
+    _ref3$required = _ref3.required,
+    required = _ref3$required === void 0 ? false : _ref3$required,
+    _ref3$allowClear = _ref3.allowClear,
+    allowClear = _ref3$allowClear === void 0 ? true : _ref3$allowClear,
+    otherProps = _objectWithoutProperties(_ref3, _excluded$e);
+  var _useState = useState(inputMode),
+    _useState2 = _slicedToArray(_useState, 2),
+    mode = _useState2[0],
+    setMode = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pickerValue = _useState4[0],
+    setPickerValue = _useState4[1];
+  var id = useId(otherProps.id);
+  var datePickerRef = useSyncedRef(ref);
+  var Component = datePickerTypes[type === null || type === void 0 ? void 0 : type.toLowerCase()];
+  var format = showTime ? "".concat(dateFormat, " ").concat(timeFormat) : dateFormat;
+  var errorId = "error_".concat(id);
+  var handleOnChange = function handleOnChange(date, dateString) {
+    type === "range" && !date ? onChange([], dateString) : onChange(date, dateString);
+  };
+  var renderExtraFooter = function renderExtraFooter() {
+    if (type === "range" || mode === "date") return null;
+    return /*#__PURE__*/React__default.createElement(Today, {
+      onClick: function onClick() {
+        setMode("date");
+        setTimeout(function () {
+          document.querySelector(".ant-picker-now-btn").click();
+        });
+      }
+    });
+  };
+  return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
+    theme: {
+      token: _objectSpread$9({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+      components: {
+        DatePicker: {
+          activeBg: "rgb(var(--neeto-ui-white))",
+          activeBorderColor: "rgb(var(--neeto-ui-primary-500))",
+          addonBg: "rgb(var(--neeto-ui-gray-100))",
+          cellActiveWithRangeBg: "rgb(var(--neeto-ui-primary-100))",
+          cellBgDisabled: "rgb(var(--neeto-ui-gray-100))",
+          cellHoverBg: "rgb(var(--neeto-ui-gray-200))",
+          cellHoverWithRangeBg: "rgb(var(--neeto-ui-primary-100))",
+          cellRangeBorderColor: "rgb(var(--neeto-ui-primary-100))",
+          hoverBg: "rgb(var(--neeto-ui-white))",
+          hoverBorderColor: "rgb(var(--neeto-ui-primary-500))",
+          // Global overrides
+          colorBgContainer: "rgb(var(--neeto-ui-white))",
+          colorBgElevated: "rgb(var(--neeto-ui-white))",
+          colorPrimary: "rgb(var(--neeto-ui-primary-500))",
+          colorPrimaryBorder: "rgb(var(--neeto-ui-primary-100))",
+          colorPrimaryHover: "rgb(var(--neeto-ui-primary-600))",
+          colorBorder: "rgb(var(--neeto-ui-gray-300))",
+          colorError: "rgb(var(--neeto-ui-error-500))",
+          colorErrorHover: "rgb(var(--neeto-ui-error-600))",
+          colorErrorOutline: "rgb(var(--neeto-ui-error-100))",
+          colorFillAlter: "rgb(var(--neeto-ui-gray-100))",
+          colorIcon: "rgb(var(--neeto-ui-gray-700))",
+          colorIconHover: "rgb(var(--neeto-ui-gray-800))",
+          colorLink: "rgb(var(--neeto-ui-primary-500))",
+          colorLinkHover: "rgb(var(--neeto-ui-primary-600))",
+          colorLinkActive: "rgb(var(--neeto-ui-primary-800))",
+          colorSplit: "rgb(var(--neeto-ui-gray-200))",
+          colorText: "rgb(var(--neeto-ui-gray-800))",
+          colorTextDescription: "rgb(var(--neeto-ui-gray-700))",
+          colorTextDisabled: "rgb(var(--neeto-ui-gray-500))",
+          colorTextHeading: "rgb(var(--neeto-ui-black))",
+          colorTextLightSolid: "rgb(var(--neeto-ui-white))",
+          colorTextPlaceholder: "rgb(var(--neeto-ui-gray-400))",
+          colorTextQuaternary: "rgb(var(--neeto-ui-gray-400))",
+          colorWarning: "rgb(var(--neeto-ui-warning-500))",
+          colorWarningHover: "rgb(var(--neeto-ui-warning-600))",
+          colorWarningOutline: "rgb(var(--neeto-ui-warning-100))",
+          controlItemBgActive: "rgb(var(--neeto-ui-pastel-purple))",
+          controlItemBgHover: "rgb(var(--neeto-ui-gray-100))",
+          controlOutline: "rgb(var(--neeto-ui-gray-300))",
+          // Sizes
+          cellHeight: 32,
+          padding: 22
+        }
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-input__wrapper"
+  }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$9({
+    required: required
+  }, labelProps), label), /*#__PURE__*/React__default.createElement(Component, _extends({
+    "data-cy": label ? "".concat(hyphenize(label), "-input") : "picker-input",
+    defaultValue: convertToDayjsObjects(defaultValue),
+    ref: datePickerRef,
+    showTime: showTime && {
+      format: timeFormat
+    },
+    value: convertToDayjsObjects(value),
+    className: classnames("neeto-ui-date-input", [className], {
+      "neeto-ui-date-input--small": size === "small",
+      "neeto-ui-date-input--medium": size === "medium",
+      "neeto-ui-date-input--large": size === "large",
+      "neeto-ui-date-input--disabled": otherProps.disabled,
+      "neeto-ui-date-input--naked": nakedInput,
+      "neeto-ui-date-input--error": !!error
+    }),
+    popupClassName: classnames("neeto-ui-date-time-dropdown", [dropdownClassName,
+    // Will be removed in the next major version
+    popupClassName]),
+    onChange: handleOnChange
+  }, _objectSpread$9(_objectSpread$9({
+    format: format,
+    onOk: onOk,
+    picker: picker
+  }, otherProps), type === "date" && {
+    mode: mode,
+    pickerValue: pickerValue,
+    renderExtraFooter: renderExtraFooter,
+    onPanelChange: function onPanelChange(pickerValue, mode) {
+      setPickerValue(pickerValue);
+      setMode(mode);
+    }
+  }), {
+    nextIcon: /*#__PURE__*/React__default.createElement(IconOverride, {
+      icon: Right
+    }),
+    prevIcon: /*#__PURE__*/React__default.createElement(IconOverride, {
+      icon: Left
+    }),
+    suffixIcon: /*#__PURE__*/React__default.createElement(Calendar, {
+      size: 16
+    }),
+    superNextIcon: /*#__PURE__*/React__default.createElement(IconOverride, {
+      icon: Right
+    }),
+    superPrevIcon: /*#__PURE__*/React__default.createElement(IconOverride, {
+      icon: Left
+    }),
+    allowClear: allowClear && {
+      clearIcon: /*#__PURE__*/React__default.createElement(Close, {
+        "data-cy": "date-time-clear-icon",
+        size: 16
+      })
+    }
+  })), !!error && typeof error === "string" && /*#__PURE__*/React__default.createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(hyphenize(label), "-input-error"),
+    id: errorId
+  }, error)));
+});
+DatePicker.displayName = "DatePicker";
+
+var customParseFormat$1 = {exports: {}};
+
+(function (module, exports) {
+	!function(e,t){module.exports=t();}(commonjsGlobal,(function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d\d/,r=/\d\d?/,i=/\d*[^-_:/,()\s\d]+/,o={},s=function(e){return (e=+e)+(e>68?1900:2e3)};var a=function(e){return function(t){this[e]=+t;}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e);}],h=function(e){var t=o[e];return t&&(t.indexOf?t:t.s.concat(t.f))},u=function(e,t){var n,r=o.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},d={A:[i,function(e){this.afternoon=u(e,!1);}],a:[i,function(e){this.afternoon=u(e,!0);}],S:[/\d/,function(e){this.milliseconds=100*+e;}],SS:[n,function(e){this.milliseconds=10*+e;}],SSS:[/\d{3}/,function(e){this.milliseconds=+e;}],s:[r,a("seconds")],ss:[r,a("seconds")],m:[r,a("minutes")],mm:[r,a("minutes")],H:[r,a("hours")],h:[r,a("hours")],HH:[r,a("hours")],hh:[r,a("hours")],D:[r,a("day")],DD:[n,a("day")],Do:[i,function(e){var t=o.ordinal,n=e.match(/\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,"")===e&&(this.day=r);}],M:[r,a("month")],MM:[n,a("month")],MMM:[i,function(e){var t=h("months"),n=(h("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n;}],MMMM:[i,function(e){var t=h("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t;}],Y:[/[+-]?\d+/,a("year")],YY:[n,function(e){this.year=s(e);}],YYYY:[/\d{4}/,a("year")],Z:f,ZZ:f};function c(n){var r,i;r=n,i=o&&o.formats;for(var s=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=s.length,f=0;f<a;f+=1){var h=s[f],u=d[h],c=u&&u[0],l=u&&u[1];s[f]=l?{regex:c,parser:l}:h.replace(/^\[|\]$/g,"");}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=s[n];if("string"==typeof i)r+=i.length;else {var o=i.regex,f=i.parser,h=e.slice(r),u=o.exec(h)[0];f.call(t,u),e=e.replace(u,"");}}return function(e){var t=e.afternoon;if(void 0!==t){var n=e.hours;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon;}}(t),t}}return function(e,t,n){n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(s=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,s=e.args;this.$u=r;var a=s[1];if("string"==typeof a){var f=!0===s[2],h=!0===s[3],u=f||h,d=s[2];h&&(d=s[2]),o=this.$locale(),!f&&d&&(o=n.Ls[d]),this.$d=function(e,t,n){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var r=c(t)(e),i=r.year,o=r.month,s=r.day,a=r.hours,f=r.minutes,h=r.seconds,u=r.milliseconds,d=r.zone,l=new Date,m=s||(i||o?1:l.getDate()),M=i||l.getFullYear(),Y=0;i&&!o||(Y=o>0?o-1:l.getMonth());var p=a||0,v=f||0,D=h||0,g=u||0;return d?new Date(Date.UTC(M,Y,m,p,v,D,g+60*d.offset*1e3)):n?new Date(Date.UTC(M,Y,m,p,v,D,g)):new Date(M,Y,m,p,v,D,g)}catch(e){return new Date("")}}(t,a,r),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date("")),o={};}else if(a instanceof Array)for(var l=a.length,m=1;m<=l;m+=1){s[1]=a[m-1];var M=n.apply(this,s);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===l&&(this.$d=new Date(""));}else i.call(this,e);};}}));
+} (customParseFormat$1));
+
+var customParseFormat = customParseFormat$1.exports;
+
+var HoverIcon = function HoverIcon(_ref) {
+  var _ref$time = _ref.time,
+    time = _ref$time === void 0 ? false : _ref$time;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hovered = _useState2[0],
+    setHovered = _useState2[1];
+  return /*#__PURE__*/React__default.createElement("div", {
+    onMouseLeave: function onMouseLeave() {
+      return setHovered(false);
+    },
+    onMouseOver: function onMouseOver() {
+      return setHovered(true);
+    }
+  }, hovered && time ? /*#__PURE__*/React__default.createElement(Close, {
+    size: 16
+  }) : /*#__PURE__*/React__default.createElement(Clock, {
+    size: 16
+  }));
+};
+
+// A wrapper hook around useState, that updates a ref as well, useful when dealing directly with dom event listeners.
+var useRefState = function useRefState(val) {
+  // eslint-disable-next-line react/hook-use-state
+  var _useState = useState(val),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    _setValue = _useState2[1];
+  var valueRef = useRef(value);
+  var setValue = function setValue(val) {
+    valueRef.current = val;
+    _setValue(val);
+  };
+  return [value, valueRef, setValue];
+};
+
+var FORMAT = "HH:mm";
+var getFormattedTime = function getFormattedTime(value) {
+  if (dayjs.isDayjs(value)) {
+    return value.toDate();
+  } else if (value instanceof Date || dayjs(value, FORMAT).isValid()) {
+    return value;
+  }
+  return null;
+};
+var getFormattedRange = function getFormattedRange(value) {
+  if (!Array.isArray(value)) return null;
+  return value.map(function (item) {
+    return getFormattedTime(item);
+  });
+};
+var toDayJs = function toDayJs(value) {
+  if (Array.isArray(value)) return value.map(function (item) {
+    return dayjs(item, FORMAT);
+  });
+  return dayjs(value, FORMAT);
+};
+var isValidTime = function isValidTime(minTime, maxTime, value) {
+  if (isPresent(minTime) && toDayJs(value).isBefore(toDayJs(minTime))) {
+    return false;
+  }
+  return !(isPresent(maxTime) && toDayJs(value).isAfter(toDayJs(maxTime)));
+};
+var isValidRange = function isValidRange(minTime, maxTime, value) {
+  return value.every(function (item) {
+    return isValid(minTime, maxTime, item);
+  });
+};
+var isValid = function isValid(minTime, maxTime, value) {
+  return (Array.isArray(value) ? isValidRange : isValidTime)(minTime, maxTime, value);
+};
+var getValidTime = function getValidTime(minTime, maxTime, value) {
+  if (isPresent(minTime) && toDayJs(value).isBefore(toDayJs(minTime))) {
+    return minTime;
+  }
+  if (isPresent(maxTime) && toDayJs(value).isAfter(toDayJs(maxTime))) {
+    return maxTime;
+  }
+  return value;
+};
+var getValidRange = function getValidRange(minTime, maxTime, value) {
+  return value.map(function (item) {
+    return getValidTime(minTime, maxTime, item);
+  });
+};
+var getValid = function getValid(minTime, maxTime, value) {
+  return (Array.isArray(value) ? getValidRange : getValidTime)(minTime, maxTime, value);
+};
+
+var _excluded$d = ["type", "className", "label", "labelProps", "size", "nakedInput", "required", "value", "defaultValue", "onChange", "error", "onBlur", "minTime", "maxTime"];
+function ownKeys$8(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$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+dayjs.extend(customParseFormat);
+var INPUT_SIZES$1 = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+var timeComponents = {
+  range: TimeRangePicker,
+  time: TimePicker$1
+};
+var TimePickerInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "time" : _ref$type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    label = _ref.label,
+    labelProps = _ref.labelProps,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? INPUT_SIZES$1.medium : _ref$size,
+    _ref$nakedInput = _ref.nakedInput,
+    nakedInput = _ref$nakedInput === void 0 ? false : _ref$nakedInput,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    inputValue = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    _ref$onBlur = _ref.onBlur,
+    onBlur = _ref$onBlur === void 0 ? noop : _ref$onBlur,
+    minTime = _ref.minTime,
+    maxTime = _ref.maxTime,
+    otherProps = _objectWithoutProperties(_ref, _excluded$d);
+  var _useRefState = useRefState(null),
+    _useRefState2 = _slicedToArray(_useRefState, 3),
+    value = _useRefState2[0],
+    valueRef = _useRefState2[1],
+    setValue = _useRefState2[2];
+  var componentRef = useRef(null);
+  var id = useId(otherProps.id);
+  var errorId = "error_".concat(id);
+  useEffect(function () {
+    if (isNotPresent(inputValue) && isNotPresent(defaultValue)) return;
+    setValue((type === "range" ? getFormattedRange : getFormattedTime)(inputValue || defaultValue));
+  }, [type, inputValue]);
+  var handleChange = function handleChange(newValue) {
+    setValue(newValue);
+    if (isValid(minTime, maxTime, newValue)) {
+      onChange(toDayJs(newValue), newValue);
+    }
+  };
+  var onBlurHandle = function onBlurHandle() {
+    var value = valueRef.current;
+    if (isValid(minTime, maxTime, value)) {
+      onBlur(toDayJs(value), value);
+    } else {
+      var validValue = getValid(minTime, maxTime, value);
+      setValue(validValue);
+      onChange(toDayJs(validValue), validValue);
+      onBlur(toDayJs(validValue), validValue);
+    }
+    return true;
+  };
+
+  // If you just make amPm select change, onBlurHandle is not triggering. A work around
+  useEffect(function () {
+    var _document$getElementB;
+    var amPmChange = function amPmChange() {
+      return setTimeout(onBlurHandle);
+    };
+    var selectElements = (_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.querySelectorAll("[name='amPm']");
+    selectElements === null || selectElements === void 0 || selectElements.forEach(function (element) {
+      return element.addEventListener("change", amPmChange);
+    });
+    return function () {
+      selectElements === null || selectElements === void 0 || selectElements.forEach(function (element) {
+        return element.removeEventListener("change", amPmChange);
+      });
+    };
+  }, [value]);
+  var handleKeyDown = function handleKeyDown(_ref2) {
+    var code = _ref2.code;
+    if (code !== "Enter") return;
+    onBlurHandle();
+  };
+  var Component = timeComponents[type];
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: ref,
+    className: "neeto-ui-input__wrapper"
+  }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$8({
+    required: required
+  }, labelProps), label), /*#__PURE__*/React__default.createElement(Component, _extends({
+    id: id,
+    value: value,
+    disableClock: true,
+    clearIcon: /*#__PURE__*/React__default.createElement(HoverIcon, {
+      time: !!value
+    }),
+    format: "hh:mm a",
+    hourPlaceholder: "HH",
+    minutePlaceholder: "mm",
+    ref: componentRef,
+    secondAriaLabel: "ss",
+    shouldCloseClock: onBlurHandle,
+    className: classnames("neeto-ui-time-picker", [className], {
+      "neeto-ui-time-picker--small": size === "small",
+      "neeto-ui-time-picker--medium": size === "medium",
+      "neeto-ui-time-picker--large": size === "large",
+      "neeto-ui-time-picker--disabled": otherProps.disabled,
+      "neeto-ui-time-picker--naked": nakedInput,
+      "neeto-ui-time-picker--error": !!error
+    }),
+    onChange: handleChange,
+    onKeyDown: handleKeyDown
+  }, otherProps)), !!error && typeof error === "string" && /*#__PURE__*/React__default.createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(hyphenize(label), "-input-error"),
+    id: errorId
+  }, error));
+});
+TimePickerInput.displayName = "TimePicker";
+
+var DATE_FORMAT = "YYYY-MM-DD";
+var TIME_FORMAT = "HH:mm";
+var getDateTime = function getDateTime(date, time) {
+  if (isPresent(date) && isPresent(time)) {
+    return dayjs("".concat(date.format(DATE_FORMAT), " ").concat(time.format(TIME_FORMAT)));
+  }
+  return null;
+};
+var getAllowedTime = function getAllowedTime(date, time, minDateTime, maxDateTime) {
+  var newTime = getDateTime(date, time || dayjs());
+  if (isPresent(minDateTime) && date !== null && date !== void 0 && date.isSame(minDateTime, "day") && newTime !== null && newTime !== void 0 && newTime.isBefore(minDateTime)) {
+    return minDateTime;
+  }
+  if (isPresent(maxDateTime) && date !== null && date !== void 0 && date.isSame(maxDateTime, "day") && newTime !== null && newTime !== void 0 && newTime.isAfter(maxDateTime)) {
+    return maxDateTime;
+  }
+  return newTime;
+};
+var getTime = function getTime(date) {
+  return date === null || date === void 0 ? void 0 : date.format(TIME_FORMAT);
+};
+
+function ownKeys$7(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$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+dayjs.extend(customParseFormat);
+var DateTimePicker = function DateTimePicker(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    size = _ref.size,
+    dropdownClassName = _ref.dropdownClassName,
+    popupClassName = _ref.popupClassName,
+    dateFormat = _ref.dateFormat,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
+    _ref$nakedInput = _ref.nakedInput,
+    nakedInput = _ref$nakedInput === void 0 ? false : _ref$nakedInput,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    labelProps = _ref.labelProps,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    id = _ref.id,
+    datePickerProps = _ref.datePickerProps,
+    timePickerProps = _ref.timePickerProps,
+    minDateTime = _ref.minDateTime,
+    maxDateTime = _ref.maxDateTime,
+    _ref$onTimeInputBlur = _ref.onTimeInputBlur,
+    onTimeInputBlur = _ref$onTimeInputBlur === void 0 ? noop : _ref$onTimeInputBlur,
+    _ref$onBlur = _ref.onBlur,
+    onBlur = _ref$onBlur === void 0 ? noop : _ref$onBlur;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    date = _useState2[0],
+    setDate = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    time = _useState4[0],
+    setTime = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    changedField = _useState6[0],
+    setChangedField = _useState6[1];
+  var timeRef = React__default.useRef(null);
+  var defaultId = useId(id);
+  var errorId = "error_".concat(defaultId);
+  useEffect(function () {
+    var inputValue = value || defaultValue;
+    if (isPresent(inputValue) && dayjs(inputValue).isValid()) {
+      var dateTime = dayjs.isDayjs(inputValue) ? inputValue : dayjs(inputValue);
+      setDate(dateTime);
+      setTime(dateTime);
+    }
+  }, [value, defaultValue]);
+  useEffect(function () {
+    if (isNotPresent(changedField)) return;
+    onChange(getDateTime(date, time), changedField);
+    setChangedField(); // reset to avoid unnecessary trigger on rerender
+  }, [date, time, changedField]);
+  var handleDateChange = function handleDateChange(newDate) {
+    var _timeRef$current;
+    (_timeRef$current = timeRef.current) === null || _timeRef$current === void 0 || (_timeRef$current = _timeRef$current.querySelector(".react-time-picker__inputGroup__hour")) === null || _timeRef$current === void 0 || _timeRef$current.focus();
+    setDate(newDate);
+    setTime(getAllowedTime(newDate, time, minDateTime, maxDateTime));
+    setChangedField("date");
+  };
+  var handleTimeChange = function handleTimeChange(newTime) {
+    setTime(newTime.isValid() ? newTime : null);
+    if (newTime.isValid() && !date) setDate(newTime);
+    setChangedField("time");
+  };
+  var handleTimeBlur = function handleTimeBlur() {
+    var dateTime = getDateTime(date, time);
+    onTimeInputBlur(dateTime);
+    onBlur(dateTime);
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-input__wrapper"
+  }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$7({
+    required: required
+  }, labelProps), label), /*#__PURE__*/React__default.createElement("div", {
+    className: classnames("neeto-ui-date-time-input", className)
+  }, /*#__PURE__*/React__default.createElement(DatePicker, _extends({
+    dateFormat: dateFormat,
+    dropdownClassName: dropdownClassName,
+    nakedInput: nakedInput,
+    popupClassName: popupClassName,
+    size: size,
+    error: !!error,
+    maxDate: maxDateTime,
+    minDate: minDateTime,
+    picker: "date",
+    showTime: false,
+    type: "date",
+    value: date,
+    onChange: handleDateChange
+  }, datePickerProps)), /*#__PURE__*/React__default.createElement(TimePickerInput, _extends(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    error: error,
+    nakedInput: nakedInput,
+    size: size
+  }, "error", !!error), "maxTime", (date === null || date === void 0 ? void 0 : date.isSame(maxDateTime, "day")) && getTime(maxDateTime)), "minTime", (date === null || date === void 0 ? void 0 : date.isSame(minDateTime, "day")) && getTime(minDateTime)), "ref", timeRef), "value", time), "onBlur", handleTimeBlur), "onChange", handleTimeChange), timePickerProps))), !!error && /*#__PURE__*/React__default.createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(hyphenize(label), "-input-error"),
+    id: errorId
+  }, error));
+};
+DateTimePicker.displayName = "DateTimePicker";
+var index = /*#__PURE__*/React__default.memo(DateTimePicker);
+
+var _excluded$c = ["keyName", "className", "tooltipProps"];
+var Kbd = function Kbd(_ref) {
+  var keyName = _ref.keyName,
+    className = _ref.className,
+    tooltipProps = _ref.tooltipProps,
+    otherProps = _objectWithoutProperties(_ref, _excluded$c);
+  return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
+    disabled: !tooltipProps
+  }, tooltipProps), /*#__PURE__*/React__default.createElement("span", _extends({
+    className: classnames(["neeto-ui-kbd", className])
+  }, otherProps), keyName));
+};
+
+var renderImage = function renderImage(image) {
+  return typeof image === "string" ? /*#__PURE__*/React__default.createElement("img", {
+    "data-cy": "no-data-image",
+    src: image
+  }) : image;
+};
+
+var _excluded$b = ["image", "title", "description", "helpText", "className", "primaryButtonProps", "secondaryButtonProps", "buttonSeparatorText"];
+var NoData = function NoData(_ref) {
+  var _ref$image = _ref.image,
+    image = _ref$image === void 0 ? null : _ref$image,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "" : _ref$description,
+    _ref$helpText = _ref.helpText,
+    helpText = _ref$helpText === void 0 ? null : _ref$helpText,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$primaryButtonPro = _ref.primaryButtonProps,
+    primaryButtonProps = _ref$primaryButtonPro === void 0 ? {} : _ref$primaryButtonPro,
+    _ref$secondaryButtonP = _ref.secondaryButtonProps,
+    secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP,
+    _ref$buttonSeparatorT = _ref.buttonSeparatorText,
+    buttonSeparatorText = _ref$buttonSeparatorT === void 0 ? "" : _ref$buttonSeparatorT,
+    otherProps = _objectWithoutProperties(_ref, _excluded$b);
+  var hasPrimaryButtonProps = !isEmpty(primaryButtonProps);
+  var hasSecondaryButtonProps = !isEmpty(secondaryButtonProps);
+  var hasButtonSeparatorText = !isEmpty(buttonSeparatorText);
+  var showButtonSeparator = hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    className: classnames("neeto-ui-no-data", [className]),
+    "data-cy": "no-data-container"
+  }, otherProps), image ? /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-no-data__image"
+  }, renderImage(image)) : null, title && /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-ui-text-center",
+    "data-cy": "no-data-title",
+    lineHeight: "none",
+    style: "h3"
+  }, title), description && /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-ui-text-center neeto-ui-no-data__description",
+    "data-cy": "no-data-description",
+    lineHeight: "normal",
+    style: "body2"
+  }, description), helpText && /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-ui-text-center neeto-ui-no-data__help-text",
+    "data-cy": "no-data-help-text",
+    lineHeight: "normal",
+    style: "body2"
+  }, helpText), (hasPrimaryButtonProps || hasSecondaryButtonProps) && /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-no-data__action-block"
+  }, hasPrimaryButtonProps && /*#__PURE__*/React__default.createElement(Button, _extends({
+    "data-cy": "no-data-primary-button"
+  }, primaryButtonProps)), showButtonSeparator && /*#__PURE__*/React__default.createElement(Typography, {
+    lineHeight: "normal",
+    style: "body2"
+  }, buttonSeparatorText), hasSecondaryButtonProps && /*#__PURE__*/React__default.createElement(Button, _extends({
+    "data-cy": "no-data-secondary-button",
+    style: "secondary"
+  }, secondaryButtonProps))));
+};
+
+var DOTS = "...";
+
+var usePaginationQueryParams = function usePaginationQueryParams() {
+  var queryParams = useQueryParams();
+  var history = useHistory();
+  var updatePageInQueryParam = function updatePageInQueryParam(page) {
+    var params = {
+      page: page
+    };
+    var pathname = window.location.pathname;
+    history.push(buildUrl(pathname, mergeLeft(params, queryParams)));
+  };
+  return {
+    updatePageInQueryParam: updatePageInQueryParam
+  };
+};
+
+var range = function range(start, end) {
+  var length = end - start + 1;
+  return Array.from({
+    length: length
+  }, function (_, index) {
+    return index + start;
+  });
+};
+var usePagination = function usePagination(_ref) {
+  var count = _ref.count,
+    pageSize = _ref.pageSize,
+    _ref$siblingCount = _ref.siblingCount,
+    siblingCount = _ref$siblingCount === void 0 ? 1 : _ref$siblingCount,
+    pageNo = _ref.pageNo;
+  var paginationRange = useMemo(function () {
+    var totalPageCount = Math.ceil(count / pageSize);
+
+    // Pages count is determined as siblingCount + firstPage + lastPage + pageNo + 2*DOTS
+    var totalPageNumbers = siblingCount + 5;
+
+    // If the number of pages is less than the page numbers we want to show in our
+    // paginationComponent, we return the range [1..totalPageCount]
+    if (totalPageNumbers >= totalPageCount) {
+      return range(1, totalPageCount);
+    }
+
+    // Calculate left and right sibling index and make sure they are within range 1 and totalPageCount
+    var leftSiblingIndex = Math.max(pageNo - siblingCount, 1);
+    var rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);
+
+    // We do not show dots just when there is just one page number to be inserted between the extremes of sibling and the page limits i.e 1 and totalPageCount. Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPageCount - 2
+    var shouldShowLeftDots = leftSiblingIndex > 2;
+    var shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
+    var firstPageIndex = 1;
+    var lastPageIndex = totalPageCount;
+
+    // Case 2: No left dots to show, but rights dots to be shown
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+      var leftItemCount = 3 + 2 * siblingCount;
+      var leftRange = range(1, leftItemCount);
+      return [].concat(_toConsumableArray(leftRange), [DOTS, totalPageCount]);
+    }
+
+    // Case 3: No right dots to show, but left dots to be shown
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+      var rightItemCount = 3 + 2 * siblingCount;
+      var rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);
+      return [firstPageIndex, DOTS].concat(_toConsumableArray(rightRange));
+    }
+
+    // Case 4: Both left and right dots to be shown
+    if (shouldShowLeftDots && shouldShowRightDots) {
+      var middleRange = range(leftSiblingIndex, rightSiblingIndex);
+      return [firstPageIndex, DOTS].concat(_toConsumableArray(middleRange), [DOTS, lastPageIndex]);
+    }
+    return undefined;
+  }, [count, pageSize, siblingCount, pageNo]);
+  return paginationRange;
+};
+
+var Pagination = function Pagination(_ref) {
+  var _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 0 : _ref$count,
+    pageNo = _ref.pageNo,
+    navigate = _ref.navigate,
+    pageSize = _ref.pageSize,
+    _ref$siblingCount = _ref.siblingCount,
+    siblingCount = _ref$siblingCount === void 0 ? 1 : _ref$siblingCount,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  var paginationRange = usePagination({
+    pageNo: pageNo,
+    count: count,
+    siblingCount: siblingCount,
+    pageSize: pageSize
+  });
+  var _usePaginationQueryPa = usePaginationQueryParams(),
+    updatePageInQueryParam = _usePaginationQueryPa.updatePageInQueryParam;
+  if (!navigate) navigate = updatePageInQueryParam;
+  if (pageNo === 0 || paginationRange.length < 2) {
+    return null;
+  }
+  var onNext = function onNext() {
+    if (!isLastPage) navigate(pageNo + 1);
+  };
+  var onPrevious = function onPrevious() {
+    if (!isFirstPage) navigate(pageNo - 1);
+  };
+  var lastPage = paginationRange[paginationRange.length - 1];
+  var isFirstPage = pageNo === 1;
+  var isLastPage = pageNo === lastPage;
+  return /*#__PURE__*/React__default.createElement("nav", {
+    "aria-label": "Pagination Navigation",
+    role: "navigation"
+  }, /*#__PURE__*/React__default.createElement("ul", {
+    className: classnames(["neeto-ui-pagination__wrapper", className])
+  }, /*#__PURE__*/React__default.createElement("li", {
+    "data-testid": "left-navigate-button",
+    tabIndex: 0,
+    className: classnames({
+      "neeto-ui-pagination__item": true,
+      "neeto-ui-pagination__item--navigate": true,
+      disabled: isFirstPage
+    }),
+    onClick: onPrevious
+  }, /*#__PURE__*/React__default.createElement("a", null, /*#__PURE__*/React__default.createElement(Left, {
+    size: 20
+  }))), paginationRange.map(function (pageNumber, index) {
+    var isActive = pageNumber === pageNo;
+    if (pageNumber === DOTS) {
+      return /*#__PURE__*/React__default.createElement("li", {
+        className: "neeto-ui-pagination__item neeto-ui-pagination__item--dots",
+        "data-testid": "dots",
+        key: index
+      }, "\u2026");
+    }
+    return /*#__PURE__*/React__default.createElement("li", {
+      "aria-current": isActive && true,
+      key: index,
+      tabIndex: 0,
+      "aria-label": isActive ? "Current Page, Page ".concat(pageNumber) : "Goto Page ".concat(pageNumber),
+      className: classnames("neeto-ui-pagination__item", {
+        active: isActive
+      }),
+      onClick: function onClick() {
+        return navigate(pageNumber);
+      }
+    }, /*#__PURE__*/React__default.createElement("a", null, pageNumber));
+  }), /*#__PURE__*/React__default.createElement("li", {
+    "data-testid": "right-navigate-button",
+    tabIndex: 0,
+    className: classnames({
+      "neeto-ui-pagination__item": true,
+      "neeto-ui-pagination__item--navigate": true,
+      disabled: isLastPage
+    }),
+    onClick: onNext
+  }, /*#__PURE__*/React__default.createElement("a", null, /*#__PURE__*/React__default.createElement(Right, {
+    size: 20
+  })))));
+};
+
+var Body = function Body(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$hasFooter = _ref.hasFooter,
+    hasFooter = _ref$hasFooter === void 0 ? true : _ref$hasFooter;
+  return /*#__PURE__*/React__default.createElement("div", {
+    "data-cy": "pane-body",
+    className: classnames("neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start", _defineProperty({
+      "neeto-ui-pane__body--has-footer": hasFooter
+    }, className, className))
+  }, children);
+};
+
+var DEFAULT_PANE_HEADER_HEIGHT = 78;
+
+var Footer = function Footer(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames("neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center", className)
+  }, children);
+};
+
+var Header = function Header(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames("neeto-ui-pane__header", className),
+    "data-cy": "pane-header"
+  }, children);
+};
+
+var getHeaderHeight = function getHeaderHeight(paneWrapper) {
+  var header = paneWrapper.current.querySelector(".neeto-ui-pane__header");
+  return header ? header.offsetHeight : DEFAULT_PANE_HEADER_HEIGHT;
+};
+
+var _excluded$a = ["size", "isOpen", "onClose", "children", "className", "closeOnEsc", "closeButton", "backdropClassName", "closeOnOutsideClick", "initialFocusRef", "finalFocusRef"];
+var SIZES$1 = {
+  small: "small",
+  large: "large"
+};
+var Pane = function Pane(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SIZES$1.small : _ref$size,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
+    children = _ref.children,
+    _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,
+    initialFocusRef = _ref.initialFocusRef,
+    finalFocusRef = _ref.finalFocusRef,
+    otherProps = _objectWithoutProperties(_ref, _excluded$a);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasTransitionCompleted = _useState2[0],
+    setHasTransitionCompleted = _useState2[1];
+  var paneWrapper = useRef(null);
+  var backdropRef = useRef(null);
+  useOverlayManager(paneWrapper, isOpen);
+  var _useOverlay = useOverlay({
+      overlayWrapper: paneWrapper,
+      backdropRef: backdropRef,
+      closeOnOutsideClick: closeOnOutsideClick,
+      closeOnEsc: closeOnEsc,
+      onClose: onClose,
+      isOpen: isOpen,
+      initialFocusRef: initialFocusRef,
+      finalFocusRef: finalFocusRef,
+      hasTransitionCompleted: hasTransitionCompleted
+    }),
+    handleOverlayClose = _useOverlay.handleOverlayClose,
+    setFocusField = _useOverlay.setFocusField;
+  useEffect(function () {
+    if (hasTransitionCompleted) {
+      var headerHeight = getHeaderHeight(paneWrapper);
+      if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {
+        paneWrapper.current.style.setProperty("--neeto-ui-pane-header-height", "".concat(headerHeight, "px"));
+      }
+    }
+  }, [hasTransitionCompleted]);
+  return /*#__PURE__*/React__default.createElement(Portal, {
+    rootId: "neeto-ui-portal"
+  }, /*#__PURE__*/React__default.createElement(CSSTransition, {
+    unmountOnExit: true,
+    appear: isOpen,
+    classNames: "neeto-ui-pane",
+    "in": isOpen,
+    timeout: 230,
+    onEntered: function onEntered() {
+      return setHasTransitionCompleted(true);
+    },
+    onExited: function onExited() {
+      return setHasTransitionCompleted(false);
+    }
+  }, /*#__PURE__*/React__default.createElement(Backdrop, {
+    "data-testid": "backdrop",
+    key: "pane-backdrop",
+    ref: backdropRef,
+    className: classnames("neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end", backdropClassName)
+  }, /*#__PURE__*/React__default.createElement("div", _extends({
+    "data-cy": "pane-wrapper",
+    key: "pane-wrapper",
+    ref: paneWrapper,
+    className: classnames("neeto-ui-pane__wrapper", _defineProperty({
+      "neeto-ui-pane__wrapper--small": size === SIZES$1.small,
+      "neeto-ui-pane__wrapper--large": size === SIZES$1.large
+    }, className, className))
+  }, otherProps), closeButton && /*#__PURE__*/React__default.createElement(Button, {
+    "aria-label": "Close",
+    className: "neeto-ui-pane__close",
+    "data-cy": "pane-close-button",
+    "data-testid": "close-button",
+    icon: Close,
+    size: "small",
+    style: "text",
+    onClick: handleOverlayClose
+  }), hasTransitionCompleted && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, typeof children === "function" ? children({
+    setFocusField: setFocusField
+  }) : children)))));
+};
+Pane.Header = Header;
+Pane.Body = Body;
+Pane.Footer = Footer;
+
+var Title = function Title(_ref) {
+  var className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/React__default.createElement(Typography, {
+    className: classnames("neeto-ui-mb-1", className),
+    "data-testid": "popover-title",
+    lineHeight: "snug",
+    style: "h5",
+    weight: "semibold"
+  }, children);
+};
+
+var _excluded$9 = ["children", "className", "theme"];
+var Popover = function Popover(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? "light" : _ref$theme,
+    otherProps = _objectWithoutProperties(_ref, _excluded$9);
+  return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
+    theme: theme,
+    arrow: true,
+    interactive: true,
+    className: classnames("neeto-ui-popover", className),
+    content: children
+  }, otherProps));
+};
+Popover.Title = Title;
+
+var Stepper = function Stepper(_ref) {
+  var steps = _ref.steps,
+    activeIndex = _ref.activeIndex,
+    setActiveIndex = _ref.setActiveIndex;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-stepper__wrapper"
+  }, steps.map(function (_ref2, index) {
+    var id = _ref2.id,
+      label = _ref2.label;
+    return /*#__PURE__*/React__default.createElement("div", {
+      "data-testid": "stepper-item-".concat(id),
+      key: id,
+      className: classnames("neeto-ui-stepper-item__wrapper", {
+        "neeto-ui-stepper-item__wrapper--active": index === activeIndex,
+        "neeto-ui-stepper-item__wrapper--done": index < activeIndex
+      })
+    }, /*#__PURE__*/React__default.createElement("button", {
+      className: "neeto-ui-stepper-item",
+      onClick: function onClick() {
+        return setActiveIndex(index);
+      }
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "neeto-ui-stepper-item__stage"
+    }, /*#__PURE__*/React__default.createElement("span", null, id)), /*#__PURE__*/React__default.createElement("span", {
+      className: "neeto-ui-stepper-item__label",
+      "data-text": label
+    }, label)));
+  }));
+};
+
+var _excluded$8 = ["active", "className", "children", "icon", "onClick", "activeClassName"];
+function ownKeys$6(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$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Item = function Item(_ref) {
+  var active = _ref.active,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    children = _ref.children,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? null : _ref$icon,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    _ref$activeClassName = _ref.activeClassName,
+    activeClassName = _ref$activeClassName === void 0 ? "" : _ref$activeClassName,
+    otherProps = _objectWithoutProperties(_ref, _excluded$8);
+  var Icon = typeof icon === "string" ? function () {
+    return /*#__PURE__*/React__default.createElement("i", {
+      className: icon,
+      "data-cy": "tab-item-icon",
+      "data-testid": "tab-icon"
+    });
+  } : icon || React__default.Fragment;
+  var Parent = activeClassName ? NavLink : "button";
+  var buttonAttributes = activeClassName ? {} : {
+    type: "button"
+  };
+  return /*#__PURE__*/React__default.createElement(Parent, _extends({
+    "data-cy": "tab-item",
+    className: classnames(["neeto-ui-tab neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-select-none", className], {
+      active: active
+    }),
+    onClick: onClick
+  }, _objectSpread$6(_objectSpread$6({}, otherProps), buttonAttributes)), icon && /*#__PURE__*/React__default.createElement(Icon, {
+    className: "neeto-ui-tab__icon"
+  }), children);
+};
+Item.displayName = "Tab.Item";
+
+var _excluded$7 = ["size", "noUnderline", "children", "className"];
+var SIZES = {
+  large: "large",
+  small: "small"
+};
+var Tab = function Tab(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SIZES.small : _ref$size,
+    _ref$noUnderline = _ref.noUnderline,
+    noUnderline = _ref$noUnderline === void 0 ? false : _ref$noUnderline,
+    children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded$7);
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    "data-cy": "tab-container",
+    className: classnames({
+      "neeto-ui-tab__wrapper neeto-ui-flex": true,
+      "neeto-ui-tab__wrapper--size-large": size === SIZES.large,
+      "neeto-ui-tab__wrapper--size-small": size === SIZES.small,
+      "neeto-ui-tab__wrapper--underline-none": noUnderline
+    }, [className])
+  }, otherProps), children);
+};
+Tab.Item = Item;
+
+var SelectAllRowsCallout = function SelectAllRowsCallout(_ref) {
+  var calloutProps = _ref.calloutProps,
+    onBulkSelectAllRows = _ref.onBulkSelectAllRows,
+    selectAllRowButtonLabel = _ref.selectAllRowButtonLabel,
+    selectAllRowMessage = _ref.selectAllRowMessage;
+  return /*#__PURE__*/React__default.createElement(Callout, _extends({
+    className: "my-2"
+  }, calloutProps, {
+    "data-testid": "select-all-rows-callout"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex space-x-3"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body2"
+  }, selectAllRowMessage), /*#__PURE__*/React__default.createElement(Button, {
+    "data-testid": "select-all-rows-button",
+    label: selectAllRowButtonLabel,
+    style: "link",
+    onClick: onBulkSelectAllRows
+  })));
+};
+
+var URL_SORT_ORDERS = {
+  ascend: "asc",
+  descend: "desc"
+};
+var TABLE_SORT_ORDERS = {
+  asc: "ascend",
+  desc: "descend"
+};
+var COLUMN_ADD_DIRECTION = {
+  left: 0,
+  right: 1
+};
+
+var useReorderColumns = function useReorderColumns(_ref) {
+  var isEnabled = _ref.isEnabled,
+    columns = _ref.columns,
+    setColumns = _ref.setColumns,
+    onColumnUpdate = _ref.onColumnUpdate,
+    rowSelection = _ref.rowSelection;
+  if (!isEnabled) return {
+    dragProps: {},
+    columns: columns
+  };
+  var isColumnFixed = function isColumnFixed(column) {
+    return !!column.fixed;
+  };
+  var dragProps = {
+    onDragEnd: function onDragEnd(fromIndex, toIndex) {
+      var from = fromIndex;
+      var to = toIndex;
+      if (rowSelection) {
+        from = fromIndex - 1;
+        to = toIndex - 1;
+      }
+      if (isColumnFixed(columns[from]) || isColumnFixed(columns[to])) return;
+      var newColumns = move(from, to, columns);
+      setColumns(newColumns);
+      onColumnUpdate(newColumns);
+    },
+    nodeSelector: "th",
+    handleSelector: ".drag-handler",
+    ignoreSelector: ".react-resizable-handle"
+  };
+  return {
+    dragProps: dragProps,
+    columns: columns
+  };
+};
+
+var SortIcon = function SortIcon(_ref) {
+  var sortOrder = _ref.sortOrder;
+  if (sortOrder === TABLE_SORT_ORDERS.asc || sortOrder === URL_SORT_ORDERS.ascend) {
+    return /*#__PURE__*/React__default.createElement(UpArrow, {
+      size: 14
+    });
+  }
+  if (sortOrder === TABLE_SORT_ORDERS.desc || sortOrder === URL_SORT_ORDERS.descend) {
+    return /*#__PURE__*/React__default.createElement(DownArrow, {
+      size: 14
+    });
+  }
+  return null;
+};
+
+function ownKeys$5(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useResizableColumns = function useResizableColumns(_ref) {
+  var columns = _ref.columns,
+    setColumns = _ref.setColumns,
+    isEnabled = _ref.isEnabled,
+    isAddEnabled = _ref.isAddEnabled,
+    onColumnAdd = _ref.onColumnAdd,
+    onColumnUpdate = _ref.onColumnUpdate,
+    onColumnDelete = _ref.onColumnDelete,
+    handleSort = _ref.handleSort,
+    sortedInfo = _ref.sortedInfo,
+    onColumnHide = _ref.onColumnHide,
+    onMoreActionClick = _ref.onMoreActionClick,
+    tableOnChangeProps = _ref.tableOnChangeProps;
+  var handleResize = function handleResize(index) {
+    return function (_, _ref2) {
+      var size = _ref2.size;
+      var nextColumns = _toConsumableArray(columns);
+      nextColumns[index] = _objectSpread$5(_objectSpread$5({}, nextColumns[index]), {}, {
+        width: size.width
+      });
+      setColumns(nextColumns);
+    };
+  };
+  var computedColumnsData = useMemo(function () {
+    return columns.map(function (col, index) {
+      var modifiedColumn = _objectSpread$5(_objectSpread$5({}, col), {}, {
+        onHeaderCell: function onHeaderCell(column) {
+          return {
+            width: column.width,
+            onResize: isEnabled ? handleResize(index) : noop$1,
+            onResizeStop: function onResizeStop() {
+              return isEnabled ? onColumnUpdate(columns) : noop$1;
+            },
+            isSortable: isPresent(col.sorter),
+            onSort: handleSort,
+            sortedInfo: sortedInfo,
+            onColumnHide: onColumnHide,
+            onMoreActionClick: onMoreActionClick,
+            isAddEnabled: isAddEnabled && !col.fixed,
+            onAddColumn: function onAddColumn(positionOffset) {
+              return onColumnAdd(index + positionOffset);
+            },
+            onColumnDelete: onColumnDelete,
+            isHidable: col.isHidable,
+            isDeletable: col.isDeletable,
+            moreActions: col.moreActions,
+            column: col
+          };
+        },
+        sortIcon: SortIcon,
+        sortOrder: sortedInfo.field === col.dataIndex || sortedInfo.field === col.key ? sortedInfo.order : null
+      });
+      if (!has("ellipsis", col)) {
+        modifiedColumn.ellipsis = true;
+      }
+      return modifiedColumn;
+    });
+  }, [columns, sortedInfo, tableOnChangeProps]);
+  return {
+    columns: computedColumnsData
+  };
+};
+
+function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useColumns = function useColumns(_ref) {
+  var columns = _ref.columns,
+    setColumns = _ref.setColumns,
+    isResizeEnabled = _ref.isResizeEnabled,
+    isReorderEnabled = _ref.isReorderEnabled,
+    isAddEnabled = _ref.isAddEnabled,
+    onColumnAdd = _ref.onColumnAdd,
+    onColumnUpdate = _ref.onColumnUpdate,
+    onColumnDelete = _ref.onColumnDelete,
+    rowSelection = _ref.rowSelection,
+    sortedInfo = _ref.sortedInfo,
+    setSortedInfo = _ref.setSortedInfo,
+    onColumnHide = _ref.onColumnHide,
+    onMoreActionClick = _ref.onMoreActionClick,
+    onTableChange = _ref.onTableChange,
+    tableOnChangeProps = _ref.tableOnChangeProps,
+    handleTableSortChange = _ref.handleTableSortChange,
+    isDefaultPageChangeHandler = _ref.isDefaultPageChangeHandler;
+  var _useReorderColumns = useReorderColumns({
+      isEnabled: isReorderEnabled,
+      columns: columns,
+      setColumns: setColumns,
+      onColumnUpdate: onColumnUpdate,
+      rowSelection: rowSelection
+    }),
+    dragProps = _useReorderColumns.dragProps;
+  var handleSort = function handleSort(sorter) {
+    var _tableOnChangeProps$c, _tableOnChangeProps$c2, _tableOnChangeProps$c3;
+    var newSortedInfo = _objectSpread$4({}, sorter);
+    if (equals(props(["field", "order"], newSortedInfo), props(["field", "order"], sortedInfo))) {
+      newSortedInfo = {
+        field: null,
+        order: null,
+        column: null,
+        columnKey: null
+      };
+    }
+    setSortedInfo(newSortedInfo);
+    onTableChange === null || onTableChange === void 0 || onTableChange(((_tableOnChangeProps$c = tableOnChangeProps.current) === null || _tableOnChangeProps$c === void 0 ? void 0 : _tableOnChangeProps$c.pagination) || {}, ((_tableOnChangeProps$c2 = tableOnChangeProps.current) === null || _tableOnChangeProps$c2 === void 0 ? void 0 : _tableOnChangeProps$c2.filters) || {}, _objectSpread$4({}, newSortedInfo));
+    isDefaultPageChangeHandler && handleTableSortChange(((_tableOnChangeProps$c3 = tableOnChangeProps.current) === null || _tableOnChangeProps$c3 === void 0 ? void 0 : _tableOnChangeProps$c3.pagination) || {}, newSortedInfo);
+  };
+  var _useResizableColumns = useResizableColumns({
+      columns: columns,
+      setColumns: setColumns,
+      isEnabled: isResizeEnabled,
+      isAddEnabled: isAddEnabled,
+      onColumnAdd: onColumnAdd,
+      onColumnUpdate: onColumnUpdate,
+      onColumnDelete: onColumnDelete,
+      handleSort: handleSort,
+      sortedInfo: sortedInfo,
+      onColumnHide: onColumnHide,
+      onMoreActionClick: onMoreActionClick,
+      tableOnChangeProps: tableOnChangeProps
+    }),
+    computedColumnsData = _useResizableColumns.columns;
+  return {
+    dragProps: dragProps,
+    columns: computedColumnsData
+  };
+};
+
+var getSortInfoFromQueryParams = function getSortInfoFromQueryParams(queryParams) {
+  var sortedInfo = {};
+  if (isPresent(queryParams.sort_by) && isPresent(queryParams.order_by) && isPresent(TABLE_SORT_ORDERS[queryParams.order_by])) {
+    sortedInfo.field = snakeToCamelCase(queryParams.sort_by);
+    sortedInfo.order = TABLE_SORT_ORDERS[queryParams.order_by];
+  }
+  return sortedInfo;
+};
+var useTableSort = function useTableSort() {
+  var queryParams = useQueryParams();
+  var _useState = useState(function () {
+      return getSortInfoFromQueryParams(queryParams);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    sortedInfo = _useState2[0],
+    setSortedInfo = _useState2[1];
+  useEffect(function () {
+    setSortedInfo(getSortInfoFromQueryParams(queryParams));
+  }, [queryParams === null || queryParams === void 0 ? void 0 : queryParams.sort_by, queryParams === null || queryParams === void 0 ? void 0 : queryParams.order_by]);
+  var history = useHistory();
+  var handleTableChange = function handleTableChange(pagination, sorter) {
+    var params = {
+      sort_by: sorter.order ? camelToSnakeCase(sorter.field) : undefined,
+      order_by: URL_SORT_ORDERS[sorter.order],
+      page: pagination.current
+    };
+    var pathname = window.location.pathname;
+    history.push(buildUrl(pathname, mergeLeft(params, queryParams)));
+  };
+  return {
+    handleTableChange: handleTableChange,
+    sortedInfo: sortedInfo,
+    setSortedInfo: setSortedInfo
+  };
+};
+
+var Menu = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem;
+var HeaderCellMenu = function HeaderCellMenu(_ref) {
+  var onSort = _ref.onSort,
+    _ref$column = _ref.column,
+    column = _ref$column === void 0 ? {} : _ref$column,
+    sortedInfo = _ref.sortedInfo,
+    isSortable = _ref.isSortable,
+    isAddEnabled = _ref.isAddEnabled,
+    isColumnDeletable = _ref.isColumnDeletable,
+    isHidable = _ref.isHidable,
+    onColumnHide = _ref.onColumnHide,
+    onAddColumn = _ref.onAddColumn,
+    onColumnDelete = _ref.onColumnDelete,
+    hasMoreActions = _ref.hasMoreActions,
+    onMoreActionClick = _ref.onMoreActionClick,
+    _ref$columnTitle = _ref.columnTitle,
+    columnTitle = _ref$columnTitle === void 0 ? null : _ref$columnTitle,
+    _ref$moreActions = _ref.moreActions,
+    moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions;
+  var columnInfoButtonReference = useRef();
+  return /*#__PURE__*/React__default.createElement("div", {
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, /*#__PURE__*/React__default.createElement(Dropdown, {
+    appendTo: function appendTo() {
+      return document.body;
+    },
+    className: "flex",
+    icon: MenuHorizontal,
+    position: "auto",
+    strategy: "fixed",
+    buttonProps: {
+      className: "min-h-0 flex-shrink-0",
+      style: "text",
+      size: "medium",
+      "data-testid": "column-menu-button",
+      "data-dropdown-button-style": "more-dropdown"
+    }
+  }, /*#__PURE__*/React__default.createElement(Menu, {
+    className: "cursor-auto",
+    onMouseDown: function onMouseDown(event) {
+      return event.preventDefault();
+    }
+  }, isSortable && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    className: "flex items-center justify-between",
+    onClick: function onClick() {
+      return onSort({
+        column: column,
+        columnKey: column.key,
+        field: column.dataIndex || column.key,
+        order: TABLE_SORT_ORDERS.asc
+      });
+    }
+  }, /*#__PURE__*/React__default.createElement("span", null, "Ascending"), sortedInfo.order === TABLE_SORT_ORDERS.asc && sortedInfo.field === column.dataIndex && /*#__PURE__*/React__default.createElement(Check, {
+    className: "neeto-ui-text-success-500",
+    size: 20
+  })), /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    className: "flex items-center justify-between",
+    onClick: function onClick() {
+      return onSort({
+        column: column,
+        columnKey: column.key,
+        field: column.dataIndex,
+        order: TABLE_SORT_ORDERS.desc
+      });
+    }
+  }, /*#__PURE__*/React__default.createElement("span", null, "Descending"), sortedInfo.order === TABLE_SORT_ORDERS.desc && sortedInfo.field === column.dataIndex && /*#__PURE__*/React__default.createElement(Check, {
+    className: "neeto-ui-text-success-500",
+    size: 20
+  }))), isAddEnabled && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    onClick: function onClick() {
+      return onAddColumn(COLUMN_ADD_DIRECTION.right);
+    }
+  }, "Insert column right"), /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    onClick: function onClick() {
+      return onAddColumn(COLUMN_ADD_DIRECTION.left);
+    }
+  }, "Insert column left")), isPresent(column === null || column === void 0 ? void 0 : column.description) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    ref: columnInfoButtonReference
+  }, "Column info"), /*#__PURE__*/React__default.createElement(Popover, {
+    className: "cursor-auto",
+    hideOnClick: false,
+    interactiveDebounce: 20,
+    offset: [0, 15],
+    position: "right",
+    reference: columnInfoButtonReference,
+    strategy: "fixed"
+  }, columnTitle && /*#__PURE__*/React__default.createElement(Popover.Title, null, columnTitle), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "w-72 max-w-full whitespace-normal normal-case",
+    lineHeight: "normal",
+    style: "body2",
+    weight: "normal"
+  }, column === null || column === void 0 ? void 0 : column.description))), isHidable && /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    onClick: function onClick() {
+      return onColumnHide(column);
+    }
+  }, "Hide column"), isColumnDeletable && /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    onClick: function onClick() {
+      return onColumnDelete(column.id);
+    }
+  }, "Delete column"), hasMoreActions && moreActions.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+      key: index,
+      onClick: function onClick() {
+        return onMoreActionClick(item.type, column);
+      }
+    }, item.label);
+  }))));
+};
+
+var _excluded$6 = ["children", "isSortable", "isAddEnabled", "sortedInfo", "onSort", "isHidable", "isDeletable", "onColumnHide", "onAddColumn", "onColumnDelete", "onMoreActionClick", "column", "moreActions"];
+var CellContent = function CellContent(_ref) {
+  var children = _ref.children,
+    isSortable = _ref.isSortable,
+    isAddEnabled = _ref.isAddEnabled,
+    sortedInfo = _ref.sortedInfo,
+    onSort = _ref.onSort,
+    _ref$isHidable = _ref.isHidable,
+    isHidable = _ref$isHidable === void 0 ? true : _ref$isHidable,
+    _ref$isDeletable = _ref.isDeletable,
+    isDeletable = _ref$isDeletable === void 0 ? false : _ref$isDeletable,
+    onColumnHide = _ref.onColumnHide,
+    onAddColumn = _ref.onAddColumn,
+    onColumnDelete = _ref.onColumnDelete,
+    onMoreActionClick = _ref.onMoreActionClick,
+    column = _ref.column,
+    _ref$moreActions = _ref.moreActions,
+    moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions,
+    headerProps = _objectWithoutProperties(_ref, _excluded$6);
+  var isColumnHidable = isHidable && isPresent(onColumnHide);
+  var isColumnDeletable = isDeletable && isPresent(onColumnDelete);
+  var hasMoreActions = !isEmpty(moreActions) && isPresent(onMoreActionClick);
+  var hasMoreMenu = isSortable || isPresent(column === null || column === void 0 ? void 0 : column.description) || isColumnHidable || isAddEnabled || hasMoreActions;
+  return /*#__PURE__*/React__default.createElement("th", _extends({}, headerProps, {
+    title: "",
+    onClick: isSortable ? noop$1 : headerProps.onClick
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "min-w-0 flex-grow"
+  }, children), hasMoreMenu && /*#__PURE__*/React__default.createElement(HeaderCellMenu, {
+    column: column,
+    hasMoreActions: hasMoreActions,
+    isAddEnabled: isAddEnabled,
+    isColumnDeletable: isColumnDeletable,
+    isSortable: isSortable,
+    moreActions: moreActions,
+    onAddColumn: onAddColumn,
+    onColumnDelete: onColumnDelete,
+    onColumnHide: onColumnHide,
+    onMoreActionClick: onMoreActionClick,
+    onSort: onSort,
+    sortedInfo: sortedInfo,
+    columnTitle: headerProps.title,
+    isHidable: isColumnHidable
+  })));
+};
+
+var _excluded$5 = ["onResize", "width", "onResizeStop", "className"];
+var HeaderCell = function HeaderCell(props) {
+  var onResize = props.onResize,
+    width = props.width,
+    onResizeStop = props.onResizeStop,
+    className = props.className,
+    restProps = _objectWithoutProperties(props, _excluded$5);
+  if (!width) {
+    return /*#__PURE__*/React__default.createElement(CellContent, _extends({}, restProps, {
+      className: classnames(className, "drag-handler")
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(Resizable, {
+    onResize: onResize,
+    onResizeStop: onResizeStop,
+    width: width,
+    draggableOpts: {
+      enableUserSelectHack: false
+    },
+    height: 0,
+    handle: /*#__PURE__*/React__default.createElement("span", {
+      className: "react-resizable-handle",
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    })
+  }, /*#__PURE__*/React__default.createElement(CellContent, _extends({}, restProps, {
+    className: classnames(className, "drag-handler")
+  })));
+};
+
+var _excluded$4 = ["onResize", "width", "onResizeStop"];
+var ResizableHeaderCell = function ResizableHeaderCell(props) {
+  var onResize = props.onResize,
+    width = props.width,
+    onResizeStop = props.onResizeStop,
+    restProps = _objectWithoutProperties(props, _excluded$4);
+  if (!width) {
+    return /*#__PURE__*/React__default.createElement(CellContent, restProps);
+  }
+  return /*#__PURE__*/React__default.createElement(Resizable, {
+    onResize: onResize,
+    onResizeStop: onResizeStop,
+    width: width,
+    draggableOpts: {
+      enableUserSelectHack: false
+    },
+    height: 0,
+    handle: /*#__PURE__*/React__default.createElement("span", {
+      className: "react-resizable-handle",
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    })
+  }, /*#__PURE__*/React__default.createElement(CellContent, restProps));
+};
+
+var _excluded$3 = ["className"];
+var ReorderableHeaderCell = function ReorderableHeaderCell(_ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded$3);
+  return /*#__PURE__*/React__default.createElement(CellContent, _extends({}, props, {
+    className: classnames(className, "drag-handler")
+  }));
+};
+
+var getHeaderCell = function getHeaderCell(_ref) {
+  var enableColumnResize = _ref.enableColumnResize,
+    enableColumnReorder = _ref.enableColumnReorder;
+  if (enableColumnReorder && enableColumnResize) return {
+    cell: HeaderCell
+  };
+  if (enableColumnResize) return {
+    cell: ResizableHeaderCell
+  };
+  if (enableColumnReorder) return {
+    cell: ReorderableHeaderCell
+  };
+  return {
+    cell: CellContent
+  };
+};
+var isIncludedIn = function isIncludedIn(array1, array2) {
+  return all(includes(__, array1), array2);
+};
+
+var _excluded$2 = ["allowRowClick", "enableColumnResize", "enableColumnReorder", "enableAddColumn", "className", "columnData", "currentPageNumber", "defaultPageSize", "handlePageChange", "loading", "onRowClick", "onRowSelect", "rowData", "totalCount", "selectedRowKeys", "fixedHeight", "paginationProps", "rowKey", "scroll", "rowSelection", "shouldDynamicallyRenderRowSize", "bordered", "onColumnUpdate", "components", "onColumnHide", "onColumnAdd", "onColumnDelete", "onChange", "onMoreActionClick", "bulkSelectAllRowsProps"];
+function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var TABLE_PAGINATION_HEIGHT = 64;
+var TABLE_DEFAULT_HEADER_HEIGHT = 40;
+var TABLE_ROW_HEIGHT = 52;
+var Table = function Table(_ref) {
+  var _ref$allowRowClick = _ref.allowRowClick,
+    allowRowClick = _ref$allowRowClick === void 0 ? true : _ref$allowRowClick,
+    _ref$enableColumnResi = _ref.enableColumnResize,
+    enableColumnResize = _ref$enableColumnResi === void 0 ? false : _ref$enableColumnResi,
+    _ref$enableColumnReor = _ref.enableColumnReorder,
+    enableColumnReorder = _ref$enableColumnReor === void 0 ? false : _ref$enableColumnReor,
+    _ref$enableAddColumn = _ref.enableAddColumn,
+    enableAddColumn = _ref$enableAddColumn === void 0 ? false : _ref$enableAddColumn,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$columnData = _ref.columnData,
+    columnData = _ref$columnData === void 0 ? [] : _ref$columnData,
+    _ref$currentPageNumbe = _ref.currentPageNumber,
+    currentPageNumber = _ref$currentPageNumbe === void 0 ? 1 : _ref$currentPageNumbe,
+    _ref$defaultPageSize = _ref.defaultPageSize,
+    defaultPageSize = _ref$defaultPageSize === void 0 ? 30 : _ref$defaultPageSize,
+    _ref$handlePageChange = _ref.handlePageChange,
+    handlePageChange = _ref$handlePageChange === void 0 ? noop : _ref$handlePageChange,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    onRowClick = _ref.onRowClick,
+    onRowSelect = _ref.onRowSelect,
+    _ref$rowData = _ref.rowData,
+    rowData = _ref$rowData === void 0 ? [] : _ref$rowData,
+    _ref$totalCount = _ref.totalCount,
+    totalCount = _ref$totalCount === void 0 ? 0 : _ref$totalCount,
+    _ref$selectedRowKeys = _ref.selectedRowKeys,
+    initialSelectedRowKeys = _ref$selectedRowKeys === void 0 ? [] : _ref$selectedRowKeys,
+    _ref$fixedHeight = _ref.fixedHeight,
+    fixedHeight = _ref$fixedHeight === void 0 ? false : _ref$fixedHeight,
+    _ref$paginationProps = _ref.paginationProps,
+    paginationProps = _ref$paginationProps === void 0 ? {} : _ref$paginationProps,
+    _ref$rowKey = _ref.rowKey,
+    rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
+    scroll = _ref.scroll,
+    rowSelection = _ref.rowSelection,
+    _ref$shouldDynamicall = _ref.shouldDynamicallyRenderRowSize,
+    shouldDynamicallyRenderRowSize = _ref$shouldDynamicall === void 0 ? false : _ref$shouldDynamicall,
+    _ref$bordered = _ref.bordered,
+    bordered = _ref$bordered === void 0 ? true : _ref$bordered,
+    _ref$onColumnUpdate = _ref.onColumnUpdate,
+    onColumnUpdate = _ref$onColumnUpdate === void 0 ? noop : _ref$onColumnUpdate,
+    _ref$components = _ref.components,
+    components = _ref$components === void 0 ? {} : _ref$components,
+    onColumnHide = _ref.onColumnHide,
+    _ref$onColumnAdd = _ref.onColumnAdd,
+    onColumnAdd = _ref$onColumnAdd === void 0 ? noop : _ref$onColumnAdd,
+    onColumnDelete = _ref.onColumnDelete,
+    onChange = _ref.onChange,
+    onMoreActionClick = _ref.onMoreActionClick,
+    bulkSelectAllRowsProps = _ref.bulkSelectAllRowsProps,
+    otherProps = _objectWithoutProperties(_ref, _excluded$2);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    containerHeight = _useState2[0],
+    setContainerHeight = _useState2[1];
+  var _useState3 = useState(TABLE_DEFAULT_HEADER_HEIGHT),
+    _useState4 = _slicedToArray(_useState3, 2),
+    headerHeight = _useState4[0],
+    setHeaderHeight = _useState4[1];
+  var _useState5 = useState(columnData),
+    _useState6 = _slicedToArray(_useState5, 2),
+    columns = _useState6[0],
+    setColumns = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    bulkSelectedAllRows = _useState8[0],
+    setBulkSelectedAllRows = _useState8[1];
+  var _useTableSort = useTableSort(),
+    handleTableSortChange = _useTableSort.handleTableChange,
+    sortedInfo = _useTableSort.sortedInfo,
+    setSortedInfo = _useTableSort.setSortedInfo;
+  var _ref2 = bulkSelectAllRowsProps !== null && bulkSelectAllRowsProps !== void 0 ? bulkSelectAllRowsProps : {},
+    handleSetBulkSelectedAllRows = _ref2.setBulkSelectedAllRows;
+  var isDefaultPageChangeHandler = handlePageChange === noop;
+  var history = useHistory();
+  var headerRef = useRef();
+  var tableOnChangeProps = useRef({});
+  var resizeObserver = useRef(new ResizeObserver(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 1),
+      entry = _ref4[0];
+    return setContainerHeight(entry.contentRect.height);
+  }));
+  var tableRef = useCallback(function (table) {
+    if (!fixedHeight) return;
+    var observer = resizeObserver.current;
+    if (table !== null) {
+      observer.observe(table === null || table === void 0 ? void 0 : table.parentNode);
+    } else if (observer) {
+      observer.disconnect();
+    }
+  }, [resizeObserver.current, fixedHeight]);
+  useTimeout(function () {
+    var headerHeight = headerRef.current ? headerRef.current.offsetHeight : TABLE_DEFAULT_HEADER_HEIGHT;
+    setHeaderHeight(headerHeight);
+  }, 10);
+  var _useColumns = useColumns({
+      isReorderEnabled: enableColumnReorder,
+      isResizeEnabled: enableColumnResize,
+      isAddEnabled: enableAddColumn,
+      onTableChange: onChange,
+      columns: columns,
+      setColumns: setColumns,
+      onColumnUpdate: onColumnUpdate,
+      rowSelection: rowSelection,
+      sortedInfo: sortedInfo,
+      setSortedInfo: setSortedInfo,
+      onColumnHide: onColumnHide,
+      onMoreActionClick: onMoreActionClick,
+      onColumnAdd: onColumnAdd,
+      onColumnDelete: onColumnDelete,
+      tableOnChangeProps: tableOnChangeProps,
+      handleTableSortChange: handleTableSortChange,
+      isDefaultPageChangeHandler: isDefaultPageChangeHandler
+    }),
+    dragProps = _useColumns.dragProps,
+    curatedColumnsData = _useColumns.columns;
+  var queryParams = useQueryParams();
+  var setSortFromURL = function setSortFromURL(columnData) {
+    var _queryParams$sort_by;
+    return modifyBy({
+      dataIndex: snakeToCamelCase((_queryParams$sort_by = queryParams.sort_by) !== null && _queryParams$sort_by !== void 0 ? _queryParams$sort_by : "")
+    }, assoc("sortOrder", TABLE_SORT_ORDERS[queryParams.order_by]), columnData);
+  };
+  var sortedColumns = isDefaultPageChangeHandler ? setSortFromURL(curatedColumnsData) : curatedColumnsData;
+  var locale = {
+    emptyText: /*#__PURE__*/React__default.createElement(Typography, {
+      style: "body2"
+    }, "No Data")
+  };
+  var sortedColumnsWithAlignment = sortedColumns.map(function (sortedColumn) {
+    return _objectSpread$3(_objectSpread$3({}, sortedColumn), {}, {
+      onHeaderCell: function onHeaderCell(column) {
+        var _sortedColumn$onHeade;
+        return _objectSpread$3(_objectSpread$3({}, (_sortedColumn$onHeade = sortedColumn.onHeaderCell) === null || _sortedColumn$onHeade === void 0 ? void 0 : _sortedColumn$onHeade.call(sortedColumn, column)), {}, {
+          "data-text-align": column.align
+        });
+      }
+    });
+  });
+  var selectedRowKeys = bulkSelectedAllRows ? pluck(rowKey, rowData) : initialSelectedRowKeys;
+  var showBulkSelectionCallout = useMemo(function () {
+    return isIncludedIn(selectedRowKeys, pluck(rowKey, rowData)) && selectedRowKeys.length !== totalCount && !bulkSelectedAllRows;
+  }, [selectedRowKeys, rowKey, rowData, totalCount, bulkSelectedAllRows]);
+  var handleRowChange = function handleRowChange(selectedRowKeys, selectedRows) {
+    if (selectedRowKeys.length !== defaultPageSize) {
+      setBulkSelectedAllRows(false);
+      handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 || handleSetBulkSelectedAllRows(false);
+    }
+    onRowSelect === null || onRowSelect === void 0 || onRowSelect(selectedRowKeys, selectedRows);
+  };
+  var rowSelectionProps = rowSelection ? _objectSpread$3(_objectSpread$3({
+    type: "checkbox",
+    preserveSelectedRowKeys: true
+  }, rowSelection), {}, {
+    onChange: handleRowChange,
+    selectedRowKeys: selectedRowKeys
+  }) : false;
+
+  // eslint-disable-next-line @bigbinary/neeto/no-excess-function-arguments
+  var handleTableChange = function handleTableChange(pagination, filters, sorter, extras) {
+    setSortedInfo(sorter);
+    isDefaultPageChangeHandler && handleTableSortChange(pagination, sorter);
+    onChange === null || onChange === void 0 || onChange(pagination, filters, sorter, extras);
+    tableOnChangeProps.current = {
+      pagination: pagination,
+      filters: filters
+    };
+  };
+  var componentOverrides = _objectSpread$3(_objectSpread$3({}, components), {}, {
+    header: getHeaderCell({
+      enableColumnResize: enableColumnResize,
+      enableColumnReorder: enableColumnReorder
+    })
+  });
+  var calculateRowsPerPage = function calculateRowsPerPage() {
+    var viewportHeight = window.innerHeight;
+    var rowsPerPage = Math.floor((viewportHeight - TABLE_PAGINATION_HEIGHT) / TABLE_ROW_HEIGHT * 3);
+    return Math.ceil(rowsPerPage / 10) * 10;
+  };
+  var pageSize = shouldDynamicallyRenderRowSize ? calculateRowsPerPage() : paginationProps.pageSize || defaultPageSize;
+  var calculateTableContainerHeight = function calculateTableContainerHeight() {
+    var isPaginationVisible = otherProps.pagination !== false && rowData.length > pageSize;
+    return containerHeight - headerHeight - (isPaginationVisible ? TABLE_PAGINATION_HEIGHT : 0);
+  };
+  var calculatePageSizeOptions = function calculatePageSizeOptions() {
+    return dynamicArray(5, function (index) {
+      return (index + 1) * pageSize;
+    });
+  };
+  var itemRender = function itemRender(_, type, originalElement) {
+    var commonProps = {
+      size: "small",
+      style: "text"
+    };
+    if (type === "prev") return /*#__PURE__*/React__default.createElement(Button, _extends({
+      icon: Left
+    }, commonProps));
+    if (type === "next") return /*#__PURE__*/React__default.createElement(Button, _extends({
+      icon: Right
+    }, commonProps));
+    if (type === "jump-prev" || type === "jump-next") {
+      return /*#__PURE__*/React__default.createElement(Button, _extends({
+        icon: MenuHorizontal
+      }, commonProps));
+    }
+    return originalElement;
+  };
+  useEffect(function () {
+    if (isNotEmpty(initialSelectedRowKeys)) return;
+    setBulkSelectedAllRows(false);
+    handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 || handleSetBulkSelectedAllRows(false);
+  }, [handleSetBulkSelectedAllRows, initialSelectedRowKeys]);
+  useEffect(function () {
+    var shouldNavigateToLastPage = isEmpty(rowData) && !loading && currentPageNumber !== 1;
+    if (!shouldNavigateToLastPage) return;
+    var lastPage = Math.ceil(totalCount / pageSize);
+    var page = Math.max(1, lastPage);
+    var pathname = window.location.pathname;
+    isDefaultPageChangeHandler ? history.push(buildUrl(pathname, mergeLeft({
+      page: page
+    }, queryParams))) : handlePageChange(page, pageSize);
+  }, [rowData]);
+  useEffect(function () {
+    return setColumns(columnData);
+  }, [columnData]);
+  var neetoUIFontBold = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--neeto-ui-font-bold"), 10);
+  var renderTable = function renderTable() {
+    return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
+      theme: {
+        token: _objectSpread$3({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+        components: {
+          Pagination: {
+            itemActiveBg: "rgb(var(--neeto-ui-primary-500))",
+            itemActiveBgDisabled: "rgb(var(--neeto-ui-gray-100))",
+            itemActiveColorDisabled: "rgb(var(--neeto-ui-gray-300))",
+            itemBg: "rgb(var(--neeto-ui-white))",
+            itemInputBg: "rgb(var(--neeto-ui-white))",
+            itemLinkBg: "rgb(var(--neeto-ui-white))",
+            // Global overrides
+            colorBgContainer: "rgb(var(--neeto-ui-primary-500))",
+            colorPrimary: "rgb(var(--neeto-ui-white))",
+            colorPrimaryHover: "rgb(var(--neeto-ui-white))",
+            colorBgTextHover: "rgb(var(--neeto-ui-gray-200))",
+            borderRadius: 6
+          },
+          Table: {
+            headerBorderRadius: 0,
+            bodySortBg: "rgb(var(--neeto-ui-gray-100))",
+            borderColor: "rgb(var(--neeto-ui-gray-300))",
+            expandIconBg: "rgb(var(--neeto-ui-white))",
+            filterDropdownBg: "rgb(var(--neeto-ui-white))",
+            filterDropdownMenuBg: "rgb(var(--neeto-ui-white))",
+            fixedHeaderSortActiveBg: "rgb(var(--neeto-ui-gray-200))",
+            footerBg: "rgb(var(--neeto-ui-gray-100))",
+            footerColor: "rgb(var(--neeto-ui-gray-800))",
+            headerBg: "rgb(var(--neeto-ui-gray-100))",
+            headerColor: "rgb(var(--neeto-ui-gray-700))",
+            headerFilterHoverBg: "rgb(var(--neeto-ui-gray-100))",
+            headerSortActiveBg: "rgb(var(--neeto-ui-gray-200))",
+            headerSortHoverBg: "rgb(var(--neeto-ui-gray-100))",
+            headerSplitColor: "rgb(var(--neeto-ui-gray-200))",
+            rowExpandedBg: "rgb(var(--neeto-ui-gray-200))",
+            rowHoverBg: "rgb(var(--neeto-ui-gray-100))",
+            rowSelectedBg: "rgb(var(--neeto-ui-primary-100))",
+            rowSelectedHoverBg: "rgb(var(--neeto-ui-pastel-purple))",
+            stickyScrollBarBg: "rgb(var(--neeto-ui-primary-100))",
+            cellPaddingBlock: 10,
+            // Global overrides
+            colorPrimary: "rgb(var(--neeto-ui-primary-500))",
+            fontSize: 14,
+            fontWeightStrong: neetoUIFontBold,
+            paddingContentVerticalLG: 10
+          }
+        }
+      }
+    }, bulkSelectAllRowsProps && showBulkSelectionCallout && /*#__PURE__*/React__default.createElement(SelectAllRowsCallout, _extends({}, bulkSelectAllRowsProps, {
+      onBulkSelectAllRows: function onBulkSelectAllRows() {
+        setBulkSelectedAllRows(true);
+        handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 || handleSetBulkSelectedAllRows(true);
+      }
+    })), /*#__PURE__*/React__default.createElement(_Table, _extends({
+      bordered: bordered,
+      loading: loading,
+      locale: locale,
+      rowKey: rowKey,
+      columns: sortedColumnsWithAlignment,
+      components: componentOverrides,
+      dataSource: rowData,
+      ref: tableRef,
+      rowSelection: rowSelectionProps,
+      showSorterTooltip: false,
+      pagination: _objectSpread$3(_objectSpread$3({
+        hideOnSinglePage: true
+      }, paginationProps), {}, {
+        showSizeChanger: false,
+        total: totalCount !== null && totalCount !== void 0 ? totalCount : 0,
+        current: currentPageNumber,
+        defaultPageSize: pageSize,
+        pageSizeOptions: calculatePageSizeOptions(),
+        onChange: handlePageChange,
+        itemRender: itemRender
+      }),
+      rowClassName: classnames("neeto-ui-table--row", {
+        "neeto-ui-table--row_hover": allowRowClick
+      }, [className]),
+      scroll: _objectSpread$3({
+        x: "max-content",
+        y: calculateTableContainerHeight()
+      }, scroll),
+      onChange: handleTableChange,
+      onHeaderRow: function onHeaderRow() {
+        return {
+          ref: headerRef,
+          className: classnames("neeto-ui-table__header", {
+            "neeto-ui-table-reorderable": enableColumnReorder
+          }),
+          id: "neeto-ui-table__header"
+        };
+      },
+      onRow: function onRow(record, rowIndex) {
+        return {
+          onClick: function onClick(event) {
+            return allowRowClick && onRowClick && onRowClick(event, record, rowIndex);
+          }
+        };
+      }
+    }, otherProps)));
+  };
+  return enableColumnReorder ? /*#__PURE__*/React__default.createElement(ReactDragListView.DragColumn, dragProps, renderTable()) : renderTable();
+};
+
+var RangePicker = _DatePicker.RangePicker;
+var TIME_PICKER_TYPES = {
+  range: RangePicker,
+  time: _DatePicker
+};
+
+var _excluded$1 = ["className", "label", "size", "dropdownClassName", "popupClassName", "format", "interval", "onChange", "type", "nakedInput", "disabled", "error", "defaultValue", "value", "labelProps", "required"];
+function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var INPUT_SIZES = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+var TIME_PICKER_INTERVAL = {
+  hourStep: 1,
+  minuteStep: 1,
+  secondStep: 1
+};
+var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? INPUT_SIZES.medium : _ref$size,
+    _ref$dropdownClassNam = _ref.dropdownClassName,
+    dropdownClassName = _ref$dropdownClassNam === void 0 ? "" : _ref$dropdownClassNam,
+    _ref$popupClassName = _ref.popupClassName,
+    popupClassName = _ref$popupClassName === void 0 ? "" : _ref$popupClassName,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? "HH:mm:ss" : _ref$format,
+    _ref$interval = _ref.interval,
+    interval = _ref$interval === void 0 ? TIME_PICKER_INTERVAL : _ref$interval,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "time" : _ref$type,
+    _ref$nakedInput = _ref.nakedInput,
+    nakedInput = _ref$nakedInput === void 0 ? false : _ref$nakedInput,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    labelProps = _ref.labelProps,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  var id = useId(otherProps.id);
+  var timePickerRef = useSyncedRef(ref);
+  var Component = TIME_PICKER_TYPES[type.toLowerCase()];
+  var errorId = "error_".concat(id);
+  var showTimeLabels = {};
+  if (format.includes("s")) {
+    showTimeLabels.second = true;
+  }
+  if (format.includes("m")) {
+    showTimeLabels.minute = true;
+  }
+  if (format.includes("H") || format.includes("h")) {
+    showTimeLabels.hour = true;
+  }
+  var handleOnChange = function handleOnChange(time, timeString) {
+    type === "range" && !time ? onChange([], timeString) : onChange(time, timeString);
+  };
+  var panelRender = function panelRender(originalPanel) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "neeto-ui-date-input-custom-panel"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "neeto-ui-date-input-custom-panel__header"
+    }, /*#__PURE__*/React__default.createElement("ul", {
+      className: "neeto-ui-date-input-custom-panel__header-cols"
+    }, showTimeLabels.hour && /*#__PURE__*/React__default.createElement("li", {
+      className: "neeto-ui-date-input-custom-panel__header-col"
+    }, "Hour"), showTimeLabels.minute && /*#__PURE__*/React__default.createElement("li", {
+      className: "neeto-ui-date-input-custom-panel__header-col"
+    }, "Minutes"), showTimeLabels.second && /*#__PURE__*/React__default.createElement("li", {
+      className: "neeto-ui-date-input-custom-panel__header-col"
+    }, "Seconds"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "neeto-ui-date-input-custom-panel__body"
+    }, originalPanel));
+  };
+  return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
+    theme: {
+      token: _objectSpread$2({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+      components: {
+        DatePicker: {
+          // Global overrides
+          colorBgElevated: "rgb(var(--neeto-ui-white))",
+          colorPrimary: "rgb(var(--neeto-ui-primary-500))",
+          colorPrimaryHover: "rgb(var(--neeto-ui-primary-600))",
+          colorBorder: "rgb(var(--neeto-ui-gray-300))",
+          colorLink: "rgb(var(--neeto-ui-primary-500))",
+          colorLinkHover: "rgb(var(--neeto-ui-primary-600))",
+          colorText: "rgb(var(--neeto-ui-gray-800))",
+          colorTextDisabled: "rgb(var(--neeto-ui-gray-500))",
+          colorTextPlaceholder: "rgb(var(--neeto-ui-gray-400))",
+          controlItemBgActive: "rgb(var(--neeto-ui-primary-800))",
+          controlItemBgHover: "rgb(var(--neeto-ui-gray-100))",
+          controlOutline: "rgb(var(--neeto-ui-gray-300))"
+        }
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-input__wrapper"
+  }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$2({
+    required: required
+  }, labelProps), label), /*#__PURE__*/React__default.createElement(Component, _extends({
+    hourStep: interval.hourStep,
+    minuteStep: interval.minuteStep,
+    ref: timePickerRef,
+    secondStep: interval.secondStep,
+    className: classnames("neeto-ui-time-input", [className], {
+      "neeto-ui-time-input--small": size === "small",
+      "neeto-ui-time-input--medium": size === "medium",
+      "neeto-ui-time-input--large": size === "large",
+      "neeto-ui-time-input--disabled": disabled,
+      "neeto-ui-time-input--naked": nakedInput,
+      "neeto-ui-time-input--error": error
+    }),
+    popupClassName: classnames("neeto-ui-date-time-dropdown", [dropdownClassName,
+    // Will be removed in the next major version
+    popupClassName]),
+    onChange: handleOnChange
+  }, _objectSpread$2(_objectSpread$2({
+    disabled: disabled,
+    format: format
+  }, otherProps), {}, {
+    panelRender: panelRender
+  }), {
+    defaultValue: convertToDayjsObjects(defaultValue),
+    mode: undefined,
+    picker: "time",
+    suffixIcon: /*#__PURE__*/React__default.createElement(Clock, {
+      size: 16
+    }),
+    value: convertToDayjsObjects(value)
+  })), !!error && /*#__PURE__*/React__default.createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(hyphenize(label), "-input-error"),
+    id: errorId
+  }, error)));
+});
+TimePicker.displayName = "TimePicker";
+
+/**
+ * Given a string, converts to an array of valid React components
+ * (which may include strings)
+ * @param {string} str
+ * @param {Options} opts
+ * @param {{ [elementId: string]: number }} meta
+ * @returns {React.ReactNodeArray}
+ */
+function stringToElements(str, opts, meta) {
+  const tokens = tokenize(str);
+  const elements = [];
+  for (let i = 0; i < tokens.length; i++) {
+    const token = tokens[i];
+    if (token.t === 'nl' && opts.get('nl2br')) {
+      const key = `__linkify-el-${meta.elementId++}`;
+      elements.push(React.createElement('br', {
+        key
+      }));
+    } else if (!token.isLink || !opts.check(token)) {
+      // Regular text
+      elements.push(token.toString());
+    } else {
+      let rendered = opts.render(token);
+      if (!('key' in rendered.props)) {
+        // Ensure generated element has unique key
+        const key = `__linkify-el-${meta.elementId++}`;
+        const props = options.assign({
+          key
+        }, rendered.props);
+        rendered = React.cloneElement(rendered, props);
+      }
+      elements.push(rendered);
+    }
+  }
+  return elements;
+}
+
+// Recursively linkify the contents of the given React Element instance
+/**
+ * @template P
+ * @template {string | React.JSXElementConstructor<P>} T
+ * @param {React.ReactElement<P, T>} element
+ * @param {Options} opts
+ * @param {{ [elementId: string]: number }} meta
+ * @returns {React.ReactElement<P, T>}
+ */
+function linkifyReactElement(element, opts, meta) {
+  if (React.Children.count(element.props.children) === 0) {
+    // No need to clone if the element had no children
+    return element;
+  }
+  const children = [];
+  React.Children.forEach(element.props.children, child => {
+    if (typeof child === 'string') {
+      // ensure that we always generate unique element IDs for keys
+      children.push.apply(children, stringToElements(child, opts, meta));
+    } else if (React.isValidElement(child)) {
+      if (typeof child.type === 'string' && opts.ignoreTags.indexOf(child.type.toUpperCase()) >= 0) {
+        // Don't linkify this element
+        children.push(child);
+      } else {
+        children.push(linkifyReactElement(child, opts, meta));
+      }
+    } else {
+      // Unknown element type, just push
+      children.push(child);
+    }
+  });
+
+  // Set a default unique key, copy over remaining props
+  const key = `__linkify-el-${meta.elementId++}`;
+  const newProps = options.assign({
+    key
+  }, element.props);
+  return React.cloneElement(element, newProps, children);
+}
+
+/**
+ * @template P
+ * @template {string | React.JSXElementConstructor<P>} T
+ * @param {P & { as?: T, tagName?: T, options?: import('linkifyjs').Opts, children?: React.ReactNode}} props
+ * @returns {React.ReactElement<P, T>}
+ */
+const Linkify = props => {
+  // Copy over all non-linkify-specific props
+  let linkId = 0;
+  const defaultLinkRender = _ref => {
+    let {
+      tagName,
+      attributes,
+      content
+    } = _ref;
+    attributes.key = `__linkify-lnk-${linkId++}`;
+    if (attributes.class) {
+      attributes.className = attributes.class;
+      delete attributes.class;
+    }
+    return React.createElement(tagName, attributes, content);
+  };
+  const newProps = {
+    key: '__linkify-wrapper'
+  };
+  for (const prop in props) {
+    if (prop !== 'options' && prop !== 'as' && prop !== 'tagName' && prop !== 'children') {
+      newProps[prop] = props[prop];
+    }
+  }
+  const opts = new Options(props.options, defaultLinkRender);
+  const as = props.as || props.tagName || React.Fragment || 'span';
+  const children = props.children;
+  const element = React.createElement(as, newProps, children);
+  return linkifyReactElement(element, opts, {
+    elementId: 0
+  });
+};
+
+var Toast = function Toast(_ref) {
+  var type = _ref.type,
+    message = _ref.message,
+    _ref$buttonLabel = _ref.buttonLabel,
+    buttonLabel = _ref$buttonLabel === void 0 ? "" : _ref$buttonLabel,
+    _ref$onClick = _ref.onClick,
+    _onClick = _ref$onClick === void 0 ? noop : _ref$onClick;
+  return /*#__PURE__*/React__default.createElement("div", {
+    "data-cy": "toastr-message-container",
+    "data-test": "toastr-".concat(type, "-container")
+  }, /*#__PURE__*/React__default.createElement(Linkify, {
+    options: {
+      defaultProtocol: "https",
+      rel: "noreferrer",
+      target: "_blank"
+    }
+  }, /*#__PURE__*/React__default.createElement("p", null, message)), buttonLabel && /*#__PURE__*/React__default.createElement("div", {
+    className: "toastr-message-container__btn-wrapper"
+  }, /*#__PURE__*/React__default.createElement("button", {
+    className: "neeto-ui-btn neeto-ui-btn--style-secondary",
+    "data-cy": "toastr-".concat(type, "-button"),
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      _onClick();
+    }
+  }, buttonLabel)));
+};
+
+var _excluded = ["closeToast"],
+  _excluded2 = ["buttonLabel", "onClick"];
+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(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 TOAST_CONFIG = {
+  autoClose: 3500,
+  transition: Slide,
+  position: toast.POSITION.BOTTOM_LEFT,
+  hideProgressBar: true,
+  closeButton: function closeButton(_ref) {
+    var closeToast = _ref.closeToast,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/React__default.createElement(Close, _extends({
+      className: "neeto-ui-toastr__close-button",
+      color: "currentColor",
+      "data-cy": "toastr-close-button",
+      size: 16,
+      onClick: closeToast
+    }, props));
+  },
+  role: "log",
+  className: "neeto-ui-toastr"
+};
+var TOAST_ICON = {
+  success: /*#__PURE__*/React__default.createElement(CheckCircle, {
+    className: "neeto-ui-text-white",
+    "data-cy": "success-toast-icon"
+  }),
+  warning: /*#__PURE__*/React__default.createElement(Warning, {
+    className: "neeto-ui-text-white",
+    "data-cy": "warning-toast-icon"
+  }),
+  error: /*#__PURE__*/React__default.createElement(CloseCircle, {
+    className: "neeto-ui-white",
+    "data-cy": "error-toast-icon"
+  }),
+  info: /*#__PURE__*/React__default.createElement(Info, {
+    className: "neeto-ui-text-white",
+    "data-cy": "info-toast-icon"
+  })
+};
+var toastrList = new UniqueArray();
+var parseToastrConfig = function parseToastrConfig(config) {
+  if (_typeof(config[0]) === "object") {
+    var _config$ = config[0],
+      _buttonLabel = _config$.buttonLabel,
+      _onClick = _config$.onClick,
+      _customConfig = _objectWithoutProperties(_config$, _excluded2);
+    return {
+      buttonLabel: _buttonLabel,
+      onClick: _onClick,
+      customConfig: _customConfig
+    };
+  }
+  var _config = _slicedToArray(config, 3),
+    buttonLabel = _config[0],
+    onClick = _config[1],
+    customConfig = _config[2];
+  return {
+    buttonLabel: buttonLabel,
+    onClick: onClick,
+    customConfig: customConfig
+  };
+};
+var getToastrMessage = function getToastrMessage(message) {
+  if ((message === null || message === void 0 ? void 0 : message.noticeCode) === "custom_message" && "customMessage" in message) {
+    return message.customMessage;
+  } else if (_typeof(message) === "object" && message.noticeCode) {
+    return t(message.noticeCode, message);
+  } else if (_typeof(message) === "object" && message.notice) {
+    return message.notice;
+  }
+  return message;
+};
+var withUniqueCheck = function withUniqueCheck(type, toastFunc) {
+  return function (message) {
+    message = getToastrMessage(message);
+    for (var _len = arguments.length, toastrConfig = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      toastrConfig[_key - 1] = arguments[_key];
+    }
+    var _parseToastrConfig = parseToastrConfig(toastrConfig),
+      buttonLabel = _parseToastrConfig.buttonLabel,
+      onClick = _parseToastrConfig.onClick,
+      _parseToastrConfig$cu = _parseToastrConfig.customConfig,
+      customConfig = _parseToastrConfig$cu === void 0 ? {} : _parseToastrConfig$cu;
+    if (toastrList.add({
+      type: type,
+      message: message,
+      buttonLabel: buttonLabel
+    })) {
+      var config = _objectSpread$1(_objectSpread$1({}, TOAST_CONFIG), {}, {
+        icon: TOAST_ICON[type],
+        onClose: function onClose() {
+          return toastrList.remove({
+            type: type,
+            message: message,
+            buttonLabel: buttonLabel
+          });
+        }
+      }, customConfig);
+      toastFunc({
+        message: message,
+        buttonLabel: buttonLabel,
+        onClick: onClick,
+        config: config
+      });
+    }
+  };
+};
+var showSuccessToastr = withUniqueCheck("success", function (_ref2) {
+  var message = _ref2.message,
+    buttonLabel = _ref2.buttonLabel,
+    onClick = _ref2.onClick,
+    config = _ref2.config;
+  return toast.success( /*#__PURE__*/React__default.createElement(Toast, {
+    buttonLabel: buttonLabel,
+    message: message,
+    type: "success",
+    onClick: onClick
+  }), config);
+});
+var showInfoToastr = withUniqueCheck("info", function (_ref3) {
+  var message = _ref3.message,
+    buttonLabel = _ref3.buttonLabel,
+    onClick = _ref3.onClick,
+    config = _ref3.config;
+  return toast.info( /*#__PURE__*/React__default.createElement(Toast, {
+    buttonLabel: buttonLabel,
+    message: message,
+    type: "info",
+    onClick: onClick
+  }), config);
+});
+var showWarningToastr = withUniqueCheck("warning", function (_ref4) {
+  var message = _ref4.message,
+    buttonLabel = _ref4.buttonLabel,
+    onClick = _ref4.onClick,
+    config = _ref4.config;
+  return toast.warning( /*#__PURE__*/React__default.createElement(Toast, {
+    buttonLabel: buttonLabel,
+    message: message,
+    type: "warning",
+    onClick: onClick
+  }), config);
+});
+var isError = function isError(e) {
+  return e && e.stack && e.message;
+};
+var isAxiosError = function isAxiosError(e) {
+  return _typeof(e) === "object" && e.isAxiosError === true;
+};
+var isString = function isString(s) {
+  return typeof s === "string" || s instanceof String;
+};
+var isErrorCodeObject = function isErrorCodeObject(e) {
+  return _typeof(e) === "object" && "key" in e && "context" in e;
+};
+var errorCodeTranslation = function errorCodeTranslation(errorCode) {
+  if (typeof errorCode === "string") {
+    return t(errorCode);
+  } else if (isErrorCodeObject(errorCode)) {
+    return t(errorCode.key, errorCode.context);
+  }
+  return undefined;
+};
+var getErrorMessage = function getErrorMessage(response) {
+  var _response$error = response.error,
+    error = _response$error === void 0 ? "" : _response$error,
+    _response$errors = response.errors,
+    errors = _response$errors === void 0 ? [] : _response$errors,
+    _response$errorCode = response.errorCode,
+    errorCode = _response$errorCode === void 0 ? "" : _response$errorCode,
+    _response$errorCodes = response.errorCodes,
+    errorCodes = _response$errorCodes === void 0 ? [] : _response$errorCodes;
+  var errorMessages = error || (errors === null || errors === void 0 ? void 0 : errors.join("\n"));
+  var errorCodeTranslations = errorCode && t(errorCode, response) || (errorCodes === null || errorCodes === void 0 ? void 0 : errorCodes.map(errorCodeTranslation).join("\n"));
+  if (errorMessages && errorCodeTranslations) {
+    return [errorMessages, errorCodeTranslations].join("\n");
+  }
+  return errorMessages || errorCodeTranslations;
+};
+var withParsedErrorMsg = function withParsedErrorMsg(toastrFunc) {
+  return function (errorObject) {
+    var _errorObject;
+    var errorMessage;
+    errorObject = getToastrMessage(errorObject);
+    var responseData = ((_errorObject = errorObject) === null || _errorObject === void 0 || (_errorObject = _errorObject.response) === null || _errorObject === void 0 ? void 0 : _errorObject.data) || {};
+    if (responseData.noticeCode === "custom_message" && "customMessage" in responseData) {
+      errorMessage = responseData.customMessage;
+    } else if (responseData !== null && responseData !== void 0 && responseData.noticeCode) {
+      var data = errorObject.response.data;
+      errorMessage = t(data.noticeCode, data);
+    } else if (isAxiosError(errorObject)) {
+      errorMessage = getErrorMessage(responseData) || errorObject.message;
+    } else if (isError(errorObject)) errorMessage = errorObject.message;else if (isString(errorObject)) errorMessage = errorObject;else errorMessage = "Something went wrong.";
+    for (var _len2 = arguments.length, toastrConfig = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+      toastrConfig[_key2 - 1] = arguments[_key2];
+    }
+    var _parseToastrConfig2 = parseToastrConfig(toastrConfig),
+      buttonLabel = _parseToastrConfig2.buttonLabel,
+      onClick = _parseToastrConfig2.onClick,
+      customConfig = _parseToastrConfig2.customConfig;
+    toastrFunc(errorMessage, _objectSpread$1({
+      buttonLabel: buttonLabel,
+      onClick: onClick,
+      role: "alert",
+      autoClose: false
+    }, customConfig));
+  };
+};
+var showErrorToastr = withParsedErrorMsg(withUniqueCheck("error", function (_ref5) {
+  var message = _ref5.message,
+    buttonLabel = _ref5.buttonLabel,
+    onClick = _ref5.onClick,
+    config = _ref5.config;
+  return toast.error( /*#__PURE__*/React__default.createElement(Toast, {
+    buttonLabel: buttonLabel,
+    message: message,
+    type: "error",
+    onClick: onClick
+  }), config);
+}));
+var Toastr = {
+  info: showInfoToastr,
+  show: showInfoToastr,
+  success: showSuccessToastr,
+  error: showErrorToastr,
+  warning: showWarningToastr
+};
+
+var SwitcherIcon = function SwitcherIcon(_ref) {
+  var expanded = _ref.expanded;
+  return expanded ? /*#__PURE__*/React__default.createElement(Down, {
+    size: 16
+  }) : /*#__PURE__*/React__default.createElement(Right, {
+    size: 16
+  });
+};
+
+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 Tree = function Tree(props) {
+  return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
+    theme: {
+      token: _objectSpread({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+      components: {
+        Tree: {
+          directoryNodeSelectedBg: "rgb(var(--neeto-ui-primary-500))",
+          directoryNodeSelectedColor: "rgb(var(--neeto-ui-white))",
+          nodeHoverBg: "rgb(var(--neeto-ui-gray-100))",
+          nodeSelectedBg: "rgb(var(--neeto-ui-primary-100))"
+        }
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement(_Tree, _extends({
+    switcherIcon: SwitcherIcon
+  }, props, {
+    className: classnames("neeto-ui-tree", props.className)
+  })));
+};
+
+export { Accordion, ActionDropdown, Callout, ColorPicker, DatePicker, index as DateTimePicker, Dropdown, Kbd, NoData, Pagination, Pane, Popover, Stepper, Tab, Table, TimePicker, TimePickerInput, Toastr, Tree };
+//# sourceMappingURL=index.js.map