@lanaco/lnc-react-ui 4.0.199 → 4.0.201

package/dist/TableView.cjs

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

package/dist/TableView.js

@@ -1,244 +1,160 @@
-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-CblbdqjE.js";
-import { s as re } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import ae from "./ActionsToolbar.js";
-import ie from "./Pagination.js";
-import { r as g, i as w } from "./utils-DtEfC-TX.js";
-import se from "./Table.js";
-const me = re.div`
+import { jsxs as ee, jsx as C } from "react/jsx-runtime";
+import { forwardRef as ne, useState as ce, useRef as le } from "react";
+import { s as te } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import re from "./ActionsToolbar.js";
+import oe from "./Pagination.js";
+import { r as N, i as S } from "./utils-DtEfC-TX.js";
+import ie from "./Table.js";
+const ae = te.div`
   & .table-view-pagination-lnc {
     padding: 0 0.625rem;
   }
   & .table-view-toolbar-lnc {
     margin: 0 0.625rem;
   }
-`, z = le((D, E) => {
+`, se = ne((T, g) => {
   const {
-    __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: _,
+    tableProps: e = {},
+    paginationProps: n = {},
+    actionsToolbarProps: D = {},
+    rowsSingleSelect: w = !0,
+    rowsMultiSelect: d = !1,
+    showCreate: E = !0,
+    enableCreate: f = !0,
+    showEdit: v,
     enableEditOnSelection: A,
-    showDelete: v = !0,
+    showDelete: O = !0,
     enableDeleteOnSelection: k = !0,
-    showCopy: I = !0,
-    enableCopyOnSelection: j = !0,
-    customActions: x,
-    pagination: L = !0,
-    readOnly: f = !1,
+    showCopy: x = !0,
+    enableCopyOnSelection: I = !0,
+    customActions: L,
+    pagination: B = !0,
+    readOnly: y = !1,
     actionsDropdownZIndex: V = null,
-    actionsDropdownPlacement: B = null,
-    actionDropdownProps: F,
+    actionsDropdownPlacement: j = null,
+    actionDropdownProps: _,
     //----------------
-    onCreate: M = () => {
+    onCreate: G = () => {
     },
-    onEdit: W = () => {
+    onEdit: M = () => {
     },
-    onDelete: Y = () => {
+    onDelete: W = () => {
     },
     onDetails: Z = () => {
     },
-    onCopy: p = () => {
+    onCopy: b = () => {
     },
-    onFilter: ye = () => {
-    },
-    onSort: Ce = () => {
-    },
-    onPageChange: G = () => {
-    },
-    onEmptyRowsSelection: ge = () => {
+    onPageChange: q = () => {
     },
     //------------------
-    className: we = "",
-    style: Se = {},
-    color: s = "primary",
-    size: m = "small",
-    children: u,
-    onChangeRowsSelection: d = () => {
+    color: a = "primary",
+    size: s = "small",
+    children: m,
+    onChangeRowsSelection: u = () => {
     },
-    ...q
-  } = D, l = {
-    ...T,
-    showCreate: N,
-    enableCreate: O,
-    showCopy: I,
-    enableCopyOnSelection: j,
-    showEdit: _,
+    ...F
+  } = T, c = {
+    ...D,
+    showCreate: E,
+    enableCreate: f,
+    showCopy: x,
+    enableCopyOnSelection: I,
+    showEdit: v,
     enableEditOnSelection: A,
-    showDelete: v,
+    showDelete: O,
     enableDeleteOnSelection: k,
-    customActions: x,
-    readOnly: f
-  }, [a, h] = te([]), t = ce([]), H = (c, r) => {
+    customActions: L,
+    readOnly: y
+  }, [o, h] = ce([]), l = le([]), H = (t, 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),
+    r ? (d || w) && (l.current = d ? [...l.current, t] : [t], u(l == null ? void 0 : l.current), h(l == null ? void 0 : l.current)) : (l.current = d ? (i = l == null ? void 0 : l.current) == null ? void 0 : i.filter((z) => z != t) : [], u == null || u(l == null ? void 0 : l.current), h(l == null ? void 0 : l.current));
+  }, J = (t, r) => {
+    var i, z;
+    ((i = t.target) == null ? void 0 : i.type) !== "checkbox" && ((z = t.target) == null ? void 0 : z.className) !== "checkmark" && (e != null && e.onRowClick && e.onRowClick(t, r), K(r, t));
+  }, K = (t, r) => {
+    Z(t, r);
+  }, Q = (t) => {
+    G(t);
+  }, U = (t) => {
+    b(o, t);
+  }, X = (t) => {
+    M(o, t), l.current = [], h([]), u([]);
+  }, Y = (t) => {
+    W(o, t), l.current = [], h([]), u([]);
+  }, $ = (t) => {
+    q(t);
+  }, R = () => N(
+    S("ACTIONS_TOOLBAR", m),
     {
-      ...l,
-      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)
+      ...c,
+      size: c != null && c.size ? c.size : s,
+      color: c != null && c.color ? c.color : a,
+      className: "table-view-toolbar-lnc " + (c == null ? void 0 : c.className)
     },
-    u
+    m
   ) || /* @__PURE__ */ C(
-    ae,
+    re,
     {
-      ...l,
-      className: "table-view-toolbar-lnc " + (l == null ? void 0 : l.className),
-      size: l != null && l.size ? l.size : m,
-      color: l != null && l.color ? l.color : s,
-      selectedRowsLength: a != null && a.length ? a.length : 0,
+      ...c,
+      className: "table-view-toolbar-lnc " + (c == null ? void 0 : c.className),
+      size: c != null && c.size ? c.size : s,
+      color: c != null && c.color ? c.color : a,
+      selectedRowsLength: o != null && o.length ? o.length : 0,
       onCreate: Q,
       onCopy: U,
       onEdit: X,
-      onDelete: $,
+      onDelete: Y,
       actionsDropdownZIndex: V,
-      actionDropdownProps: F,
-      actionsDropdownPlacement: B,
-      selectedRows: t == null ? void 0 : t.current
+      actionDropdownProps: _,
+      actionsDropdownPlacement: j,
+      selectedRows: l == null ? void 0 : l.current
     }
-  ), ee = () => g(
-    w("TABLE", u),
+  ), p = () => N(
+    S("TABLE", m),
     {
-      ...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)
+      ...e,
+      size: e != null && e.size ? e.size : s,
+      color: e != null && e.color ? e.color : a,
+      className: "table-view-pagination-lnc " + (e == null ? void 0 : e.className)
     },
-    u
+    m
   ) || /* @__PURE__ */ C(
-    se,
+    ie,
     {
-      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: (c, r) => J(c, r),
-      ...n
+      size: e != null && e.size ? e.size : s,
+      color: e != null && e.color ? e.color : a,
+      EnableSelection: (w || d) && y == !1,
+      onSelectRow: (t, r, i) => H(r, !i),
+      SelectedData: o,
+      onRowClick: (t, r) => J(t, r),
+      ...e
     }
-  ), ne = () => g(
-    w("PAGINATION", u),
+  ), P = () => N(
+    S("PAGINATION", m),
     {
-      ...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)
+      ...n,
+      size: n != null && n.size ? n.size : s,
+      color: n != null && n.color ? n.color : a,
+      className: "table-view-pagination-lnc " + (n == null ? void 0 : n.className)
     },
-    u
+    m
   ) || /* @__PURE__ */ C(
-    ie,
+    oe,
     {
-      ...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
+      ...n,
+      size: n != null && n.size ? n.size : s,
+      color: n != null && n.color ? n.color : a,
+      className: "table-view-pagination-lnc " + (n == null ? void 0 : n.className),
+      onPageChange: $
     }
   );
-  return /* @__PURE__ */ oe(me, { ref: E, ...q, children: [
-    P(),
-    ee(),
-    L == !0 && ne()
+  return /* @__PURE__ */ ee(ae, { ref: g, ...F, children: [
+    R(),
+    p(),
+    B == !0 && P()
   ] });
 });
-z.propTypes = {
-  __TYPE__: e.string,
-  tableProps: e.object,
-  actionsToolbarProps: e.object,
-  paginationProps: e.object,
-  rowsSingleSelect: e.bool,
-  rowsMultiSelect: e.bool,
-  loading: e.bool,
-  showCreate: e.bool,
-  actionsDropdownZIndex: e.any,
-  actionsDropdownPlacement: e.any,
-  /**
-   * Enable create
-   */
-  enableCreate: e.bool,
-  /**
-   * Enable details on row click
-   */
-  enableDetails: e.bool,
-  showEdit: e.bool,
-  /**
-   * Enable edit when one row is selected
-   */
-  enableEditOnSelection: e.bool,
-  showDelete: e.bool,
-  /**
-   * Enable delete when one row is selected
-   */
-  enableDeleteOnSelection: e.bool,
-  showCopy: e.bool,
-  /**
-   * Enable copy when one row is selected
-   */
-  enableCopyOnSelection: e.bool,
-  /**
-   * Actions that will be shown in toolbar with existing actions
-   * type of [{name: `<string>`, show: `<bool>`, enable: `<bool>`, enableOnSelection: `<bool>`, onAction: `<func>`, customAction: `<elemet>`}, ...]
-   */
-  customActions: e.array,
-  /**
-   * Determines whether will pagination be shown in view
-   */
-  pagination: e.bool,
-  /**
-   * If `readOnly={true}` actions Delete, Edit and Copy won't be shown. Row Selction will be disabled.
-   */
-  readOnly: e.bool,
-  //-------------------------------------------------------------
-  onCreate: e.func,
-  onEdit: e.func,
-  onDelete: e.func,
-  onDetails: e.func,
-  onCopy: e.func,
-  onFilter: e.func,
-  onSort: e.func,
-  onPageChange: 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"
-  ])
-};
-z.displayName = "TABLE_VIEW";
+se.displayName = "TABLE_VIEW";
 export {
-  z as default
+  se as default
 };

package/dist/Tabs.cjs

@@ -1,7 +1,7 @@
-"use strict";const P=require("react/jsx-runtime"),r=require("react"),e=require("./index-BpbMKBf_.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=j.styled.div`
+"use strict";const g=require("react/jsx-runtime"),t=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=j.styled.div`
   background: transparent;
   display: flex;
-  justify-content: ${s=>s.fullWidth?"space-evenly":"none"};
-  gap: ${s=>s.type=="pill"?"10px":"0"};
+  justify-content: ${e=>e.fullWidth?"space-evenly":"none"};
+  gap: ${e=>e.type=="pill"?"10px":"0"};
   box-sizing: border-box;
-`,p=r.forwardRef((s,d)=>{const{type:o="regular",fullWidth:l=!1,className:m="",style:u={},color:i="primary",size:a="small",children:c,...y}=s,h=q.useTheme(),[f,b]=r.useState(),g={theme:h,color:i,size:a,style:u,className:"lnc-ui-tabs "+m},T=t=>{b(t)},x=r.Children.map(c,(t,n)=>r.cloneElement(t,{type:o,first:n==0,last:n==r.Children.toArray(c).length-1,fullWidth:l,index:n,itemClick:T,activeIndex:f,color:i,size:a}));return P.jsx(v,{ref:d,type:o,fullWidth:l,...g,...y,children:x})});p.propTypes={type:e.PropTypes.oneOf(["regular","pill","underline"]),fullWidth:e.PropTypes.bool,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"])};module.exports=p;
+`,C=t.forwardRef((e,a)=>{const{type:n="regular",fullWidth:l=!1,className:d="",style:m={},color:o="primary",size:c="small",children:i,...u}=e,h=q.useTheme(),[p,y]=t.useState(),b={theme:h,color:o,size:c,style:m,className:"lnc-ui-tabs "+d},f=s=>{y(s)},x=t.Children.map(i,(s,r)=>t.cloneElement(s,{type:n,first:r==0,last:r==t.Children.toArray(i).length-1,fullWidth:l,index:r,itemClick:f,activeIndex:p,color:o,size:c}));return g.jsx(v,{ref:a,type:n,fullWidth:l,...b,...u,children:x})});module.exports=C;

package/dist/Tabs.js

@@ -1,77 +1,58 @@
-import { jsx as T } from "react/jsx-runtime";
-import { forwardRef as j, useState as v, Children as c, cloneElement as P } from "react";
-import { P as e } from "./index-CblbdqjE.js";
-import { s as W } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { u as k } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const z = W.div`
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as v, useState as j, Children as i, cloneElement as k } from "react";
+import { s as A } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const I = A.div`
   background: transparent;
   display: flex;
-  justify-content: ${(t) => t.fullWidth ? "space-evenly" : "none"};
-  gap: ${(t) => t.type == "pill" ? "10px" : "0"};
+  justify-content: ${(e) => e.fullWidth ? "space-evenly" : "none"};
+  gap: ${(e) => e.type == "pill" ? "10px" : "0"};
   box-sizing: border-box;
-`, A = j((t, m) => {
+`, P = v((e, c) => {
   const {
-    type: l = "regular",
-    fullWidth: o = !1,
+    type: r = "regular",
+    fullWidth: l = !1,
     //----------------
-    className: p = "",
+    className: m = "",
     style: d = {},
-    color: a = "primary",
-    size: n = "small",
-    children: i,
-    ...f
-  } = t, u = k(), [y, h] = v(), g = {
-    theme: u,
-    color: a,
-    size: n,
+    color: o = "primary",
+    size: a = "small",
+    children: n,
+    ...p
+  } = e, f = C(), [h, u] = j(), y = {
+    theme: f,
+    color: o,
+    size: a,
     style: d,
-    className: "lnc-ui-tabs " + p
-  }, b = (s) => {
-    h(s);
-  }, x = c.map(
-    i,
-    (s, r) => P(s, {
-      type: l,
-      first: r == 0,
-      last: r == c.toArray(i).length - 1,
-      fullWidth: o,
-      index: r,
+    className: "lnc-ui-tabs " + m
+  }, b = (t) => {
+    u(t);
+  }, x = i.map(
+    n,
+    (t, s) => k(t, {
+      type: r,
+      first: s == 0,
+      last: s == i.toArray(n).length - 1,
+      fullWidth: l,
+      index: s,
       itemClick: b,
-      activeIndex: y,
-      color: a,
-      size: n
+      activeIndex: h,
+      color: o,
+      size: a
     })
   );
-  return /* @__PURE__ */ T(
-    z,
+  return /* @__PURE__ */ g(
+    I,
     {
-      ref: m,
-      type: l,
-      fullWidth: o,
-      ...g,
-      ...f,
+      ref: c,
+      type: r,
+      fullWidth: l,
+      ...y,
+      ...p,
       children: x
     }
   );
 });
-A.propTypes = {
-  type: e.oneOf(["regular", "pill", "underline"]),
-  fullWidth: e.bool,
-  //---------------------------------------------------------------
-  className: e.string,
-  style: e.object,
-  color: e.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  size: e.oneOf(["small", "medium", "large"])
-};
 export {
-  A as default
+  P as default
 };

package/dist/TextAreaInput.cjs

@@ -1,13 +1,13 @@
-"use strict";const F=require("react/jsx-runtime"),a=require("./index-BpbMKBf_.cjs"),d=require("react"),X=require("./index-Cp66dWMi.cjs"),Z=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-RnrgDDZP.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),J=require("./objectWithoutPropertiesLoose-BLga_MQA.cjs"),K=require("./use-isomorphic-layout-effect.browser.esm-CkGv31zs.cjs");function Q(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const S=Q(d),ee=Z.styled.div`
+"use strict";const F=require("react/jsx-runtime"),u=require("react"),U=require("./index-Cp66dWMi.cjs"),G=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./utils-RnrgDDZP.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),Y=require("./objectWithoutPropertiesLoose-BLga_MQA.cjs"),X=require("./use-isomorphic-layout-effect.browser.esm-CkGv31zs.cjs");function Z(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const S=Z(u),J=G.styled.div`
   & textarea {
-    ${e=>g.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
-    min-height: ${e=>g.getSizeValueWithUnits(e.theme,e.size)};
-    background-color: ${e=>g.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
+    ${e=>f.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
+    min-height: ${e=>f.getSizeValueWithUnits(e.theme,e.size)};
+    background-color: ${e=>f.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
     border: 1px solid
-      ${e=>g.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
-    border-radius: ${e=>g.getBorderRadiusValueWithUnits(e.theme,"regular")};
-    color: ${e=>g.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
-    caret-color: ${e=>g.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
+      ${e=>f.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
+    border-radius: ${e=>f.getBorderRadiusValueWithUnits(e.theme,"regular")};
+    color: ${e=>f.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
+    caret-color: ${e=>f.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
     overflow: ${e=>e.collapseOnBlur&&e.focused===!1?"hidden":"auto"};
     transition: height 0.2s ease-out;
     padding: 0.563rem 0.75rem;
@@ -16,7 +16,7 @@
   }
 
   & textarea::placeholder {
-    color: ${e=>g.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
+    color: ${e=>f.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
   }
 
   & textarea:read-only {
@@ -24,13 +24,13 @@
   }
 
   & textarea:focus {
-    ${e=>e.readOnly!==!0?g.getOutlineCss(e.theme):"outline: none"}
+    ${e=>e.readOnly!==!0?f.getOutlineCss(e.theme):"outline: none"}
   }
 
   & textarea:disabled {
-    /* ${e=>g.getDisabledStateCss(e.theme)}
+    /* ${e=>f.getDisabledStateCss(e.theme)}
      */
-    ${e=>`background-color: ${g.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
-        color: ${t=>g.getColorRgbaValue(t.theme,"Input",t.color,"disabled","text")};`}
+    ${e=>`background-color: ${f.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
+        color: ${t=>f.getColorRgbaValue(t.theme,"Input",t.color,"disabled","text")};`}
   }
-`;var te=function(t){var r=d.useRef(t);return K.index(function(){r.current=t}),r},O=function(t,r){if(typeof t=="function"){t(r);return}t.current=r},re=function(t,r){var n=d.useRef();return d.useCallback(function(o){t.current=o,n.current&&O(n.current,null),n.current=r,r&&O(r,o)},[r])},W={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0",display:"block"},ne=function(t){Object.keys(W).forEach(function(r){t.style.setProperty(r,W[r],"important")})},k=ne,u=null,V=function(t,r){var n=t.scrollHeight;return r.sizingStyle.boxSizing==="border-box"?n+r.borderSize:n-r.paddingSize};function oe(e,t,r,n){r===void 0&&(r=1),n===void 0&&(n=1/0),u||(u=document.createElement("textarea"),u.setAttribute("tabindex","-1"),u.setAttribute("aria-hidden","true"),k(u)),u.parentNode===null&&document.body.appendChild(u);var o=e.paddingSize,m=e.borderSize,l=e.sizingStyle,T=l.boxSizing;Object.keys(l).forEach(function(h){var v=h;u.style[v]=l[v]}),k(u),u.value=t;var i=V(u,e);u.value=t,i=V(u,e),u.value="x";var s=u.scrollHeight-o,c=s*r;T==="border-box"&&(c=c+o+m),i=Math.max(c,i);var f=s*n;return T==="border-box"&&(f=f+o+m),i=Math.min(f,i),[i,s]}var _=function(){},ae=function(t,r){return t.reduce(function(n,o){return n[o]=r[o],n},{})},ie=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak","wordSpacing","scrollbarGutter"],ue=!!document.documentElement.currentStyle,se=function(t){var r=window.getComputedStyle(t);if(r===null)return null;var n=ae(ie,r),o=n.boxSizing;if(o==="")return null;ue&&o==="border-box"&&(n.width=parseFloat(n.width)+parseFloat(n.borderRightWidth)+parseFloat(n.borderLeftWidth)+parseFloat(n.paddingRight)+parseFloat(n.paddingLeft)+"px");var m=parseFloat(n.paddingBottom)+parseFloat(n.paddingTop),l=parseFloat(n.borderBottomWidth)+parseFloat(n.borderTopWidth);return{sizingStyle:n,paddingSize:m,borderSize:l}},de=se;function $(e,t,r){var n=te(r);S.useLayoutEffect(function(){var o=function(l){return n.current(l)};if(e)return e.addEventListener(t,o),function(){return e.removeEventListener(t,o)}},[])}var le=function(t,r){$(document.body,"reset",function(n){t.current.form===n.target&&r(n)})},ce=function(t){$(window,"resize",t)},fe=function(t){$(document.fonts,"loadingdone",t)},ge=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],he=function(t,r){var n=t.cacheMeasurements,o=t.maxRows,m=t.minRows,l=t.onChange,T=l===void 0?_:l,i=t.onHeightChange,s=i===void 0?_:i,c=J._objectWithoutPropertiesLoose(t,ge),f=c.value!==void 0,h=S.useRef(null),v=re(h,r),L=S.useRef(0),w=S.useRef(),x=function(){var p=h.current,R=n&&w.current?w.current:de(p);if(R){w.current=R;var P=oe(R,p.value||p.placeholder||"x",m,o),y=P[0],E=P[1];L.current!==y&&(L.current=y,p.style.setProperty("height",y+"px","important"),s(y,{rowHeight:E}))}},H=function(p){f||x(),T(p)};return S.useLayoutEffect(x),le(h,function(){if(!f){var z=h.current.value;requestAnimationFrame(function(){var p=h.current;p&&z!==p.value&&x()})}}),ce(x),fe(x),S.createElement("textarea",j._extends({},c,{onChange:H,ref:v}))},pe=S.forwardRef(he);const B=d.forwardRef((e,t)=>{const{disabled:r,readOnly:n,value:o,defaultValue:m,debounceTime:l=0,type:T="textarea",collapseOnBlur:i=!1,minRows:s=0,maxRows:c,onChange:f,onBlur:h,onFocus:v,className:L="",style:w={},size:x="small",color:H="primary",...z}=e,[p,R]=d.useState(o||m||""),P=j.useTheme(),[y,E]=d.useState(!1),[q,M]=d.useState(s),[A,C]=d.useState(i?s:c);d.useEffect(()=>{o!=null&&R(o)},[o]),d.useEffect(()=>{M(s),i&&y===!1&&C(s)},[s,c]),d.useEffect(()=>{C(i?y===!0?c:s:c)},[i]);const N=d.useCallback(X.debounce((b,I)=>D(b,I),l),[f]),D=(b,I)=>{f&&(f==null||f(b,I))},U=b=>{R(b.target.value),N(b,b.target.value)},G=b=>{E(!0),i&&C(c),v==null||v(b)},Y=b=>{E(!1),i&&C(s),h==null||h(b)};return F.jsx(ee,{style:w,className:L,theme:P,color:H,size:x,focused:y,disabled:r,readOnly:n,collapseOnBlur:i,children:F.jsx(pe,{ref:t,disabled:r,value:p,readOnly:n,minRows:q,maxRows:A,onChange:U,onFocus:G,onBlur:Y,...z})})});B.propTypes={id:a.PropTypes.any,defaultValue:a.PropTypes.string,value:a.PropTypes.string,disabled:a.PropTypes.bool,readOnly:a.PropTypes.bool,debounceTime:a.PropTypes.number,placeholder:a.PropTypes.string,tabIndex:a.PropTypes.number,collapseOnBlur:a.PropTypes.bool,minRows:a.PropTypes.number,maxRows:a.PropTypes.number,onChange:a.PropTypes.func,onBlur:a.PropTypes.func,onFocus:a.PropTypes.func,className:a.PropTypes.string,style:a.PropTypes.object,size:a.PropTypes.oneOf(["small","medium","large"]),color:a.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=B;
+`;var K=function(t){var r=u.useRef(t);return X.index(function(){r.current=t}),r},W=function(t,r){if(typeof t=="function"){t(r);return}t.current=r},Q=function(t,r){var n=u.useRef();return u.useCallback(function(o){t.current=o,n.current&&W(n.current,null),n.current=r,r&&W(r,o)},[r])},k={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0",display:"block"},ee=function(t){Object.keys(k).forEach(function(r){t.style.setProperty(r,k[r],"important")})},O=ee,i=null,V=function(t,r){var n=t.scrollHeight;return r.sizingStyle.boxSizing==="border-box"?n+r.borderSize:n-r.paddingSize};function te(e,t,r,n){r===void 0&&(r=1),n===void 0&&(n=1/0),i||(i=document.createElement("textarea"),i.setAttribute("tabindex","-1"),i.setAttribute("aria-hidden","true"),O(i)),i.parentNode===null&&document.body.appendChild(i);var o=e.paddingSize,v=e.borderSize,d=e.sizingStyle,s=d.boxSizing;Object.keys(d).forEach(function(g){var y=g;i.style[y]=d[y]}),O(i),i.value=t;var a=V(i,e);i.value=t,a=V(i,e),i.value="x";var h=i.scrollHeight-o,l=h*r;s==="border-box"&&(l=l+o+v),a=Math.max(l,a);var m=h*n;return s==="border-box"&&(m=m+o+v),a=Math.min(m,a),[a,h]}var _=function(){},re=function(t,r){return t.reduce(function(n,o){return n[o]=r[o],n},{})},ne=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak","wordSpacing","scrollbarGutter"],oe=!!document.documentElement.currentStyle,ae=function(t){var r=window.getComputedStyle(t);if(r===null)return null;var n=re(ne,r),o=n.boxSizing;if(o==="")return null;oe&&o==="border-box"&&(n.width=parseFloat(n.width)+parseFloat(n.borderRightWidth)+parseFloat(n.borderLeftWidth)+parseFloat(n.paddingRight)+parseFloat(n.paddingLeft)+"px");var v=parseFloat(n.paddingBottom)+parseFloat(n.paddingTop),d=parseFloat(n.borderBottomWidth)+parseFloat(n.borderTopWidth);return{sizingStyle:n,paddingSize:v,borderSize:d}},ie=ae;function $(e,t,r){var n=K(r);S.useLayoutEffect(function(){var o=function(d){return n.current(d)};if(e)return e.addEventListener(t,o),function(){return e.removeEventListener(t,o)}},[])}var ue=function(t,r){$(document.body,"reset",function(n){t.current.form===n.target&&r(n)})},de=function(t){$(window,"resize",t)},se=function(t){$(document.fonts,"loadingdone",t)},le=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],ce=function(t,r){var n=t.cacheMeasurements,o=t.maxRows,v=t.minRows,d=t.onChange,s=d===void 0?_:d,a=t.onHeightChange,h=a===void 0?_:a,l=Y._objectWithoutPropertiesLoose(t,le),m=l.value!==void 0,g=S.useRef(null),y=Q(g,r),E=S.useRef(0),w=S.useRef(),p=function(){var c=g.current,C=n&&w.current?w.current:ie(c);if(C){w.current=C;var R=te(C,c.value||c.placeholder||"x",v,o),x=R[0],T=R[1];E.current!==x&&(E.current=x,c.style.setProperty("height",x+"px","important"),h(x,{rowHeight:T}))}},H=function(c){m||p(),s(c)};return S.useLayoutEffect(p),ue(g,function(){if(!m){var z=g.current.value;requestAnimationFrame(function(){var c=g.current;c&&z!==c.value&&p()})}}),de(p),se(p),S.createElement("textarea",j._extends({},l,{onChange:H,ref:y}))},fe=S.forwardRef(ce);const he=u.forwardRef((e,t)=>{const{disabled:r,readOnly:n,value:o,defaultValue:v,debounceTime:d=0,collapseOnBlur:s=!1,minRows:a=0,maxRows:h,onChange:l,onBlur:m,onFocus:g,className:y="",style:E={},size:w="small",color:p="primary",...H}=e,[z,c]=u.useState(o||v||""),C=j.useTheme(),[R,x]=u.useState(!1),[T,M]=u.useState(a),[q,L]=u.useState(s?a:h);u.useEffect(()=>{o!=null&&c(o)},[o]),u.useEffect(()=>{M(a),s&&R===!1&&L(a)},[a,h]),u.useEffect(()=>{L(s?R===!0?h:a:h)},[s]);const B=u.useCallback(U.debounce((b,I)=>A(b,I),d),[l]),A=(b,I)=>{l&&(l==null||l(b,I))},N=b=>{c(b.target.value),B(b,b.target.value)},P=b=>{x(!0),s&&L(h),g==null||g(b)},D=b=>{x(!1),s&&L(a),m==null||m(b)};return F.jsx(J,{style:E,className:y,theme:C,color:p,size:w,focused:R,disabled:r,readOnly:n,collapseOnBlur:s,children:F.jsx(fe,{ref:t,disabled:r,value:z,readOnly:n,minRows:T,maxRows:q,onChange:N,onFocus:P,onBlur:D,...H})})});module.exports=he;