@bigbinary/neetoui 6.0.0-beta → 6.0.0

package/index.cjs.js

@@ -9416,14 +9416,14 @@ function _objectWithoutProperties$1(source, excluded) {
   return target;
 }
 
-var _excluded$I = ["open", "children", "className"];
+var _excluded$J = ["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$1(_ref, _excluded$I);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$J);
   return /*#__PURE__*/React__default["default"].createElement(AnimatePresence, null, open && /*#__PURE__*/React__default["default"].createElement(motion.div, _extends$4({
     animate: {
       opacity: 1,
@@ -9461,9 +9461,19 @@ var Item$2 = function Item(_ref) {
     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["default"].createElement("div", {
     className: classnames$1("neeto-ui-accordion__wrapper", _defineProperty$7({}, className, className))
   }, /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: onClick,
+    onKeyDown: onKeyDown,
     "aria-controls": "neeto-ui-accordion-section-".concat(id),
     "aria-disabled": isOpen,
     "aria-expanded": isOpen,
@@ -9472,16 +9482,7 @@ var Item$2 = function Item(_ref) {
     tabIndex: 0,
     className: classnames$1("neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center", {
       "neeto-ui-accordion__item--open": isOpen
-    }),
-    onClick: onClick,
-    onKeyDown: function onKeyDown(e) {
-      switch (e.key) {
-        case " ":
-        case "Enter":
-          onClick();
-          break;
-      }
-    }
+    })
   }, /*#__PURE__*/React__default["default"].createElement("div", _extends$4({}, 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["default"].createElement(motion.div, {
@@ -11761,10 +11762,10 @@ var buildUrl = function buildUrl(route, params) {
   return ramda.isEmpty(queryParams) ? route : "".concat(route, "?").concat(queryParams);
 };
 
-var _excluded$H = ["children"];
+var _excluded$I = ["children"];
 var Portal$1 = function Portal(_ref, ref) {
   var children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$H);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$I);
   return /*#__PURE__*/React__default["default"].createElement("div", _extends$4({
     "data-cy": "neeto-backdrop",
     "data-testid": "neeto-backdrop",
@@ -15718,7 +15719,7 @@ var index$1 = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
 
 var ARROW = "<svg width='12' height='6' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 5H0.926697L3.95208 1.63847C4.74227 0.760478 6.11722 0.754951 6.91445 1.62656L10 5Z' /></svg>";
 
-var _excluded$G = ["content", "children", "theme", "disabled", "position", "interactive", "hideAfter", "hideOnTargetExit"];
+var _excluded$H = ["content", "children", "theme", "disabled", "position", "interactive", "hideAfter", "hideOnTargetExit"];
 var Tooltip = function Tooltip(_ref) {
   var content = _ref.content,
     children = _ref.children,
@@ -15734,7 +15735,7 @@ var Tooltip = function Tooltip(_ref) {
     hideAfter = _ref$hideAfter === void 0 ? -1 : _ref$hideAfter,
     _ref$hideOnTargetExit = _ref.hideOnTargetExit,
     hideOnTargetExit = _ref$hideOnTargetExit === void 0 ? false : _ref$hideOnTargetExit,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$G);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$H);
   var _useState = React$3.useState(null),
     _useState2 = _slicedToArray$2(_useState, 2),
     instance = _useState2[0],
@@ -15781,7 +15782,9 @@ var Tooltip = function Tooltip(_ref) {
   }, localProps, otherProps), /*#__PURE__*/React__default["default"].isValidElement(children) ? children : /*#__PURE__*/React__default["default"].createElement("span", null, children));
 };
 
-var _excluded$F = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
+var _excluded$G = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
+function ownKeys$n(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$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BUTTON_STYLES = {
   primary: "primary",
   secondary: "secondary",
@@ -15836,7 +15839,7 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
     _ref$tooltipProps = _ref.tooltipProps,
     tooltipProps = _ref$tooltipProps === void 0 ? null : _ref$tooltipProps,
     children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$F);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$G);
   var Parent = motion.button;
   var elementSpecificProps = {
     type: type
@@ -15856,9 +15859,8 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
     }
   }
   var handleClick = function handleClick(e) {
-    if (!loading && !disabled) {
-      onClick(e);
-    }
+    if (loading || disabled) return;
+    onClick(e);
   };
   var Icon = typeof icon === "string" ? function () {
     return /*#__PURE__*/React__default["default"].createElement("i", {
@@ -15869,8 +15871,6 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
   return /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends$4({
     disabled: !tooltipProps
   }, tooltipProps), /*#__PURE__*/React__default["default"].createElement(Parent, _extends$4({
-    disabled: disabled,
-    ref: ref,
     className: classnames$1("neeto-ui-btn", [className], {
       "neeto-ui-btn--style-primary": style === BUTTON_STYLES.primary,
       "neeto-ui-btn--style-secondary": style === BUTTON_STYLES.secondary,
@@ -15886,21 +15886,18 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
       disabled: disabled
     }),
     onClick: handleClick
-  }, elementSpecificProps, otherProps), renderLabel && /*#__PURE__*/React__default["default"].createElement("span", null, renderLabel), /*#__PURE__*/React__default["default"].createElement(AnimatePresence, {
-    mode: "wait"
-  }, icon ? /* When Icon is present, animate between the icon and the spinner*/
-  loading ? /*#__PURE__*/React__default["default"].createElement(Spinner$1, {
+  }, _objectSpread$m(_objectSpread$m({
+    disabled: disabled,
+    ref: ref
+  }, elementSpecificProps), otherProps)), renderLabel && /*#__PURE__*/React__default["default"].createElement("span", null, renderLabel), icon ? loading ? /*#__PURE__*/React__default["default"].createElement(Spinner$1, {
     "aria-hidden": "true",
     className: "neeto-ui-btn__spinner",
-    key: "1",
     size: 16
   }) : /*#__PURE__*/React__default["default"].createElement(Icon, {
     "aria-hidden": "true",
     className: "neeto-ui-btn__icon",
-    key: "2",
     size: iconSize
-  }) : /* When Icon is not present, animate the margin from 0 to the needed value*/
-  loading && /*#__PURE__*/React__default["default"].createElement(motion.div, {
+  }) : /*#__PURE__*/React__default["default"].createElement(AnimatePresence, null, loading && /*#__PURE__*/React__default["default"].createElement(motion.div, {
     animate: {
       width: "auto",
       scale: 1
@@ -15932,22 +15929,22 @@ var Divider$1 = function Divider(props) {
   }, props));
 };
 
-var _excluded$E = ["children", "className"];
+var _excluded$F = ["children", "className"];
 var Menu$2 = function Menu(_ref) {
   var children = _ref.children,
     className = _ref.className,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$E);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$F);
   return /*#__PURE__*/React__default["default"].createElement("ul", _extends$4({
     className: classnames$1("neeto-ui-dropdown__popup-menu", className)
   }, otherProps), children);
 };
 
-var _excluded$D = ["children", "className", "tooltipProps"];
+var _excluded$E = ["children", "className", "tooltipProps"];
 var MenuItem = function MenuItem(_ref) {
   var children = _ref.children,
     className = _ref.className,
     tooltipProps = _ref.tooltipProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$D);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$E);
   var renderMenuItem = function renderMenuItem() {
     return /*#__PURE__*/React__default["default"].createElement("li", _extends$4({
       className: classnames$1("neeto-ui-dropdown__popup-menu-item", className)
@@ -15959,7 +15956,7 @@ var MenuItem = function MenuItem(_ref) {
   return renderMenuItem();
 };
 
-var _excluded$C = ["children", "className", "isActive", "isDisabled", "style", "prefix", "suffix", "type", "to", "href", "tooltipProps"];
+var _excluded$D = ["children", "className", "isActive", "isDisabled", "style", "prefix", "suffix", "type", "to", "href", "tooltipProps"];
 var ITEM_BTN_STYLES = {
   "default": "default",
   danger: "danger"
@@ -15985,7 +15982,7 @@ var MenuItemButton = function MenuItemButton(_ref) {
     _ref$href = _ref.href,
     href = _ref$href === void 0 ? "" : _ref$href,
     tooltipProps = _ref.tooltipProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$C);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$D);
   var Parent, elementSpecificProps;
   if (to) {
     Parent = reactRouterDom.Link;
@@ -16021,7 +16018,7 @@ var MenuItemButton = function MenuItemButton(_ref) {
 
 MenuItem.Button = MenuItemButton;
 
-var _excluded$B = ["style", "size"],
+var _excluded$C = ["style", "size"],
   _excluded2$5 = ["icon", "label", "isOpen", "onClose", "dropdownProps", "position", "children", "className", "buttonStyle", "buttonSize", "buttonProps", "customTarget", "disabled", "closeOnEsc", "closeOnSelect", "closeOnOutsideClick", "dropdownModifiers", "trigger", "strategy", "onClick"],
   _excluded3 = ["classNames"];
 var BTN_STYLES$1 = {
@@ -16103,7 +16100,7 @@ var Dropdown = function Dropdown(_ref2) {
     _ref2$buttonProps2 = _ref2$buttonProps === void 0 ? {} : _ref2$buttonProps,
     style = _ref2$buttonProps2.style,
     size = _ref2$buttonProps2.size,
-    buttonProps = _objectWithoutProperties$1(_ref2$buttonProps2, _excluded$B),
+    buttonProps = _objectWithoutProperties$1(_ref2$buttonProps2, _excluded$C),
     customTarget = _ref2.customTarget,
     _ref2$disabled = _ref2.disabled,
     disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
@@ -16196,7 +16193,7 @@ Dropdown.Menu = Menu$2;
 Dropdown.MenuItem = MenuItem;
 Dropdown.Divider = Divider$1;
 
-var _excluded$A = ["style", "size"];
+var _excluded$B = ["style", "size"];
 var BTN_STYLES = {
   primary: "primary",
   secondary: "secondary"
@@ -16221,7 +16218,7 @@ var ActionDropdown = function ActionDropdown(_ref) {
     _ref$buttonProps2 = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
     style = _ref$buttonProps2.style,
     size = _ref$buttonProps2.size,
-    buttonProps = _objectWithoutProperties$1(_ref$buttonProps2, _excluded$A),
+    buttonProps = _objectWithoutProperties$1(_ref$buttonProps2, _excluded$B),
     _ref$dropdownProps = _ref.dropdownProps,
     dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
     _ref$className = _ref.className,
@@ -18598,12 +18595,12 @@ var useOverlayManager = function useOverlayManager(ref, isOpen) {
   }, [isOpen, ref]);
 };
 
-function ownKeys$l(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$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$m(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$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(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 = reactRouterDom.useLocation();
-  return lib.parse(location.search, _objectSpread$k({
+  return lib.parse(location.search, _objectSpread$l({
     ignoreQueryPrefix: true
   }, options));
 };
@@ -18659,7 +18656,7 @@ var Footer$1 = function Footer(_ref) {
   }, children);
 };
 
-var _excluded$z = ["style", "weight", "lineHeight", "component", "children", "textTransform", "className"];
+var _excluded$A = ["style", "weight", "lineHeight", "component", "children", "textTransform", "className"];
 var FONT_WEIGHTS = {
   thin: "thin",
   extralight: "extralight",
@@ -18747,7 +18744,7 @@ var Typography = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     textTransform = _ref.textTransform,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$z);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$A);
   var Component = component ? COMPONENTS[component] : style ? DEFAULT_COMPONENTS[style] : "p";
   return /*#__PURE__*/React__default["default"].createElement(Component, _extends$4({
     ref: ref,
@@ -18810,7 +18807,7 @@ var Header$1 = function Header(_ref) {
   }, description)));
 };
 
-var _excluded$y = ["size", "isOpen", "onClose", "children", "finalFocusRef", "initialFocusRef", "className", "closeOnEsc", "closeButton", "backdropClassName", "blockScrollOnMount", "closeOnOutsideClick"];
+var _excluded$z = ["size", "isOpen", "onClose", "children", "finalFocusRef", "initialFocusRef", "className", "closeOnEsc", "closeButton", "backdropClassName", "blockScrollOnMount", "closeOnOutsideClick"];
 var SIZES$7 = {
   small: "small",
   medium: "medium",
@@ -18839,7 +18836,7 @@ var Modal = function Modal(_ref) {
     blockScrollOnMount = _ref$blockScrollOnMou === void 0 ? true : _ref$blockScrollOnMou,
     _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
     closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$y);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$z);
   var _useState = React$3.useState(false),
     _useState2 = _slicedToArray$2(_useState, 2),
     hasTransitionCompleted = _useState2[0],
@@ -19005,7 +19002,7 @@ var FallbackAvatar = /*@__PURE__*/getDefaultExportFromCjs(build.exports);
 var COLOR_PALLETE = ["#ffb5a7", "#fcd5ce", "#f8edeb", "#f9dcc4", "#fec89a"];
 var AVATAR_VARIANT = "beam";
 
-var _excluded$x = ["size", "user", "status", "onClick", "className", "showTooltip", "tooltipProps"];
+var _excluded$y = ["size", "user", "status", "onClick", "className", "showTooltip", "tooltipProps"];
 var SIZE = {
   small: 24,
   medium: 32,
@@ -19027,7 +19024,7 @@ var Avatar = function Avatar(_ref) {
     showTooltip = _ref$showTooltip === void 0 ? false : _ref$showTooltip,
     _ref$tooltipProps = _ref.tooltipProps,
     tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$x);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$y);
   var _useState = React$3.useState(false),
     _useState2 = _slicedToArray$2(_useState, 2),
     isLoadingFailed = _useState2[0],
@@ -19042,7 +19039,7 @@ var Avatar = function Avatar(_ref) {
     "neeto-ui-avatar__container--medium": isMedium,
     "neeto-ui-avatar__container--large": isLarge,
     "neeto-ui-avatar__container--xlarge": isExtraLarge
-  }, [className]);
+  }, className);
   var imageClasses = classnames$1("neeto-ui-avatar", {
     "neeto-ui-avatar--medium": isMedium,
     "neeto-ui-avatar--large": isLarge,
@@ -19067,13 +19064,13 @@ var Avatar = function Avatar(_ref) {
     disabled: !showTooltip,
     position: "bottom"
   }, tooltipProps), /*#__PURE__*/React__default["default"].createElement("span", _extends$4({
+    onClick: onClick,
     className: containerClasses,
-    "data-testid": "avatar",
-    onClick: onClick
+    "data-testid": "avatar"
   }, otherProps), /*#__PURE__*/React__default["default"].createElement(Indicator, null), shouldDisplayFallbackAvatar ? /*#__PURE__*/React__default["default"].createElement(FallbackAvatar, {
+    name: name,
     className: "neeto-ui-avatar__svg",
     colors: COLOR_PALLETE,
-    name: name,
     size: SIZE[size],
     variant: AVATAR_VARIANT
   }) : /*#__PURE__*/React__default["default"].createElement("img", {
@@ -19086,7 +19083,7 @@ var Avatar = function Avatar(_ref) {
   })));
 };
 
-var _excluded$w = ["icon", "style", "className", "children"];
+var _excluded$x = ["icon", "style", "className", "children"];
 var STYLES$2 = {
   info: "info",
   warning: "warning",
@@ -19101,7 +19098,7 @@ var Callout = function Callout(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$w);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$x);
   var Icon = icon;
   return /*#__PURE__*/React__default["default"].createElement("div", _extends$4({
     className: classnames$1("neeto-ui-callout", _defineProperty$7({
@@ -19116,7 +19113,7 @@ var Callout = function Callout(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Icon, null)), children);
 };
 
-var _excluded$v = ["children", "className", "required", "helpIconProps"],
+var _excluded$w = ["children", "className", "required", "helpIconProps"],
   _excluded2$4 = ["onClick", "icon", "tooltipProps", "className"];
 var Label = function Label(_ref) {
   var children = _ref.children,
@@ -19126,7 +19123,7 @@ var Label = function Label(_ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     _ref$helpIconProps = _ref.helpIconProps,
     helpIconProps = _ref$helpIconProps === void 0 ? null : _ref$helpIconProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$v);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$w);
   var _ref2 = helpIconProps || {},
     onClick = _ref2.onClick,
     icon = _ref2.icon,
@@ -19148,7 +19145,7 @@ var Label = function Label(_ref) {
   }, otherHelpIconProps)))));
 };
 
-var _excluded$u = ["label", "error", "className", "required", "labelProps", "children"];
+var _excluded$v = ["label", "error", "className", "required", "labelProps", "children"];
 var Checkbox = /*#__PURE__*/React$3.forwardRef(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
@@ -19160,7 +19157,7 @@ var Checkbox = /*#__PURE__*/React$3.forwardRef(function (_ref, ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     labelProps = _ref.labelProps,
     children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$u);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$v);
   var id = useId(otherProps.id);
   var errorId = "error_".concat(id);
   var renderLabel = label || children;
@@ -20948,9 +20945,9 @@ var ColorPicker = function ColorPicker(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Palette, colorPaletteProps))));
 };
 
-var _excluded$t = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "onChange", "onOk", "picker", "showTime", "type", "nakedInput", "error", "defaultValue", "value", "labelProps", "required"];
-function ownKeys$k(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$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded$u = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "onChange", "onOk", "picker", "showTime", "type", "nakedInput", "error", "defaultValue", "value", "labelProps", "required"];
+function ownKeys$l(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$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var INPUT_SIZES$2 = {
   small: "small",
   medium: "medium",
@@ -21004,7 +21001,7 @@ var DatePicker = /*#__PURE__*/React$3.forwardRef(function (_ref2, ref) {
     labelProps = _ref2.labelProps,
     _ref2$required = _ref2.required,
     required = _ref2$required === void 0 ? false : _ref2$required,
-    otherProps = _objectWithoutProperties$1(_ref2, _excluded$t);
+    otherProps = _objectWithoutProperties$1(_ref2, _excluded$u);
   var id = useId(otherProps.id);
   var datePickerRef = useSyncedRef(ref);
   var Component = datePickerTypes[type === null || type === void 0 ? void 0 : type.toLowerCase()];
@@ -21015,7 +21012,7 @@ var DatePicker = /*#__PURE__*/React$3.forwardRef(function (_ref2, ref) {
   };
   return /*#__PURE__*/React__default["default"].createElement(_ConfigProvider__default["default"], {
     theme: {
-      token: _objectSpread$j({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+      token: _objectSpread$k({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
       components: {
         DatePicker: {
           activeBg: "rgb(var(--neeto-ui-white))",
@@ -21066,7 +21063,7 @@ var DatePicker = /*#__PURE__*/React$3.forwardRef(function (_ref2, ref) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-input__wrapper"
-  }, label && /*#__PURE__*/React__default["default"].createElement(Label, _objectSpread$j({
+  }, label && /*#__PURE__*/React__default["default"].createElement(Label, _objectSpread$k({
     required: required
   }, labelProps), label), /*#__PURE__*/React__default["default"].createElement(Component, _extends$4({
     format: format,
@@ -21113,7 +21110,7 @@ var DatePicker = /*#__PURE__*/React$3.forwardRef(function (_ref2, ref) {
         size: 16
       })
     }
-  })), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+  })), !!error && typeof error === "string" && /*#__PURE__*/React__default["default"].createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId
@@ -21121,6 +21118,106 @@ var DatePicker = /*#__PURE__*/React$3.forwardRef(function (_ref2, ref) {
 });
 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 _excluded$t = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "onChange", "nakedInput", "error", "defaultValue", "value", "labelProps", "required"];
+function ownKeys$k(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$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(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$3 : _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,
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$t);
+  var _React$useState = React__default["default"].useState(false),
+    _React$useState2 = _slicedToArray$2(_React$useState, 2),
+    open = _React$useState2[0],
+    setOpen = _React$useState2[1];
+  var _useState = React$3.useState(),
+    _useState2 = _slicedToArray$2(_useState, 2),
+    date = _useState2[0],
+    setDate = _useState2[1];
+  var _useState3 = React$3.useState(),
+    _useState4 = _slicedToArray$2(_useState3, 2),
+    time = _useState4[0],
+    setTime = _useState4[1];
+  var timeRef = React__default["default"].useRef(null);
+  var id = useId(otherProps.id);
+  var errorId = "error_".concat(id);
+  var handleDateChange = function handleDateChange(date) {
+    var _timeRef$current;
+    setDate(date);
+    setTime(date);
+    setOpen(false);
+    onChange(date);
+    (_timeRef$current = timeRef.current) === null || _timeRef$current === void 0 || _timeRef$current.querySelector(".react-time-picker__inputGroup__hour").focus();
+  };
+  var handleTimeChange = function handleTimeChange(_, value) {
+    var currentTime = dayjs(value, "HH:mm");
+    setTime(value ? currentTime : null);
+    var dateTIme = dayjs("".concat(date === null || date === void 0 ? void 0 : date.format("YYYY-MM-DD"), " ").concat(value || ""));
+    onChange(dateTIme);
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-input__wrapper"
+  }, label && /*#__PURE__*/React__default["default"].createElement(Label, _objectSpread$j({
+    required: required
+  }, labelProps), label), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames$1("neeto-ui-date-time-input", className)
+  }, /*#__PURE__*/React__default["default"].createElement(DatePicker, {
+    dateFormat: dateFormat,
+    defaultValue: defaultValue,
+    dropdownClassName: dropdownClassName,
+    nakedInput: nakedInput,
+    open: open,
+    popupClassName: popupClassName,
+    size: size,
+    value: value,
+    error: !!error,
+    picker: "date",
+    showTime: false,
+    type: "date",
+    onBlur: function onBlur() {
+      return setOpen(false);
+    },
+    onChange: handleDateChange,
+    onFocus: function onFocus() {
+      return setOpen(true);
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(TimePickerInput, _defineProperty$7(_defineProperty$7(_defineProperty$7(_defineProperty$7({
+    error: error,
+    nakedInput: nakedInput,
+    size: size
+  }, "error", !!error), "ref", timeRef), "value", time), "onChange", handleTimeChange))), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(hyphenize(label), "-input-error"),
+    id: errorId
+  }, error));
+};
+DateTimePicker.displayName = "DateTimePicker";
+
 var _excluded$s = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex", "onBlur", "disableTrimOnBlur"];
 function ownKeys$j(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$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -21189,11 +21286,15 @@ var Input$3 = /*#__PURE__*/React$3.forwardRef(function (_ref, ref) {
     onChange(e);
   };
   var handleChange = rejectCharsRegex ? handleRegexChange : onChange;
+  var handleTrimmedChangeOnBlur = function handleTrimmedChangeOnBlur(e) {
+    if (disableTrimOnBlur || typeof value !== "string") return;
+    var trimmedValue = value.trim();
+    if (value === trimmedValue) return;
+    e.target.value = trimmedValue;
+    handleChange(e);
+  };
   var handleOnBlur = function handleOnBlur(e) {
-    if (!disableTrimOnBlur && typeof value === "string") {
-      e.target.value = value.trim();
-      handleChange(e);
-    }
+    handleTrimmedChangeOnBlur(e);
     onBlur === null || onBlur === void 0 || onBlur(e);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -28233,9 +28334,9 @@ var MultiEmailInput = /*#__PURE__*/React$3.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-email-input__label-wrapper"
   }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends$4({
+    required: required,
     className: "neeto-ui-email-input__label",
-    "data-cy": "".concat(hyphenize(label), "-input-label"),
-    required: required
+    "data-cy": "".concat(hyphenize(label), "-input-label")
   }, labelProps), label), isCounterVisible && /*#__PURE__*/React__default["default"].createElement(Typography, {
     className: "neeto-ui-email-input__counter",
     "data-cy": "".concat(hyphenize(label), "-email-counter"),
@@ -28245,13 +28346,7 @@ var MultiEmailInput = /*#__PURE__*/React$3.forwardRef(function (_ref, ref) {
     required: true,
     classNamePrefix: "neeto-ui-react-select",
     components: CUSTOM_COMPONENTS,
-    inputValue: inputValue,
     isDisabled: disabled,
-    isFocused: isFocused,
-    placeholder: placeholder,
-    ref: ref,
-    value: value,
-    visibleEmailsCount: visibleEmailsCount,
     className: classnames$1("neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select", {
       "neeto-ui-react-select__container--error": !!error
     }),
@@ -28262,7 +28357,6 @@ var MultiEmailInput = /*#__PURE__*/React$3.forwardRef(function (_ref, ref) {
       })
     }),
     onBlur: handleBlur,
-    onChange: onChange,
     onFocus: function onFocus() {
       return setIsFocused(true);
     },
@@ -28270,9 +28364,17 @@ var MultiEmailInput = /*#__PURE__*/React$3.forwardRef(function (_ref, ref) {
       return setInputValue(inputValue);
     },
     onKeyDown: handleKeyDown
+  }, _objectSpread$g(_objectSpread$g(_objectSpread$g({
+    inputValue: inputValue,
+    isFocused: isFocused,
+    onChange: onChange,
+    placeholder: placeholder,
+    ref: ref,
+    value: value,
+    visibleEmailsCount: visibleEmailsCount
   }, !isOptionsPresent && {
     menuIsOpen: false
-  }, otherProps, overrideProps)), !!error && /*#__PURE__*/React__default["default"].createElement(Typography, {
+  }), otherProps), overrideProps))), !!error && /*#__PURE__*/React__default["default"].createElement(Typography, {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     style: "body3"
@@ -28666,11 +28768,11 @@ var Popover = function Popover(_ref) {
     theme = _ref$theme === void 0 ? "light" : _ref$theme,
     otherProps = _objectWithoutProperties$1(_ref, _excluded$h);
   return /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends$4({
+    theme: theme,
     interactive: true,
     arrow: false,
     className: "neeto-ui-popover",
-    content: children,
-    theme: theme
+    content: children
   }, otherProps));
 };
 Popover.Title = Title;
@@ -33576,19 +33678,19 @@ var HeaderCell = function HeaderCell(props) {
     }));
   }
   return /*#__PURE__*/React__default["default"].createElement(Resizable, {
+    onResize: onResize,
+    onResizeStop: onResizeStop,
     width: width,
+    draggableOpts: {
+      enableUserSelectHack: false
+    },
     height: 0,
     handle: /*#__PURE__*/React__default["default"].createElement("span", {
       className: "react-resizable-handle",
       onClick: function onClick(e) {
         return e.stopPropagation();
       }
-    }),
-    onResize: onResize,
-    onResizeStop: onResizeStop,
-    draggableOpts: {
-      enableUserSelectHack: false
-    }
+    })
   }, /*#__PURE__*/React__default["default"].createElement("th", _extends$4({}, restProps, {
     className: classnames$1(className, "drag-handler")
   })));
@@ -33602,19 +33704,19 @@ var ResizableHeaderCell = function ResizableHeaderCell(props) {
     return /*#__PURE__*/React__default["default"].createElement("th", restProps);
   }
   return /*#__PURE__*/React__default["default"].createElement(Resizable, {
+    onResize: onResize,
+    onResizeStop: onResizeStop,
     width: width,
+    draggableOpts: {
+      enableUserSelectHack: false
+    },
     height: 0,
     handle: /*#__PURE__*/React__default["default"].createElement("span", {
       className: "react-resizable-handle",
       onClick: function onClick(e) {
         return e.stopPropagation();
       }
-    }),
-    onResize: onResize,
-    onResizeStop: onResizeStop,
-    draggableOpts: {
-      enableUserSelectHack: false
-    }
+    })
   }, /*#__PURE__*/React__default["default"].createElement("th", restProps));
 };
 var ReorderableHeaderCell = function ReorderableHeaderCell(props) {
@@ -33785,19 +33887,22 @@ var Table = function Table(_ref) {
     _useState6 = _slicedToArray$2(_useState5, 2),
     columns = _useState6[0],
     setColumns = _useState6[1];
-  var isPageChangeHandlerDefault = handlePageChange === noop$3;
+  var isDefaultPageChangeHandler = handlePageChange === noop$3;
+  var history = reactRouterDom.useHistory();
   var headerRef = React$3.useRef();
   var resizeObserver = React$3.useRef(new ResizeObserver(function (_ref2) {
     var _ref3 = _slicedToArray$2(_ref2, 1),
-      height = _ref3[0].contentRect.height;
-    return setContainerHeight(height);
+      entry = _ref3[0];
+    return setContainerHeight(entry.contentRect.height);
   }));
   var tableRef = React$3.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();
+    } else if (observer) {
+      observer.disconnect();
+    }
   }, [resizeObserver.current, fixedHeight]);
   useTimeout(function () {
     var headerHeight = headerRef.current ? headerRef.current.offsetHeight : TABLE_DEFAULT_HEADER_HEIGHT;
@@ -33828,7 +33933,7 @@ var Table = function Table(_ref) {
       dataIndex: neetoCist.snakeToCamelCase((_queryParams$sort_by = queryParams.sort_by) !== null && _queryParams$sort_by !== void 0 ? _queryParams$sort_by : "")
     }, ramda.assoc("sortOrder", TABLE_SORT_ORDERS[queryParams.order_by]), columnData);
   };
-  var sortedColumns = isPageChangeHandlerDefault ? setSortFromURL(curatedColumnsData) : curatedColumnsData;
+  var sortedColumns = isDefaultPageChangeHandler ? setSortFromURL(curatedColumnsData) : curatedColumnsData;
   var locale = {
     emptyText: /*#__PURE__*/React__default["default"].createElement(Typography, {
       style: "body2"
@@ -33838,80 +33943,71 @@ var Table = function Table(_ref) {
     return _objectSpread$6(_objectSpread$6({}, sortedColumn), {}, {
       onHeaderCell: function onHeaderCell(column) {
         var _sortedColumn$onHeade;
-        var col = (_sortedColumn$onHeade = sortedColumn.onHeaderCell) === null || _sortedColumn$onHeade === void 0 ? void 0 : _sortedColumn$onHeade.call(sortedColumn, column);
-        return _objectSpread$6(_objectSpread$6({}, col), {}, {
+        return _objectSpread$6(_objectSpread$6({}, (_sortedColumn$onHeade = sortedColumn.onHeaderCell) === null || _sortedColumn$onHeade === void 0 ? void 0 : _sortedColumn$onHeade.call(sortedColumn, column)), {}, {
           "data-text-align": column.align
         });
       }
     });
   });
-  var isPaginationVisible = otherProps.pagination !== false && rowData.length > defaultPageSize;
-  var rowSelectionProps = false;
-  if (rowSelection) {
-    rowSelectionProps = _objectSpread$6(_objectSpread$6({
-      type: "checkbox"
-    }, rowSelection), {}, {
-      onChange: function onChange(selectedRowKeys, selectedRows) {
-        return onRowSelect && onRowSelect(selectedRowKeys, selectedRows);
-      },
-      selectedRowKeys: selectedRowKeys
-    });
-  }
+  var rowSelectionProps = rowSelection ? _objectSpread$6(_objectSpread$6({
+    type: "checkbox"
+  }, rowSelection), {}, {
+    onChange: function onChange(selectedRowKeys, selectedRows) {
+      return onRowSelect && onRowSelect(selectedRowKeys, selectedRows);
+    },
+    selectedRowKeys: selectedRowKeys
+  }) : false;
   var reordableHeader = {
     header: {
       cell: enableColumnResize ? enableColumnReorder ? HeaderCell : ResizableHeaderCell : enableColumnReorder ? ReorderableHeaderCell : null
     }
   };
-  var componentOverrides = _objectSpread$6(_objectSpread$6({}, components), reordableHeader);
-  var calculateTableContainerHeight = function calculateTableContainerHeight() {
-    return containerHeight - headerHeight - (isPaginationVisible ? TABLE_PAGINATION_HEIGHT : 0);
-  };
-  var itemRender = function itemRender(_, type, originalElement) {
-    if (type === "prev") {
-      return /*#__PURE__*/React__default["default"].createElement(Button, {
-        className: "",
-        icon: neetoIcons.Left,
-        size: "small",
-        style: "text"
-      });
-    }
-    if (type === "next") {
-      return /*#__PURE__*/React__default["default"].createElement(Button, {
-        className: "",
-        icon: neetoIcons.Right,
-        size: "small",
-        style: "text"
-      });
-    }
-    if (type === "jump-prev") {
-      return /*#__PURE__*/React__default["default"].createElement(Button, {
-        className: "",
-        icon: neetoIcons.MenuHorizontal,
-        size: "small",
-        style: "text"
-      });
-    }
-    if (type === "jump-next") {
-      return /*#__PURE__*/React__default["default"].createElement(Button, {
-        className: "",
-        icon: neetoIcons.MenuHorizontal,
-        size: "small",
-        style: "text"
-      });
-    }
-    return originalElement;
-  };
   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() {
-    var rowsPerPage = shouldDynamicallyRenderRowSize ? calculateRowsPerPage() : defaultPageSize;
     return neetoCist.dynamicArray(5, function (index) {
-      return (index + 1) * rowsPerPage;
+      return (index + 1) * pageSize;
     });
   };
+  var itemRender = function itemRender(_, type, originalElement) {
+    var commonProps = {
+      size: "small",
+      style: "text"
+    };
+    if (type === "prev") return /*#__PURE__*/React__default["default"].createElement(Button, _extends$4({
+      icon: neetoIcons.Left
+    }, commonProps));
+    if (type === "next") return /*#__PURE__*/React__default["default"].createElement(Button, _extends$4({
+      icon: neetoIcons.Right
+    }, commonProps));
+    if (type === "jump-prev" || type === "jump-next") {
+      return /*#__PURE__*/React__default["default"].createElement(Button, _extends$4({
+        icon: neetoIcons.MenuHorizontal
+      }, commonProps));
+    }
+    return originalElement;
+  };
+  React$3.useEffect(function () {
+    var shouldNavigateToLastPage = ramda.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, ramda.mergeLeft({
+      page: page
+    }, queryParams))) : handlePageChange(page, pageSize);
+  }, [rowData]);
+  React$3.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["default"].createElement(_ConfigProvider__default["default"], {
@@ -33953,6 +34049,7 @@ var Table = function Table(_ref) {
             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,
@@ -33966,7 +34063,7 @@ var Table = function Table(_ref) {
       loading: loading,
       locale: locale,
       columns: sortedColumnsWithAlignment,
-      components: componentOverrides,
+      components: _objectSpread$6(_objectSpread$6({}, components), reordableHeader),
       dataSource: rowData,
       ref: tableRef,
       rowKey: "id",
@@ -33978,7 +34075,7 @@ var Table = function Table(_ref) {
         showSizeChanger: false,
         total: totalCount !== null && totalCount !== void 0 ? totalCount : 0,
         current: currentPageNumber,
-        defaultPageSize: shouldDynamicallyRenderRowSize ? calculateRowsPerPage() : defaultPageSize,
+        defaultPageSize: pageSize,
         pageSizeOptions: calculatePageSizeOptions(),
         onChange: handlePageChange,
         itemRender: itemRender
@@ -33991,7 +34088,7 @@ var Table = function Table(_ref) {
         y: calculateTableContainerHeight()
       }, scroll),
       onChange: function onChange(pagination, _, sorter) {
-        isPageChangeHandlerDefault && handleTableChange(pagination, sorter);
+        isDefaultPageChangeHandler && handleTableChange(pagination, sorter);
       },
       onHeaderRow: function onHeaderRow() {
         return {
@@ -34011,13 +34108,7 @@ var Table = function Table(_ref) {
       }
     }, otherProps)));
   };
-  React$3.useEffect(function () {
-    setColumns(columnData);
-  }, [columnData]);
-  if (enableColumnReorder) {
-    return /*#__PURE__*/React__default["default"].createElement(ReactDragListView.DragColumn, dragProps, renderTable());
-  }
-  return renderTable();
+  return enableColumnReorder ? /*#__PURE__*/React__default["default"].createElement(ReactDragListView.DragColumn, dragProps, renderTable()) : renderTable();
 };
 
 var _excluded$4 = ["size", "rows", "disabled", "required", "nakedTextarea", "helpText", "error", "label", "className", "maxLength", "unlimitedChars", "labelProps"];
@@ -34266,14 +34357,6 @@ var TimePicker$1 = /*#__PURE__*/React$3.forwardRef(function (_ref, ref) {
 });
 TimePicker$1.displayName = "TimePicker";
 
-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 __spreadArray$2 = (undefined && undefined.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -36840,6 +36923,27 @@ if (isBrowser) {
     TimePicker.propTypes.portalContainer = propTypes$1.exports.instanceOf(HTMLElement);
 }
 
+var HoverIcon = function HoverIcon(_ref) {
+  var _ref$time = _ref.time,
+    time = _ref$time === void 0 ? false : _ref$time;
+  var _useState = React$3.useState(false),
+    _useState2 = _slicedToArray$2(_useState, 2),
+    hovered = _useState2[0],
+    setHovered = _useState2[1];
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    onMouseLeave: function onMouseLeave() {
+      return setHovered(false);
+    },
+    onMouseOver: function onMouseOver() {
+      return setHovered(true);
+    }
+  }, hovered && time ? /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
+    size: 16
+  }) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.Clock, {
+    size: 16
+  }));
+};
+
 var _excluded$2 = ["className", "label", "labelProps", "size", "nakedInput", "required", "value", "onChange", "error"];
 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$7(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; }
@@ -36849,7 +36953,7 @@ var INPUT_SIZES = {
   medium: "medium",
   large: "large"
 };
-var TimePickerInput = function TimePickerInput(_ref) {
+var TimePickerInput = /*#__PURE__*/React$3.forwardRef(function (_ref, ref) {
   var _convertToDayjsObject;
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
@@ -36866,34 +36970,50 @@ var TimePickerInput = function TimePickerInput(_ref) {
     _ref$error = _ref.error,
     error = _ref$error === void 0 ? "" : _ref$error,
     otherProps = _objectWithoutProperties$1(_ref, _excluded$2);
+  var _useState = React$3.useState(value),
+    _useState2 = _slicedToArray$2(_useState, 2),
+    time = _useState2[0],
+    setTime = _useState2[1];
   var id = useId(otherProps.id);
   var errorId = "error_".concat(id);
+  React$3.useEffect(function () {
+    setTime(value);
+  }, [value]);
   var handleChange = function handleChange(value) {
     var date = dayjs(value, "HH:mm:ss");
+    setTime(value);
     onChange(date, value);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: ref,
     className: "neeto-ui-input__wrapper"
   }, label && /*#__PURE__*/React__default["default"].createElement(Label, _objectSpread$3({
     required: required
-  }, labelProps), label), /*#__PURE__*/React__default["default"].createElement(TimePicker, _extends$4(_defineProperty$7(_defineProperty$7(_defineProperty$7({
+  }, labelProps), label), /*#__PURE__*/React__default["default"].createElement(TimePicker, _extends$4({
     id: id,
-    value: value,
     disableClock: true,
-    clearIcon: null
-  }, "value", (_convertToDayjsObject = convertToDayjsObjects(value)) === null || _convertToDayjsObject === void 0 ? void 0 : _convertToDayjsObject.toDate()), "className", classnames$1("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), otherProps)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+    clearIcon: /*#__PURE__*/React__default["default"].createElement(HoverIcon, {
+      time: time
+    }),
+    hourPlaceholder: "HH",
+    minutePlaceholder: "mm",
+    secondAriaLabel: "ss",
+    value: (_convertToDayjsObject = convertToDayjsObjects(value)) === null || _convertToDayjsObject === void 0 ? void 0 : _convertToDayjsObject.toDate(),
+    className: classnames$1("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
+  }, otherProps)), !!error && typeof error === "string" && /*#__PURE__*/React__default["default"].createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId
   }, error));
-};
+});
 TimePickerInput.displayName = "TimePicker";
 
 // THIS FILE IS AUTOMATICALLY GENERATED DO NOT EDIT DIRECTLY
@@ -39048,6 +39168,7 @@ exports.Callout = Callout;
 exports.Checkbox = Checkbox;
 exports.ColorPicker = ColorPicker;
 exports.DatePicker = DatePicker;
+exports.DateTimePicker = DateTimePicker;
 exports.Dropdown = Dropdown;
 exports.Input = Input$3;
 exports.Kbd = Kbd;