npm - @ltht-react/menu - Versions diffs - 2.0.143 → 2.0.144 - Mend

@ltht-react/menu 2.0.143 → 2.0.144

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/README.md +15 -15
package/package.json +5 -5
package/src/index.tsx +4 -4
package/src/molecules/action-menu.tsx +211 -211
package/lib/index.d.ts +0 -3
package/lib/index.js +0 -8
package/lib/index.js.map +0 -1
package/lib/molecules/action-menu.d.ts +0 -27
package/lib/molecules/action-menu.js +0 -124
package/lib/molecules/action-menu.js.map +0 -1

package/README.md CHANGED Viewed

@@ -1,15 +1,15 @@
-# Input
-<!-- STORY -->
-### Import
-```js
-import Menu from '@ltht-react/menu'
-```
-### Usage
-```jsx
-<Menu />
-```
+# Input
+<!-- STORY -->
+### Import
+```js
+import Menu from '@ltht-react/menu'
+```
+### Usage
+```jsx
+<Menu />
+```

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/menu",
-  "version": "2.0.143",
+  "version": "2.0.144",
   "description": "ltht-react styled Menu component.",
   "author": "LTHT",
   "homepage": "",
@@ -28,12 +28,12 @@
   "dependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/button": "^2.0.143",
-    "@ltht-react/icon": "^2.0.143",
-    "@ltht-react/styles": "^2.0.143",
+    "@ltht-react/button": "^2.0.144",
+    "@ltht-react/icon": "^2.0.144",
+    "@ltht-react/styles": "^2.0.144",
     "focus-trap-react": "^10.0.0",
     "react": "^18.2.0",
     "react-popper": "^2.3.0"
   },
-  "gitHead": "295ce3e597f399e4edd0510ca536393c25b66808"
+  "gitHead": "1697d516a201e1aa5d95bb7f112573fc14634486"
 }

package/src/index.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import ActionMenu, { ActionMenuOption } from './molecules/action-menu'
-export default ActionMenu
-export { ActionMenuOption }
+import ActionMenu, { ActionMenuOption } from './molecules/action-menu'
+export default ActionMenu
+export { ActionMenuOption }

package/src/molecules/action-menu.tsx CHANGED Viewed

@@ -1,211 +1,211 @@
-import styled from '@emotion/styled'
-import Button, { ButtonProps } from '@ltht-react/button/lib/atoms/button'
-import Icon, { IconButton, IconProps } from '@ltht-react/icon'
-import { BTN_COLOURS, CSS_RESET, PopUp, TableDataWithPopUp, getZIndex } from '@ltht-react/styles'
-import FocusTrap from 'focus-trap-react'
-import { FC, HTMLAttributes, useRef, useState, useEffect } from 'react'
-import { usePopper } from 'react-popper'
-const defaultMenuButtonProps: IconButtonMenuProps = {
-  type: 'icon',
-  iconProps: {
-    type: 'ellipsis-vertical',
-    size: 'large',
-  },
-}
-const StyledUnorderedList = styled.ul`
-  ${CSS_RESET}
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-`
-const StyledListItem = styled.li`
-  ${CSS_RESET}
-  background-color: 'white';
-  padding: 0.5rem;
-  line-height: 1em;
-  display: flex;
-  border-radius: 4px;
-  &:hover {
-    background: ${BTN_COLOURS.PRIMARY.VALUE};
-    cursor: pointer;
-    color: white;
-  }
-`
-const StyledListItemIcon = styled.div`
-  flex-basis: 25%;
-`
-const StyledListItemContent = styled.div`
-  flex: 1;
-  text-align: left;
-`
-const StyledCard = styled.div`
-  ${CSS_RESET}
-  display: inline-block;
-  min-width: 10rem;
-  z-index: 1;
-  background: white;
-  border-radius: 4px;
-  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.04), 0px 4px 5px rgba(0, 0, 0, 0.06), 0px 2px 4px -1px rgba(0, 0, 0, 0.09);
-`
-const StyledRightIcon = styled(Icon)`
-  margin-right: 0.5rem;
-  margin-left: 3rem;
-`
-const StyledLeftIcon = styled(Icon)`
-  margin-right: 0.5rem;
-  margin-left: 0.5rem;
-`
-const StyledMenuButtonWrapper = styled.div`
-  display: inline-block;
-`
-const ActionMenu: FC<IProps> = ({
-  actions,
-  menuButtonOptions = defaultMenuButtonProps,
-  id = 'action-menu-button',
-  popupStyle = {},
-  popupPlacement = 'bottom-start',
-  ...rest
-}) => {
-  const popperRef = useRef<HTMLDivElement>(null)
-  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null)
-  const [containerElement, setContainerElement] = useState<HTMLDivElement | null>(null)
-  const popper = usePopper(popperRef.current, popperElement, {
-    placement: popupPlacement,
-    strategy: 'fixed',
-  })
-  const closePopper = () => {
-    setShowMenu(false)
-  }
-  const [showMenu, setShowMenu] = useState(false)
-  useEffect(() => {
-    if (containerElement?.parentElement?.style) {
-      containerElement.parentElement.style.zIndex = showMenu
-        ? `${getZIndex(PopUp)}`
-        : `${getZIndex(TableDataWithPopUp)}`
-    }
-  }, [containerElement, showMenu])
-  const menuButtonClickHandler = () => {
-    setShowMenu(!showMenu)
-  }
-  return (
-    <div ref={setContainerElement}>
-      <FocusTrap
-        active={showMenu}
-        focusTrapOptions={{
-          tabbableOptions: {
-            displayCheck: 'none',
-          },
-          initialFocus: false,
-          allowOutsideClick: false,
-          clickOutsideDeactivates: true,
-          onDeactivate: closePopper,
-        }}
-      >
-        <StyledMenuButtonWrapper ref={popperRef}>
-          {menuButtonOptions.type === 'icon' && (
-            <IconButton
-              iconProps={menuButtonOptions.iconProps}
-              text={menuButtonOptions.text}
-              {...rest}
-              onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
-                e.stopPropagation()
-                menuButtonClickHandler()
-              }}
-              id={id}
-              data-testid={id}
-            />
-          )}
-          {menuButtonOptions.type === 'button' && (
-            <Button
-              {...menuButtonOptions.buttonProps}
-              {...rest}
-              onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
-                e.stopPropagation()
-                menuButtonClickHandler()
-              }}
-              id={id}
-              data-testid={id}
-            >
-              {menuButtonOptions.text}
-            </Button>
-          )}
-          {showMenu && (
-            <StyledCard
-              tabIndex={-1}
-              ref={setPopperElement}
-              style={{ ...popper.styles.popper, ...popupStyle }}
-              {...popper.attributes.popper}
-            >
-              <StyledUnorderedList role="menu" aria-labelledby={id}>
-                {actions.map((action, idx) => (
-                  <StyledListItem
-                    role="menuitem"
-                    key={`menu-action-${idx}`}
-                    onClick={(e) => {
-                      e.stopPropagation()
-                      menuButtonClickHandler()
-                      action.clickHandler()
-                    }}
-                  >
-                    <StyledListItemIcon>
-                      {action.leftIcon && <StyledLeftIcon {...action.leftIcon} />}
-                    </StyledListItemIcon>
-                    <StyledListItemContent>{action.text}</StyledListItemContent>
-                    <StyledListItemIcon>
-                      {action.rightIcon && <StyledRightIcon {...action.rightIcon} />}
-                    </StyledListItemIcon>
-                  </StyledListItem>
-                ))}
-              </StyledUnorderedList>
-            </StyledCard>
-          )}
-        </StyledMenuButtonWrapper>
-      </FocusTrap>
-    </div>
-  )
-}
-interface IProps extends HTMLAttributes<HTMLButtonElement> {
-  actions: ActionMenuOption[]
-  menuButtonOptions?: IconButtonMenuProps | ButtonMenuProps
-  popupStyle?: React.CSSProperties
-  popupPlacement?: 'bottom-start' | 'right-start'
-}
-interface IconButtonMenuProps {
-  type: 'icon'
-  iconProps: IconProps
-  text?: string
-}
-interface ButtonMenuProps {
-  type: 'button'
-  buttonProps: ButtonProps
-  text: string
-}
-export interface ActionMenuOption {
-  text: string
-  clickHandler: () => void
-  leftIcon?: IconProps
-  rightIcon?: IconProps
-}
-export default ActionMenu
+import styled from '@emotion/styled'
+import Button, { ButtonProps } from '@ltht-react/button/lib/atoms/button'
+import Icon, { IconButton, IconProps } from '@ltht-react/icon'
+import { BTN_COLOURS, CSS_RESET, PopUp, TableDataWithPopUp, getZIndex } from '@ltht-react/styles'
+import FocusTrap from 'focus-trap-react'
+import { FC, HTMLAttributes, useRef, useState, useEffect } from 'react'
+import { usePopper } from 'react-popper'
+const defaultMenuButtonProps: IconButtonMenuProps = {
+  type: 'icon',
+  iconProps: {
+    type: 'ellipsis-vertical',
+    size: 'large',
+  },
+}
+const StyledUnorderedList = styled.ul`
+  ${CSS_RESET}
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+`
+const StyledListItem = styled.li`
+  ${CSS_RESET}
+  background-color: 'white';
+  padding: 0.5rem;
+  line-height: 1em;
+  display: flex;
+  border-radius: 4px;
+  &:hover {
+    background: ${BTN_COLOURS.PRIMARY.VALUE};
+    cursor: pointer;
+    color: white;
+  }
+`
+const StyledListItemIcon = styled.div`
+  flex-basis: 25%;
+`
+const StyledListItemContent = styled.div`
+  flex: 1;
+  text-align: left;
+`
+const StyledCard = styled.div`
+  ${CSS_RESET}
+  display: inline-block;
+  min-width: 10rem;
+  z-index: 1;
+  background: white;
+  border-radius: 4px;
+  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.04), 0px 4px 5px rgba(0, 0, 0, 0.06), 0px 2px 4px -1px rgba(0, 0, 0, 0.09);
+`
+const StyledRightIcon = styled(Icon)`
+  margin-right: 0.5rem;
+  margin-left: 3rem;
+`
+const StyledLeftIcon = styled(Icon)`
+  margin-right: 0.5rem;
+  margin-left: 0.5rem;
+`
+const StyledMenuButtonWrapper = styled.div`
+  display: inline-block;
+`
+const ActionMenu: FC<IProps> = ({
+  actions,
+  menuButtonOptions = defaultMenuButtonProps,
+  id = 'action-menu-button',
+  popupStyle = {},
+  popupPlacement = 'bottom-start',
+  ...rest
+}) => {
+  const popperRef = useRef<HTMLDivElement>(null)
+  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null)
+  const [containerElement, setContainerElement] = useState<HTMLDivElement | null>(null)
+  const popper = usePopper(popperRef.current, popperElement, {
+    placement: popupPlacement,
+    strategy: 'fixed',
+  })
+  const closePopper = () => {
+    setShowMenu(false)
+  }
+  const [showMenu, setShowMenu] = useState(false)
+  useEffect(() => {
+    if (containerElement?.parentElement?.style) {
+      containerElement.parentElement.style.zIndex = showMenu
+        ? `${getZIndex(PopUp)}`
+        : `${getZIndex(TableDataWithPopUp)}`
+    }
+  }, [containerElement, showMenu])
+  const menuButtonClickHandler = () => {
+    setShowMenu(!showMenu)
+  }
+  return (
+    <div ref={setContainerElement}>
+      <FocusTrap
+        active={showMenu}
+        focusTrapOptions={{
+          tabbableOptions: {
+            displayCheck: 'none',
+          },
+          initialFocus: false,
+          allowOutsideClick: false,
+          clickOutsideDeactivates: true,
+          onDeactivate: closePopper,
+        }}
+      >
+        <StyledMenuButtonWrapper ref={popperRef}>
+          {menuButtonOptions.type === 'icon' && (
+            <IconButton
+              iconProps={menuButtonOptions.iconProps}
+              text={menuButtonOptions.text}
+              {...rest}
+              onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
+                e.stopPropagation()
+                menuButtonClickHandler()
+              }}
+              id={id}
+              data-testid={id}
+            />
+          )}
+          {menuButtonOptions.type === 'button' && (
+            <Button
+              {...menuButtonOptions.buttonProps}
+              {...rest}
+              onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
+                e.stopPropagation()
+                menuButtonClickHandler()
+              }}
+              id={id}
+              data-testid={id}
+            >
+              {menuButtonOptions.text}
+            </Button>
+          )}
+          {showMenu && (
+            <StyledCard
+              tabIndex={-1}
+              ref={setPopperElement}
+              style={{ ...popper.styles.popper, ...popupStyle }}
+              {...popper.attributes.popper}
+            >
+              <StyledUnorderedList role="menu" aria-labelledby={id}>
+                {actions.map((action, idx) => (
+                  <StyledListItem
+                    role="menuitem"
+                    key={`menu-action-${idx}`}
+                    onClick={(e) => {
+                      e.stopPropagation()
+                      menuButtonClickHandler()
+                      action.clickHandler()
+                    }}
+                  >
+                    <StyledListItemIcon>
+                      {action.leftIcon && <StyledLeftIcon {...action.leftIcon} />}
+                    </StyledListItemIcon>
+                    <StyledListItemContent>{action.text}</StyledListItemContent>
+                    <StyledListItemIcon>
+                      {action.rightIcon && <StyledRightIcon {...action.rightIcon} />}
+                    </StyledListItemIcon>
+                  </StyledListItem>
+                ))}
+              </StyledUnorderedList>
+            </StyledCard>
+          )}
+        </StyledMenuButtonWrapper>
+      </FocusTrap>
+    </div>
+  )
+}
+interface IProps extends HTMLAttributes<HTMLButtonElement> {
+  actions: ActionMenuOption[]
+  menuButtonOptions?: IconButtonMenuProps | ButtonMenuProps
+  popupStyle?: React.CSSProperties
+  popupPlacement?: 'bottom-start' | 'right-start'
+}
+interface IconButtonMenuProps {
+  type: 'icon'
+  iconProps: IconProps
+  text?: string
+}
+interface ButtonMenuProps {
+  type: 'button'
+  buttonProps: ButtonProps
+  text: string
+}
+export interface ActionMenuOption {
+  text: string
+  clickHandler: () => void
+  leftIcon?: IconProps
+  rightIcon?: IconProps
+}
+export default ActionMenu

package/lib/index.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import ActionMenu, { ActionMenuOption } from './molecules/action-menu';
-export default ActionMenu;
-export { ActionMenuOption };

package/lib/index.js DELETED Viewed

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var action_menu_1 = __importDefault(require("./molecules/action-menu"));
-exports.default = action_menu_1.default;
-//# sourceMappingURL=index.js.map

package/lib/index.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;AAAA,wEAAsE;AAEtE,kBAAe,qBAAU,CAAA"}

package/lib/molecules/action-menu.d.ts DELETED Viewed

@@ -1,27 +0,0 @@
-import { ButtonProps } from '@ltht-react/button/lib/atoms/button';
-import { IconProps } from '@ltht-react/icon';
-import { FC, HTMLAttributes } from 'react';
-declare const ActionMenu: FC<IProps>;
-interface IProps extends HTMLAttributes<HTMLButtonElement> {
-    actions: ActionMenuOption[];
-    menuButtonOptions?: IconButtonMenuProps | ButtonMenuProps;
-    popupStyle?: React.CSSProperties;
-    popupPlacement?: 'bottom-start' | 'right-start';
-}
-interface IconButtonMenuProps {
-    type: 'icon';
-    iconProps: IconProps;
-    text?: string;
-}
-interface ButtonMenuProps {
-    type: 'button';
-    buttonProps: ButtonProps;
-    text: string;
-}
-export interface ActionMenuOption {
-    text: string;
-    clickHandler: () => void;
-    leftIcon?: IconProps;
-    rightIcon?: IconProps;
-}
-export default ActionMenu;

package/lib/molecules/action-menu.js DELETED Viewed

@@ -1,124 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_1 = __importDefault(require("@emotion/styled"));
-var button_1 = __importDefault(require("@ltht-react/button/lib/atoms/button"));
-var icon_1 = __importStar(require("@ltht-react/icon"));
-var styles_1 = require("@ltht-react/styles");
-var focus_trap_react_1 = __importDefault(require("focus-trap-react"));
-var react_1 = require("react");
-var react_popper_1 = require("react-popper");
-var defaultMenuButtonProps = {
-    type: 'icon',
-    iconProps: {
-        type: 'ellipsis-vertical',
-        size: 'large',
-    },
-};
-var StyledUnorderedList = styled_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n"], ["\n  ", "\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n"])), styles_1.CSS_RESET);
-var StyledListItem = styled_1.default.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  background-color: 'white';\n  padding: 0.5rem;\n  line-height: 1em;\n  display: flex;\n  border-radius: 4px;\n\n  &:hover {\n    background: ", ";\n    cursor: pointer;\n    color: white;\n  }\n"], ["\n  ", "\n  background-color: 'white';\n  padding: 0.5rem;\n  line-height: 1em;\n  display: flex;\n  border-radius: 4px;\n\n  &:hover {\n    background: ", ";\n    cursor: pointer;\n    color: white;\n  }\n"])), styles_1.CSS_RESET, styles_1.BTN_COLOURS.PRIMARY.VALUE);
-var StyledListItemIcon = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-basis: 25%;\n"], ["\n  flex-basis: 25%;\n"])));
-var StyledListItemContent = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 1;\n  text-align: left;\n"], ["\n  flex: 1;\n  text-align: left;\n"])));
-var StyledCard = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n  display: inline-block;\n  min-width: 10rem;\n  z-index: 1;\n  background: white;\n  border-radius: 4px;\n  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.04), 0px 4px 5px rgba(0, 0, 0, 0.06), 0px 2px 4px -1px rgba(0, 0, 0, 0.09);\n"], ["\n  ", "\n  display: inline-block;\n  min-width: 10rem;\n  z-index: 1;\n  background: white;\n  border-radius: 4px;\n  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.04), 0px 4px 5px rgba(0, 0, 0, 0.06), 0px 2px 4px -1px rgba(0, 0, 0, 0.09);\n"])), styles_1.CSS_RESET);
-var StyledRightIcon = (0, styled_1.default)(icon_1.default)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin-right: 0.5rem;\n  margin-left: 3rem;\n"], ["\n  margin-right: 0.5rem;\n  margin-left: 3rem;\n"])));
-var StyledLeftIcon = (0, styled_1.default)(icon_1.default)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin-right: 0.5rem;\n  margin-left: 0.5rem;\n"], ["\n  margin-right: 0.5rem;\n  margin-left: 0.5rem;\n"])));
-var StyledMenuButtonWrapper = styled_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: inline-block;\n"], ["\n  display: inline-block;\n"])));
-var ActionMenu = function (_a) {
-    var actions = _a.actions, _b = _a.menuButtonOptions, menuButtonOptions = _b === void 0 ? defaultMenuButtonProps : _b, _c = _a.id, id = _c === void 0 ? 'action-menu-button' : _c, _d = _a.popupStyle, popupStyle = _d === void 0 ? {} : _d, _e = _a.popupPlacement, popupPlacement = _e === void 0 ? 'bottom-start' : _e, rest = __rest(_a, ["actions", "menuButtonOptions", "id", "popupStyle", "popupPlacement"]);
-    var popperRef = (0, react_1.useRef)(null);
-    var _f = (0, react_1.useState)(null), popperElement = _f[0], setPopperElement = _f[1];
-    var _g = (0, react_1.useState)(null), containerElement = _g[0], setContainerElement = _g[1];
-    var popper = (0, react_popper_1.usePopper)(popperRef.current, popperElement, {
-        placement: popupPlacement,
-        strategy: 'fixed',
-    });
-    var closePopper = function () {
-        setShowMenu(false);
-    };
-    var _h = (0, react_1.useState)(false), showMenu = _h[0], setShowMenu = _h[1];
-    (0, react_1.useEffect)(function () {
-        var _a;
-        if ((_a = containerElement === null || containerElement === void 0 ? void 0 : containerElement.parentElement) === null || _a === void 0 ? void 0 : _a.style) {
-            containerElement.parentElement.style.zIndex = showMenu
-                ? "".concat((0, styles_1.getZIndex)(styles_1.PopUp))
-                : "".concat((0, styles_1.getZIndex)(styles_1.TableDataWithPopUp));
-        }
-    }, [containerElement, showMenu]);
-    var menuButtonClickHandler = function () {
-        setShowMenu(!showMenu);
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { ref: setContainerElement, children: (0, jsx_runtime_1.jsx)(focus_trap_react_1.default, { active: showMenu, focusTrapOptions: {
-                tabbableOptions: {
-                    displayCheck: 'none',
-                },
-                initialFocus: false,
-                allowOutsideClick: false,
-                clickOutsideDeactivates: true,
-                onDeactivate: closePopper,
-            }, children: (0, jsx_runtime_1.jsxs)(StyledMenuButtonWrapper, { ref: popperRef, children: [menuButtonOptions.type === 'icon' && ((0, jsx_runtime_1.jsx)(icon_1.IconButton, __assign({ iconProps: menuButtonOptions.iconProps, text: menuButtonOptions.text }, rest, { onClick: function (e) {
-                            e.stopPropagation();
-                            menuButtonClickHandler();
-                        }, id: id, "data-testid": id }))), menuButtonOptions.type === 'button' && ((0, jsx_runtime_1.jsx)(button_1.default, __assign({}, menuButtonOptions.buttonProps, rest, { onClick: function (e) {
-                            e.stopPropagation();
-                            menuButtonClickHandler();
-                        }, id: id, "data-testid": id, children: menuButtonOptions.text }))), showMenu && ((0, jsx_runtime_1.jsx)(StyledCard, __assign({ tabIndex: -1, ref: setPopperElement, style: __assign(__assign({}, popper.styles.popper), popupStyle) }, popper.attributes.popper, { children: (0, jsx_runtime_1.jsx)(StyledUnorderedList, { role: "menu", "aria-labelledby": id, children: actions.map(function (action, idx) { return ((0, jsx_runtime_1.jsxs)(StyledListItem, { role: "menuitem", onClick: function (e) {
-                                    e.stopPropagation();
-                                    menuButtonClickHandler();
-                                    action.clickHandler();
-                                }, children: [(0, jsx_runtime_1.jsx)(StyledListItemIcon, { children: action.leftIcon && (0, jsx_runtime_1.jsx)(StyledLeftIcon, __assign({}, action.leftIcon)) }), (0, jsx_runtime_1.jsx)(StyledListItemContent, { children: action.text }), (0, jsx_runtime_1.jsx)(StyledListItemIcon, { children: action.rightIcon && (0, jsx_runtime_1.jsx)(StyledRightIcon, __assign({}, action.rightIcon)) })] }, "menu-action-".concat(idx))); }) }) })))] }) }) }));
-};
-exports.default = ActionMenu;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
-//# sourceMappingURL=action-menu.js.map

package/lib/molecules/action-menu.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"action-menu.js","sourceRoot":"","sources":["../../src/molecules/action-menu.tsx"],"names":[],"mappings":"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"}