@lanaco/lnc-react-ui 4.0.19 → 4.0.21

package/dist/ActionsToolbar.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),$=require("react"),e=require("./index-BIlhCoy2.cjs"),B=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),V=require("./DropdownMenu.cjs"),i=require("./DropdownItem.cjs"),Y=require("./Separator.cjs"),y=require("./Button.cjs"),b=require("./utils-DTAPpJXU.cjs"),M=require("./ThemeProvider.cjs"),Z=B.newStyled.div`
+"use strict";const o=require("react/jsx-runtime"),B=require("react"),e=require("./index-BIlhCoy2.cjs"),V=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),Y=require("./DropdownMenu.cjs"),i=require("./DropdownItem.cjs"),M=require("./Separator.cjs"),y=require("./Button.cjs"),b=require("./utils-DTAPpJXU.cjs"),Z=require("./ThemeProvider.cjs"),F=V.newStyled.div`
   display: flex;
   align-items: center;
   border-radius: 8px;
@@ -16,4 +16,4 @@
     gap: 0.5rem;
   }
 }
-`,c=$.forwardRef((t,T)=>{const{__TYPE__:F="ACTIONS_TOOLBAR",showCreate:u=!0,enableCreate:x=!0,createText:d="Create new item",showEdit:m=!0,enableEditOnSelection:g=!0,editText:P="Edit",showDelete:w=!0,enableDeleteOnSelection:h=!0,deleteText:C="Delete",showCopy:f=!0,enableCopyOnSelection:O=!0,copyText:j="Copy",actionsText:S="Actions",customActions:a,selectedRowsLength:n=0,readOnly:s=!1,actionDropdownProps:D,actionsDropdownZIndex:_,actionsDropdownPlacement:q,onCreate:E=()=>{},onEdit:R=()=>{},onDelete:k=()=>{},onCopy:v=()=>{},className:A="",style:I={},color:l="primary",size:p="small",...N}=t,{theme:z}=M.useTheme();return o.jsxs(Z,{ref:T,theme:z,color:l,className:`lnc-table-view-actions-toolbar ${A}`,style:I,...N,children:[o.jsx("div",{children:u&&s==!1&&o.jsx(y,{leadingIcon:"plus",btnType:"outline",type:"button",color:l,size:p,title:d,disabled:!x,onClick:E,text:d})}),o.jsx("div",{children:o.jsxs(V,{className:"lnc-table-view-actions-toolbar-dropdown",color:l,size:p,zIndex:_,placement:q,...D,control:o.jsx(y,{text:S,btnType:"outline",trailingIcon:"angle-down",color:l,size:p,type:"button"}),children:[f&&s==!1&&o.jsx(i,{icon:"copy",disabled:!(O&&n>0),onClick:v,children:j}),m&&s==!1&&o.jsx(i,{icon:"pen",disabled:!(g&&n>0),onClick:R,children:P}),w&&s==!1&&o.jsx(i,{icon:"trash",disabled:!(h&&n>0),onClick:k,children:C}),o.jsx(Y,{}),a==null?void 0:a.map((r,L)=>{if((r==null?void 0:r.show)!=!1)return o.jsx(i,{icon:r.icon,disabled:!(r.enableOnSelection==!0&&n>0||r.enable==!0&&r.enableOnSelection==!1),onClick:r.onAction,children:r.name},L)})]})})]})});c.propTypes={__TYPE__:e.PropTypes.string,showCreate:e.PropTypes.bool,enableCreate:e.PropTypes.bool,createText:e.PropTypes.string,showEdit:e.PropTypes.bool,enableEditOnSelection:e.PropTypes.bool,editText:e.PropTypes.string,showDelete:e.PropTypes.bool,enableDeleteOnSelection:e.PropTypes.bool,deleteText:e.PropTypes.string,showCopy:e.PropTypes.bool,enableCopyOnSelection:e.PropTypes.bool,copyText:e.PropTypes.string,actionsText:e.PropTypes.string,customActions:e.PropTypes.array,selectedRowsLength:e.PropTypes.number,readOnly:e.PropTypes.bool,onCreate:e.PropTypes.func,onEdit:e.PropTypes.func,onDelete:e.PropTypes.func,onCopy: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="ACTIONS_TOOLBAR";module.exports=c;
+`,c=B.forwardRef((t,T)=>{const{__TYPE__:G="ACTIONS_TOOLBAR",showCreate:u=!0,enableCreate:x=!0,createText:d="Create new item",showEdit:m=!0,enableEditOnSelection:g=!0,editText:P="Edit",showDelete:w=!0,enableDeleteOnSelection:h=!0,deleteText:C="Delete",showCopy:f=!0,enableCopyOnSelection:O=!0,copyText:j="Copy",actionsText:S="Actions",customActions:a,selectedRowsLength:n=0,readOnly:s=!1,actionDropdownProps:D,actionsDropdownZIndex:_,actionsDropdownPlacement:q,onCreate:R=()=>{},onEdit:E=()=>{},onDelete:k=()=>{},onCopy:v=()=>{},className:A="",style:I={},color:l="primary",size:p="small",selectedRows:N,...z}=t,{theme:L}=Z.useTheme();return o.jsxs(F,{ref:T,theme:L,color:l,className:`lnc-table-view-actions-toolbar ${A}`,style:I,...z,children:[o.jsx("div",{children:u&&s==!1&&o.jsx(y,{leadingIcon:"plus",btnType:"outline",type:"button",color:l,size:p,title:d,disabled:!x,onClick:R,text:d})}),o.jsx("div",{children:o.jsxs(Y,{className:"lnc-table-view-actions-toolbar-dropdown",color:l,size:p,zIndex:_,placement:q,...D,control:o.jsx(y,{text:S,btnType:"outline",trailingIcon:"angle-down",color:l,size:p,type:"button"}),children:[f&&s==!1&&o.jsx(i,{icon:"copy",disabled:!(O&&n>0),onClick:v,children:j}),m&&s==!1&&o.jsx(i,{icon:"pen",disabled:!(g&&n>0),onClick:E,children:P}),w&&s==!1&&o.jsx(i,{icon:"trash",disabled:!(h&&n>0),onClick:k,children:C}),o.jsx(M,{}),a==null?void 0:a.map((r,$)=>{if((r==null?void 0:r.show)!=!1)return o.jsx(i,{icon:r.icon,disabled:!(r.enableOnSelection==!0&&n>0||r.enable==!0&&r.enableOnSelection==!1),onClick:()=>{r.onAction(N)},children:r.name},$)})]})})]})});c.propTypes={__TYPE__:e.PropTypes.string,showCreate:e.PropTypes.bool,enableCreate:e.PropTypes.bool,createText:e.PropTypes.string,showEdit:e.PropTypes.bool,enableEditOnSelection:e.PropTypes.bool,editText:e.PropTypes.string,showDelete:e.PropTypes.bool,enableDeleteOnSelection:e.PropTypes.bool,deleteText:e.PropTypes.string,showCopy:e.PropTypes.bool,enableCopyOnSelection:e.PropTypes.bool,copyText:e.PropTypes.string,actionsText:e.PropTypes.string,customActions:e.PropTypes.array,selectedRowsLength:e.PropTypes.number,readOnly:e.PropTypes.bool,onCreate:e.PropTypes.func,onEdit:e.PropTypes.func,onDelete:e.PropTypes.func,onCopy: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="ACTIONS_TOOLBAR";module.exports=c;

package/dist/ActionsToolbar.js

@@ -1,14 +1,14 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { forwardRef as Y } from "react";
+import { forwardRef as M } from "react";
 import { P as e } from "./index-BYnWp42a.js";
-import { n as M } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import V from "./DropdownMenu.js";
+import { n as V } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import Z from "./DropdownMenu.js";
 import i from "./DropdownItem.js";
-import Z from "./Separator.js";
+import q from "./Separator.js";
 import b from "./Button.js";
 import { a as m } from "./utils-C52T57HO.js";
-import { useTheme as q } from "./ThemeProvider.js";
-const F = M.div`
+import { useTheme as F } from "./ThemeProvider.js";
+const G = V.div`
   display: flex;
   align-items: center;
   border-radius: 8px;
@@ -40,9 +40,9 @@ const F = M.div`
     gap: 0.5rem;
   }
 }
-`, u = Y((n, f) => {
+`, u = M((n, f) => {
   const {
-    __TYPE__: G = "ACTIONS_TOOLBAR",
+    __TYPE__: H = "ACTIONS_TOOLBAR",
     showCreate: y = !0,
     enableCreate: g = !0,
     createText: c = "Create new item",
@@ -65,27 +65,28 @@ const F = M.div`
     //----------------
     onCreate: N = () => {
     },
-    onEdit: v = () => {
+    onEdit: R = () => {
     },
-    onDelete: P = () => {
+    onDelete: v = () => {
     },
-    onCopy: R = () => {
+    onCopy: P = () => {
     },
     className: j = "",
     style: z = {},
     color: a = "primary",
     size: d = "small",
-    ...L
-  } = n, { theme: $ } = q();
+    selectedRows: L,
+    ...$
+  } = n, { theme: B } = F();
   return /* @__PURE__ */ p(
-    F,
+    G,
     {
       ref: f,
-      theme: $,
+      theme: B,
       color: a,
       className: `lnc-table-view-actions-toolbar ${j}`,
       style: z,
-      ...L,
+      ...$,
       children: [
         /* @__PURE__ */ t("div", { children: y && l == !1 && /* @__PURE__ */ t(
           b,
@@ -102,7 +103,7 @@ const F = M.div`
           }
         ) }),
         /* @__PURE__ */ t("div", { children: /* @__PURE__ */ p(
-          V,
+          Z,
           {
             className: "lnc-table-view-actions-toolbar-dropdown",
             color: a,
@@ -127,7 +128,7 @@ const F = M.div`
                 {
                   icon: "copy",
                   disabled: !(D && r > 0),
-                  onClick: R,
+                  onClick: P,
                   children: _
                 }
               ),
@@ -136,7 +137,7 @@ const F = M.div`
                 {
                   icon: "pen",
                   disabled: !(h && r > 0),
-                  onClick: v,
+                  onClick: R,
                   children: T
                 }
               ),
@@ -145,22 +146,24 @@ const F = M.div`
                 {
                   icon: "trash",
                   disabled: !(C && r > 0),
-                  onClick: P,
+                  onClick: v,
                   children: O
                 }
               ),
-              /* @__PURE__ */ t(Z, {}),
-              s == null ? void 0 : s.map((o, B) => {
+              /* @__PURE__ */ t(q, {}),
+              s == null ? void 0 : s.map((o, Y) => {
                 if ((o == null ? void 0 : o.show) != !1)
                   return /* @__PURE__ */ t(
                     i,
                     {
                       icon: o.icon,
                       disabled: !(o.enableOnSelection == !0 && r > 0 || o.enable == !0 && o.enableOnSelection == !1),
-                      onClick: o.onAction,
+                      onClick: () => {
+                        o.onAction(L);
+                      },
                       children: o.name
                     },
-                    B
+                    Y
                   );
               })
             ]

package/dist/ProgressBar.cjs

@@ -27,4 +27,4 @@
   left: 50%;
   transform: translate(-50%, -50%);
   color: ${e=>o.getColorRgbaValue(e.theme,"Progress",e.color,"enabled","text")};
-`,d=i.forwardRef((e,T)=>{const{id:$="",showLabel:c=!1,progressPercentage:n=0,className:m="",style:u={},onChange:C=()=>{},size:g="small",color:b="primary",progressBarEndComponent:s,...h}=e,t=P.useTheme(),y=()=>{var p;if(i.isValidElement(s))return console.log("is valid"),i.cloneElement(s,{className:`progress-icon ${(p=s==null?void 0:s.props)==null?void 0:p.className}`})};return a.jsxs(f,{style:u,className:"lnc-ui-progress "+m,theme:t,size:g,showLabel:c,progressPercentage:n,...h,children:[a.jsx(x,{progressPercentage:n,theme:t,color:b,children:s!==null&&y()}),c&&a.jsxs(w,{theme:t,size:g,children:[n,"%"]})]})});d.propTypes={id:r.PropTypes.string,showLabel:r.PropTypes.bool,progressPercentage:r.PropTypes.number,onChange:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","disabled","information","neutral","gray"]),progressBarEndComponent:r.PropTypes.any};module.exports=d;
+`,d=i.forwardRef((e,T)=>{const{id:$="",showLabel:c=!1,progressPercentage:t=0,className:m="",style:u={},onChange:C=()=>{},size:g="small",color:b="primary",progressBarEndComponent:s,...h}=e,n=P.useTheme(),y=()=>{var p;if(i.isValidElement(s))return i.cloneElement(s,{className:`progress-icon ${(p=s==null?void 0:s.props)==null?void 0:p.className}`})};return a.jsxs(f,{style:u,className:"lnc-ui-progress "+m,theme:n,size:g,showLabel:c,progressPercentage:t,...h,children:[a.jsx(x,{progressPercentage:t,theme:n,color:b,children:s!==null&&y()}),c&&a.jsxs(w,{theme:n,size:g,children:[t,"%"]})]})});d.propTypes={id:r.PropTypes.string,showLabel:r.PropTypes.bool,progressPercentage:r.PropTypes.number,onChange:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","disabled","information","neutral","gray"]),progressBarEndComponent:r.PropTypes.any};module.exports=d;

package/dist/ProgressBar.js

@@ -1,13 +1,13 @@
 import { jsxs as g, jsx as h } from "react/jsx-runtime";
 import { forwardRef as f, isValidElement as P, cloneElement as y } from "react";
 import { P as r } from "./index-BYnWp42a.js";
-import { n } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { a as t, g as x } from "./utils-C52T57HO.js";
+import { n as t } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { a as n, g as x } from "./utils-C52T57HO.js";
 import { u as w } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const $ = n.div`
+const $ = t.div`
   width: 100%;
   position: relative;
-  background-color: ${(e) => t(
+  background-color: ${(e) => n(
   e.theme,
   "Progress",
   e.color,
@@ -17,11 +17,11 @@ const $ = n.div`
   height: ${(e) => e.theme.components.Progress.default.enabled.sizes[e.size]};
   border-radius: 5px;
   animation: progres 4s infinite linear;
-`, z = n.div`
+`, z = t.div`
   position: relative;
   height: 100%;
   width: ${(e) => e.progressPercentage + "%"};
-  background-color: ${(e) => t(
+  background-color: ${(e) => n(
   e.theme,
   "Progress",
   e.color,
@@ -38,14 +38,14 @@ const $ = n.div`
     top: 50%;
     transform: translate(50%, -50%);
   }
-`, v = n.label`
+`, C = t.label`
   ${(e) => x(e.theme, "Progress", e.size, "enabled")};
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  color: ${(e) => t(e.theme, "Progress", e.color, "enabled", "text")};
-`, C = f((e, N) => {
+  color: ${(e) => n(e.theme, "Progress", e.color, "enabled", "text")};
+`, N = f((e, v) => {
   const {
     id: T = "",
     showLabel: i = !1,
@@ -56,13 +56,12 @@ const $ = n.div`
     },
     size: l = "small",
     color: p = "primary",
-    // progressBarEndComponent = null,
     progressBarEndComponent: o,
     ...b
   } = e, a = w(), u = () => {
     var c;
     if (P(o))
-      return console.log("is valid"), y(o, {
+      return y(o, {
         className: `progress-icon ${(c = o == null ? void 0 : o.props) == null ? void 0 : c.className}`
       });
   };
@@ -86,7 +85,7 @@ const $ = n.div`
             children: o !== null && u()
           }
         ),
-        i && /* @__PURE__ */ g(v, { theme: a, size: l, children: [
+        i && /* @__PURE__ */ g(C, { theme: a, size: l, children: [
           s,
           "%"
         ] })
@@ -94,7 +93,7 @@ const $ = n.div`
     }
   );
 });
-C.propTypes = {
+N.propTypes = {
   id: r.string,
   showLabel: r.bool,
   progressPercentage: r.number,
@@ -118,5 +117,5 @@ C.propTypes = {
   progressBarEndComponent: r.any
 };
 export {
-  C as default
+  N as default
 };

package/dist/TableView.cjs

@@ -1,8 +1,8 @@
-"use strict";const T=require("react/jsx-runtime"),g=require("react"),e=require("./index-BIlhCoy2.cjs"),ee=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),oe=require("./ActionsToolbar.cjs"),ne=require("./Pagination.cjs"),d=require("./utils-DTAPpJXU.cjs"),le=require("./Table.cjs"),se=ee.newStyled.div`
+"use strict";const b=require("react/jsx-runtime"),g=require("react"),e=require("./index-BIlhCoy2.cjs"),ne=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),re=require("./ActionsToolbar.cjs"),te=require("./Pagination.cjs"),T=require("./utils-DTAPpJXU.cjs"),le=require("./Table.cjs"),se=ne.newStyled.div`
   & .table-view-pagination-lnc {
     padding: 0 0.625rem;
   }
   & .table-view-toolbar-lnc {
     margin: 0 0.625rem;
   }
-`,w=g.forwardRef((h,S)=>{const{__TYPE__:te="TABLE_VIEW",goToPreviousView:re,tableProps:o={},paginationProps:n={},actionsToolbarProps:f={},rowsSingleSelect:C=!0,rowsMultiSelect:m=!1,loading:ce=!1,showCreate:z=!0,enableCreate:E=!0,enableDetails:ae=!0,showEdit:D,enableEditOnSelection:N,showDelete:P=!0,enableDeleteOnSelection:R=!0,showCopy:O=!0,enableCopyOnSelection:_=!0,customActions:x,pagination:A=!0,readOnly:b=!1,actionsDropdownZIndex:j=null,actionsDropdownPlacement:v=null,actionDropdownProps:q,onCreate:k=()=>{},onEdit:I=()=>{},onDelete:L=()=>{},onDetails:V=()=>{},onCopy:B=()=>{},onFilter:ie=()=>{},onSort:ye=()=>{},onPageChange:F=()=>{},onEmptyRowsSelection:pe=()=>{},className:de="",style:ue={},color:c="primary",size:a="small",children:i,...M}=h,l={...f,showCreate:z,enableCreate:E,showCopy:O,enableCopyOnSelection:_,showEdit:D,enableEditOnSelection:N,showDelete:P,enableDeleteOnSelection:R,customActions:x,readOnly:b},[r,y]=g.useState([]),W=(s,t)=>{t?m?y([...r,s]):C&&y([s]):y(m?p=>p.filter(u=>u!=s):[])},Y=(s,t)=>{var p,u;((p=s.target)==null?void 0:p.type)!=="checkbox"&&((u=s.target)==null?void 0:u.className)!=="checkmark"&&(o!=null&&o.onRowClick&&o.onRowClick(s,t),Z(t,s))},Z=(s,t)=>{V(s,t)},G=s=>{k(s)},H=s=>{B(r,s)},J=s=>{I(r,s),y([])},K=s=>{L(r,s),y([])},Q=s=>{F(s)},U=()=>d.renderCustomElement(d.getCustomRender("ACTIONS_TOOLBAR",i),{...l,size:l!=null&&l.size?l.size:a,color:l!=null&&l.color?l.color:c,className:"table-view-toolbar-lnc "+(l==null?void 0:l.className)},i)||T.jsx(oe,{...l,className:"table-view-toolbar-lnc "+(l==null?void 0:l.className),size:l!=null&&l.size?l.size:a,color:l!=null&&l.color?l.color:c,selectedRowsLength:r!=null&&r.length?r.length:0,onCreate:G,onCopy:H,onEdit:J,onDelete:K,actionsDropdownZIndex:j,actionDropdownProps:q,actionsDropdownPlacement:v}),X=()=>d.renderCustomElement(d.getCustomRender("TABLE",i),{...o,size:o!=null&&o.size?o.size:a,color:o!=null&&o.color?o.color:c,className:"table-view-pagination-lnc "+(o==null?void 0:o.className)},i)||T.jsx(le.default,{size:o!=null&&o.size?o.size:a,color:o!=null&&o.color?o.color:c,EnableSelection:(C||m)&&b==!1,onSelectRow:(s,t,p)=>W(t,!p),SelectedData:r,onRowClick:(s,t)=>Y(s,t),...o}),$=()=>d.renderCustomElement(d.getCustomRender("PAGINATION",i),{...n,size:n!=null&&n.size?n.size:a,color:n!=null&&n.color?n.color:c,className:"table-view-pagination-lnc "+(n==null?void 0:n.className)},i)||T.jsx(ne,{...n,size:n!=null&&n.size?n.size:a,color:n!=null&&n.color?n.color:c,className:"table-view-pagination-lnc "+(n==null?void 0:n.className),onPageChange:Q});return T.jsxs(se,{ref:S,...M,children:[U(),X(),A==!0&&$()]})});w.propTypes={__TYPE__:e.PropTypes.string,tableProps:e.PropTypes.object,actionsToolbarProps:e.PropTypes.object,paginationProps:e.PropTypes.object,rowsSingleSelect:e.PropTypes.bool,rowsMultiSelect:e.PropTypes.bool,loading:e.PropTypes.bool,showCreate:e.PropTypes.bool,actionsDropdownZIndex:e.PropTypes.any,actionsDropdownPlacement:e.PropTypes.any,enableCreate:e.PropTypes.bool,enableDetails:e.PropTypes.bool,showEdit:e.PropTypes.bool,enableEditOnSelection:e.PropTypes.bool,showDelete:e.PropTypes.bool,enableDeleteOnSelection:e.PropTypes.bool,showCopy:e.PropTypes.bool,enableCopyOnSelection:e.PropTypes.bool,customActions:e.PropTypes.array,pagination:e.PropTypes.bool,readOnly:e.PropTypes.bool,onCreate:e.PropTypes.func,onEdit:e.PropTypes.func,onDelete:e.PropTypes.func,onDetails:e.PropTypes.func,onCopy:e.PropTypes.func,onFilter:e.PropTypes.func,onSort:e.PropTypes.func,onPageChange: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"])};w.displayName="TABLE_VIEW";module.exports=w;
+`,h=g.forwardRef((z,E)=>{const{__TYPE__:ce="TABLE_VIEW",goToPreviousView:ie,tableProps:o={},paginationProps:n={},actionsToolbarProps:D={},rowsSingleSelect:w=!0,rowsMultiSelect:d=!1,loading:ae=!1,showCreate:N=!0,enableCreate:P=!0,enableDetails:ue=!0,showEdit:O,enableEditOnSelection:f,showDelete:_=!0,enableDeleteOnSelection:x=!0,showCopy:A=!0,enableCopyOnSelection:j=!0,customActions:v,pagination:q=!0,readOnly:S=!1,actionsDropdownZIndex:k=null,actionsDropdownPlacement:I=null,actionDropdownProps:L,onCreate:V=()=>{},onEdit:B=()=>{},onDelete:F=()=>{},onDetails:M=()=>{},onCopy:W=()=>{},onFilter:ye=()=>{},onSort:pe=()=>{},onPageChange:Y=()=>{},onEmptyRowsSelection:Te=()=>{},className:de="",style:me={},color:a="primary",size:u="small",children:y,onChangeRowsSelection:p=()=>{},...Z}=z,r={...D,showCreate:N,enableCreate:P,showCopy:A,enableCopyOnSelection:j,showEdit:O,enableEditOnSelection:f,showDelete:_,enableDeleteOnSelection:x,customActions:v,readOnly:S},[c,m]=g.useState([]),t=g.useRef([]),G=(l,s)=>{var i;s?(d||w)&&(t.current=d?[...t.current,l]:[l],p(t==null?void 0:t.current),m(t==null?void 0:t.current)):(t.current=d?(i=t==null?void 0:t.current)==null?void 0:i.filter(C=>C!=l):[],p==null||p(t==null?void 0:t.current),m(t==null?void 0:t.current))},H=(l,s)=>{var i,C;((i=l.target)==null?void 0:i.type)!=="checkbox"&&((C=l.target)==null?void 0:C.className)!=="checkmark"&&(o!=null&&o.onRowClick&&o.onRowClick(l,s),J(s,l))},J=(l,s)=>{M(l,s)},K=l=>{V(l)},Q=l=>{W(c,l)},U=l=>{B(c,l),t.current=[],m([]),p([])},X=l=>{F(c,l),t.current=[],m([]),p([])},$=l=>{Y(l)},R=()=>T.renderCustomElement(T.getCustomRender("ACTIONS_TOOLBAR",y),{...r,size:r!=null&&r.size?r.size:u,color:r!=null&&r.color?r.color:a,className:"table-view-toolbar-lnc "+(r==null?void 0:r.className)},y)||b.jsx(re,{...r,className:"table-view-toolbar-lnc "+(r==null?void 0:r.className),size:r!=null&&r.size?r.size:u,color:r!=null&&r.color?r.color:a,selectedRowsLength:c!=null&&c.length?c.length:0,onCreate:K,onCopy:Q,onEdit:U,onDelete:X,actionsDropdownZIndex:k,actionDropdownProps:L,actionsDropdownPlacement:I,selectedRows:t==null?void 0:t.current}),ee=()=>T.renderCustomElement(T.getCustomRender("TABLE",y),{...o,size:o!=null&&o.size?o.size:u,color:o!=null&&o.color?o.color:a,className:"table-view-pagination-lnc "+(o==null?void 0:o.className)},y)||b.jsx(le.default,{size:o!=null&&o.size?o.size:u,color:o!=null&&o.color?o.color:a,EnableSelection:(w||d)&&S==!1,onSelectRow:(l,s,i)=>G(s,!i),SelectedData:c,onRowClick:(l,s)=>H(l,s),...o}),oe=()=>T.renderCustomElement(T.getCustomRender("PAGINATION",y),{...n,size:n!=null&&n.size?n.size:u,color:n!=null&&n.color?n.color:a,className:"table-view-pagination-lnc "+(n==null?void 0:n.className)},y)||b.jsx(te,{...n,size:n!=null&&n.size?n.size:u,color:n!=null&&n.color?n.color:a,className:"table-view-pagination-lnc "+(n==null?void 0:n.className),onPageChange:$});return b.jsxs(se,{ref:E,...Z,children:[R(),ee(),q==!0&&oe()]})});h.propTypes={__TYPE__:e.PropTypes.string,tableProps:e.PropTypes.object,actionsToolbarProps:e.PropTypes.object,paginationProps:e.PropTypes.object,rowsSingleSelect:e.PropTypes.bool,rowsMultiSelect:e.PropTypes.bool,loading:e.PropTypes.bool,showCreate:e.PropTypes.bool,actionsDropdownZIndex:e.PropTypes.any,actionsDropdownPlacement:e.PropTypes.any,enableCreate:e.PropTypes.bool,enableDetails:e.PropTypes.bool,showEdit:e.PropTypes.bool,enableEditOnSelection:e.PropTypes.bool,showDelete:e.PropTypes.bool,enableDeleteOnSelection:e.PropTypes.bool,showCopy:e.PropTypes.bool,enableCopyOnSelection:e.PropTypes.bool,customActions:e.PropTypes.array,pagination:e.PropTypes.bool,readOnly:e.PropTypes.bool,onCreate:e.PropTypes.func,onEdit:e.PropTypes.func,onDelete:e.PropTypes.func,onDetails:e.PropTypes.func,onCopy:e.PropTypes.func,onFilter:e.PropTypes.func,onSort:e.PropTypes.func,onPageChange: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"])};h.displayName="TABLE_VIEW";module.exports=h;

package/dist/TableView.js

@@ -1,169 +1,173 @@
-import { jsxs as ee, jsx as f } from "react/jsx-runtime";
-import { forwardRef as oe, useState as ne } from "react";
+import { jsxs as oe, jsx as C } from "react/jsx-runtime";
+import { forwardRef as le, useState as te, useRef as ce } from "react";
 import { P as e } from "./index-BYnWp42a.js";
-import { n as le } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import te from "./ActionsToolbar.js";
-import ce from "./Pagination.js";
-import { r as h, i as C } from "./utils-C52T57HO.js";
-import ae from "./Table.js";
-const ie = le.div`
+import { n as re } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import ae from "./ActionsToolbar.js";
+import ie from "./Pagination.js";
+import { r as g, i as w } from "./utils-C52T57HO.js";
+import se from "./Table.js";
+const me = re.div`
   & .table-view-pagination-lnc {
     padding: 0 0.625rem;
   }
   & .table-view-toolbar-lnc {
     margin: 0 0.625rem;
   }
-`, g = oe((S, z) => {
+`, z = le((D, E) => {
   const {
-    __TYPE__: se = "TABLE_VIEW",
-    goToPreviousView: re,
-    tableProps: o = {},
-    paginationProps: n = {},
-    actionsToolbarProps: D = {},
-    rowsSingleSelect: b = !0,
-    rowsMultiSelect: w = !1,
-    loading: me = !1,
-    showCreate: E = !0,
-    enableCreate: T = !0,
-    enableDetails: de = !0,
-    showEdit: N,
-    enableEditOnSelection: O,
-    showDelete: R = !0,
-    enableDeleteOnSelection: _ = !0,
-    showCopy: A = !0,
-    enableCopyOnSelection: v = !0,
-    customActions: k,
-    pagination: I = !0,
-    readOnly: y = !1,
-    actionsDropdownZIndex: j = null,
-    actionsDropdownPlacement: x = null,
-    actionDropdownProps: L,
+    __TYPE__: ue = "TABLE_VIEW",
+    goToPreviousView: de,
+    tableProps: n = {},
+    paginationProps: o = {},
+    actionsToolbarProps: T = {},
+    rowsSingleSelect: S = !0,
+    rowsMultiSelect: b = !1,
+    loading: be = !1,
+    showCreate: N = !0,
+    enableCreate: O = !0,
+    enableDetails: he = !0,
+    showEdit: _,
+    enableEditOnSelection: A,
+    showDelete: v = !0,
+    enableDeleteOnSelection: k = !0,
+    showCopy: I = !0,
+    enableCopyOnSelection: j = !0,
+    customActions: x,
+    pagination: L = !0,
+    readOnly: f = !1,
+    actionsDropdownZIndex: V = null,
+    actionsDropdownPlacement: B = null,
+    actionDropdownProps: F,
     //----------------
-    onCreate: V = () => {
+    onCreate: M = () => {
     },
-    onEdit: B = () => {
+    onEdit: W = () => {
     },
-    onDelete: F = () => {
+    onDelete: Y = () => {
     },
-    onDetails: M = () => {
+    onDetails: Z = () => {
     },
-    onCopy: W = () => {
+    onCopy: p = () => {
     },
-    onFilter: ue = () => {
+    onFilter: ye = () => {
     },
-    onSort: we = () => {
+    onSort: Ce = () => {
     },
-    onPageChange: Y = () => {
+    onPageChange: G = () => {
     },
-    onEmptyRowsSelection: fe = () => {
+    onEmptyRowsSelection: ge = () => {
     },
     //------------------
-    className: he = "",
-    style: Ce = {},
-    color: i = "primary",
-    size: s = "small",
-    children: r,
-    ...Z
-  } = S, l = {
-    ...D,
-    showCreate: E,
-    enableCreate: T,
-    showCopy: A,
-    enableCopyOnSelection: v,
-    showEdit: N,
-    enableEditOnSelection: O,
-    showDelete: R,
-    enableDeleteOnSelection: _,
-    customActions: k,
-    readOnly: y
-  }, [a, m] = ne([]), p = (t, c) => {
-    c ? w ? m([...a, t]) : b && m([t]) : m(w ? (d) => d.filter((u) => u != t) : []);
-  }, G = (t, c) => {
-    var d, u;
-    ((d = t.target) == null ? void 0 : d.type) !== "checkbox" && ((u = t.target) == null ? void 0 : u.className) !== "checkmark" && (o != null && o.onRowClick && o.onRowClick(t, c), q(c, t));
-  }, q = (t, c) => {
-    M(t, c);
-  }, H = (t) => {
-    V(t);
-  }, J = (t) => {
-    W(a, t);
-  }, K = (t) => {
-    B(a, t), m([]);
-  }, Q = (t) => {
-    F(a, t), m([]);
-  }, U = (t) => {
-    Y(t);
-  }, X = () => h(
-    C("ACTIONS_TOOLBAR", r),
+    className: we = "",
+    style: Se = {},
+    color: s = "primary",
+    size: m = "small",
+    children: u,
+    onChangeRowsSelection: d = () => {
+    },
+    ...q
+  } = D, l = {
+    ...T,
+    showCreate: N,
+    enableCreate: O,
+    showCopy: I,
+    enableCopyOnSelection: j,
+    showEdit: _,
+    enableEditOnSelection: A,
+    showDelete: v,
+    enableDeleteOnSelection: k,
+    customActions: x,
+    readOnly: f
+  }, [a, h] = te([]), t = ce([]), H = (c, r) => {
+    var i;
+    r ? (b || S) && (t.current = b ? [...t.current, c] : [c], d(t == null ? void 0 : t.current), h(t == null ? void 0 : t.current)) : (t.current = b ? (i = t == null ? void 0 : t.current) == null ? void 0 : i.filter((y) => y != c) : [], d == null || d(t == null ? void 0 : t.current), h(t == null ? void 0 : t.current));
+  }, J = (c, r) => {
+    var i, y;
+    ((i = c.target) == null ? void 0 : i.type) !== "checkbox" && ((y = c.target) == null ? void 0 : y.className) !== "checkmark" && (n != null && n.onRowClick && n.onRowClick(c, r), K(r, c));
+  }, K = (c, r) => {
+    Z(c, r);
+  }, Q = (c) => {
+    M(c);
+  }, U = (c) => {
+    p(a, c);
+  }, X = (c) => {
+    W(a, c), t.current = [], h([]), d([]);
+  }, $ = (c) => {
+    Y(a, c), t.current = [], h([]), d([]);
+  }, R = (c) => {
+    G(c);
+  }, P = () => g(
+    w("ACTIONS_TOOLBAR", u),
     {
       ...l,
-      size: l != null && l.size ? l.size : s,
-      color: l != null && l.color ? l.color : i,
+      size: l != null && l.size ? l.size : m,
+      color: l != null && l.color ? l.color : s,
       className: "table-view-toolbar-lnc " + (l == null ? void 0 : l.className)
     },
-    r
-  ) || /* @__PURE__ */ f(
-    te,
+    u
+  ) || /* @__PURE__ */ C(
+    ae,
     {
       ...l,
       className: "table-view-toolbar-lnc " + (l == null ? void 0 : l.className),
-      size: l != null && l.size ? l.size : s,
-      color: l != null && l.color ? l.color : i,
+      size: l != null && l.size ? l.size : m,
+      color: l != null && l.color ? l.color : s,
       selectedRowsLength: a != null && a.length ? a.length : 0,
-      onCreate: H,
-      onCopy: J,
-      onEdit: K,
-      onDelete: Q,
-      actionsDropdownZIndex: j,
-      actionDropdownProps: L,
-      actionsDropdownPlacement: x
+      onCreate: Q,
+      onCopy: U,
+      onEdit: X,
+      onDelete: $,
+      actionsDropdownZIndex: V,
+      actionDropdownProps: F,
+      actionsDropdownPlacement: B,
+      selectedRows: t == null ? void 0 : t.current
     }
-  ), $ = () => h(
-    C("TABLE", r),
+  ), ee = () => g(
+    w("TABLE", u),
     {
-      ...o,
-      size: o != null && o.size ? o.size : s,
-      color: o != null && o.color ? o.color : i,
-      className: "table-view-pagination-lnc " + (o == null ? void 0 : o.className)
+      ...n,
+      size: n != null && n.size ? n.size : m,
+      color: n != null && n.color ? n.color : s,
+      className: "table-view-pagination-lnc " + (n == null ? void 0 : n.className)
     },
-    r
-  ) || /* @__PURE__ */ f(
-    ae,
+    u
+  ) || /* @__PURE__ */ C(
+    se,
     {
-      size: o != null && o.size ? o.size : s,
-      color: o != null && o.color ? o.color : i,
-      EnableSelection: (b || w) && y == !1,
-      onSelectRow: (t, c, d) => p(c, !d),
+      size: n != null && n.size ? n.size : m,
+      color: n != null && n.color ? n.color : s,
+      EnableSelection: (S || b) && f == !1,
+      onSelectRow: (c, r, i) => H(r, !i),
       SelectedData: a,
-      onRowClick: (t, c) => G(t, c),
-      ...o
+      onRowClick: (c, r) => J(c, r),
+      ...n
     }
-  ), P = () => h(
-    C("PAGINATION", r),
+  ), ne = () => g(
+    w("PAGINATION", u),
     {
-      ...n,
-      size: n != null && n.size ? n.size : s,
-      color: n != null && n.color ? n.color : i,
-      className: "table-view-pagination-lnc " + (n == null ? void 0 : n.className)
+      ...o,
+      size: o != null && o.size ? o.size : m,
+      color: o != null && o.color ? o.color : s,
+      className: "table-view-pagination-lnc " + (o == null ? void 0 : o.className)
     },
-    r
-  ) || /* @__PURE__ */ f(
-    ce,
+    u
+  ) || /* @__PURE__ */ C(
+    ie,
     {
-      ...n,
-      size: n != null && n.size ? n.size : s,
-      color: n != null && n.color ? n.color : i,
-      className: "table-view-pagination-lnc " + (n == null ? void 0 : n.className),
-      onPageChange: U
+      ...o,
+      size: o != null && o.size ? o.size : m,
+      color: o != null && o.color ? o.color : s,
+      className: "table-view-pagination-lnc " + (o == null ? void 0 : o.className),
+      onPageChange: R
     }
   );
-  return /* @__PURE__ */ ee(ie, { ref: z, ...Z, children: [
-    X(),
-    $(),
-    I == !0 && P()
+  return /* @__PURE__ */ oe(me, { ref: E, ...q, children: [
+    P(),
+    ee(),
+    L == !0 && ne()
   ] });
 });
-g.propTypes = {
+z.propTypes = {
   __TYPE__: e.string,
   tableProps: e.object,
   actionsToolbarProps: e.object,
@@ -234,7 +238,7 @@ g.propTypes = {
     "gray"
   ])
 };
-g.displayName = "TABLE_VIEW";
+z.displayName = "TABLE_VIEW";
 export {
-  g as default
+  z as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.19",
+  "version": "4.0.21",
   "description": "React component library",
   "type": "module",
   "keywords": [