@itilite/iui-user-management 0.4.10 → 0.4.11

package/dist/index.modern.js

@@ -14,6 +14,8 @@ import { withStyles, makeStyles } from '@material-ui/core/styles';
 import Tooltip from '@material-ui/core/Tooltip';
 import Switch from '@material-ui/core/Switch';
 import MoreHorizIcon from '@material-ui/icons/MoreHoriz';
+import Button from '@material-ui/core/Button';
+import { Popper, Grow, Paper, ClickAwayListener, MenuList, MenuItem, Typography } from '@material-ui/core';
 import InfoIcon from '@material-ui/icons/Info';
 
 function _extends() {
@@ -1681,7 +1683,6 @@ var fetchRenderFileds = function fetchRenderFileds() {
           var _res$data;
           IUIToastMessageService.warningNotify((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.message) || 'Opps, Something went wrong.');
           dispatch(stopLoader());
-          reject();
         }
       })["catch"](function (err) {
         reject(err);
@@ -1824,11 +1825,9 @@ var createUser = function createUser(payload) {
         } else {
           if (res.data.errors && typeof res.data.errors === 'object') {
             reject(res.data.errors);
-            return;
           } else if (!Object.keys(res.data.errors).length) {
             IUIToastMessageService.warningNotify(res.data.message);
           }
-          reject();
         }
       })["catch"](function (err) {
         var _err$response5;
@@ -7438,6 +7437,121 @@ var BulkDownloadIcon = function BulkDownloadIcon(props) {
   }));
 };
 
+var classes = {"containedBtn":"_2A4_u","customMiniBox":"_QGIKG","muiBtn":"_3iFbO","outlinedBtn":"_3lQYD","menuList":"_1C8bJ","menuListContainer":"_1N83W","menuItemContainer":"_3VtcE","menuItemtext":"_2xqnU","subTxt":"_3CVzX"};
+
+var DropdownBtn = function DropdownBtn(props) {
+  var _clsx;
+  var _props$buttonText = props.buttonText,
+    buttonText = _props$buttonText === void 0 ? '' : _props$buttonText,
+    _props$disableRipple = props.disableRipple,
+    disableRipple = _props$disableRipple === void 0 ? true : _props$disableRipple,
+    _props$onClickHandler = props.onClickHandler,
+    onClickHandler = _props$onClickHandler === void 0 ? function () {} : _props$onClickHandler,
+    _props$menuListInfo = props.menuListInfo,
+    menuListInfo = _props$menuListInfo === void 0 ? [] : _props$menuListInfo,
+    _props$endIcon = props.endIcon,
+    endIcon = _props$endIcon === void 0 ? /*#__PURE__*/React.createElement(ExpandMoreIcon, {
+      width: "10",
+      height: "10"
+    }) : _props$endIcon,
+    _props$outlinedBtn = props.outlinedBtn,
+    outlinedBtn = _props$outlinedBtn === void 0 ? true : _props$outlinedBtn,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'auto-center' : _props$placement,
+    className = props.className,
+    menuListClass = props.menuListClass;
+  var _React$useState = React.useState(false),
+    open = _React$useState[0],
+    setOpen = _React$useState[1];
+  var anchorRef = React.useRef(null);
+  var handleToggle = function handleToggle() {
+    setOpen(function (prevOpen) {
+      return !prevOpen;
+    });
+  };
+  var handleClose = function handleClose(event) {
+    if (anchorRef.current && anchorRef.current.contains(event.target)) {
+      return;
+    }
+    setOpen(false);
+    onClickHandler(event);
+  };
+  var handleListKeyDown = function handleListKeyDown(event) {
+    if (event.key === 'Tab') {
+      event.preventDefault();
+      setOpen(false);
+    }
+  };
+  var handleMenuClick = function handleMenuClick(val) {
+    setOpen(false);
+    if (val.disable) return false;
+    if (val.handler && typeof val.handler === 'function') val.handler();
+  };
+
+  var prevOpen = React.useRef(open);
+  React.useEffect(function () {
+    if (prevOpen.current === true && open === false) {
+      anchorRef.current.focus();
+    }
+    prevOpen.current = open;
+  }, [open]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    endIcon: endIcon,
+    className: clsx(classes.muiBtn, className, (_clsx = {}, _clsx[classes.outlinedBtn] = outlinedBtn, _clsx)),
+    disableRipple: disableRipple,
+    variant: "outlined",
+    ref: anchorRef,
+    "aria-controls": open ? 'menu-list-grow' : undefined,
+    "aria-haspopup": "true",
+    onClick: handleToggle
+  }, buttonText), /*#__PURE__*/React.createElement(Popper, {
+    open: open,
+    anchorEl: anchorRef.current,
+    role: undefined,
+    transition: true,
+    disablePortal: true,
+    style: {
+      zIndex: '9'
+    },
+    placement: placement
+  }, function (_ref) {
+    var _clsx2;
+    var TransitionProps = _ref.TransitionProps,
+      placement = _ref.placement;
+    return /*#__PURE__*/React.createElement(Grow, _extends({}, TransitionProps, {
+      style: {
+        transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
+      }
+    }), /*#__PURE__*/React.createElement(Paper, {
+      className: classes.menuListContainer,
+      elevation: 0
+    }, /*#__PURE__*/React.createElement(ClickAwayListener, {
+      onClickAway: handleClose
+    }, /*#__PURE__*/React.createElement(MenuList, {
+      autoFocusItem: open,
+      className: clsx(classes.menuList, (_clsx2 = {}, _clsx2[classes.outlinedBtn] = outlinedBtn, _clsx2), menuListClass),
+      id: "menu-list-grow",
+      onKeyDown: function onKeyDown(e) {
+        return handleListKeyDown(e);
+      }
+    }, menuListInfo.map(function (val, _i) {
+      return /*#__PURE__*/React.createElement(MenuItem, {
+        onClick: function onClick() {
+          return handleMenuClick(val);
+        },
+        key: _i,
+        className: clsx(classes.menuItemContainer, val.disable && 'iui__cursor-not-allowed'),
+        disableRipple: true
+      }, /*#__PURE__*/React.createElement(Typography, {
+        className: clsx(classes.menuItemtext, val && val.disable && 'iui__opacity--60')
+      }, val.label), val.subText && /*#__PURE__*/React.createElement(IUITypography, {
+        variant: "subtitle2",
+        className: clsx(classes.menuItemtext, classes.subTxt)
+      }, val.subText));
+    })))));
+  }));
+};
+
 var AntSwitch = withStyles(function (theme) {
   return {
     root: {
@@ -7678,7 +7792,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
         style: {
           marginLeft: '50px'
         }
-      }, /*#__PURE__*/React.createElement(IUIDropdownButton, {
+      }, /*#__PURE__*/React.createElement(DropdownBtn, {
         buttonText: /*#__PURE__*/React.createElement(MoreHorizIcon, {
           fontSize: "medium",
           color: "#6B7280"