@itilite/iui-user-management 0.4.10 → 0.4.11

package/dist/index.css

@@ -979,6 +979,117 @@
   width: 100%;
   font-size: initial;
 }
+._2A4_u.MuiButton-contained {
+  border-radius: 6px;
+  background-color: #EC5D25;
+  color: #ffffff;
+}
+._2A4_u.MuiButton-contained:hover {
+  background-color: #EC5D25;
+}
+._2A4_u.MuiButton-contained.Mui-disabled {
+  background-color: #EC5D25;
+  color: #ffffff;
+  opacity: 0.7;
+}
+._2A4_u ._QGIKG {
+  border-radius: 6px;
+  background-color: #ffe7de;
+  margin-left: 12px;
+  padding: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #EC5D25;
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 17px;
+}
+
+._3iFbO.MuiButton-root {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  font-weight: 500 !important;
+  font-style: normal !important;
+  font-size: 0.875rem !important;
+  font-family: "Inter", sans-serif !important;
+  line-height: 20px;
+  text-transform: none;
+  min-width: auto;
+  box-shadow: none !important;
+  border: none;
+  padding: 4px 8px;
+  white-space: nowrap !important;
+  border-radius: 50%;
+}
+._3iFbO.MuiButton-root:hover {
+  background-color: transparent;
+}
+
+._3lQYD.MuiButton-outlined {
+  box-shadow: 0px 1px 0px rgba(17, 24, 39, 0.1) !important;
+  border-radius: 6px;
+  color: #374151;
+  border: 1px solid #D1D5DB;
+  border-width: 1px !important;
+  height: 40px;
+  padding: 8px 18px;
+}
+._3lQYD.MuiButton-outlined:hover {
+  background-color: #ffffff;
+}
+
+._1C8bJ {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 4px !important;
+  background: #ffffff;
+  box-sizing: border-box;
+  min-width: 200px;
+  border-radius: 8px;
+  box-shadow: 0px 4px 8px rgba(17, 24, 39, 0.15), 0px 1px 2px rgba(17, 24, 39, 0.1);
+}
+
+._1C8bJ._3lQYD {
+  border: 1px solid #D1D5DB;
+  box-shadow: none;
+}
+
+._1N83W {
+  margin-top: 8px;
+}
+._1N83W ._3VtcE.MuiListItem-button:hover {
+  background-color: transparent;
+  text-decoration: none;
+}
+._1N83W ._3VtcE.MuiMenuItem-root {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  line-height: 0;
+}
+._1N83W ._3VtcE ._2xqnU.MuiTypography-root {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 20px;
+  color: #374151;
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+  width: 100%;
+}
+._1N83W ._3VtcE ._2xqnU._3CVzX {
+  font-size: 0.75rem;
+  line-height: 1;
+}
 ._1EFxC {
   flex: 0.17;
   max-width: 218px;

package/dist/index.js

@@ -17,6 +17,8 @@ var styles$8 = require('@material-ui/core/styles');
 var Tooltip = _interopDefault(require('@material-ui/core/Tooltip'));
 var Switch = _interopDefault(require('@material-ui/core/Switch'));
 var MoreHorizIcon = _interopDefault(require('@material-ui/icons/MoreHoriz'));
+var Button = _interopDefault(require('@material-ui/core/Button'));
+var core = require('@material-ui/core');
 var InfoIcon = _interopDefault(require('@material-ui/icons/Info'));
 
 function _extends() {
@@ -1684,7 +1686,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);
@@ -1827,11 +1828,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;
@@ -7441,6 +7440,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__default.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__default.useState(false),
+    open = _React$useState[0],
+    setOpen = _React$useState[1];
+  var anchorRef = React__default.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__default.useRef(open);
+  React__default.useEffect(function () {
+    if (prevOpen.current === true && open === false) {
+      anchorRef.current.focus();
+    }
+    prevOpen.current = open;
+  }, [open]);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.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__default.createElement(core.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__default.createElement(core.Grow, _extends({}, TransitionProps, {
+      style: {
+        transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
+      }
+    }), /*#__PURE__*/React__default.createElement(core.Paper, {
+      className: classes.menuListContainer,
+      elevation: 0
+    }, /*#__PURE__*/React__default.createElement(core.ClickAwayListener, {
+      onClickAway: handleClose
+    }, /*#__PURE__*/React__default.createElement(core.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__default.createElement(core.MenuItem, {
+        onClick: function onClick() {
+          return handleMenuClick(val);
+        },
+        key: _i,
+        className: clsx(classes.menuItemContainer, val.disable && 'iui__cursor-not-allowed'),
+        disableRipple: true
+      }, /*#__PURE__*/React__default.createElement(core.Typography, {
+        className: clsx(classes.menuItemtext, val && val.disable && 'iui__opacity--60')
+      }, val.label), val.subText && /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
+        variant: "subtitle2",
+        className: clsx(classes.menuItemtext, classes.subTxt)
+      }, val.subText));
+    })))));
+  }));
+};
+
 var AntSwitch = styles$8.withStyles(function (theme) {
   return {
     root: {
@@ -7681,7 +7795,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
         style: {
           marginLeft: '50px'
         }
-      }, /*#__PURE__*/React__default.createElement(iuistyles.IUIDropdownButton, {
+      }, /*#__PURE__*/React__default.createElement(DropdownBtn, {
         buttonText: /*#__PURE__*/React__default.createElement(MoreHorizIcon, {
           fontSize: "medium",
           color: "#6B7280"