@lanaco/lnc-react-ui 4.0.3 → 4.0.6

package/dist/TreeMenu.js

@@ -1,86 +1,86 @@
-import { jsxs as x, jsx as l } from "react/jsx-runtime";
-import t, { useRef as C } from "react";
+import { jsxs as C, jsx as N } from "react/jsx-runtime";
+import { forwardRef as D, useRef as Y, Children as l, isValidElement as M, cloneElement as u } from "react";
 import { P as s } from "./index-BYnWp42a.js";
-import { n as P } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-const D = P.div`
+import { n as G } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+const U = G.div`
   padding: 0.25rem;
-  gap: ${(r) => r.itemsGap};
+  gap: ${(t) => t.itemsGap};
   display: flex;
   flex-direction: column;
-  ${(r) => r.widthFitContent == !1 && "min-width: 12.5rem"};
+  ${(t) => t.widthFitContent == !1 && "min-width: 12.5rem"};
   height: 100%;
   justify-content: space-between;
   & > .start-menu-items-lnc,
   > .end-menu-items-lnc {
     display: flex;
     flex-direction: column;
-    gap: ${(r) => r.itemsGap};
+    gap: ${(t) => t.itemsGap};
   }
-`, Y = t.forwardRef((r, n) => {
+`, b = D((t, r) => {
   const {
-    widthFitContent: N = !1,
-    itemsGap: M = "0.25rem",
+    widthFitContent: I = !1,
+    itemsGap: S = "0.25rem",
     //----------------
-    onItemSelected: f = () => {
+    onItemSelected: E = () => {
     },
     //----------------
-    className: I = "",
-    style: S = {},
-    color: o = "primary",
-    size: p = "small",
+    className: g = "",
+    style: j = {},
+    color: n = "primary",
+    size: o = "small",
     children: _,
-    ...g
-  } = r, u = C(), j = t.Children.map(_, (e, i) => {
-    var a, m, E, T, y;
-    if (t.isValidElement(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((a = e == null ? void 0 : e.type) == null ? void 0 : a.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "NESTED_ITEM"))
-      return i == 0 && e.props.justifyToEnd !== !0 ? (e.props.ref && (u.current = n), t.cloneElement(e, {
-        ref: n || u,
+    ...w
+  } = t, f = Y(), x = l.map(_, (e, T) => {
+    var p, a, m, i, y;
+    if (M(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((p = e == null ? void 0 : e.type) == null ? void 0 : p.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((a = e == null ? void 0 : e.type) == null ? void 0 : a.displayName) === "NESTED_ITEM"))
+      return T == 0 && e.props.justifyToEnd !== !0 ? (e.props.ref && (f.current = r), u(e, {
+        ref: r || f,
         //needed to focus on navigation
-        color: o,
-        size: p,
-        onItemSelected: f
-      })) : e.props.justifyToEnd !== !0 || e.props.__TYPE__ == "NESTED_ITEM" || ((E = e == null ? void 0 : e.type) == null ? void 0 : E.displayName) === "NESTED_ITEM" ? t.cloneElement(e, {
-        color: o,
-        size: p,
-        onItemSelected: f
+        color: n,
+        size: o,
+        onItemSelected: E
+      })) : e.props.justifyToEnd !== !0 || e.props.__TYPE__ == "NESTED_ITEM" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "NESTED_ITEM" ? u(e, {
+        color: n,
+        size: o,
+        onItemSelected: E
       }) : void 0;
-    if (((T = e.props) == null ? void 0 : T.justifyToEnd) == !1 || !((y = e.props) != null && y.justifyToEnd))
+    if (((i = e.props) == null ? void 0 : i.justifyToEnd) == !1 || !((y = e.props) != null && y.justifyToEnd))
       return e;
-  }), w = t.Children.map(_, (e, i) => {
-    var a, m, E;
-    if (t.isValidElement(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((a = e == null ? void 0 : e.type) == null ? void 0 : a.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "NESTED_ITEM") && e.props.justifyToEnd == !0)
-      return i == 0 ? (e.props.ref && (u.current = n), t.cloneElement(e, {
-        ref: n || u,
+  }), P = l.map(_, (e, T) => {
+    var p, a, m;
+    if (M(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((p = e == null ? void 0 : e.type) == null ? void 0 : p.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((a = e == null ? void 0 : e.type) == null ? void 0 : a.displayName) === "NESTED_ITEM") && e.props.justifyToEnd == !0)
+      return T == 0 ? (e.props.ref && (f.current = r), u(e, {
+        ref: r || f,
         //needed to focus on navigation
-        color: e.props.color ? e.props.color : o,
-        size: p,
-        onItemSelected: f
-      })) : t.cloneElement(e, {
-        color: e.props.color ? e.props.color : o,
-        size: p,
-        onItemSelected: f
+        color: e.props.color ? e.props.color : n,
+        size: o,
+        onItemSelected: E
+      })) : u(e, {
+        color: e.props.color ? e.props.color : n,
+        size: o,
+        onItemSelected: E
       });
-    if (((E = e.props) == null ? void 0 : E.justifyToEnd) == !0) return e;
+    if (((m = e.props) == null ? void 0 : m.justifyToEnd) == !0) return e;
   });
-  return /* @__PURE__ */ x(
-    D,
+  return /* @__PURE__ */ C(
+    U,
     {
-      ref: n,
-      widthFitContent: N,
-      itemsGap: M,
-      size: p,
-      color: o,
-      className: "lnc-ui-treemenu " + I,
-      style: S,
-      ...g,
+      ref: r,
+      widthFitContent: I,
+      itemsGap: S,
+      size: o,
+      color: n,
+      className: "lnc-ui-treemenu " + g,
+      style: j,
+      ...w,
       children: [
-        /* @__PURE__ */ l("div", { className: "nested-item-lnc start-menu-items-lnc", children: j }),
-        /* @__PURE__ */ l("div", { className: "nested-item-lnc end-menu-items-lnc", children: w })
+        /* @__PURE__ */ N("div", { className: "nested-item-lnc start-menu-items-lnc", children: x }),
+        /* @__PURE__ */ N("div", { className: "nested-item-lnc end-menu-items-lnc", children: P })
       ]
     }
   );
 });
-Y.propTypes = {
+b.propTypes = {
   widthFitContent: s.bool,
   /**
    * Gap between Menu Items
@@ -104,5 +104,5 @@ Y.propTypes = {
   size: s.oneOf(["small", "medium", "large"])
 };
 export {
-  Y as default
+  b as default
 };