@nulogy/components 15.4.1 → 16.0.0

package/dist/main.js

@@ -8246,7 +8246,7 @@
     }
   }
   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":
@@ -8379,7 +8379,7 @@
     ({ placement = "bottom", borderColor: borderColor2 = "grey", backgroundColor = "white", theme }) => ({
       ...drawArrow(placement, borderColor2, backgroundColor, theme)
     }),
-    ({ placement = "bottom", theme }) => ({
+    ({ placement = "bottom" }) => ({
       ...positionArrow(placement)
     })
   );
@@ -23670,7 +23670,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     }),
     compose(...styleFns)
   );
-  const ContentContainer = styledComponents.styled.div((_2) => ({
+  const ContentContainer = styledComponents.styled.div(() => ({
     overflowY: "auto",
     flex: 1,
     WebkitOverflowScrolling: "touch",
@@ -26465,46 +26465,52 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
             }
           }
         ) }),
-        isOpen && /* @__PURE__ */ jsxRuntime.jsx(Popper$2, { placement, modifiers: modifiers2, children: (popperProps) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-          DropdownMenuContainer,
-          {
-            ...popperProps,
-            placement,
-            showArrow,
-            ...this.menuEventHandlers(),
-            ref: (node2) => {
-              if (typeof popperProps.ref === "function") {
-                popperProps.ref(node2);
-              }
-              this.setMenuRef(node2);
-            },
-            onMouseDown: (e2) => {
-              e2.preventDefault();
-              e2.target.focus();
-            },
-            ...dropdownMenuContainerEventHandlers({
-              openMenu,
-              closeMenu
-            }),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                PopperArrow,
-                {
-                  ...popperProps.arrowProps,
-                  placement,
-                  ref: popperProps.arrowProps.ref,
-                  backgroundColor: "white",
-                  borderColor: "white"
+        isOpen && /* @__PURE__ */ jsxRuntime.jsx(Popper$2, { placement, modifiers: modifiers2, children: (popperProps) => {
+          const { ref: popperRef, style, placement: popperPlacement } = popperProps;
+          return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+            DropdownMenuContainer,
+            {
+              dataPlacement: popperPlacement,
+              style,
+              placement,
+              showArrow,
+              ...this.menuEventHandlers(),
+              ...{
+                ref: (node2) => {
+                  if (typeof popperRef === "function") {
+                    popperRef(node2);
+                  }
+                  this.setMenuRef(node2);
                 }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(DetectOutsideClick, { onClick: this.handleOutsideClick, clickRef: [this.menuRef, this.triggerRef] }),
-              childrenFnc({
-                closeMenu,
-                openMenu
-              })
-            ]
-          }
-        ) }) })
+              },
+              onMouseDown: (e2) => {
+                e2.preventDefault();
+                e2.target.focus();
+              },
+              ...dropdownMenuContainerEventHandlers({
+                openMenu,
+                closeMenu
+              }),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  PopperArrow,
+                  {
+                    ...popperProps.arrowProps,
+                    placement,
+                    ref: popperProps.arrowProps.ref,
+                    backgroundColor: "white",
+                    borderColor: "white"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(DetectOutsideClick, { onClick: this.handleOutsideClick, clickRef: [this.menuRef, this.triggerRef] }),
+                childrenFnc({
+                  closeMenu,
+                  openMenu
+                })
+              ]
+            }
+          ) });
+        } })
       ] });
     }
   }
@@ -26615,7 +26621,6 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           }
         });
         return React.cloneElement(transformedElement, {
-          // eslint-disable-next-line react/no-array-index-key
           key: i2
         });
       });
@@ -27074,52 +27079,49 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       name,
       "aria-label": ariaLabel
     };
-    return (
-      // @ts-ignore
-      /* @__PURE__ */ jsxRuntime.jsx(
-        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__ */ jsxRuntime.jsx(MenuTriggerButton, { ...triggerProps });
-            return trigger ? trigger({ size: "medium", defaultRender, layer }) : defaultRender();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavBarDropdownMenu,
+      {
+        ...props,
+        placement: "bottom-start",
+        modifiers: {
+          flip: { behavior: ["bottom"] },
+          setPopperWidth: {
+            enabled: true,
+            fn: setDropdownMinWidth
           },
-          children: ({ closeMenu }) => /* @__PURE__ */ jsxRuntime.jsx(
-            "ul",
-            {
-              style: {
-                listStyle: "none",
-                margin: "0",
-                padding: "0",
-                minWidth: dropdownMinWidth
+          preventOverflow: {
+            enabled: true,
+            padding: 8,
+            boundariesElement: "viewport"
+          }
+        },
+        trigger: () => {
+          const defaultRender = () => /* @__PURE__ */ jsxRuntime.jsx(MenuTriggerButton, { ...triggerProps });
+          return trigger ? trigger({ size: "medium", defaultRender, layer }) : defaultRender();
+        },
+        children: ({ closeMenu }) => /* @__PURE__ */ jsxRuntime.jsx(
+          "ul",
+          {
+            style: {
+              listStyle: "none",
+              margin: "0",
+              padding: "0",
+              minWidth: dropdownMinWidth
+            },
+            children: renderSubMenuItems(
+              menuData,
+              (e2) => {
+                closeMenu(e2);
+                e2.stopPropagation();
               },
-              children: renderSubMenuItems(
-                menuData,
-                (e2) => {
-                  closeMenu(e2);
-                  e2.stopPropagation();
-                },
-                SubMenuTrigger,
-                layer + 1,
-                menuType
-              )
-            }
-          )
-        }
-      )
+              SubMenuTrigger,
+              layer + 1,
+              menuType
+            )
+          }
+        )
+      }
     );
   };
   const getSharedStyles$1 = (color2, theme) => {
@@ -27819,7 +27821,6 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       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
@@ -40620,10 +40621,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         /* @__PURE__ */ jsxRuntime.jsx(Flex, { px: "half", alignItems: "flex-end", alignSelf: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(Text, { lineHeight: variant2 === "touch" ? "56px" : "38px", children: "-" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(Flex, { children: endComponent })
       ] }),
-      errorMessages.map((errorMessage, i2) => (
-        // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ jsxRuntime.jsx(InlineValidation, { errorMessage }, i2)
-      ))
+      errorMessages.map((errorMessage, i2) => /* @__PURE__ */ jsxRuntime.jsx(InlineValidation, { errorMessage }, i2))
     ] });
   };
   const START_DATE_CLASS = "nds-datepicker-day--start-date";
@@ -44666,7 +44664,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
   }
 `;
   const Button = React.forwardRef(
-    ({ onPointerEnter: _2, onPointerLeave: __, onPointerMove: ___, ...props }, forwardedRef) => {
+    ({ onPointerEnter, onPointerLeave, onPointerMove, ...props }, forwardedRef) => {
       return /* @__PURE__ */ jsxRuntime.jsx("button", { ...props, ref: forwardedRef });
     }
   );