@nulogy/components 15.4.1 → 16.0.0

package/dist/main.module.js

@@ -8237,7 +8237,7 @@ class DetectOutsideClick extends React__default.Component {
   }
 }
 const getThemeColor = (color2, theme) => theme.colors[color2] ? theme.colors[color2] : color2;
-const positionArrow = (placement, theme) => {
+const positionArrow = (placement) => {
   const location = String(placement).split("-")[0];
   switch (location) {
     case "top":
@@ -8370,7 +8370,7 @@ const PopperArrow = styled.div(
   ({ placement = "bottom", borderColor: borderColor2 = "grey", backgroundColor = "white", theme }) => ({
     ...drawArrow(placement, borderColor2, backgroundColor, theme)
   }),
-  ({ placement = "bottom", theme }) => ({
+  ({ placement = "bottom" }) => ({
     ...positionArrow(placement)
   })
 );
@@ -23661,7 +23661,7 @@ const Sheet = styled(motion(DialogContent)).withConfig({
   }),
   compose(...styleFns)
 );
-const ContentContainer = styled.div((_24) => ({
+const ContentContainer = styled.div(() => ({
   overflowY: "auto",
   flex: 1,
   WebkitOverflowScrolling: "touch",
@@ -26456,46 +26456,52 @@ class StatelessNavBarDropdownMenu extends StatelessNavBarDropdownMenuClass {
           }
         }
       ) }),
-      isOpen && /* @__PURE__ */ jsx$1(Popper$2, { placement, modifiers: modifiers2, children: (popperProps) => /* @__PURE__ */ jsx$1(Fragment, { children: /* @__PURE__ */ jsxs(
-        DropdownMenuContainer,
-        {
-          ...popperProps,
-          placement,
-          showArrow,
-          ...this.menuEventHandlers(),
-          ref: (node2) => {
-            if (typeof popperProps.ref === "function") {
-              popperProps.ref(node2);
-            }
-            this.setMenuRef(node2);
-          },
-          onMouseDown: (e3) => {
-            e3.preventDefault();
-            e3.target.focus();
-          },
-          ...dropdownMenuContainerEventHandlers({
-            openMenu,
-            closeMenu
-          }),
-          children: [
-            /* @__PURE__ */ jsx$1(
-              PopperArrow,
-              {
-                ...popperProps.arrowProps,
-                placement,
-                ref: popperProps.arrowProps.ref,
-                backgroundColor: "white",
-                borderColor: "white"
+      isOpen && /* @__PURE__ */ jsx$1(Popper$2, { placement, modifiers: modifiers2, children: (popperProps) => {
+        const { ref: popperRef, style, placement: popperPlacement } = popperProps;
+        return /* @__PURE__ */ jsx$1(Fragment, { children: /* @__PURE__ */ jsxs(
+          DropdownMenuContainer,
+          {
+            dataPlacement: popperPlacement,
+            style,
+            placement,
+            showArrow,
+            ...this.menuEventHandlers(),
+            ...{
+              ref: (node2) => {
+                if (typeof popperRef === "function") {
+                  popperRef(node2);
+                }
+                this.setMenuRef(node2);
               }
-            ),
-            /* @__PURE__ */ jsx$1(DetectOutsideClick, { onClick: this.handleOutsideClick, clickRef: [this.menuRef, this.triggerRef] }),
-            childrenFnc({
-              closeMenu,
-              openMenu
-            })
-          ]
-        }
-      ) }) })
+            },
+            onMouseDown: (e3) => {
+              e3.preventDefault();
+              e3.target.focus();
+            },
+            ...dropdownMenuContainerEventHandlers({
+              openMenu,
+              closeMenu
+            }),
+            children: [
+              /* @__PURE__ */ jsx$1(
+                PopperArrow,
+                {
+                  ...popperProps.arrowProps,
+                  placement,
+                  ref: popperProps.arrowProps.ref,
+                  backgroundColor: "white",
+                  borderColor: "white"
+                }
+              ),
+              /* @__PURE__ */ jsx$1(DetectOutsideClick, { onClick: this.handleOutsideClick, clickRef: [this.menuRef, this.triggerRef] }),
+              childrenFnc({
+                closeMenu,
+                openMenu
+              })
+            ]
+          }
+        ) });
+      } })
     ] });
   }
 }
@@ -26606,7 +26612,6 @@ const Popper$1 = React__default.forwardRef(
         }
       });
       return React__default.cloneElement(transformedElement, {
-        // eslint-disable-next-line react/no-array-index-key
         key: i3
       });
     });
@@ -27065,52 +27070,49 @@ const MenuTrigger = ({
     name,
     "aria-label": ariaLabel
   };
-  return (
-    // @ts-ignore
-    /* @__PURE__ */ jsx$1(
-      NavBarDropdownMenu,
-      {
-        ...props,
-        placement: "bottom-start",
-        modifiers: {
-          flip: { behavior: ["bottom"] },
-          setPopperWidth: {
-            enabled: true,
-            fn: setDropdownMinWidth
-          },
-          preventOverflow: {
-            enabled: true,
-            padding: 8,
-            boundariesElement: "viewport"
-          }
-        },
-        trigger: () => {
-          const defaultRender = () => /* @__PURE__ */ jsx$1(MenuTriggerButton, { ...triggerProps });
-          return trigger ? trigger({ size: "medium", defaultRender, layer }) : defaultRender();
+  return /* @__PURE__ */ jsx$1(
+    NavBarDropdownMenu,
+    {
+      ...props,
+      placement: "bottom-start",
+      modifiers: {
+        flip: { behavior: ["bottom"] },
+        setPopperWidth: {
+          enabled: true,
+          fn: setDropdownMinWidth
         },
-        children: ({ closeMenu }) => /* @__PURE__ */ jsx$1(
-          "ul",
-          {
-            style: {
-              listStyle: "none",
-              margin: "0",
-              padding: "0",
-              minWidth: dropdownMinWidth
+        preventOverflow: {
+          enabled: true,
+          padding: 8,
+          boundariesElement: "viewport"
+        }
+      },
+      trigger: () => {
+        const defaultRender = () => /* @__PURE__ */ jsx$1(MenuTriggerButton, { ...triggerProps });
+        return trigger ? trigger({ size: "medium", defaultRender, layer }) : defaultRender();
+      },
+      children: ({ closeMenu }) => /* @__PURE__ */ jsx$1(
+        "ul",
+        {
+          style: {
+            listStyle: "none",
+            margin: "0",
+            padding: "0",
+            minWidth: dropdownMinWidth
+          },
+          children: renderSubMenuItems(
+            menuData,
+            (e3) => {
+              closeMenu(e3);
+              e3.stopPropagation();
             },
-            children: renderSubMenuItems(
-              menuData,
-              (e3) => {
-                closeMenu(e3);
-                e3.stopPropagation();
-              },
-              SubMenuTrigger,
-              layer + 1,
-              menuType
-            )
-          }
-        )
-      }
-    )
+            SubMenuTrigger,
+            layer + 1,
+            menuType
+          )
+        }
+      )
+    }
   );
 };
 const getSharedStyles$1 = (color2, theme) => {
@@ -27810,7 +27812,6 @@ const renderMenuLink = (menuItem, linkOnClick, themeColorObject2, layer) => {
     href: menuItem.href,
     as: menuItem.as,
     to: menuItem.to,
-    // eslint-disable-next-line no-mixed-operators
     pl: layer === 0 ? getPaddingLeft(layer) : `${24 * layer + 20}px`,
     mb: "x1",
     target: menuItem.openInNew ? "_blank" : void 0
@@ -40611,10 +40612,7 @@ const RangeContainer = ({
       /* @__PURE__ */ jsx$1(Flex, { px: "half", alignItems: "flex-end", alignSelf: "flex-end", children: /* @__PURE__ */ jsx$1(Text, { lineHeight: variant3 === "touch" ? "56px" : "38px", children: "-" }) }),
       /* @__PURE__ */ jsx$1(Flex, { children: endComponent })
     ] }),
-    errorMessages.map((errorMessage, i3) => (
-      // eslint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ jsx$1(InlineValidation, { errorMessage }, i3)
-    ))
+    errorMessages.map((errorMessage, i3) => /* @__PURE__ */ jsx$1(InlineValidation, { errorMessage }, i3))
   ] });
 };
 const START_DATE_CLASS = "nds-datepicker-day--start-date";
@@ -44657,7 +44655,7 @@ const NavigationMenuSubList = styled($322c88a641701f3b$export$54c2e3dc7acea9f5)`
   }
 `;
 const Button = React__default.forwardRef(
-  ({ onPointerEnter: _24, onPointerLeave: __, onPointerMove: ___, ...props }, forwardedRef) => {
+  ({ onPointerEnter, onPointerLeave, onPointerMove, ...props }, forwardedRef) => {
     return /* @__PURE__ */ jsx$1("button", { ...props, ref: forwardedRef });
   }
 );