@lanaco/lnc-react-ui 4.0.199 → 4.0.201

package/dist/KanbanActionsToolbar.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),P=require("react"),e=require("./index-BpbMKBf_.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./DropdownMenu.cjs"),w=require("./DropdownItem.cjs"),c=require("./Button.cjs"),p=require("./utils-RnrgDDZP.cjs"),A=require("./ThemeProvider.cjs"),j=f.styled.div`
+"use strict";const o=require("react/jsx-runtime"),w=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./DropdownMenu.cjs"),C=require("./DropdownItem.cjs"),i=require("./Button.cjs"),a=require("./utils-RnrgDDZP.cjs"),q=require("./ThemeProvider.cjs"),A=f.styled.div`
   display: flex;
   align-items: center;
   border-radius: 8px;
@@ -7,13 +7,12 @@
   font-weight: 700;
   font-size: 0.875rem;
   color: rgba(15, 23, 42, 100%);
-  background-color: ${r=>p.getColorRgbaValue(r.theme,"Toolbar",r.color,"enabled","background","backgroundOpacity")};
-  border: ${r=>`1px solid ${p.getColorRgbaValue(r.theme,"Toolbar",r.color,"enabled","border","borderOpacity")}`};
+  background-color: ${e=>a.getColorRgbaValue(e.theme,"Toolbar",e.color,"enabled","background","backgroundOpacity")};
+  border: ${e=>`1px solid ${a.getColorRgbaValue(e.theme,"Toolbar",e.color,"enabled","border","borderOpacity")}`};
   gap: 6px;
   justify-content: space-between;
   & > div {
     display: flex;
     gap: 0.5rem;
   }
-}
-`,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:s=[],onCreate:T=()=>{},className:m="",style:g={},color:n="primary",size:l="small",...x}=r,{theme:_}=A.useTheme();return t.jsxs(j,{ref:d,theme:_,color:n,className:m,style:g,...x,children:[t.jsx("div",{children:u&&t.jsx(c,{leadingIcon:"plus",btnType:"outline",color:n,size:l,title:i,disabled:!b,onClick:T,text:i})}),(s==null?void 0:s.length)>0&&t.jsx("div",{children:t.jsx(C,{color:n,size:l,control:t.jsx(c,{text:y,btnType:"outline",trailingIcon:"angle-down",color:n,size:l}),children:s==null?void 0:s.map((o,h)=>{if((o==null?void 0:o.show)!=!1)return t.jsx(w,{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;
+`,d=w.forwardRef((e,c)=>{const{showCreate:u=!0,enableCreate:b=!0,createText:s="Create New item",actionsText:m="Actions",actions:t=[],onCreate:x=()=>{},className:g="",style:p={},color:n="primary",size:l="small",...h}=e,{theme:y}=q.useTheme();return o.jsxs(A,{ref:c,theme:y,color:n,className:g,style:p,...h,children:[o.jsx("div",{children:u&&o.jsx(i,{leadingIcon:"plus",btnType:"outline",color:n,size:l,title:s,disabled:!b,onClick:x,text:s})}),(t==null?void 0:t.length)>0&&o.jsx("div",{children:o.jsx(j,{color:n,size:l,control:o.jsx(i,{text:m,btnType:"outline",trailingIcon:"angle-down",color:n,size:l}),children:t==null?void 0:t.map((r,T)=>{if((r==null?void 0:r.show)!=!1)return o.jsx(C,{icon:r.icon,disabled:!r.enable,onClick:r.onAction,children:r.name},T)})})})]})});d.displayName="KANBAN_VIEW_ACTIONS_TOOLBAR";module.exports=d;

package/dist/KanbanActionsToolbar.js

@@ -1,13 +1,12 @@
-import { jsxs as _, jsx as n } from "react/jsx-runtime";
-import { forwardRef as C } from "react";
-import { P as e } from "./index-CblbdqjE.js";
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
 import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import A from "./DropdownMenu.js";
-import N from "./DropdownItem.js";
-import s from "./Button.js";
-import { b as m } from "./utils-DtEfC-TX.js";
-import { useTheme as O } from "./ThemeProvider.js";
-const I = w.div`
+import C from "./DropdownMenu.js";
+import A from "./DropdownItem.js";
+import i from "./Button.js";
+import { b as d } from "./utils-DtEfC-TX.js";
+import { useTheme as N } from "./ThemeProvider.js";
+const k = w.div`
   display: flex;
   align-items: center;
   border-radius: 8px;
@@ -16,18 +15,18 @@ const I = w.div`
   font-weight: 700;
   font-size: 0.875rem;
   color: rgba(15, 23, 42, 100%);
-  background-color: ${(r) => m(
-  r.theme,
+  background-color: ${(e) => d(
+  e.theme,
   "Toolbar",
-  r.color,
+  e.color,
   "enabled",
   "background",
   "backgroundOpacity"
 )};
-  border: ${(r) => `1px solid ${m(
-  r.theme,
+  border: ${(e) => `1px solid ${d(
+  e.theme,
   "Toolbar",
-  r.color,
+  e.color,
   "enabled",
   "border",
   "borderOpacity"
@@ -38,72 +37,70 @@ const I = w.div`
     display: flex;
     gap: 0.5rem;
   }
-}
-`, d = C((r, c) => {
+`, I = T((e, m) => {
   const {
-    __TYPE__: k = "KANBAN_VIEW_ACTIONS_TOOLBAR",
-    showCreate: p = !0,
-    enableCreate: b = !0,
-    createText: i = "Create New item",
-    actionsText: g = "Actions",
-    actions: t = [],
+    showCreate: s = !0,
+    enableCreate: p = !0,
+    createText: a = "Create New item",
+    actionsText: b = "Actions",
+    actions: o = [],
     //----------------
-    onCreate: f = () => {
+    onCreate: c = () => {
     },
     //-------------------
-    className: u = "",
-    style: y = {},
-    color: a = "primary",
-    size: l = "small",
-    ...T
-  } = r, { theme: x } = O();
-  return /* @__PURE__ */ _(
-    I,
+    className: f = "",
+    style: u = {},
+    color: l = "primary",
+    size: n = "small",
+    ...g
+  } = e, { theme: x } = N();
+  return /* @__PURE__ */ y(
+    k,
     {
-      ref: c,
+      ref: m,
       theme: x,
-      color: a,
-      className: u,
-      style: y,
-      ...T,
+      color: l,
+      className: f,
+      style: u,
+      ...g,
       children: [
-        /* @__PURE__ */ n("div", { children: p && /* @__PURE__ */ n(
-          s,
+        /* @__PURE__ */ t("div", { children: s && /* @__PURE__ */ t(
+          i,
           {
             leadingIcon: "plus",
             btnType: "outline",
-            color: a,
-            size: l,
-            title: i,
-            disabled: !b,
-            onClick: f,
-            text: i
+            color: l,
+            size: n,
+            title: a,
+            disabled: !p,
+            onClick: c,
+            text: a
           }
         ) }),
-        (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          A,
+        (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+          C,
           {
-            color: a,
-            size: l,
-            control: /* @__PURE__ */ n(
-              s,
+            color: l,
+            size: n,
+            control: /* @__PURE__ */ t(
+              i,
               {
-                text: g,
+                text: b,
                 btnType: "outline",
                 trailingIcon: "angle-down",
-                color: a,
-                size: l
+                color: l,
+                size: n
               }
             ),
-            children: t == null ? void 0 : t.map((o, h) => {
-              if ((o == null ? void 0 : o.show) != !1)
-                return /* @__PURE__ */ n(
-                  N,
+            children: o == null ? void 0 : o.map((r, h) => {
+              if ((r == null ? void 0 : r.show) != !1)
+                return /* @__PURE__ */ t(
+                  A,
                   {
-                    icon: o.icon,
-                    disabled: !o.enable,
-                    onClick: o.onAction,
-                    children: o.name
+                    icon: r.icon,
+                    disabled: !r.enable,
+                    onClick: r.onAction,
+                    children: r.name
                   },
                   h
                 );
@@ -114,39 +111,7 @@ const I = w.div`
     }
   );
 });
-d.propTypes = {
-  /**
-   * This property determines where the component is rendered.
-   * Should not be overridden!
-   */
-  __TYPE__: e.string,
-  showCreate: e.bool,
-  enableCreate: e.bool,
-  createText: e.string,
-  actionsText: e.string,
-  /**
-   * Actions that will be shown in toolbar with existing actions
-   * actions=[{name: `<string>`, show: `<bool>`, enable: `<bool>`, onAction: `PropTypes.func`}, ...]
-   */
-  actions: e.array,
-  //-------------------------------------------------------------
-  onCreate: e.func,
-  //------------------------------------------------------------
-  className: e.string,
-  style: e.object,
-  size: e.oneOf(["small", "medium", "large"]),
-  color: e.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
-d.displayName = "KANBAN_VIEW_ACTIONS_TOOLBAR";
+I.displayName = "KANBAN_VIEW_ACTIONS_TOOLBAR";
 export {
-  d as default
+  I as default
 };

package/dist/KanbanCard-B9V9EjVE.js

@@ -0,0 +1,137 @@
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { forwardRef as c, memo as k } from "react";
+import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import N from "./Icon.js";
+import z from "./DropdownMenu.js";
+import C from "./DropdownItem.js";
+import { c as _ } from "./index-fN7hCOo3.js";
+import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const K = "_Action_bw0a9_5", j = {
+  Action: K
+}, B = c(
+  ({ active: r, className: a, cursor: s, style: l, ...t }, n) => /* @__PURE__ */ o(
+    "button",
+    {
+      ref: n,
+      ...t,
+      className: _(j.Action, a),
+      tabIndex: 0,
+      style: {
+        ...l,
+        cursor: s,
+        "--fill": r == null ? void 0 : r.fill,
+        "--background": r == null ? void 0 : r.background
+      }
+    }
+  )
+), H = c((r, a) => /* @__PURE__ */ o(B, { ref: a, cursor: "grab", "data-cypress": "draggable-handle", ...r, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 20 20", width: "12", children: /* @__PURE__ */ o("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 = p.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;"}
+  }
+`, M = p.div`
+  display: flex;
+
+  & > *:first-of-type:not(:last-of-type) {
+    opacity: 0;
+  }
+
+  & > *:first-of-type:not(:last-of-type):focus-visible {
+    opacity: 1;
+  }
+`, R = k(
+  c(
+    ({
+      containerId: r,
+      item: a,
+      handle: s = !0,
+      handleProps: l,
+      actionsMenu: t = !1,
+      actions: n = [],
+      onDetails: i,
+      color: d = "primary",
+      size: m = "small",
+      className: f = "",
+      style: b = {},
+      children: h,
+      ...u
+    }, A) => {
+      const w = $();
+      return /* @__PURE__ */ g(
+        I,
+        {
+          ref: A,
+          handle: s,
+          theme: w,
+          className: f,
+          style: b,
+          clickable: !!i,
+          ...u,
+          children: [
+            s && /* @__PURE__ */ o(M, { className: "Actions", children: /* @__PURE__ */ o(H, { ...l }) }),
+            t && /* @__PURE__ */ o(
+              z,
+              {
+                className: "card-action-lnc",
+                horizontalAlignment: "right",
+                verticalAlignment: "bottom",
+                color: d,
+                size: m,
+                control: /* @__PURE__ */ o(
+                  N,
+                  {
+                    color: "neutral",
+                    className: "card-action-lnc",
+                    icon: "ellipsis-v"
+                  }
+                ),
+                children: n == null ? void 0 : n.map((e, y) => {
+                  if ((e == null ? void 0 : e.show) != !1)
+                    return /* @__PURE__ */ o(
+                      C,
+                      {
+                        icon: e.icon,
+                        disabled: e.enable == !1,
+                        onClick: (x) => e.onAction(x, a, r),
+                        children: e.name
+                      },
+                      y
+                    );
+                })
+              }
+            ),
+            /* @__PURE__ */ o(
+              "div",
+              {
+                className: "kanban-card-content-lnc",
+                onClick: (e) => {
+                  i && i(e, a, r);
+                },
+                children: h
+              }
+            )
+          ]
+        }
+      );
+    }
+  )
+);
+R.displayName = "KANBAN_CARD";
+export {
+  H,
+  R as K
+};

package/dist/KanbanCard-DihrKn-I.cjs

@@ -0,0 +1,30 @@
+"use strict";const r=require("react/jsx-runtime"),a=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./Icon.cjs"),N=require("./DropdownMenu.cjs"),q=require("./DropdownItem.cjs"),_=require("./index-Bg5OOQN0.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),C="_Action_bw0a9_5",R={Action:C},$=a.forwardRef(({active:e,className:n,cursor:t,style:l,...c},o)=>r.jsx("button",{ref:o,...c,className:_.classNames(R.Action,n),tabIndex:0,style:{...l,cursor:t,"--fill":e==null?void 0:e.fill,"--background":e==null?void 0:e.background}})),p=a.forwardRef((e,n)=>r.jsx($,{ref:n,cursor:"grab","data-cypress":"draggable-handle",...e,children:r.jsx("svg",{viewBox:"0 0 20 20",width:"12",children:r.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"})})})),K=d.styled.div`
+  height: 100%;
+  width: 100%;
+  padding: ${e=>`18px 20px 18px ${e.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 {
+    ${e=>e.clickable&&"cursor: pointer;"}
+  }
+`,B=d.styled.div`
+  display: flex;
+
+  & > *:first-of-type:not(:last-of-type) {
+    opacity: 0;
+  }
+
+  & > *:first-of-type:not(:last-of-type):focus-visible {
+    opacity: 1;
+  }
+`,m=a.memo(a.forwardRef(({containerId:e,item:n,handle:t=!0,handleProps:l,actionsMenu:c=!1,actions:o=[],onDetails:i,color:u="primary",size:x="small",className:b="",style:f={},children:h,...w},A)=>{const y=z.useTheme();return r.jsxs(K,{ref:A,handle:t,theme:y,className:b,style:f,clickable:!!i,...w,children:[t&&r.jsx(B,{className:"Actions",children:r.jsx(p,{...l})}),c&&r.jsx(N,{className:"card-action-lnc",horizontalAlignment:"right",verticalAlignment:"bottom",color:u,size:x,control:r.jsx(k,{color:"neutral",className:"card-action-lnc",icon:"ellipsis-v"}),children:o==null?void 0:o.map((s,g)=>{if((s==null?void 0:s.show)!=!1)return r.jsx(q,{icon:s.icon,disabled:s.enable==!1,onClick:j=>s.onAction(j,n,e),children:s.name},g)})}),r.jsx("div",{className:"kanban-card-content-lnc",onClick:s=>{i&&i(s,n,e)},children:h})]})}));m.displayName="KANBAN_CARD";exports.Handle=p;exports.KanbanCard=m;

package/dist/KanbanCard.cjs

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime");require("react");require("./emotion-styled.browser.esm-BtEseadx.cjs");require("./index-BpbMKBf_.cjs");require("./Icon.cjs");require("./DropdownMenu.cjs");require("./DropdownItem.cjs");const r=require("./KanbanCard-BDvoqTDS.cjs");require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");module.exports=r.KanbanCard;
+"use strict";require("react/jsx-runtime");require("react");require("./emotion-styled.browser.esm-BtEseadx.cjs");require("./Icon.cjs");require("./DropdownMenu.cjs");require("./DropdownItem.cjs");const r=require("./KanbanCard-DihrKn-I.cjs");require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");module.exports=r.KanbanCard;

package/dist/KanbanCard.js

@@ -1,12 +1,11 @@
 import "react/jsx-runtime";
 import "react";
 import "./emotion-styled.browser.esm-BNN1dTl3.js";
-import "./index-CblbdqjE.js";
 import "./Icon.js";
 import "./DropdownMenu.js";
 import "./DropdownItem.js";
-import { K as l } from "./KanbanCard-68kSAXL6.js";
+import { K as d } from "./KanbanCard-B9V9EjVE.js";
 import "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 export {
-  l as default
+  d as default
 };

package/dist/KanbanFooter.cjs

@@ -1,5 +1,5 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),e=require("./index-BpbMKBf_.cjs"),d=require("./IconButton.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),h=w.styled.div`
-  font-family: ${p=>{var o,r;return(r=(o=p.theme)==null?void 0:o.typography)==null?void 0:r.fontFamily}};
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./IconButton.cjs"),f=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),w=h.styled.div`
+  font-family: ${e=>{var t,o;return(o=(t=e.theme)==null?void 0:t.typography)==null?void 0:o.fontFamily}};
   padding: 5px 8px;
   margin-top: auto;
-`,n=i.memo(i.forwardRef(({__TYPE__:p="KANBAN_FOOTER",id:o,showAddNewCard:r=!1,showLoadMoreCards:a=!1,addNewCardText:N="Add New Card",onAddNewCard:c=()=>{},onLoadMoreCards:y=()=>{},className:l="",style:m={},color:f="primary",children:T,...u},x)=>{const _=P.useTheme();return s.jsxs(h,{ref:x,theme:_,className:l,style:m,...u,children:[T,a&&s.jsx(d,{onClick:t=>y(t,o),icon:"chevron-circle-down",btnType:"outline",style:{maxWidth:"unset",width:"100%",marginBottom:"8px"}}),r&&s.jsx(d,{onClick:t=>c(t,o),icon:"plus-circle",btnType:"outline",style:{maxWidth:"unset",width:"100%",marginBottom:"8px"}})]})}));n.propTypes={__TYPE__:e.PropTypes.string,id:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),showLoadMoreCards:e.PropTypes.bool,showAddNewCard:e.PropTypes.bool,addNewCardText:e.PropTypes.string,onAddNewCard:e.PropTypes.func,onLoadMoreCards:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object};n.displayName="KANBAN_FOOTER";module.exports=n;
+`,c=s.memo(s.forwardRef(({id:e,showAddNewCard:t=!1,showLoadMoreCards:o=!1,onAddNewCard:m=()=>{},onLoadMoreCards:l=()=>{},className:a="",style:u={},children:d,...p},y)=>{const x=f.useTheme();return r.jsxs(w,{ref:y,theme:x,className:a,style:u,...p,children:[d,o&&r.jsx(i,{onClick:n=>l(n,e),icon:"chevron-circle-down",btnType:"outline",style:{maxWidth:"unset",width:"100%",marginBottom:"8px"}}),t&&r.jsx(i,{onClick:n=>m(n,e),icon:"plus-circle",btnType:"outline",style:{maxWidth:"unset",width:"100%",marginBottom:"8px"}})]})}));c.displayName="KANBAN_FOOTER";module.exports=c;

package/dist/KanbanFooter.js

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

package/dist/KanbanHeader.cjs

@@ -1,5 +1,5 @@
-"use strict";const s=require("react/jsx-runtime"),c=require("react"),A=require("./emotion-styled.browser.esm-BtEseadx.cjs"),e=require("./index-BpbMKBf_.cjs"),q=require("./DropdownMenu.cjs"),w=require("./DropdownItem.cjs"),x=require("./Icon.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=A.styled.div`
-  font-family: ${n=>{var i,o;return(o=(i=n.theme)==null?void 0:i.typography)==null?void 0:o.fontFamily}};
+"use strict";const n=require("react/jsx-runtime"),i=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./DropdownMenu.cjs"),j=require("./DropdownItem.cjs"),A=require("./Icon.cjs"),g=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=w.styled.div`
+  font-family: ${r=>{var o,s;return(s=(o=r.theme)==null?void 0:o.typography)==null?void 0:s.fontFamily}};
   position: relative;
   width: 100%;
   & .column-action-lnc {
@@ -10,6 +10,6 @@
   }
 
   & > span {
-    ${n=>n.clickable&&"cursor: pointer;"}
+    ${r=>r.clickable&&"cursor: pointer;"}
   }
-`,t=c.memo(c.forwardRef(({__TYPE__:n="KANBAN_HEADER",id:i,item:o,column:p,actionsMenu:m=!1,actions:l=[],onDetails:a=()=>{},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:!!a,..._,children:[s.jsx("span",{onClick:r=>a(r,o,p),children:f}),m&&s.jsx(q,{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(w,{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;
+`,c=i.memo(i.forwardRef(({item:r,column:o,actionsMenu:s=!1,actions:l=[],onDetails:t=()=>{},color:m="primary",size:a="small",className:u="",style:d={},children:p,...h},f)=>{const b=g.useTheme();return n.jsxs(N,{ref:f,theme:b,className:u,style:d,clickable:!!t,...h,children:[n.jsx("span",{onClick:e=>t(e,r,o),children:p}),s&&n.jsx(x,{className:"column-action-lnc",horizontalAlignment:"right",verticalAlignment:"bottom",color:m,size:a,control:n.jsx(A,{color:"neutral",className:"column-action-lnc",icon:"ellipsis-v"}),children:l==null?void 0:l.map((e,y)=>{if((e==null?void 0:e.show)!=!1)return n.jsx(j,{icon:e.icon,disabled:e.enable==!1,onClick:q=>{e.onAction(q,r,o)},children:e.name},y)})})]})}));c.displayName="KANBAN_HEADER";module.exports=c;