@lanaco/lnc-react-ui 4.0.2 → 4.0.3

package/dist/KanbanActionsToolbar.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),w=require("react"),e=require("./index-DXnSjbfJ.cjs"),P=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),f=require("./DropdownMenu-B6qr13ik.cjs"),C=require("./DropdownItem.cjs"),c=require("./Button.cjs"),p=require("./utils-hdRGTsQ7.cjs"),A=require("./ThemeProvider.cjs"),j=P.newStyled.div`
+"use strict";const t=require("react/jsx-runtime"),P=require("react"),e=require("./index-BIlhCoy2.cjs"),f=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),w=require("./DropdownMenu.cjs"),C=require("./DropdownItem.cjs"),c=require("./Button.cjs"),p=require("./utils-DTAPpJXU.cjs"),A=require("./ThemeProvider.cjs"),j=f.newStyled.div`
   display: flex;
   align-items: center;
   border-radius: 8px;
@@ -16,4 +16,4 @@
     gap: 0.5rem;
   }
 }
-`,a=w.forwardRef((r,d)=>{const{__TYPE__:N="KANBAN_VIEW_ACTIONS_TOOLBAR",showCreate:u=!0,enableCreate:b=!0,createText:i="Create New item",actionsText:y="Actions",actions:n=[],onCreate:T=()=>{},className:m="",style:g={},color:s="primary",size:l="small",...x}=r,{theme:_}=A.useTheme();return t.jsxs(j,{ref:d,theme:_,color:s,className:m,style:g,...x,children:[t.jsx("div",{children:u&&t.jsx(c,{leadingIcon:"plus",btnType:"outline",color:s,size:l,title:i,disabled:!b,onClick:T,text:i})}),(n==null?void 0:n.length)>0&&t.jsx("div",{children:t.jsx(f.DropdownMenu,{color:s,size:l,control:t.jsx(c,{text:y,btnType:"outline",trailingIcon:"angle-down",color:s,size:l}),children:n==null?void 0:n.map((o,h)=>{if((o==null?void 0:o.show)!=!1)return t.jsx(C,{icon:o.icon,disabled:!o.enable,onClick:o.onAction,children:o.name},h)})})})]})});a.propTypes={__TYPE__:e.PropTypes.string,showCreate:e.PropTypes.bool,enableCreate:e.PropTypes.bool,createText:e.PropTypes.string,actionsText:e.PropTypes.string,actions:e.PropTypes.array,onCreate:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,size:e.PropTypes.oneOf(["small","medium","large"]),color:e.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};a.displayName="KANBAN_VIEW_ACTIONS_TOOLBAR";module.exports=a;
+`,a=P.forwardRef((r,d)=>{const{__TYPE__:N="KANBAN_VIEW_ACTIONS_TOOLBAR",showCreate:u=!0,enableCreate:b=!0,createText:i="Create New item",actionsText:y="Actions",actions:n=[],onCreate:T=()=>{},className:m="",style:g={},color:s="primary",size:l="small",...x}=r,{theme:_}=A.useTheme();return t.jsxs(j,{ref:d,theme:_,color:s,className:m,style:g,...x,children:[t.jsx("div",{children:u&&t.jsx(c,{leadingIcon:"plus",btnType:"outline",color:s,size:l,title:i,disabled:!b,onClick:T,text:i})}),(n==null?void 0:n.length)>0&&t.jsx("div",{children:t.jsx(w,{color:s,size:l,control:t.jsx(c,{text:y,btnType:"outline",trailingIcon:"angle-down",color:s,size:l}),children:n==null?void 0:n.map((o,h)=>{if((o==null?void 0:o.show)!=!1)return t.jsx(C,{icon:o.icon,disabled:!o.enable,onClick:o.onAction,children:o.name},h)})})})]})});a.propTypes={__TYPE__:e.PropTypes.string,showCreate:e.PropTypes.bool,enableCreate:e.PropTypes.bool,createText:e.PropTypes.string,actionsText:e.PropTypes.string,actions:e.PropTypes.array,onCreate:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,size:e.PropTypes.oneOf(["small","medium","large"]),color:e.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};a.displayName="KANBAN_VIEW_ACTIONS_TOOLBAR";module.exports=a;

package/dist/KanbanActionsToolbar.js

@@ -1,11 +1,11 @@
-import { jsxs as h, jsx as a } from "react/jsx-runtime";
-import w from "react";
-import { P as e } from "./index-Ds9PUTwb.js";
-import { n as C } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { D as A } from "./DropdownMenu-DZi3TJ8Q.js";
+import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { forwardRef as w } from "react";
+import { P as e } from "./index-BYnWp42a.js";
+import { n as C } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import A from "./DropdownMenu.js";
 import N from "./DropdownItem.js";
 import s from "./Button.js";
-import { b as d } from "./utils-DEke8iwo.js";
+import { a as m } from "./utils-C52T57HO.js";
 import { useTheme as O } from "./ThemeProvider.js";
 const I = C.div`
   display: flex;
@@ -16,7 +16,7 @@ const I = C.div`
   font-weight: 700;
   font-size: 0.875rem;
   color: rgba(15, 23, 42, 100%);
-  background-color: ${(r) => d(
+  background-color: ${(r) => m(
   r.theme,
   "Toolbar",
   r.color,
@@ -24,7 +24,7 @@ const I = C.div`
   "background",
   "backgroundOpacity"
 )};
-  border: ${(r) => `1px solid ${d(
+  border: ${(r) => `1px solid ${m(
   r.theme,
   "Toolbar",
   r.color,
@@ -39,65 +39,65 @@ const I = C.div`
     gap: 0.5rem;
   }
 }
-`, m = w.forwardRef((r, c) => {
+`, d = w((r, c) => {
   const {
     __TYPE__: k = "KANBAN_VIEW_ACTIONS_TOOLBAR",
     showCreate: p = !0,
     enableCreate: b = !0,
     createText: i = "Create New item",
-    actionsText: f = "Actions",
+    actionsText: g = "Actions",
     actions: t = [],
     //----------------
-    onCreate: g = () => {
+    onCreate: f = () => {
     },
     //-------------------
     className: u = "",
     style: y = {},
-    color: n = "primary",
+    color: a = "primary",
     size: l = "small",
     ...T
   } = r, { theme: x } = O();
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ _(
     I,
     {
       ref: c,
       theme: x,
-      color: n,
+      color: a,
       className: u,
       style: y,
       ...T,
       children: [
-        /* @__PURE__ */ a("div", { children: p && /* @__PURE__ */ a(
+        /* @__PURE__ */ n("div", { children: p && /* @__PURE__ */ n(
           s,
           {
             leadingIcon: "plus",
             btnType: "outline",
-            color: n,
+            color: a,
             size: l,
             title: i,
             disabled: !b,
-            onClick: g,
+            onClick: f,
             text: i
           }
         ) }),
-        (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
+        (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
           A,
           {
-            color: n,
+            color: a,
             size: l,
-            control: /* @__PURE__ */ a(
+            control: /* @__PURE__ */ n(
               s,
               {
-                text: f,
+                text: g,
                 btnType: "outline",
                 trailingIcon: "angle-down",
-                color: n,
+                color: a,
                 size: l
               }
             ),
-            children: t == null ? void 0 : t.map((o, _) => {
+            children: t == null ? void 0 : t.map((o, h) => {
               if ((o == null ? void 0 : o.show) != !1)
-                return /* @__PURE__ */ a(
+                return /* @__PURE__ */ n(
                   N,
                   {
                     icon: o.icon,
@@ -105,7 +105,7 @@ const I = C.div`
                     onClick: o.onAction,
                     children: o.name
                   },
-                  _
+                  h
                 );
             })
           }
@@ -114,7 +114,7 @@ const I = C.div`
     }
   );
 });
-m.propTypes = {
+d.propTypes = {
   /**
    * This property determines where the component is rendered.
    * Should not be overridden!
@@ -146,7 +146,7 @@ m.propTypes = {
     "gray"
   ])
 };
-m.displayName = "KANBAN_VIEW_ACTIONS_TOOLBAR";
+d.displayName = "KANBAN_VIEW_ACTIONS_TOOLBAR";
 export {
-  m as default
+  d as default
 };

package/dist/{KanbanCard-D9OhU8C6.js → KanbanCard-CHZ_C9kk.js}

@@ -1,31 +1,31 @@
-import { jsx as e, jsxs as T } from "react/jsx-runtime";
-import d, { forwardRef as m } from "react";
-import { n as f } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { P as r } from "./index-Ds9PUTwb.js";
+import { jsx as e, jsxs as z } from "react/jsx-runtime";
+import { forwardRef as d, memo as T } from "react";
+import { n as m } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { P as r } from "./index-BYnWp42a.js";
 import C from "./Icon.js";
-import { D as P } from "./DropdownMenu-DZi3TJ8Q.js";
-import R from "./DropdownItem.js";
-import { c as D } from "./index-BklgDeu4.js";
-import { u as K } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-const O = "_Action_bw0a9_5", $ = {
-  Action: O
-}, j = m(
-  ({ active: o, className: a, cursor: s, style: t, ...l }, i) => /* @__PURE__ */ e(
+import P from "./DropdownMenu.js";
+import K from "./DropdownItem.js";
+import { c as O } from "./index-Cu0xwYjD.js";
+import { u as $ } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const j = "_Action_bw0a9_5", B = {
+  Action: j
+}, D = d(
+  ({ active: o, className: a, cursor: s, style: l, ...t }, i) => /* @__PURE__ */ e(
     "button",
     {
       ref: i,
-      ...l,
-      className: D($.Action, a),
+      ...t,
+      className: O(B.Action, a),
       tabIndex: 0,
       style: {
-        ...t,
+        ...l,
         cursor: s,
         "--fill": o == null ? void 0 : o.fill,
         "--background": o == null ? void 0 : o.background
       }
     }
   )
-), B = m((o, a) => /* @__PURE__ */ e(j, { ref: a, cursor: "grab", "data-cypress": "draggable-handle", ...o, children: /* @__PURE__ */ e("svg", { viewBox: "0 0 20 20", width: "12", children: /* @__PURE__ */ e("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }) }) })), I = f.div`
+), I = d((o, a) => /* @__PURE__ */ e(D, { ref: a, cursor: "grab", "data-cypress": "draggable-handle", ...o, children: /* @__PURE__ */ e("svg", { viewBox: "0 0 20 20", width: "12", children: /* @__PURE__ */ e("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }) }) })), M = m.div`
   height: 100%;
   width: 100%;
   padding: ${(o) => `18px 20px 18px ${o.handle == !0 ? "10px" : "20px"}`};
@@ -44,7 +44,7 @@ const O = "_Action_bw0a9_5", $ = {
   & > .kanban-card-content {
     ${(o) => o.clickable && "cursor: pointer;"}
   }
-`, M = f.div`
+`, R = m.div`
   display: flex;
 
   & > *:first-of-type:not(:last-of-type) {
@@ -54,46 +54,46 @@ const O = "_Action_bw0a9_5", $ = {
   & > *:first-of-type:not(:last-of-type):focus-visible {
     opacity: 1;
   }
-`, u = d.memo(
-  d.forwardRef(
+`, f = T(
+  d(
     ({
       __TYPE__: o = "KANBAN_CARD",
       id: a,
       containerId: s,
-      item: t,
-      handle: l = !0,
+      item: l,
+      handle: t = !0,
       handleProps: i,
-      actionsMenu: b = !1,
+      actionsMenu: u = !1,
       actions: c = [],
       onDetails: p,
-      color: y = "primary",
-      size: A = "small",
-      className: g = "",
-      style: h = {},
-      children: w,
-      ..._
+      color: b = "primary",
+      size: y = "small",
+      className: A = "",
+      style: g = {},
+      children: h,
+      ...w
     }, x) => {
-      const N = K();
-      return /* @__PURE__ */ T(
-        I,
+      const _ = $();
+      return /* @__PURE__ */ z(
+        M,
         {
           ref: x,
-          handle: l,
-          theme: N,
-          className: g,
-          style: h,
+          handle: t,
+          theme: _,
+          className: A,
+          style: g,
           clickable: !!p,
-          ..._,
+          ...w,
           children: [
-            l && /* @__PURE__ */ e(M, { className: "Actions", children: /* @__PURE__ */ e(B, { ...i }) }),
-            b && /* @__PURE__ */ e(
+            t && /* @__PURE__ */ e(R, { className: "Actions", children: /* @__PURE__ */ e(I, { ...i }) }),
+            u && /* @__PURE__ */ e(
               P,
               {
                 className: "card-action-lnc",
                 horizontalAlignment: "right",
                 verticalAlignment: "bottom",
-                color: y,
-                size: A,
+                color: b,
+                size: y,
                 control: /* @__PURE__ */ e(
                   C,
                   {
@@ -102,17 +102,17 @@ const O = "_Action_bw0a9_5", $ = {
                     icon: "ellipsis-v"
                   }
                 ),
-                children: c == null ? void 0 : c.map((n, k) => {
+                children: c == null ? void 0 : c.map((n, N) => {
                   if ((n == null ? void 0 : n.show) != !1)
                     return /* @__PURE__ */ e(
-                      R,
+                      K,
                       {
                         icon: n.icon,
                         disabled: n.enable == !1,
-                        onClick: (z) => n.onAction(z, t, s),
+                        onClick: (k) => n.onAction(k, l, s),
                         children: n.name
                       },
-                      k
+                      N
                     );
                 })
               }
@@ -122,9 +122,9 @@ const O = "_Action_bw0a9_5", $ = {
               {
                 className: "kanban-card-content-lnc",
                 onClick: (n) => {
-                  p && p(n, t, s);
+                  p && p(n, l, s);
                 },
-                children: w
+                children: h
               }
             )
           ]
@@ -133,7 +133,7 @@ const O = "_Action_bw0a9_5", $ = {
     }
   )
 );
-u.propTypes = {
+f.propTypes = {
   __TYPE__: r.string,
   id: r.oneOfType([r.string, r.number]),
   containerId: r.oneOfType([r.string, r.number]),
@@ -168,8 +168,8 @@ u.propTypes = {
   ]),
   size: r.oneOf(["small", "medium", "large"])
 };
-u.displayName = "KANBAN_CARD";
+f.displayName = "KANBAN_CARD";
 export {
-  B as H,
-  u as K
+  I as H,
+  f as K
 };

package/dist/KanbanCard-DV3VnSUi.cjs

@@ -0,0 +1,30 @@
+"use strict";const s=require("react/jsx-runtime"),p=require("react"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),e=require("./index-BIlhCoy2.cjs"),N=require("./Icon.cjs"),k=require("./DropdownMenu.cjs"),q=require("./DropdownItem.cjs"),z=require("./index-CSXL784P.cjs"),C=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),R="_Action_bw0a9_5",$={Action:R},K=p.forwardRef(({active:r,className:n,cursor:a,style:t,...l},i)=>s.jsx("button",{ref:i,...l,className:z.classNames($.Action,n),tabIndex:0,style:{...t,cursor:a,"--fill":r==null?void 0:r.fill,"--background":r==null?void 0:r.background}})),u=p.forwardRef((r,n)=>s.jsx(K,{ref:n,cursor:"grab","data-cypress":"draggable-handle",...r,children:s.jsx("svg",{viewBox:"0 0 20 20",width:"12",children:s.jsx("path",{d:"M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"})})})),O=m.newStyled.div`
+  height: 100%;
+  width: 100%;
+  padding: ${r=>`18px 20px 18px ${r.handle==!0?"10px":"20px"}`};
+  position: relative;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  word-break: break-word;
+  display: flex;
+  gap: 8px;
+  & .card-action-lnc {
+    position: absolute;
+    right: 10px;
+    cursor: pointer;
+  }
+
+  & > .kanban-card-content {
+    ${r=>r.clickable&&"cursor: pointer;"}
+  }
+`,S=m.newStyled.div`
+  display: flex;
+
+  & > *:first-of-type:not(:last-of-type) {
+    opacity: 0;
+  }
+
+  & > *:first-of-type:not(:last-of-type):focus-visible {
+    opacity: 1;
+  }
+`,y=p.memo(p.forwardRef(({__TYPE__:r="KANBAN_CARD",id:n,containerId:a,item:t,handle:l=!0,handleProps:i,actionsMenu:b=!1,actions:c=[],onDetails:d,color:f="primary",size:x="small",className:w="",style:A={},children:T,...g},h)=>{const P=C.useTheme();return s.jsxs(O,{ref:h,handle:l,theme:P,className:w,style:A,clickable:!!d,...g,children:[l&&s.jsx(S,{className:"Actions",children:s.jsx(u,{...i})}),b&&s.jsx(k,{className:"card-action-lnc",horizontalAlignment:"right",verticalAlignment:"bottom",color:f,size:x,control:s.jsx(N,{color:"neutral",className:"card-action-lnc",icon:"ellipsis-v"}),children:c==null?void 0:c.map((o,_)=>{if((o==null?void 0:o.show)!=!1)return s.jsx(q,{icon:o.icon,disabled:o.enable==!1,onClick:j=>o.onAction(j,t,a),children:o.name},_)})}),s.jsx("div",{className:"kanban-card-content-lnc",onClick:o=>{d&&d(o,t,a)},children:T})]})}));y.propTypes={__TYPE__:e.PropTypes.string,id:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),containerId:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),className:e.PropTypes.string,style:e.PropTypes.object,handle:e.PropTypes.bool,handleProps:e.PropTypes.any,actionsMenu:e.PropTypes.bool,actions:e.PropTypes.array,onDetails:e.PropTypes.func,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};y.displayName="KANBAN_CARD";exports.Handle=u;exports.KanbanCard=y;

package/dist/KanbanCard.cjs

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime");require("react");require("./emotion-styled.browser.esm-Cbp_XsK4.cjs");require("./index-DXnSjbfJ.cjs");require("./Icon.cjs");require("./DropdownMenu-B6qr13ik.cjs");require("./DropdownItem.cjs");const r=require("./KanbanCard-ConTmu3w.cjs");require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs");module.exports=r.KanbanCard;
+"use strict";require("react/jsx-runtime");require("react");require("./emotion-styled.browser.esm-Cbp_XsK4.cjs");require("./index-BIlhCoy2.cjs");require("./Icon.cjs");require("./DropdownMenu.cjs");require("./DropdownItem.cjs");const r=require("./KanbanCard-DV3VnSUi.cjs");require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs");module.exports=r.KanbanCard;

package/dist/KanbanCard.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
 import "react";
-import "./emotion-styled.browser.esm-BZSYYThs.js";
-import "./index-Ds9PUTwb.js";
+import "./emotion-styled.browser.esm-BiK8DcgW.js";
+import "./index-BYnWp42a.js";
 import "./Icon.js";
-import "./DropdownMenu-DZi3TJ8Q.js";
+import "./DropdownMenu.js";
 import "./DropdownItem.js";
-import { K as l } from "./KanbanCard-D9OhU8C6.js";
-import "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { K as l } from "./KanbanCard-CHZ_C9kk.js";
+import "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 export {
   l as default
 };

package/dist/KanbanFooter.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),_=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),e=require("./index-DXnSjbfJ.cjs"),d=require("./IconButton.cjs"),P=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),h=_.newStyled.div`
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),_=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),e=require("./index-BIlhCoy2.cjs"),d=require("./IconButton.cjs"),P=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),h=_.newStyled.div`
   font-family: ${p=>{var o,r;return(r=(o=p.theme)==null?void 0:o.typography)==null?void 0:r.fontFamily}};
   padding: 5px 8px;
   margin-top: auto;

package/dist/KanbanFooter.js

@@ -1,58 +1,58 @@
-import { jsxs as T, jsx as n } from "react/jsx-runtime";
-import d from "react";
-import { n as _ } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { P as o } from "./index-Ds9PUTwb.js";
-import i from "./IconButton.js";
-import { u as x } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-const N = _.div`
-  font-family: ${(a) => {
+import { jsxs as w, jsx as a } from "react/jsx-runtime";
+import { memo as T, forwardRef as x } from "react";
+import { n as N } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { P as o } from "./index-BYnWp42a.js";
+import d from "./IconButton.js";
+import { u as _ } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const g = N.div`
+  font-family: ${(n) => {
   var e, t;
-  return (t = (e = a.theme) == null ? void 0 : e.typography) == null ? void 0 : t.fontFamily;
+  return (t = (e = n.theme) == null ? void 0 : e.typography) == null ? void 0 : t.fontFamily;
 }};
   padding: 5px 8px;
   margin-top: auto;
-`, s = d.memo(
-  d.forwardRef(
+`, i = T(
+  x(
     ({
-      __TYPE__: a = "KANBAN_FOOTER",
+      __TYPE__: n = "KANBAN_FOOTER",
       id: e,
       showAddNewCard: t = !1,
-      showLoadMoreCards: m = !1,
-      addNewCardText: g = "Add New Card",
-      onAddNewCard: p = () => {
+      showLoadMoreCards: s = !1,
+      addNewCardText: C = "Add New Card",
+      onAddNewCard: m = () => {
       },
-      onLoadMoreCards: l = () => {
+      onLoadMoreCards: p = () => {
       },
-      className: c = "",
-      style: f = {},
-      color: C = "primary",
-      children: y,
-      ...u
-    }, h) => {
-      const w = x();
-      return /* @__PURE__ */ T(
-        N,
+      className: l = "",
+      style: c = {},
+      color: b = "primary",
+      children: f,
+      ...y
+    }, u) => {
+      const h = _();
+      return /* @__PURE__ */ w(
+        g,
         {
-          ref: h,
-          theme: w,
-          className: c,
-          style: f,
-          ...u,
+          ref: u,
+          theme: h,
+          className: l,
+          style: c,
+          ...y,
           children: [
-            y,
-            m && /* @__PURE__ */ n(
-              i,
+            f,
+            s && /* @__PURE__ */ a(
+              d,
               {
-                onClick: (r) => l(r, e),
+                onClick: (r) => p(r, e),
                 icon: "chevron-circle-down",
                 btnType: "outline",
                 style: { maxWidth: "unset", width: "100%", marginBottom: "8px" }
               }
             ),
-            t && /* @__PURE__ */ n(
-              i,
+            t && /* @__PURE__ */ a(
+              d,
               {
-                onClick: (r) => p(r, e),
+                onClick: (r) => m(r, e),
                 icon: "plus-circle",
                 btnType: "outline",
                 style: { maxWidth: "unset", width: "100%", marginBottom: "8px" }
@@ -64,7 +64,7 @@ const N = _.div`
     }
   )
 );
-s.propTypes = {
+i.propTypes = {
   __TYPE__: o.string,
   id: o.oneOfType([o.string, o.number]),
   //---------------------------------------------------------
@@ -78,7 +78,7 @@ s.propTypes = {
   className: o.string,
   style: o.object
 };
-s.displayName = "KANBAN_FOOTER";
+i.displayName = "KANBAN_FOOTER";
 export {
-  s as default
+  i as default
 };

package/dist/KanbanHeader.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),a=require("react"),w=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),e=require("./index-DXnSjbfJ.cjs"),A=require("./DropdownMenu-B6qr13ik.cjs"),q=require("./DropdownItem.cjs"),x=require("./Icon.cjs"),N=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),j=w.newStyled.div`
+"use strict";const s=require("react/jsx-runtime"),a=require("react"),w=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),e=require("./index-BIlhCoy2.cjs"),A=require("./DropdownMenu.cjs"),q=require("./DropdownItem.cjs"),x=require("./Icon.cjs"),N=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),j=w.newStyled.div`
   font-family: ${n=>{var i,o;return(o=(i=n.theme)==null?void 0:i.typography)==null?void 0:o.fontFamily}};
   position: relative;
   width: 100%;
@@ -12,4 +12,4 @@
   & > span {
     ${n=>n.clickable&&"cursor: pointer;"}
   }
-`,t=a.memo(a.forwardRef(({__TYPE__:n="KANBAN_HEADER",id:i,item:o,column:p,actionsMenu:m=!1,actions:l=[],onDetails:c=()=>{},color:u="primary",size:y="small",className:d="",style:T={},children:f,..._},P)=>{const b=N.useTheme();return s.jsxs(j,{ref:P,theme:b,className:d,style:T,clickable:!!c,..._,children:[s.jsx("span",{onClick:r=>c(r,o,p),children:f}),m&&s.jsx(A.DropdownMenu,{className:"column-action-lnc",horizontalAlignment:"right",verticalAlignment:"bottom",color:u,size:y,control:s.jsx(x,{color:"neutral",className:"column-action-lnc",icon:"ellipsis-v"}),children:l==null?void 0:l.map((r,g)=>{if((r==null?void 0:r.show)!=!1)return s.jsx(q,{icon:r.icon,disabled:r.enable==!1,onClick:h=>{r.onAction(h,o,p)},children:r.name},g)})})]})}));t.propTypes={__TYPE__:e.PropTypes.string,id:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),actionsMenu:e.PropTypes.bool,actions:e.PropTypes.array,onDetails:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};t.displayName="KANBAN_HEADER";module.exports=t;
+`,t=a.memo(a.forwardRef(({__TYPE__:n="KANBAN_HEADER",id:i,item:o,column:p,actionsMenu:m=!1,actions:l=[],onDetails:c=()=>{},color:u="primary",size:y="small",className:d="",style:T={},children:f,..._},P)=>{const b=N.useTheme();return s.jsxs(j,{ref:P,theme:b,className:d,style:T,clickable:!!c,..._,children:[s.jsx("span",{onClick:r=>c(r,o,p),children:f}),m&&s.jsx(A,{className:"column-action-lnc",horizontalAlignment:"right",verticalAlignment:"bottom",color:u,size:y,control:s.jsx(x,{color:"neutral",className:"column-action-lnc",icon:"ellipsis-v"}),children:l==null?void 0:l.map((r,g)=>{if((r==null?void 0:r.show)!=!1)return s.jsx(q,{icon:r.icon,disabled:r.enable==!1,onClick:h=>{r.onAction(h,o,p)},children:r.name},g)})})]})}));t.propTypes={__TYPE__:e.PropTypes.string,id:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),actionsMenu:e.PropTypes.bool,actions:e.PropTypes.array,onDetails:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};t.displayName="KANBAN_HEADER";module.exports=t;