@lanaco/lnc-react-ui 3.11.35 → 4.0.2

package/dist/KanbanActionsToolbar.cjs

@@ -0,0 +1,19 @@
+"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`
+  display: flex;
+  align-items: center;
+  border-radius: 8px;
+  padding: 6px;
+  margin-bottom: 12px;
+  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")}`};
+  gap: 6px;
+  justify-content: space-between;
+  & > div {
+    display: flex;
+    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;

package/dist/KanbanActionsToolbar.js

@@ -0,0 +1,152 @@
+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 N from "./DropdownItem.js";
+import s from "./Button.js";
+import { b as d } from "./utils-DEke8iwo.js";
+import { useTheme as O } from "./ThemeProvider.js";
+const I = C.div`
+  display: flex;
+  align-items: center;
+  border-radius: 8px;
+  padding: 6px;
+  margin-bottom: 12px;
+  font-weight: 700;
+  font-size: 0.875rem;
+  color: rgba(15, 23, 42, 100%);
+  background-color: ${(r) => d(
+  r.theme,
+  "Toolbar",
+  r.color,
+  "enabled",
+  "background",
+  "backgroundOpacity"
+)};
+  border: ${(r) => `1px solid ${d(
+  r.theme,
+  "Toolbar",
+  r.color,
+  "enabled",
+  "border",
+  "borderOpacity"
+)}`};
+  gap: 6px;
+  justify-content: space-between;
+  & > div {
+    display: flex;
+    gap: 0.5rem;
+  }
+}
+`, m = w.forwardRef((r, c) => {
+  const {
+    __TYPE__: k = "KANBAN_VIEW_ACTIONS_TOOLBAR",
+    showCreate: p = !0,
+    enableCreate: b = !0,
+    createText: i = "Create New item",
+    actionsText: f = "Actions",
+    actions: t = [],
+    //----------------
+    onCreate: g = () => {
+    },
+    //-------------------
+    className: u = "",
+    style: y = {},
+    color: n = "primary",
+    size: l = "small",
+    ...T
+  } = r, { theme: x } = O();
+  return /* @__PURE__ */ h(
+    I,
+    {
+      ref: c,
+      theme: x,
+      color: n,
+      className: u,
+      style: y,
+      ...T,
+      children: [
+        /* @__PURE__ */ a("div", { children: p && /* @__PURE__ */ a(
+          s,
+          {
+            leadingIcon: "plus",
+            btnType: "outline",
+            color: n,
+            size: l,
+            title: i,
+            disabled: !b,
+            onClick: g,
+            text: i
+          }
+        ) }),
+        (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
+          A,
+          {
+            color: n,
+            size: l,
+            control: /* @__PURE__ */ a(
+              s,
+              {
+                text: f,
+                btnType: "outline",
+                trailingIcon: "angle-down",
+                color: n,
+                size: l
+              }
+            ),
+            children: t == null ? void 0 : t.map((o, _) => {
+              if ((o == null ? void 0 : o.show) != !1)
+                return /* @__PURE__ */ a(
+                  N,
+                  {
+                    icon: o.icon,
+                    disabled: !o.enable,
+                    onClick: o.onAction,
+                    children: o.name
+                  },
+                  _
+                );
+            })
+          }
+        ) })
+      ]
+    }
+  );
+});
+m.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"
+  ])
+};
+m.displayName = "KANBAN_VIEW_ACTIONS_TOOLBAR";
+export {
+  m as default
+};

package/dist/KanbanCard-ConTmu3w.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-DXnSjbfJ.cjs"),N=require("./Icon.cjs"),k=require("./DropdownMenu-B6qr13ik.cjs"),q=require("./DropdownItem.cjs"),z=require("./index-IO9v6o0I.cjs"),C=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),R="_Action_bw0a9_5",$={Action:R},D=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(D,{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"})})})),K=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;"}
+  }
+`,M=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(K,{ref:h,handle:l,theme:P,className:w,style:A,clickable:!!d,...g,children:[l&&s.jsx(M,{className:"Actions",children:s.jsx(u,{...i})}),b&&s.jsx(k.DropdownMenu,{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-D9OhU8C6.js

@@ -0,0 +1,175 @@
+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 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(
+    "button",
+    {
+      ref: i,
+      ...l,
+      className: D($.Action, a),
+      tabIndex: 0,
+      style: {
+        ...t,
+        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`
+  height: 100%;
+  width: 100%;
+  padding: ${(o) => `18px 20px 18px ${o.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 {
+    ${(o) => o.clickable && "cursor: pointer;"}
+  }
+`, M = f.div`
+  display: flex;
+
+  & > *:first-of-type:not(:last-of-type) {
+    opacity: 0;
+  }
+
+  & > *:first-of-type:not(:last-of-type):focus-visible {
+    opacity: 1;
+  }
+`, u = d.memo(
+  d.forwardRef(
+    ({
+      __TYPE__: o = "KANBAN_CARD",
+      id: a,
+      containerId: s,
+      item: t,
+      handle: l = !0,
+      handleProps: i,
+      actionsMenu: b = !1,
+      actions: c = [],
+      onDetails: p,
+      color: y = "primary",
+      size: A = "small",
+      className: g = "",
+      style: h = {},
+      children: w,
+      ..._
+    }, x) => {
+      const N = K();
+      return /* @__PURE__ */ T(
+        I,
+        {
+          ref: x,
+          handle: l,
+          theme: N,
+          className: g,
+          style: h,
+          clickable: !!p,
+          ..._,
+          children: [
+            l && /* @__PURE__ */ e(M, { className: "Actions", children: /* @__PURE__ */ e(B, { ...i }) }),
+            b && /* @__PURE__ */ e(
+              P,
+              {
+                className: "card-action-lnc",
+                horizontalAlignment: "right",
+                verticalAlignment: "bottom",
+                color: y,
+                size: A,
+                control: /* @__PURE__ */ e(
+                  C,
+                  {
+                    color: "neutral",
+                    className: "card-action-lnc",
+                    icon: "ellipsis-v"
+                  }
+                ),
+                children: c == null ? void 0 : c.map((n, k) => {
+                  if ((n == null ? void 0 : n.show) != !1)
+                    return /* @__PURE__ */ e(
+                      R,
+                      {
+                        icon: n.icon,
+                        disabled: n.enable == !1,
+                        onClick: (z) => n.onAction(z, t, s),
+                        children: n.name
+                      },
+                      k
+                    );
+                })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "kanban-card-content-lnc",
+                onClick: (n) => {
+                  p && p(n, t, s);
+                },
+                children: w
+              }
+            )
+          ]
+        }
+      );
+    }
+  )
+);
+u.propTypes = {
+  __TYPE__: r.string,
+  id: r.oneOfType([r.string, r.number]),
+  containerId: r.oneOfType([r.string, r.number]),
+  className: r.string,
+  style: r.object,
+  handle: r.bool,
+  handleProps: r.any,
+  /**
+   * Show actions menu on Card
+   */
+  actionsMenu: r.bool,
+  /**
+   * type of: [{ name: `<string>`, show: `<bool>`, enable: `<bool>`, onAction: `<func>`, icon: `<string>`}]
+   * show and enable are true by default
+   */
+  actions: r.array,
+  //-------------------------------------------------------------
+  /**
+   * (e, item, columnId) => { }
+   */
+  onDetails: r.func,
+  //-------------------------------------------------------------
+  color: r.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "information",
+    "neutral",
+    "gray"
+  ]),
+  size: r.oneOf(["small", "medium", "large"])
+};
+u.displayName = "KANBAN_CARD";
+export {
+  B as H,
+  u as K
+};

package/dist/KanbanCard.cjs

@@ -0,0 +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;

package/dist/KanbanCard.js

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

package/dist/KanbanFooter.cjs

@@ -0,0 +1,5 @@
+"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`
+  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;
+`,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},w)=>{const x=P.useTheme();return s.jsxs(h,{ref:w,theme:x,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;

package/dist/KanbanFooter.js

@@ -0,0 +1,84 @@
+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) => {
+  var e, t;
+  return (t = (e = a.theme) == null ? void 0 : e.typography) == null ? void 0 : t.fontFamily;
+}};
+  padding: 5px 8px;
+  margin-top: auto;
+`, s = d.memo(
+  d.forwardRef(
+    ({
+      __TYPE__: a = "KANBAN_FOOTER",
+      id: e,
+      showAddNewCard: t = !1,
+      showLoadMoreCards: m = !1,
+      addNewCardText: g = "Add New Card",
+      onAddNewCard: p = () => {
+      },
+      onLoadMoreCards: l = () => {
+      },
+      className: c = "",
+      style: f = {},
+      color: C = "primary",
+      children: y,
+      ...u
+    }, h) => {
+      const w = x();
+      return /* @__PURE__ */ T(
+        N,
+        {
+          ref: h,
+          theme: w,
+          className: c,
+          style: f,
+          ...u,
+          children: [
+            y,
+            m && /* @__PURE__ */ n(
+              i,
+              {
+                onClick: (r) => l(r, e),
+                icon: "chevron-circle-down",
+                btnType: "outline",
+                style: { maxWidth: "unset", width: "100%", marginBottom: "8px" }
+              }
+            ),
+            t && /* @__PURE__ */ n(
+              i,
+              {
+                onClick: (r) => p(r, e),
+                icon: "plus-circle",
+                btnType: "outline",
+                style: { maxWidth: "unset", width: "100%", marginBottom: "8px" }
+              }
+            )
+          ]
+        }
+      );
+    }
+  )
+);
+s.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
+};
+s.displayName = "KANBAN_FOOTER";
+export {
+  s as default
+};

package/dist/KanbanHeader.cjs

@@ -0,0 +1,15 @@
+"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`
+  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%;
+  & .column-action-lnc {
+    position: absolute;
+    right: 0;
+    top: 0;
+    cursor: pointer;
+  }
+
+  & > 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;

package/dist/KanbanHeader.js

@@ -0,0 +1,127 @@
+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`
+  font-family: ${(n) => {
+  var a, o;
+  return (o = (a = n.theme) == null ? void 0 : a.typography) == null ? void 0 : o.fontFamily;
+}};
+  position: relative;
+  width: 100%;
+  & .column-action-lnc {
+    position: absolute;
+    right: 0;
+    top: 0;
+    cursor: pointer;
+  }
+
+  & > span {
+    ${(n) => n.clickable && "cursor: pointer;"}
+  }
+`, p = m.memo(
+  m.forwardRef(
+    ({
+      __TYPE__: n = "KANBAN_HEADER",
+      id: a,
+      item: o,
+      column: s,
+      actionsMenu: c = !1,
+      actions: i = [],
+      onDetails: t = () => {
+      },
+      color: f = "primary",
+      size: d = "small",
+      className: u = "",
+      style: y = {},
+      children: g,
+      ...h
+    }, _) => {
+      const b = v();
+      return /* @__PURE__ */ w(
+        H,
+        {
+          ref: _,
+          theme: b,
+          className: u,
+          style: y,
+          clickable: !!t,
+          ...h,
+          children: [
+            /* @__PURE__ */ l("span", { onClick: (r) => t(r, o, s), children: g }),
+            c && /* @__PURE__ */ l(
+              T,
+              {
+                className: "column-action-lnc",
+                horizontalAlignment: "right",
+                verticalAlignment: "bottom",
+                color: f,
+                size: d,
+                control: /* @__PURE__ */ l(
+                  k,
+                  {
+                    color: "neutral",
+                    className: "column-action-lnc",
+                    icon: "ellipsis-v"
+                  }
+                ),
+                children: i == null ? void 0 : i.map((r, A) => {
+                  if ((r == null ? void 0 : r.show) != !1)
+                    return /* @__PURE__ */ l(
+                      D,
+                      {
+                        icon: r.icon,
+                        disabled: r.enable == !1,
+                        onClick: (N) => {
+                          r.onAction(N, o, s);
+                        },
+                        children: r.name
+                      },
+                      A
+                    );
+                })
+              }
+            )
+          ]
+        }
+      );
+    }
+  )
+);
+p.propTypes = {
+  __TYPE__: e.string,
+  id: e.oneOfType([e.string, e.number]),
+  /**
+   * Show actions menu on Card
+   */
+  actionsMenu: e.bool,
+  /**
+   * type of: [{ name: `<string>`, show: `<bool>`, enable: `<bool>`, onAction: `<func>`, icon: `<string>`}]
+   * show and enable are true by default
+   */
+  actions: e.array,
+  //---------------------------------
+  onDetails: e.func,
+  //---------------------------------
+  className: e.string,
+  style: e.object,
+  color: e.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "information",
+    "neutral",
+    "gray"
+  ]),
+  size: e.oneOf(["small", "medium", "large"])
+};
+p.displayName = "KANBAN_HEADER";
+export {
+  p as default
+};

package/dist/KanbanView.cjs

@@ -0,0 +1,8 @@
+"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`
+  & .kanban-view-footer-lnc {
+    padding: 0 0.625rem;
+  }
+  & .kanban-view-toolbar-lnc {
+    margin: 0 0.625rem;
+  }
+`,c=U.forwardRef((u,C)=>{const{__TYPE__:re="KANBAN_VIEW",goToPreviousView:se,toolbarActions:p=[],kanbanProps:n={},actionsToolbarProps:m={},footerProps:r={},showCreate:T=!0,enableCreate:y=!0,loading:te=!1,customCardActions:b=[],customColumnActions:w=[],editCardText:A="Edit",enableEditCard:h=!0,showEditCard:N=!0,deleteCardText:E="Delete",enableDeleteCard:D=!0,showDeleteCard:P=!0,editColumnText:g="Edit",enableEditColumn:x=!0,showEditColumn:z=!0,deleteColumnText:_="Delete",enableDeleteColumn:f=!0,showDeleteColumn:K=!0,showAddNewCard:j=!1,showLoadMoreCards:q=!1,onCreate:d=()=>{},onEditCard:R=()=>{},onDeleteCard:v=()=>{},onEditColumn:O=()=>{},onDeleteColumn:V=()=>{},onCardDetails:M=()=>{},onColumnDetails:B=()=>{},onAddNewCard:L=()=>{},onLoadMoreCards:I=()=>{},className:S="",style:F={},size:l="small",color:i="primary",children:s,...W}=u,o={...m,showCreate:T,enableCreate:y,onCreate:d,actions:p},Y=Q=>{d(Q)},H=()=>a.renderCustomElement(a.getCustomRender("KANBAN_VIEW_ACTIONS_TOOLBAR",s),{...o,size:o!=null&&o.size?o.size:l,color:o!=null&&o.color?o.color:i,className:"kanban-view-toolbar-lnc "+(o==null?void 0:o.className)},s)||t.jsx(Z,{...o,className:"kanban-view-toolbar-lnc "+(o==null?void 0:o.className),size:o!=null&&o.size?o.size:l,color:o!=null&&o.color?o.color:i,onCreate:Y}),G=()=>a.renderCustomElement(a.getCustomRender("KANBAN",s),{...n,size:n!=null&&n.size?n.size:l,color:n!=null&&n.color?n.color:i,className:n==null?void 0:n.className},s)||t.jsxs($,{size:n!=null&&n.size?n.size:l,color:n!=null&&n.color?n.color:i,...n,children:[t.jsx(ee,{onDetails:B,actionsMenu:!0,actions:[{name:g,enable:x,show:z,onAction:O,icon:"pen"},{name:_,enable:f,show:K,onAction:V,icon:"trash"},...w]}),t.jsx(k.KanbanCard,{onDetails:M,actionsMenu:!0,actions:[{name:A,enable:h,show:N,onAction:R,icon:"pen"},{name:E,enable:D,show:P,onAction:v,icon:"trash"},...b]}),s,t.jsx(oe,{showAddNewCard:j,showLoadMoreCards:q,onAddNewCard:L,onLoadMoreCards:I})]}),J=()=>a.renderCustomElement(a.getCustomRender("KANBAN_VIEW_FOOTER",s),{...r,size:r!=null&&r.size?r.size:l,color:r!=null&&r.color?r.color:i,className:"kanban-view-footer-lnc "+(r==null?void 0:r.className)},s)||null;return t.jsxs(ne,{ref:C,className:S,style:F,...W,children:[H(),G(),J()]})});c.propTypes={__TYPE__:e.PropTypes.string,kanbanProps:e.PropTypes.object,actionsToolbarProps:e.PropTypes.object,footerProps:e.PropTypes.object,loading:e.PropTypes.bool,showCreate:e.PropTypes.bool,enableCreate:e.PropTypes.bool,toolbarActions:e.PropTypes.array,customCardActions:e.PropTypes.array,customColumnActions:e.PropTypes.array,editCardText:e.PropTypes.string,enableEditCard:e.PropTypes.bool,showEditCard:e.PropTypes.bool,deleteCardText:e.PropTypes.string,enableDeleteCard:e.PropTypes.bool,showDeleteCard:e.PropTypes.bool,editColumnText:e.PropTypes.string,enableEditColumn:e.PropTypes.bool,showEditColumn:e.PropTypes.bool,deleteColumnText:e.PropTypes.string,enableDeleteColumn:e.PropTypes.bool,showDeleteColumn:e.PropTypes.bool,showAddNewCard:e.PropTypes.bool,showLoadMoreCards:e.PropTypes.bool,onCreate:e.PropTypes.func,onEditCard:e.PropTypes.func,onDeleteCard:e.PropTypes.func,onEditColumn:e.PropTypes.func,onDeleteColumn:e.PropTypes.func,onCardDetails:e.PropTypes.func,onColumnDetails:e.PropTypes.func,onLoadMoreCards:e.PropTypes.func,onAddNewCard: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"])};c.displayName="KanbanView";module.exports=c;