@lanaco/lnc-react-ui 4.0.2 → 4.0.5

package/dist/KanbanHeader.js

@@ -1,15 +1,15 @@
-import { jsxs as w, jsx as l } from "react/jsx-runtime";
-import m from "react";
-import { n as E } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { P as e } from "./index-Ds9PUTwb.js";
-import { D as T } from "./DropdownMenu-DZi3TJ8Q.js";
-import D from "./DropdownItem.js";
-import k from "./Icon.js";
-import { u as v } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-const H = E.div`
+import { jsxs as N, jsx as l } from "react/jsx-runtime";
+import { memo as w, forwardRef as E } from "react";
+import { n as T } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { P as e } from "./index-BYnWp42a.js";
+import k from "./DropdownMenu.js";
+import v from "./DropdownItem.js";
+import D from "./Icon.js";
+import { u as H } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const P = T.div`
   font-family: ${(n) => {
-  var a, o;
-  return (o = (a = n.theme) == null ? void 0 : a.typography) == null ? void 0 : o.fontFamily;
+  var i, o;
+  return (o = (i = n.theme) == null ? void 0 : i.typography) == null ? void 0 : o.fontFamily;
 }};
   position: relative;
   width: 100%;
@@ -23,65 +23,65 @@ const H = E.div`
   & > span {
     ${(n) => n.clickable && "cursor: pointer;"}
   }
-`, p = m.memo(
-  m.forwardRef(
+`, t = w(
+  E(
     ({
       __TYPE__: n = "KANBAN_HEADER",
-      id: a,
+      id: i,
       item: o,
       column: s,
-      actionsMenu: c = !1,
-      actions: i = [],
-      onDetails: t = () => {
+      actionsMenu: p = !1,
+      actions: a = [],
+      onDetails: m = () => {
       },
-      color: f = "primary",
-      size: d = "small",
-      className: u = "",
-      style: y = {},
-      children: g,
-      ...h
-    }, _) => {
-      const b = v();
-      return /* @__PURE__ */ w(
-        H,
+      color: c = "primary",
+      size: f = "small",
+      className: d = "",
+      style: u = {},
+      children: y,
+      ...g
+    }, h) => {
+      const b = H();
+      return /* @__PURE__ */ N(
+        P,
         {
-          ref: _,
+          ref: h,
           theme: b,
-          className: u,
-          style: y,
-          clickable: !!t,
-          ...h,
+          className: d,
+          style: u,
+          clickable: !!m,
+          ...g,
           children: [
-            /* @__PURE__ */ l("span", { onClick: (r) => t(r, o, s), children: g }),
-            c && /* @__PURE__ */ l(
-              T,
+            /* @__PURE__ */ l("span", { onClick: (r) => m(r, o, s), children: y }),
+            p && /* @__PURE__ */ l(
+              k,
               {
                 className: "column-action-lnc",
                 horizontalAlignment: "right",
                 verticalAlignment: "bottom",
-                color: f,
-                size: d,
+                color: c,
+                size: f,
                 control: /* @__PURE__ */ l(
-                  k,
+                  D,
                   {
                     color: "neutral",
                     className: "column-action-lnc",
                     icon: "ellipsis-v"
                   }
                 ),
-                children: i == null ? void 0 : i.map((r, A) => {
+                children: a == null ? void 0 : a.map((r, _) => {
                   if ((r == null ? void 0 : r.show) != !1)
                     return /* @__PURE__ */ l(
-                      D,
+                      v,
                       {
                         icon: r.icon,
                         disabled: r.enable == !1,
-                        onClick: (N) => {
-                          r.onAction(N, o, s);
+                        onClick: (A) => {
+                          r.onAction(A, o, s);
                         },
                         children: r.name
                       },
-                      A
+                      _
                     );
                 })
               }
@@ -92,7 +92,7 @@ const H = E.div`
     }
   )
 );
-p.propTypes = {
+t.propTypes = {
   __TYPE__: e.string,
   id: e.oneOfType([e.string, e.number]),
   /**
@@ -121,7 +121,7 @@ p.propTypes = {
   ]),
   size: e.oneOf(["small", "medium", "large"])
 };
-p.displayName = "KANBAN_HEADER";
+t.displayName = "KANBAN_HEADER";
 export {
-  p as default
+  t as default
 };

package/dist/KanbanView.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),U=require("react"),e=require("./index-DXnSjbfJ.cjs"),X=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),Z=require("./KanbanActionsToolbar.cjs"),a=require("./utils-hdRGTsQ7.cjs"),$=require("./Kanban.cjs"),k=require("./KanbanCard-ConTmu3w.cjs"),ee=require("./KanbanHeader.cjs"),oe=require("./KanbanFooter.cjs"),ne=X.newStyled.div`
+"use strict";const t=require("react/jsx-runtime"),U=require("react"),e=require("./index-BIlhCoy2.cjs"),X=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),Z=require("./KanbanActionsToolbar.cjs"),a=require("./utils-DTAPpJXU.cjs"),$=require("./Kanban.cjs"),k=require("./KanbanCard-DV3VnSUi.cjs"),ee=require("./KanbanHeader.cjs"),oe=require("./KanbanFooter.cjs"),ne=X.newStyled.div`
   & .kanban-view-footer-lnc {
     padding: 0 0.625rem;
   }

package/dist/KanbanView.js

@@ -1,11 +1,11 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import $ from "react";
-import { P as e } from "./index-Ds9PUTwb.js";
-import { n as k } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import { forwardRef as $ } from "react";
+import { P as e } from "./index-BYnWp42a.js";
+import { n as k } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import P from "./KanbanActionsToolbar.js";
-import { r as i, e as d } from "./utils-DEke8iwo.js";
+import { r as s, i as d } from "./utils-C52T57HO.js";
 import ee from "./Kanban.js";
-import { K as oe } from "./KanbanCard-D9OhU8C6.js";
+import { K as oe } from "./KanbanCard-CHZ_C9kk.js";
 import ne from "./KanbanHeader.js";
 import ae from "./KanbanFooter.js";
 const te = k.div`
@@ -15,7 +15,7 @@ const te = k.div`
   & .kanban-view-toolbar-lnc {
     margin: 0 0.625rem;
   }
-`, u = $.forwardRef((C, b) => {
+`, C = $((u, b) => {
   const {
     __TYPE__: le = "KANBAN_VIEW",
     goToPreviousView: re,
@@ -25,15 +25,15 @@ const te = k.div`
     footerProps: a = {},
     showCreate: A = !0,
     enableCreate: h = !0,
-    loading: se = !1,
+    loading: ie = !1,
     customCardActions: N = [],
     customColumnActions: E = [],
     editCardText: D = "Edit",
     enableEditCard: T = !0,
     showEditCard: z = !0,
     deleteCardText: g = "Delete",
-    enableDeleteCard: _ = !0,
-    showDeleteCard: y = !0,
+    enableDeleteCard: y = !0,
+    showDeleteCard: _ = !0,
     editColumnText: K = "Edit",
     enableEditColumn: x = !0,
     showEditColumn: v = !0,
@@ -47,9 +47,9 @@ const te = k.div`
     },
     onEditCard: L = () => {
     },
-    onDeleteCard: R = () => {
+    onDeleteCard: I = () => {
     },
-    onEditColumn: I = () => {
+    onEditColumn: R = () => {
     },
     onDeleteColumn: F = () => {
     },
@@ -68,7 +68,7 @@ const te = k.div`
     color: r = "primary",
     children: t,
     ...G
-  } = C, o = {
+  } = u, o = {
     ...f,
     showCreate: A,
     enableCreate: h,
@@ -76,7 +76,7 @@ const te = k.div`
     actions: w
   }, J = (Z) => {
     c(Z);
-  }, Q = () => i(
+  }, Q = () => s(
     d("KANBAN_VIEW_ACTIONS_TOOLBAR", t),
     {
       ...o,
@@ -85,7 +85,7 @@ const te = k.div`
       className: "kanban-view-toolbar-lnc " + (o == null ? void 0 : o.className)
     },
     t
-  ) || /* @__PURE__ */ s(
+  ) || /* @__PURE__ */ i(
     P,
     {
       ...o,
@@ -94,7 +94,7 @@ const te = k.div`
       color: o != null && o.color ? o.color : r,
       onCreate: J
     }
-  ), U = () => i(
+  ), U = () => s(
     d("KANBAN", t),
     {
       ...n,
@@ -110,7 +110,7 @@ const te = k.div`
       color: n != null && n.color ? n.color : r,
       ...n,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ i(
           ne,
           {
             onDetails: W,
@@ -120,7 +120,7 @@ const te = k.div`
                 name: K,
                 enable: x,
                 show: v,
-                onAction: I,
+                onAction: R,
                 icon: "pen"
               },
               {
@@ -134,7 +134,7 @@ const te = k.div`
             ]
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ i(
           oe,
           {
             onDetails: S,
@@ -149,9 +149,9 @@ const te = k.div`
               },
               {
                 name: g,
-                enable: _,
-                show: y,
-                onAction: R,
+                enable: y,
+                show: _,
+                onAction: I,
                 icon: "trash"
               },
               ...N
@@ -159,7 +159,7 @@ const te = k.div`
           }
         ),
         t,
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ i(
           ae,
           {
             showAddNewCard: M,
@@ -170,7 +170,7 @@ const te = k.div`
         )
       ]
     }
-  ), X = () => i(
+  ), X = () => s(
     d("KANBAN_VIEW_FOOTER", t),
     {
       ...a,
@@ -186,7 +186,7 @@ const te = k.div`
     X()
   ] });
 });
-u.propTypes = {
+C.propTypes = {
   __TYPE__: e.string,
   kanbanProps: e.object,
   actionsToolbarProps: e.object,
@@ -249,7 +249,7 @@ u.propTypes = {
     "gray"
   ])
 };
-u.displayName = "KanbanView";
+C.displayName = "KanbanView";
 export {
-  u as default
+  C as default
 };

package/dist/Link.cjs

@@ -1,4 +1,4 @@
-"use strict";const y=require("react/jsx-runtime"),d=require("react"),t=require("./index-DXnSjbfJ.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-hdRGTsQ7.cjs"),h=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),b=g.newStyled.a`
+"use strict";const y=require("react/jsx-runtime"),d=require("react"),t=require("./index-BIlhCoy2.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-DTAPpJXU.cjs"),h=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),b=g.newStyled.a`
   ${e=>o.getComponentTypographyCss(e.theme,"Breadcrumbs",e.size,"enabled")};
   color: ${e=>o.getColorRgbaValue(e.theme,"Link",e.color,"enabled","text")};
   text-decoration: none;

package/dist/Link.js

@@ -1,10 +1,10 @@
 import { jsx as d } from "react/jsx-runtime";
-import f from "react";
-import { P as o } from "./index-Ds9PUTwb.js";
-import { n as h } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as y, b as t } from "./utils-DEke8iwo.js";
-import { u } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-const g = h.a`
+import { forwardRef as h } from "react";
+import { P as o } from "./index-BYnWp42a.js";
+import { n as f } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { g as y, a as t } from "./utils-C52T57HO.js";
+import { u as g } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const u = f.a`
   ${(e) => y(
   e.theme,
   "Breadcrumbs",
@@ -23,7 +23,7 @@ const g = h.a`
   &:visited {
     color: ${(e) => t(e.theme, "Link", e.color, "visited", "text")};
   }
-`, p = f.forwardRef((e, r) => {
+`, p = h((e, r) => {
   const {
     //----------------
     className: a = "",
@@ -33,13 +33,13 @@ const g = h.a`
     children: i,
     ...l
   } = e, c = {
-    theme: u(),
+    theme: g(),
     size: m,
     color: n,
     className: "lnc-ui-link " + a,
     style: s
   };
-  return /* @__PURE__ */ d(g, { ref: r, ...c, ...l, children: i });
+  return /* @__PURE__ */ d(u, { ref: r, ...c, ...l, children: i });
 });
 p.propTypes = {
   //---------------------------------------------------------------

package/dist/MenuItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const c=require("react/jsx-runtime"),f=require("react"),s=require("./index-DXnSjbfJ.cjs"),Y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),M=require("./Icon.cjs"),l=require("./utils-hdRGTsQ7.cjs"),G=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),H=Y.newStyled.div`
+"use strict";const c=require("react/jsx-runtime"),f=require("react"),s=require("./index-BIlhCoy2.cjs"),Y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),M=require("./Icon.cjs"),l=require("./utils-DTAPpJXU.cjs"),G=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),H=Y.newStyled.div`
   box-sizing: border-box;
   cursor: ${n=>n.disabled==!1?"pointer":"context-menu"};
   width: 100%;

package/dist/MenuItem.js

@@ -1,10 +1,10 @@
 import { jsx as m, Fragment as V, jsxs as G } from "react/jsx-runtime";
-import H, { useRef as J, useState as Q, useEffect as W } from "react";
-import { P as o } from "./index-Ds9PUTwb.js";
-import { n as X } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { forwardRef as H, useRef as J, useState as Q, useEffect as W } from "react";
+import { P as o } from "./index-BYnWp42a.js";
+import { n as X } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import k from "./Icon.js";
-import { b as i, a as Z, g as v } from "./utils-DEke8iwo.js";
-import { u as I } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { a as i, g as Z, h as v } from "./utils-C52T57HO.js";
+import { u as I } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const ee = X.div`
   box-sizing: border-box;
   cursor: ${(n) => n.disabled == !1 ? "pointer" : "context-menu"};
@@ -78,7 +78,7 @@ const ee = X.div`
 )};
       `}
   }
-`, C = H.forwardRef((n, a) => {
+`, C = H((n, a) => {
   const {
     value: g,
     active: c = null,
@@ -94,7 +94,7 @@ const ee = X.div`
     },
     onClick: w = () => {
     },
-    onKeyDown: _ = () => {
+    onKeyDown: x = () => {
     },
     onMouseEnter: le = () => {
     },
@@ -105,58 +105,58 @@ const ee = X.div`
     onItemSelected: N = () => {
     },
     //----------------
-    className: x = "",
-    style: A = {},
-    color: S = "primary",
-    iconProps: T,
-    __TYPE__: te = "MENU_ITEM",
+    className: A = "",
+    style: S = {},
+    color: T = "primary",
+    iconProps: _,
+    __TYPE__: se = "MENU_ITEM",
     children: O,
     ...P
-  } = n, D = { theme: I(), color: S, style: A }, u = J(), [F, y] = Q(c ?? !1);
+  } = n, D = { theme: I(), color: T, style: S }, u = J(), [F, y] = Q(c ?? !1);
   W(() => {
     y(c);
   }, [c]);
   const j = (e) => {
     r == !1 && (d && f && f(), N(e, g)), w(w);
-  }, R = (e) => {
-    y(!0), p(e);
   }, B = (e) => {
-    c == null && y(!1), $(e);
+    y(!0), p(e);
   }, K = (e) => {
-    e.preventDefault(), e.key == "ArrowDown" ? b(a ? a.current : u.current) : e.key == "ArrowUp" ? h(a ? a.current : u.current) : (e.key == "Enter" || e.keyCode == 32) && r == !1 && (d && f && f(), N(e, g)), _(e);
-  }, b = (e) => {
+    c == null && y(!1), $(e);
+  }, R = (e) => {
+    e.preventDefault(), e.key == "ArrowDown" ? h(a ? a.current : u.current) : e.key == "ArrowUp" ? b(a ? a.current : u.current) : (e.key == "Enter" || e.keyCode == 32) && r == !1 && (d && f && f(), N(e, g)), x(e);
+  }, h = (e) => {
     if (e != null && e.nextSibling) {
       let l = z(e);
       if (l != null && l.node && (l == null ? void 0 : l.type) == "item")
         l.node.focus();
       else if (l != null && l.node && (l == null ? void 0 : l.type) == "nested") {
-        let s = U(l.node);
-        s && s.focus();
-      } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && b(e.parentElement);
-    } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && b(e.parentElement);
-  }, h = (e) => {
+        let t = U(l.node);
+        t && t.focus();
+      } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && h(e.parentElement);
+    } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && h(e.parentElement);
+  }, b = (e) => {
     if (e != null && e.previousSibling) {
       let l = L(e);
       if (l != null && l.node && (l == null ? void 0 : l.type) == "item")
         l.node.focus();
       else if (l != null && l.node && (l == null ? void 0 : l.type) == "nested") {
-        let s = q(l.node);
-        s && s.focus();
-      } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && h(e.parentElement);
-    } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && h(e.parentElement);
+        let t = q(l.node);
+        t && t.focus();
+      } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && b(e.parentElement);
+    } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && b(e.parentElement);
   }, z = (e) => {
     for (; e = e.nextSibling; ) {
-      if (t(e, "menu-item-lnc"))
+      if (s(e, "menu-item-lnc"))
         return { node: e, type: "item" };
-      if (t(e, "nested-item-lnc"))
+      if (s(e, "nested-item-lnc"))
         return { node: e, type: "nested" };
     }
     return null;
   }, L = (e) => {
     for (; e = e.previousSibling; ) {
-      if (t(e, "menu-item-lnc"))
+      if (s(e, "menu-item-lnc"))
         return { node: e, type: "item" };
-      if (t(e, "nested-item-lnc"))
+      if (s(e, "nested-item-lnc"))
         return { node: e, type: "nested" };
     }
     return null;
@@ -166,27 +166,27 @@ const ee = X.div`
   }, q = (e) => {
     var l;
     return (l = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : l.pop();
-  }, t = (e, l) => {
-    var s = " " + e.className + " ", Y = " " + l + " ";
-    return s.indexOf(Y) != -1;
+  }, s = (e, l) => {
+    var t = " " + e.className + " ", Y = " " + l + " ";
+    return t.indexOf(Y) != -1;
   };
   return /* @__PURE__ */ m(V, { children: /* @__PURE__ */ G(
     ee,
     {
       ref: a || u,
-      className: "menu-item-lnc " + (d ? "nested-menu-item-lnc " : "") + (M ? "spread-nested-item-lnc " : "") + x,
+      className: "menu-item-lnc " + (d ? "nested-menu-item-lnc " : "") + (M ? "spread-nested-item-lnc " : "") + A,
       ...D,
       disabled: r,
       tabIndex: 0,
-      onKeyDown: K,
-      onFocus: R,
-      onBlur: B,
+      onKeyDown: R,
+      onFocus: B,
+      onBlur: K,
       onClick: j,
       isActive: F,
       showNested: M,
       ...P,
       children: [
-        E && /* @__PURE__ */ m(k, { icon: E, className: "menu-icon-lnc", ...T }),
+        E && /* @__PURE__ */ m(k, { icon: E, className: "menu-icon-lnc", ..._ }),
         /* @__PURE__ */ m("div", { children: O }),
         d && /* @__PURE__ */ m(k, { icon: "angle-down", className: "sub-menu-icon-lnc" })
       ]

package/dist/Modal.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),y=require("react"),o=require("./index-DXnSjbfJ.cjs"),j=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),_=require("./Icon.cjs"),w=require("./utils-hdRGTsQ7.cjs"),D=require("./index-C29T0m2a.cjs"),L=require("./motion-Oud-wpUz.cjs"),V=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),E=require("./index-BP5r5zGN.cjs"),x="5rem",h="3.8rem",l="1.5rem",G=(e,r,n)=>r&&n?e=="FULL"?`calc(100dvh - ${h} - ${x})`:`calc(100dvh - ${h} - ${x} - ${l})`:r?e=="FULL"?`calc(100dvh - ${h})`:`calc(100dvh - ${h} - ${l})`:n?e=="FULL"?`calc(100dvh - ${x})`:`calc(100dvh - ${x} - ${l})`:e=="FULL"?"100dvh":`calc(100dvh - ${l})`,W=e=>e=="FULL"?"100vw":`calc(100vw - ${l})`,X=(e,r,n)=>e=="FULL"?"0":`${r?"0":"16px"} 0 ${n?"0":"16px"} 0`,J=j.newStyled(L.motion.div)`
+"use strict";const t=require("react/jsx-runtime"),y=require("react"),o=require("./index-BIlhCoy2.cjs"),j=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),_=require("./Icon.cjs"),w=require("./utils-DTAPpJXU.cjs"),D=require("./index-Ct1N7fF4.cjs"),L=require("./motion-Oud-wpUz.cjs"),V=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),E=require("./index-BP5r5zGN.cjs"),x="5rem",h="3.8rem",l="1.5rem",G=(e,r,n)=>r&&n?e=="FULL"?`calc(100dvh - ${h} - ${x})`:`calc(100dvh - ${h} - ${x} - ${l})`:r?e=="FULL"?`calc(100dvh - ${h})`:`calc(100dvh - ${h} - ${l})`:n?e=="FULL"?`calc(100dvh - ${x})`:`calc(100dvh - ${x} - ${l})`:e=="FULL"?"100dvh":`calc(100dvh - ${l})`,W=e=>e=="FULL"?"100vw":`calc(100vw - ${l})`,X=(e,r,n)=>e=="FULL"?"0":`${r?"0":"16px"} 0 ${n?"0":"16px"} 0`,J=j.newStyled(L.motion.div)`
   position: ${e=>e.scrollOverlay==!0?"absolute":"fixed"};
   top: 0;
   left: 0;