@lanaco/lnc-react-ui 4.0.2 → 4.0.3

package/dist/Table.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),b=require("react"),w=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-DXnSjbfJ.cjs"),o=require("./utils-hdRGTsQ7.cjs"),re=require("./index-Dzkd2i4n.cjs"),O=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),Be=require("./index-P-naJISQ.cjs"),te=require("./CheckBoxInput.cjs"),$e=require("./Icon.cjs"),Ne=require("./Spinner.cjs");var De=o.isBrowser?b.useLayoutEffect:b.useEffect,ne={x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0};function ke(){var e=b.useState(null),d=e[0],t=e[1],n=b.useState(ne),c=n[0],u=n[1],T=b.useMemo(function(){return new window.ResizeObserver(function(y){if(y[0]){var f=y[0].contentRect,E=f.x,C=f.y,P=f.width,h=f.height,R=f.top,x=f.left,A=f.bottom,p=f.right;u({x:E,y:C,width:P,height:h,top:R,left:x,bottom:A,right:p})}})},[]);return De(function(){if(d)return T.observe(d),function(){T.disconnect()}},[d]),[t,c]}const ze=o.isBrowser&&typeof window.ResizeObserver<"u"?ke:function(){return[o.noop,ne]};var Fe=typeof r.commonjsGlobal=="object"&&r.commonjsGlobal&&r.commonjsGlobal.Object===Object&&r.commonjsGlobal,Ve=typeof self=="object"&&self&&self.Object===Object&&self,We=Fe||Ve||Function("return this")(),Ye=We.isFinite;function Ge(e){return typeof e=="number"&&Ye(e)}var qe=Ge;const Ue=r.getDefaultExportFromCjs(qe);function Me(e){var d=typeof e;return!!e&&(d=="object"||d=="function")}var Xe=Me;const Je=r.getDefaultExportFromCjs(Xe),Ke=w.newStyled.tbody``,V=e=>{const{__TYPE__:d="TABLE_BODY",className:t="",size:n="small",color:c="primary"}=e,u=O.useTheme(),T={className:t,size:n,color:c,theme:u};return a.jsx(Ke,{"data-tbody":!0,...T,children:e.children})};V.propTypes={__TYPE__:r.PropTypes.string,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};V.displayName="TABLE_BODY";const Qe=w.newStyled.thead`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),b=require("react"),w=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-BIlhCoy2.cjs"),o=require("./utils-DTAPpJXU.cjs"),oe=require("./index-DBXXH_TD.cjs"),O=require("./_commonjsHelpers-DKOUU3wS.cjs"),A=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),$e=require("./index-DAOBjHnD.cjs"),ne=require("./CheckBoxInput.cjs"),Ne=require("./Icon.cjs"),De=require("./Spinner.cjs");var ke=o.isBrowser?b.useLayoutEffect:b.useEffect,le={x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0};function ze(){var e=b.useState(null),d=e[0],t=e[1],n=b.useState(le),c=n[0],u=n[1],T=b.useMemo(function(){return new window.ResizeObserver(function(y){if(y[0]){var f=y[0].contentRect,E=f.x,C=f.y,P=f.width,h=f.height,R=f.top,j=f.left,x=f.bottom,p=f.right;u({x:E,y:C,width:P,height:h,top:R,left:j,bottom:x,right:p})}})},[]);return ke(function(){if(d)return T.observe(d),function(){T.disconnect()}},[d]),[t,c]}const Fe=o.isBrowser&&typeof window.ResizeObserver<"u"?ze:function(){return[o.noop,le]};var Ve=typeof O.commonjsGlobal=="object"&&O.commonjsGlobal&&O.commonjsGlobal.Object===Object&&O.commonjsGlobal,We=typeof self=="object"&&self&&self.Object===Object&&self,Ye=Ve||We||Function("return this")(),Ge=Ye.isFinite;function qe(e){return typeof e=="number"&&Ge(e)}var Ue=qe;const Me=O.getDefaultExportFromCjs(Ue);function Xe(e){var d=typeof e;return!!e&&(d=="object"||d=="function")}var Je=Xe;const Ke=O.getDefaultExportFromCjs(Je),Qe=w.newStyled.tbody``,W=e=>{const{__TYPE__:d="TABLE_BODY",className:t="",size:n="small",color:c="primary"}=e,u=A.useTheme(),T={className:t,size:n,color:c,theme:u};return a.jsx(Qe,{"data-tbody":!0,...T,children:e.children})};W.propTypes={__TYPE__:r.PropTypes.string,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};W.displayName="TABLE_BODY";const Ze=w.newStyled.thead`
   border-radius: 0.5rem 0.5rem 0 0;
-`,W=e=>{const{__TYPE__:d="TABLE_HEAD",className:t="",size:n="small",color:c="primary"}=e,u=O.useTheme(),T={className:t,size:n,color:c,theme:u};return a.jsx(Qe,{...T,children:e.children})};W.propTypes={__TYPE__:r.PropTypes.string,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};W.displayName="TABLE_HEAD";const Ze=w.newStyled.tr`
+`,Y=e=>{const{__TYPE__:d="TABLE_HEAD",className:t="",size:n="small",color:c="primary"}=e,u=A.useTheme(),T={className:t,size:n,color:c,theme:u};return a.jsx(Ze,{...T,children:e.children})};Y.propTypes={__TYPE__:r.PropTypes.string,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};Y.displayName="TABLE_HEAD";const er=w.newStyled.tr`
   ${e=>e.noBorder==!1&&`border-bottom: 1px solid ${o.getColorRgbaValue(e.theme,"TableRow",null,"enabled","border")};`}
   ${e=>e.noBorder==!1&&`border-left: 1px solid ${o.getColorRgbaValue(e.theme,"TableRow",null,"enabled","border")};`}
 ${e=>e.noBorder==!1&&`border-right: 1px solid ${o.getColorRgbaValue(e.theme,"TableRow",null,"enabled","border")};`}
@@ -21,7 +21,7 @@ ${e=>e.noBorder==!1&&`border-right: 1px solid ${o.getColorRgbaValue(e.theme,"Tab
           background-color: ${o.getColorRgbaValue(e.theme,"TableRow",e.color,"active","background")};
         }
       `:""}
-`,Y=e=>{const{__TYPE__:d="TABLE_ROW",onRowClick:t=()=>{},RowData:n={},Index:c,IsSelected:u=null,noBorder:T=!1,className:y="",size:f="small",color:E="primary"}=e,C=O.useTheme(),P={className:y,size:f,color:E,theme:C},h=R=>{R.stopPropagation(),R.nativeEvent.stopImmediatePropagation(),t&&t(R,n)};return b.createElement(Ze,{...P,IsSelected:u,key:c,onClick:h,noBorder:T},e.children)};Y.propTypes={__TYPE__:r.PropTypes.string,onRowClick:r.PropTypes.func,RowData:r.PropTypes.object,IsSelected:r.PropTypes.bool,noBorder:r.PropTypes.bool,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};Y.displayName="TABLE_ROW";var er="[object AsyncFunction]",rr="[object Function]",or="[object GeneratorFunction]",tr="[object Null]",nr="[object Proxy]",lr="[object Undefined]",ar=typeof r.commonjsGlobal=="object"&&r.commonjsGlobal&&r.commonjsGlobal.Object===Object&&r.commonjsGlobal,sr=typeof self=="object"&&self&&self.Object===Object&&self,ir=ar||sr||Function("return this")(),le=Object.prototype,dr=le.hasOwnProperty,ae=le.toString,oe=ir.Symbol,v=oe?oe.toStringTag:void 0;function cr(e){return e==null?e===void 0?lr:tr:v&&v in Object(e)?ur(e):mr(e)}function ur(e){var d=dr.call(e,v),t=e[v];try{e[v]=void 0;var n=!0}catch{}var c=ae.call(e);return n&&(d?e[v]=t:delete e[v]),c}function mr(e){return ae.call(e)}function pr(e){if(!gr(e))return!1;var d=cr(e);return d==rr||d==or||d==er||d==nr}function gr(e){var d=typeof e;return e!=null&&(d=="object"||d=="function")}var Tr=pr;const br=r.getDefaultExportFromCjs(Tr),yr=w.newStyled.td`
+`,G=e=>{const{__TYPE__:d="TABLE_ROW",onRowClick:t=()=>{},RowData:n={},Index:c,IsSelected:u=null,noBorder:T=!1,className:y="",size:f="small",color:E="primary"}=e,C=A.useTheme(),P={className:y,size:f,color:E,theme:C},h=R=>{R.stopPropagation(),R.nativeEvent.stopImmediatePropagation(),t&&t(R,n)};return b.createElement(er,{...P,IsSelected:u,key:c,onClick:h,noBorder:T},e.children)};G.propTypes={__TYPE__:r.PropTypes.string,onRowClick:r.PropTypes.func,RowData:r.PropTypes.object,IsSelected:r.PropTypes.bool,noBorder:r.PropTypes.bool,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};G.displayName="TABLE_ROW";var rr="[object AsyncFunction]",or="[object Function]",tr="[object GeneratorFunction]",nr="[object Null]",lr="[object Proxy]",ar="[object Undefined]",sr=typeof O.commonjsGlobal=="object"&&O.commonjsGlobal&&O.commonjsGlobal.Object===Object&&O.commonjsGlobal,ir=typeof self=="object"&&self&&self.Object===Object&&self,dr=sr||ir||Function("return this")(),ae=Object.prototype,cr=ae.hasOwnProperty,se=ae.toString,te=dr.Symbol,B=te?te.toStringTag:void 0;function ur(e){return e==null?e===void 0?ar:nr:B&&B in Object(e)?mr(e):pr(e)}function mr(e){var d=cr.call(e,B),t=e[B];try{e[B]=void 0;var n=!0}catch{}var c=se.call(e);return n&&(d?e[B]=t:delete e[B]),c}function pr(e){return se.call(e)}function gr(e){if(!Tr(e))return!1;var d=ur(e);return d==or||d==tr||d==rr||d==lr}function Tr(e){var d=typeof e;return e!=null&&(d=="object"||d=="function")}var br=gr;const yr=O.getDefaultExportFromCjs(br),hr=w.newStyled.td`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -33,19 +33,19 @@ ${e=>e.noBorder==!1&&`border-right: 1px solid ${o.getColorRgbaValue(e.theme,"Tab
   ${e=>e.bgColor}
 
   ${e=>o.getComponentTypographyCss(e.theme,"TableCell",e.size,"enabled")};
-`,G=e=>{const{__TYPE__:d="TABLE_CELL",Column:t={},RowData:n={},Index:c=0,EnableSelection:u=!1,EnableRowHighlight:T=!1,GetRowHighlightColor:y=()=>"",className:f="",size:E="small",color:C="primary"}=e,P=O.useTheme(),h={className:f,size:E,color:C,theme:P},R=i=>{const S=new Option().style;return S.color=i,S.color!==""},x=()=>t&&t.width?t.width+"%":"auto",A=()=>{var i=y(n);return T===!0&&R(i)?`
+`,q=e=>{const{__TYPE__:d="TABLE_CELL",Column:t={},RowData:n={},Index:c=0,EnableSelection:u=!1,EnableRowHighlight:T=!1,GetRowHighlightColor:y=()=>"",className:f="",size:E="small",color:C="primary"}=e,P=A.useTheme(),h={className:f,size:E,color:C,theme:P},R=i=>{const S=new Option().style;return S.color=i,S.color!==""},j=()=>t&&t.width?t.width+"%":"auto",x=()=>{var i=y(n);return T===!0&&R(i)?`
         background-color: ${i};
-      `:""},p=()=>{if(t.render&&br(t.render)){var i=t.render(n);if(b.isValidElement(i))return i;console.error(`${t.id}/${t.accessor}: invalid render function.`)}return Be.isEmpty(t.accessor)&&console.error(`${t.index}: accessor property is required when the render function is not suplied`),n[t.accessor]};return b.createElement(yr,{...h,bgColor:A(),selection:u,width:x(),key:c,title:n[t.accessor]},p())};G.propTypes={__TYPE__:r.PropTypes.string,Column:r.PropTypes.object,RowData:r.PropTypes.object,Index:r.PropTypes.number,EnableSelection:r.PropTypes.bool,EnableRowHighlight:r.PropTypes.bool,GetRowHighlightColor:r.PropTypes.func,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};G.displayName="TABLE_CELL";const hr=w.newStyled.td`
+      `:""},p=()=>{if(t.render&&yr(t.render)){var i=t.render(n);if(b.isValidElement(i))return i;console.error(`${t.id}/${t.accessor}: invalid render function.`)}return $e.isEmpty(t.accessor)&&console.error(`${t.index}: accessor property is required when the render function is not suplied`),n[t.accessor]};return b.createElement(hr,{...h,bgColor:x(),selection:u,width:j(),key:c,title:n[t.accessor]},p())};q.propTypes={__TYPE__:r.PropTypes.string,Column:r.PropTypes.object,RowData:r.PropTypes.object,Index:r.PropTypes.number,EnableSelection:r.PropTypes.bool,EnableRowHighlight:r.PropTypes.bool,GetRowHighlightColor:r.PropTypes.func,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};q.displayName="TABLE_CELL";const fr=w.newStyled.td`
   padding: 0 0 0 1.25rem;
   background-color: ${e=>o.getColorRgbaValue(e.theme,"TableRow",null,"enabled","background")};
 
   width: ${e=>e.width}%;
   ${e=>e.bgColor}
-`,q=e=>{const{__TYPE__:d="TABLE_SELECTION_CELL",RowData:t={},onSelectRow:n=()=>{},IsSelected:c=null,Index:u=0,EnableRowHighlight:T=!1,GetRowHighlightColor:y=()=>"",className:f="",size:E="small",color:C="primary"}=e,P=O.useTheme(),h={className:f,size:E,color:C,theme:P},R=(p,i)=>{n(p,t,c)},x=p=>{const i=new Option().style;return i.color=p,i.color!==""},A=()=>{var p=y(t);return T===!0&&x(p)?`
+`,U=e=>{const{__TYPE__:d="TABLE_SELECTION_CELL",RowData:t={},onSelectRow:n=()=>{},IsSelected:c=null,Index:u=0,EnableRowHighlight:T=!1,GetRowHighlightColor:y=()=>"",className:f="",size:E="small",color:C="primary"}=e,P=A.useTheme(),h={className:f,size:E,color:C,theme:P},R=(p,i)=>{n(p,t,c)},j=p=>{const i=new Option().style;return i.color=p,i.color!==""},x=()=>{var p=y(t);return T===!0&&j(p)?`
         background-color: ${p};
-      `:""};return b.createElement(hr,{bgColor:A(),...h,key:u,width:e.width},a.jsx(te,{id:u,checked:c,onChange:R}))};q.propTypes={__TYPE__:r.PropTypes.string,Column:r.PropTypes.object,RowData:r.PropTypes.object,onSelectRow:r.PropTypes.func,Index:r.PropTypes.number,SelectedData:r.PropTypes.array,IsSelected:r.PropTypes.bool,EnableRowHighlight:r.PropTypes.bool,GetRowHighlightColor:r.PropTypes.func,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};q.displayName="TABLE_SELECTION_CELL";const fr=w.newStyled.tr`
+      `:""};return b.createElement(fr,{bgColor:x(),...h,key:u,width:e.width},a.jsx(ne,{id:u,checked:c,onChange:R}))};U.propTypes={__TYPE__:r.PropTypes.string,Column:r.PropTypes.object,RowData:r.PropTypes.object,onSelectRow:r.PropTypes.func,Index:r.PropTypes.number,SelectedData:r.PropTypes.array,IsSelected:r.PropTypes.bool,EnableRowHighlight:r.PropTypes.bool,GetRowHighlightColor:r.PropTypes.func,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};U.displayName="TABLE_SELECTION_CELL";const Cr=w.newStyled.tr`
   border-radius: 0.5rem 0.5rem 0 0;
-`,U=e=>{const{__TYPE__:d="TABLE_HEAD_ROW",Index:t=0,className:n="",size:c="small",color:u="primary"}=e,T=O.useTheme(),y={className:n,size:c,color:u,theme:T};return b.createElement(fr,{...y,key:t},e.children)};U.propTypes={__TYPE__:r.PropTypes.string,Index:r.PropTypes.any,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};U.displayName="TABLE_HEAD_ROW";const Cr=w.newStyled.th`
+`,M=e=>{const{__TYPE__:d="TABLE_HEAD_ROW",Index:t=0,className:n="",size:c="small",color:u="primary"}=e,T=A.useTheme(),y={className:n,size:c,color:u,theme:T};return b.createElement(Cr,{...y,key:t},e.children)};M.propTypes={__TYPE__:r.PropTypes.string,Index:r.PropTypes.any,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};M.displayName="TABLE_HEAD_ROW";const Er=w.newStyled.th`
 white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -79,11 +79,11 @@ white-space: nowrap;
     border-radius: 0 0.5rem 0 0;
     border-right: ${e=>"1px solid "+o.getColorRgbaValue(e.theme,"TableHeadCell",null,"enabled","border")}};
   }
-`,Er=w.newStyled.div`
+`,_r=w.newStyled.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-`,_r=w.newStyled.span`
+`,wr=w.newStyled.span`
   padding-right: 0.25rem;
   white-space: nowrap;
   overflow: hidden;
@@ -92,13 +92,13 @@ white-space: nowrap;
   color: ${e=>o.getColorRgbaValue(e.theme,"TableHeadCell",e.color,"enabled","text")};
 
   font-weight: ${e=>o.getColorRgbaValue(e.theme,"TableHeadCell",e.color,"enabled","fontWeight")};
-`,wr=w.newStyled.span`
+`,Pr=w.newStyled.span`
   & i {
     color: ${e=>e.sort?"transparent":o.getColorRgbaValue(e.theme,"TableHeadCell",e.color,"enabled","text")};
 
     font-weight: ${e=>o.getColorRgbaValue(e.theme,"TableHeadCell",e.color,"enabled","fontWeight")};
   }
-`,M=e=>{const{__TYPE__:d="TABLE_HEAD_CELL",Column:t={},Ordering:n={},Index:c=0,onColumnClick:u=()=>{},EnableSelectAll:T=!1,EnableOrdering:y=!1,className:f="",size:E="small",color:C="primary"}=e,P=O.useTheme(),h={className:f,size:E,color:C,theme:P},R=()=>{if(t.sortable===!0&&y===!0){let p;return n&&n.columnId===t.id?(n.ascending===!0&&(p="angle-up"),n.descending===!0&&(p="angle-down"),n.ascending&&n.descending&&(p="sort")):p="sort",a.jsx(wr,{...h,sort:p==="sort",children:a.jsx($e,{...h,sizeInUnits:"14px",icon:p})})}return a.jsx(a.Fragment,{})},x=p=>{var i={columnId:t.id,ascending:!1,descending:!0};y===!0&&t.sortable===!0&&n&&n.columnId===t.id&&(n.ascending===!0&&(i.ascending=!1,i.descending=!1),n.descending===!0&&(i.ascending=!0,i.descending=!1),n.descending===!1&&n.ascending===!1&&(i.ascending=!1,i.descending=!0),u(p,t,i)),y===!0&&t.sortable===!0&&n&&n.columnId!==t.id&&u(p,t,i),(t.sortable!==!0||y!==!0)&&u(p,t)},A=()=>t&&t.width?t.width+"%":"auto";return b.createElement(Cr,{onClick:x,...h,selection:T,ordering:y===!0&&t.sortable===!0,key:c,width:A(),title:t.displayName},a.jsxs(Er,{...h,children:[a.jsx(_r,{...h,children:t.displayName}),R()]}))};M.propTypes={__TYPE__:r.PropTypes.string,Columns:r.PropTypes.object,Ordering:r.PropTypes.object,Index:r.PropTypes.any,EnableSelectAll:r.PropTypes.bool,EnableOrdering:r.PropTypes.bool,onColumnClick:r.PropTypes.func,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};M.displayName="TABLE_HEAD_CELL";const Pr=w.newStyled.th`
+`,X=e=>{const{__TYPE__:d="TABLE_HEAD_CELL",Column:t={},Ordering:n={},Index:c=0,onColumnClick:u=()=>{},EnableSelectAll:T=!1,EnableOrdering:y=!1,className:f="",size:E="small",color:C="primary"}=e,P=A.useTheme(),h={className:f,size:E,color:C,theme:P},R=()=>{if(t.sortable===!0&&y===!0){let p;return n&&n.columnId===t.id?(n.ascending===!0&&(p="angle-up"),n.descending===!0&&(p="angle-down"),n.ascending&&n.descending&&(p="sort")):p="sort",a.jsx(Pr,{...h,sort:p==="sort",children:a.jsx(Ne,{...h,sizeInUnits:"14px",icon:p})})}return a.jsx(a.Fragment,{})},j=p=>{var i={columnId:t.id,ascending:!1,descending:!0};y===!0&&t.sortable===!0&&n&&n.columnId===t.id&&(n.ascending===!0&&(i.ascending=!1,i.descending=!1),n.descending===!0&&(i.ascending=!0,i.descending=!1),n.descending===!1&&n.ascending===!1&&(i.ascending=!1,i.descending=!0),u(p,t,i)),y===!0&&t.sortable===!0&&n&&n.columnId!==t.id&&u(p,t,i),(t.sortable!==!0||y!==!0)&&u(p,t)},x=()=>t&&t.width?t.width+"%":"auto";return b.createElement(Er,{onClick:j,...h,selection:T,ordering:y===!0&&t.sortable===!0,key:c,width:x(),title:t.displayName},a.jsxs(_r,{...h,children:[a.jsx(wr,{...h,children:t.displayName}),R()]}))};X.propTypes={__TYPE__:r.PropTypes.string,Columns:r.PropTypes.object,Ordering:r.PropTypes.object,Index:r.PropTypes.any,EnableSelectAll:r.PropTypes.bool,EnableOrdering:r.PropTypes.bool,onColumnClick:r.PropTypes.func,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};X.displayName="TABLE_HEAD_CELL";const Rr=w.newStyled.th`
   text-align: left;
   width: ${e=>e.width};
   padding-left: 1.25rem;
@@ -108,17 +108,17 @@ white-space: nowrap;
   border-bottom: ${e=>"1px solid "+o.getColorRgbaValue(e.theme,"TableHeadCell",null,"enabled","border")}};
   
   border-radius: 0.5rem 0 0 0;
-`,X=e=>{const{__TYPE__:d="TABLE_HEAD_SELECTION_CELL",EnableSelectAll:t,IsSelected:n=null,Index:c=0,onSelectAll:u,className:T="",size:y="small",color:f="primary"}=e,E=O.useTheme(),C={className:T,size:y,color:f,theme:E};return b.createElement(Pr,{...C,selection:t,key:c,width:e.width},t&&a.jsx(te,{id:c,checked:n||!1,onChange:P=>u(P,n)}))};X.propTypes={__TYPE__:r.PropTypes.string,Index:r.PropTypes.number,IsSelected:r.PropTypes.bool,EnableSelectAll:r.PropTypes.bool,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};X.displayName="TABLE_HEAD_SELECTION_CELL";const Rr=w.newStyled.td`
+`,J=e=>{const{__TYPE__:d="TABLE_HEAD_SELECTION_CELL",EnableSelectAll:t,IsSelected:n=null,Index:c=0,onSelectAll:u,className:T="",size:y="small",color:f="primary"}=e,E=A.useTheme(),C={className:T,size:y,color:f,theme:E};return b.createElement(Rr,{...C,selection:t,key:c,width:e.width},t&&a.jsx(ne,{id:c,checked:n||!1,onChange:P=>u(P,n)}))};J.propTypes={__TYPE__:r.PropTypes.string,Index:r.PropTypes.number,IsSelected:r.PropTypes.bool,EnableSelectAll:r.PropTypes.bool,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};J.displayName="TABLE_HEAD_SELECTION_CELL";const Sr=w.newStyled.td`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding: 0.25rem 0.125rem;
-`,Sr=w.newStyled.div`
+`,Lr=w.newStyled.div`
   width: ${e=>e.width};
   height: 100%;
   border-radius: 100px;
   background-color: ${e=>e.bgColor} !important;
-`,J=e=>{const{__TYPE__:d="TABLE_ROW_STATUS_INDICATOR_CELL",RowData:t={},Index:n,GetRowStatusIndicatorColor:c,className:u="",size:T="small",color:y="Primary"}=e,f=O.useTheme(),E={className:u,size:T,color:y,theme:f},C=()=>"4px",P=h=>{const R=new Option().style;return R.color=h,R.color!==""};return b.createElement(Rr,{...E,width:C(),key:n,bgColor:()=>{var h=c(t);return P(h)?h:o.statusColor.NONE}},a.jsx(Sr,{...E,width:C(),bgColor:()=>{var h=c(t);return P(h)?h:o.statusColor.NONE}}))};J.propTypes={__TYPE__:r.PropTypes.string,Column:r.PropTypes.object,RowData:r.PropTypes.object,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};J.displayName="TABLE_ROW_STATUS_INDICATOR_CELL";const Lr=w.newStyled.th`
+`,K=e=>{const{__TYPE__:d="TABLE_ROW_STATUS_INDICATOR_CELL",RowData:t={},Index:n,GetRowStatusIndicatorColor:c,className:u="",size:T="small",color:y="Primary"}=e,f=A.useTheme(),E={className:u,size:T,color:y,theme:f},C=()=>"4px",P=h=>{const R=new Option().style;return R.color=h,R.color!==""};return b.createElement(Sr,{...E,width:C(),key:n,bgColor:()=>{var h=c(t);return P(h)?h:o.statusColor.NONE}},a.jsx(Lr,{...E,width:C(),bgColor:()=>{var h=c(t);return P(h)?h:o.statusColor.NONE}}))};K.propTypes={__TYPE__:r.PropTypes.string,Column:r.PropTypes.object,RowData:r.PropTypes.object,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};K.displayName="TABLE_ROW_STATUS_INDICATOR_CELL";const Or=w.newStyled.th`
   padding: 0.125rem;
   width: 8px;
 
@@ -127,7 +127,7 @@ white-space: nowrap;
   border-bottom: ${e=>"1px solid "+o.getColorRgbaValue(e.theme,"TableHeadCell",null,"enabled","border")}};
   
   border-radius: 0.5rem 0 0 0;
-`,K=e=>{const{__TYPE__:d="TABLE_HEAD_ROW_STATUS_INDICATOR_CELL",Index:t,className:n="",size:c="small",color:u="primary"}=e,T=O.useTheme(),y={className:n,size:c,color:u,theme:T};return b.createElement(Lr,{...y,key:t})};K.propTypes={__TYPE__:r.PropTypes.string,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};K.displayName="TABLE_HEAD_ROW_STATUS_INDICATOR_CELL";const Or=w.newStyled.div`
+`,Q=e=>{const{__TYPE__:d="TABLE_HEAD_ROW_STATUS_INDICATOR_CELL",Index:t,className:n="",size:c="small",color:u="primary"}=e,T=A.useTheme(),y={className:n,size:c,color:u,theme:T};return b.createElement(Or,{...y,key:t})};Q.propTypes={__TYPE__:r.PropTypes.string,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};Q.displayName="TABLE_HEAD_ROW_STATUS_INDICATOR_CELL";const Ar=w.newStyled.div`
   display: flex;
   flex-direction: column;
   padding: 0.625rem;
@@ -138,7 +138,7 @@ white-space: nowrap;
   position: relative;
 
   ${e=>o.getComponentTypographyCss(e.theme,"Table",e.size,"enabled")};
-`,Ar=w.newStyled.div`
+`,xr=w.newStyled.div`
   position: absolute;
   top: 0px;
   right: 0px;
@@ -152,7 +152,7 @@ white-space: nowrap;
   display: flex;
   align-items: center;
   justify-content: center;
-`,xr=w.newStyled.table`
+`,jr=w.newStyled.table`
   height: 1px;
   width: ${e=>e.tableWidth};
   white-space: nowrap;
@@ -161,10 +161,10 @@ white-space: nowrap;
   border-style: hidden;
   table-layout: fixed;
   ${e=>e.noBorder==!1&&`box-shadow: 0 0 0 0.0625rem ${o.getColorRgbaValue(e.theme,"Table",null,"enabled","border")};`}
-`,jr=w.newStyled.span`
+`,Ir=w.newStyled.span`
   display: flex;
   align-items: center;
   justify-content: center;
   ${e=>o.getComponentTypographyCss(e.theme,"Table",e.size,"enabled")};
   padding: 0.5rem;
-`,Ir={TableContainer:"TABLE_CONTAINER",TableRow:"TABLE_ROW",TableCell:"TABLE_CELL",TableSelectionCell:"TABLE_SELLECTION_CELL",TableHeadRow:"TABLE_HEAD_ROW",TableHeadCell:"TABLE_HEAD_CELL",TableHeadSelectionCell:"TABLE_HEAD_SELECTION_CELL",TableHeader:"TABLE_HEADER",TableFooter:"TABLE_FOOTER",TableSpecialLastRow:"TABLE_SPECIAL_LAST_ROW",TableRowStatusIndicatorCell:"TABLE_ROW_STATUS_INDICATOR_CELL",TableHeadRowStatusIndicatorCell:"TABLE_HEAD_ROW_STATUS_INDICATOR_CELL",TableLoader:"TABLE_LOADER",TableBody:"TABLE_BODY",TableHead:"TABLE_HEAD"},Q=b.forwardRef((e,d)=>{var{__TYPE__:t="TABLE",EnableSelection:n=!1,EnableOrdering:c=!1,EnableSelectAll:u=!1,EnableLoader:T=!1,PreRenderedTableBody:y=!1,PreRenderedTableHead:f=!1,noBorder:E=!1,EnableRowStatusIndicator:C=!1,EnableRowHighlight:P=!1,GetRowStatusIndicatorColor:h=()=>{},GetRowHighlightColor:R=()=>{},NoDataText:x="No data to show",NoDataComponent:A=null,Loading:p=!1,Columns:i=[],Data:S=[],SelectedData:z=[],SelectedEntirePage:se=!1,RowIdentifier:B="id",VisibilityPattern:j=null,Ordering:ie={},onColumnClick:de=()=>{},onRowClick:ce=()=>{},onSelectRow:Z=()=>{},onSelectAll:ue=()=>{},tableWidth:me="100%",className:pe="",style:Hr={},color:ge="primary",size:D="small"}=e;const ee=O.useTheme(),_={theme:ee,color:ge,size:D};b.useImperativeHandle(d,()=>({getTableData:()=>S}),[S]);const[Te,{width:H}]=ze();var be=o.useScreenSize();b.useEffect(()=>{n===!0&&(B===null||B==="")&&console.error("Error: Selection is enabled but the 'RowIdentifier' is empty")},[]),b.useEffect(()=>{(i==null||i.length===0)&&console.error("Error: Columns array must have at least one item.")},[i]),b.useEffect(()=>{j&&(j.hasOwnProperty(o.screenSizes.XS.type)||console.error($(o.screenSizes.XS.type)),j.hasOwnProperty(o.screenSizes.S.type)||console.error($(o.screenSizes.S.type)),j.hasOwnProperty(o.screenSizes.M.type)||console.error($(o.screenSizes.M.type)),j.hasOwnProperty(o.screenSizes.L.type)||console.error($(o.screenSizes.L.type)),j.hasOwnProperty(o.screenSizes.XL.type)||console.error($(o.screenSizes.XL.type)))},[j]);const $=l=>`Error: 'VisibilityPattern' missing property ${l}.`,k=()=>{let l=[];if(Je(j)){var s=0;if(l=j[be].map(m=>({...i.find(L=>String(L.id)===String(m.id)),...m})),n===!0){var s=N()/H*100/l.length;C===!0&&(s+=3/H*100),l=l.map(g=>({...g,width:g.width-s}))}}else if(l=i.map(m=>({...m})),n===!0){var s=N()/H*100/l.length;C===!0&&(s+=3/H*100),l=l.map(g=>({...g,width:g.width-s}))}return l},ye=(l,s)=>{if(l&&l.length>0){var m=0,g=l.map(I=>I.width).reduce((I,F)=>I+F);n===!0&&(m=N()/H*100);var L=g+m;Ue(L)&&(L>101||L<98)&&console.error(`Error: Row ${s} - sum of column widths is ${L}.`)}},he=l=>{let s={},m=z.find(g=>String(g[B])===String(l[B]));return m!=null?s.IsSelected=!0:s.IsSelected=!1,s},N=()=>D==="small"?37:D==="medium"?43:D==="large"?49:37,fe=(l={},s)=>{let m={};var g=k();ye(g,s),n===!0&&(m=he(l));var L={onRowClick:ce,onSelectRow:Z,RowData:l,SelectedData:z,EnableSelection:n,Columns:i,ColumnsToRender:g,Index:s,key:s,..._,...m},I=a.jsxs(a.Fragment,{children:[C===!0&&Ae(l),n===!0&&Ee(m.IsSelected,l),g.map((F,ve)=>Ce(l,F,ve,s,g))]});return o.renderCustomElement(o.getCustomRender("TABLE_ROW",e.children),L,I)||b.createElement(Y,{...L,key:s,noBorder:E},I)},Ce=(l,s,m,g,L)=>{var I={RowData:l,Column:s,ColumnsToRender:L,Index:m,RowIndex:g,key:m,EnableSelection:n,RowIdentifier:B,EnableRowHighlight:P,GetRowHighlightColor:R,..._};return o.renderCustomElement(o.getCustomRender("TABLE_CELL",e.children),I)||b.createElement(G,{...I,key:m})},Ee=(l,s,m=-1)=>{var g={SelectedData:z,RowData:s,onSelectRow:Z,Index:m,key:m,IsSelected:l,EnableRowHighlight:P,GetRowHighlightColor:R,..._};return o.renderCustomElement(o.getCustomRender("TABLE_SELLECTION_CELL",e.children),g)||b.createElement(q,{...g,key:m,width:N()/H*100})},_e=()=>{var l={Columns:i,..._},s=a.jsxs(a.Fragment,{children:[C===!0&&xe(),n===!0&&Pe(),k().map((m,g)=>we(m,g))]});return o.renderCustomElement(o.getCustomRender("TABLE_HEAD_ROW",e.children),l,s)||b.createElement(U,{...l,key:0},s)},we=(l,s,m)=>{var g={Index:s,Column:l,Ordering:ie,EnableOrdering:c,EnableSelectAll:u,onColumnClick:de,ColumnsToRender:m,..._};return o.renderCustomElement(o.getCustomRender("TABLE_HEAD_CELL",e.children),g)||b.createElement(M,{...g,key:s})},Pe=()=>{var l={Index:-1,IsSelected:se,onSelectAll:ue,EnableSelectAll:u,..._};return o.renderCustomElement(o.getCustomRender("TABLE_HEAD_SELECTION_CELL",e.children),l)||b.createElement(X,{...l,key:-1,width:N()/H*100})},Re=()=>o.renderCustomElement(o.getCustomRender("TABLE_HEADER",e.children),{Data:S,Columns:i,..._})||a.jsx(a.Fragment,{}),Se=()=>o.renderCustomElement(o.getCustomRender("TABLE_FOOTER",e.children),{Data:S,Columns:i,..._})||a.jsx(a.Fragment,{}),Le=()=>o.renderCustomElement(o.getCustomRender("TABLE_SPECIAL_LAST_ROW",e.children),{Data:S,Columns:i,ColumnsToRender:k(),Disabled:p,..._})||a.jsx(a.Fragment,{}),Oe=()=>{if(S==null||S&&S.length===0){var l=k().length;return n===!0&&l++,C===!0&&l++,a.jsx("tr",{children:a.jsx("td",{colSpan:l,children:A?a.jsx(A,{}):a.jsx(jr,{..._,children:x})})})}return a.jsx(a.Fragment,{})},Ae=l=>{var s={..._,key:-1,RowData:l,GetRowStatusIndicatorColor:h};return C===!0?a.jsx(a.Fragment,{children:o.renderCustomElement(o.getCustomRender("TABLE_ROW_STATUS_INDICATOR_CELL",e.children),s)||a.jsx(J,{...s,noBorder:E})}):a.jsx(a.Fragment,{})},xe=()=>{var l={..._,key:-1};return C===!0?a.jsx(a.Fragment,{children:o.renderCustomElement(o.getCustomRender("TABLE_HEAD_ROW_STATUS_INDICATOR_CELL",e.children),l)||a.jsx(K,{...l})}):a.jsx(a.Fragment,{})},je=()=>T===!0&&p===!0?a.jsx(a.Fragment,{children:a.jsx(Ar,{theme:ee,children:o.renderCustomElement(o.getCustomRender("TABLE_LOADER",e.children),{..._,Loading:p})||a.jsx(Ne,{..._})})}):a.jsx(a.Fragment,{}),Ie=()=>{var l=re.cloneDeep(e);delete l.__TYPE__;var s=a.jsxs(a.Fragment,{children:[S.map((m,g)=>fe(m,g)),Oe()]});return o.renderCustomElement(o.getCustomRender("TABLE_BODY",e.children),l,y?s:void 0)||a.jsx(V,{..._,children:s})},He=()=>{var l=re.cloneDeep(e);delete l.__TYPE__;var s=a.jsx(a.Fragment,{children:_e()});return o.renderCustomElement(o.getCustomRender("TABLE_HEAD",e.children),l,f?s:null)||a.jsx(W,{..._,children:s})};return(()=>{var l={className:pe,Loading:p,..._},s=a.jsxs(a.Fragment,{children:[je(),Re(),a.jsxs(xr,{..._,width:me||"100%","data-table":!0,ref:Te,noBorder:E,children:[He(),Ie()]}),Le(),Se()]});return o.renderCustomElement(o.getCustomRender("TABLE_CONTAINER",e.children),l,s)||a.jsx(Or,{...l,isLoading:T?p:!1,children:s})})()});Q.propTypes={__TYPE__:r.PropTypes.string,ID:r.PropTypes.string,noBorder:r.PropTypes.bool,EnableSelection:r.PropTypes.bool,EnableOrdering:r.PropTypes.bool,EnableLoader:r.PropTypes.bool,EnableSelectAll:r.PropTypes.bool,EnableRowStatusIndicator:r.PropTypes.bool,EnableRowHighlight:r.PropTypes.bool,GetRowStatusIndicatorColor:r.PropTypes.func,GetRowHighlightColor:r.PropTypes.func,NoDataText:r.PropTypes.string,NoDataComponet:r.PropTypes.node,Loading:r.PropTypes.bool,Columns:r.PropTypes.arrayOf(r.PropTypes.object),Data:r.PropTypes.arrayOf(r.PropTypes.object),SelectedData:r.PropTypes.arrayOf(r.PropTypes.object),SelectedEntirePage:r.PropTypes.bool,RowIdentifier:r.PropTypes.string,VisibilityPattern:r.PropTypes.object,Ordering:r.PropTypes.shape({columnId:r.PropTypes.number,ascending:r.PropTypes.bool,descending:r.PropTypes.bool}),onColumnClick:r.PropTypes.func,onRowClick:r.PropTypes.func,onSelectRow:r.PropTypes.func,onSelectAll:r.PropTypes.func,tableWidth:r.PropTypes.string,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};Q.displayName="TABLE";exports.TableComponentOverrides=Ir;exports.default=Q;
+`,Hr={TableContainer:"TABLE_CONTAINER",TableRow:"TABLE_ROW",TableCell:"TABLE_CELL",TableSelectionCell:"TABLE_SELLECTION_CELL",TableHeadRow:"TABLE_HEAD_ROW",TableHeadCell:"TABLE_HEAD_CELL",TableHeadSelectionCell:"TABLE_HEAD_SELECTION_CELL",TableHeader:"TABLE_HEADER",TableFooter:"TABLE_FOOTER",TableSpecialLastRow:"TABLE_SPECIAL_LAST_ROW",TableRowStatusIndicatorCell:"TABLE_ROW_STATUS_INDICATOR_CELL",TableHeadRowStatusIndicatorCell:"TABLE_HEAD_ROW_STATUS_INDICATOR_CELL",TableLoader:"TABLE_LOADER",TableBody:"TABLE_BODY",TableHead:"TABLE_HEAD"},Z=b.forwardRef((e,d)=>{var{__TYPE__:t="TABLE",EnableSelection:n=!1,EnableOrdering:c=!1,EnableSelectAll:u=!1,EnableLoader:T=!1,PreRenderedTableBody:y=!1,PreRenderedTableHead:f=!1,noBorder:E=!1,EnableRowStatusIndicator:C=!1,EnableRowHighlight:P=!1,GetRowStatusIndicatorColor:h=()=>{},GetRowHighlightColor:R=()=>{},NoDataText:j="No data to show",NoDataComponent:x=null,Loading:p=!1,Columns:i=[],Data:S=[],SelectedData:F=[],SelectedEntirePage:ie=!1,RowIdentifier:$="id",VisibilityPattern:I=null,Ordering:de={},onColumnClick:ce=()=>{},onRowClick:ue=()=>{},onSelectRow:ee=()=>{},onSelectAll:me=()=>{},tableWidth:pe="100%",className:ge="",style:vr={},color:Te="primary",size:k="small"}=e;const re=A.useTheme(),_={theme:re,color:Te,size:k};b.useImperativeHandle(d,()=>({getTableData:()=>S}),[S]);const[be,{width:v}]=Fe();var ye=o.useScreenSize();b.useEffect(()=>{n===!0&&($===null||$==="")&&console.error("Error: Selection is enabled but the 'RowIdentifier' is empty")},[]),b.useEffect(()=>{(i==null||i.length===0)&&console.error("Error: Columns array must have at least one item.")},[i]),b.useEffect(()=>{I&&(I.hasOwnProperty(o.screenSizes.XS.type)||console.error(N(o.screenSizes.XS.type)),I.hasOwnProperty(o.screenSizes.S.type)||console.error(N(o.screenSizes.S.type)),I.hasOwnProperty(o.screenSizes.M.type)||console.error(N(o.screenSizes.M.type)),I.hasOwnProperty(o.screenSizes.L.type)||console.error(N(o.screenSizes.L.type)),I.hasOwnProperty(o.screenSizes.XL.type)||console.error(N(o.screenSizes.XL.type)))},[I]);const N=l=>`Error: 'VisibilityPattern' missing property ${l}.`,z=()=>{let l=[];if(Ke(I)){var s=0;if(l=I[ye].map(m=>({...i.find(L=>String(L.id)===String(m.id)),...m})),n===!0){var s=D()/v*100/l.length;C===!0&&(s+=3/v*100),l=l.map(g=>({...g,width:g.width-s}))}}else if(l=i.map(m=>({...m})),n===!0){var s=D()/v*100/l.length;C===!0&&(s+=3/v*100),l=l.map(g=>({...g,width:g.width-s}))}return l},he=(l,s)=>{if(l&&l.length>0){var m=0,g=l.map(H=>H.width).reduce((H,V)=>H+V);n===!0&&(m=D()/v*100);var L=g+m;Me(L)&&(L>101||L<98)&&console.error(`Error: Row ${s} - sum of column widths is ${L}.`)}},fe=l=>{let s={},m=F.find(g=>String(g[$])===String(l[$]));return m!=null?s.IsSelected=!0:s.IsSelected=!1,s},D=()=>k==="small"?37:k==="medium"?43:k==="large"?49:37,Ce=(l={},s)=>{let m={};var g=z();he(g,s),n===!0&&(m=fe(l));var L={onRowClick:ue,onSelectRow:ee,RowData:l,SelectedData:F,EnableSelection:n,Columns:i,ColumnsToRender:g,Index:s,key:s,..._,...m},H=a.jsxs(a.Fragment,{children:[C===!0&&xe(l),n===!0&&_e(m.IsSelected,l),g.map((V,Be)=>Ee(l,V,Be,s,g))]});return o.renderCustomElement(o.getCustomRender("TABLE_ROW",e.children),L,H)||b.createElement(G,{...L,key:s,noBorder:E},H)},Ee=(l,s,m,g,L)=>{var H={RowData:l,Column:s,ColumnsToRender:L,Index:m,RowIndex:g,key:m,EnableSelection:n,RowIdentifier:$,EnableRowHighlight:P,GetRowHighlightColor:R,..._};return o.renderCustomElement(o.getCustomRender("TABLE_CELL",e.children),H)||b.createElement(q,{...H,key:m})},_e=(l,s,m=-1)=>{var g={SelectedData:F,RowData:s,onSelectRow:ee,Index:m,key:m,IsSelected:l,EnableRowHighlight:P,GetRowHighlightColor:R,..._};return o.renderCustomElement(o.getCustomRender("TABLE_SELLECTION_CELL",e.children),g)||b.createElement(U,{...g,key:m,width:D()/v*100})},we=()=>{var l={Columns:i,..._},s=a.jsxs(a.Fragment,{children:[C===!0&&je(),n===!0&&Re(),z().map((m,g)=>Pe(m,g))]});return o.renderCustomElement(o.getCustomRender("TABLE_HEAD_ROW",e.children),l,s)||b.createElement(M,{...l,key:0},s)},Pe=(l,s,m)=>{var g={Index:s,Column:l,Ordering:de,EnableOrdering:c,EnableSelectAll:u,onColumnClick:ce,ColumnsToRender:m,..._};return o.renderCustomElement(o.getCustomRender("TABLE_HEAD_CELL",e.children),g)||b.createElement(X,{...g,key:s})},Re=()=>{var l={Index:-1,IsSelected:ie,onSelectAll:me,EnableSelectAll:u,..._};return o.renderCustomElement(o.getCustomRender("TABLE_HEAD_SELECTION_CELL",e.children),l)||b.createElement(J,{...l,key:-1,width:D()/v*100})},Se=()=>o.renderCustomElement(o.getCustomRender("TABLE_HEADER",e.children),{Data:S,Columns:i,..._})||a.jsx(a.Fragment,{}),Le=()=>o.renderCustomElement(o.getCustomRender("TABLE_FOOTER",e.children),{Data:S,Columns:i,..._})||a.jsx(a.Fragment,{}),Oe=()=>o.renderCustomElement(o.getCustomRender("TABLE_SPECIAL_LAST_ROW",e.children),{Data:S,Columns:i,ColumnsToRender:z(),Disabled:p,..._})||a.jsx(a.Fragment,{}),Ae=()=>{if(S==null||S&&S.length===0){var l=z().length;return n===!0&&l++,C===!0&&l++,a.jsx("tr",{children:a.jsx("td",{colSpan:l,children:x?a.jsx(x,{}):a.jsx(Ir,{..._,children:j})})})}return a.jsx(a.Fragment,{})},xe=l=>{var s={..._,key:-1,RowData:l,GetRowStatusIndicatorColor:h};return C===!0?a.jsx(a.Fragment,{children:o.renderCustomElement(o.getCustomRender("TABLE_ROW_STATUS_INDICATOR_CELL",e.children),s)||a.jsx(K,{...s,noBorder:E})}):a.jsx(a.Fragment,{})},je=()=>{var l={..._,key:-1};return C===!0?a.jsx(a.Fragment,{children:o.renderCustomElement(o.getCustomRender("TABLE_HEAD_ROW_STATUS_INDICATOR_CELL",e.children),l)||a.jsx(Q,{...l})}):a.jsx(a.Fragment,{})},Ie=()=>T===!0&&p===!0?a.jsx(a.Fragment,{children:a.jsx(xr,{theme:re,children:o.renderCustomElement(o.getCustomRender("TABLE_LOADER",e.children),{..._,Loading:p})||a.jsx(De,{..._})})}):a.jsx(a.Fragment,{}),He=()=>{var l=oe.cloneDeep(e);delete l.__TYPE__;var s=a.jsxs(a.Fragment,{children:[S.map((m,g)=>Ce(m,g)),Ae()]});return o.renderCustomElement(o.getCustomRender("TABLE_BODY",e.children),l,y?s:void 0)||a.jsx(W,{..._,children:s})},ve=()=>{var l=oe.cloneDeep(e);delete l.__TYPE__;var s=a.jsx(a.Fragment,{children:we()});return o.renderCustomElement(o.getCustomRender("TABLE_HEAD",e.children),l,f?s:null)||a.jsx(Y,{..._,children:s})};return(()=>{var l={className:ge,Loading:p,..._},s=a.jsxs(a.Fragment,{children:[Ie(),Se(),a.jsxs(jr,{..._,width:pe||"100%","data-table":!0,ref:be,noBorder:E,children:[ve(),He()]}),Oe(),Le()]});return o.renderCustomElement(o.getCustomRender("TABLE_CONTAINER",e.children),l,s)||a.jsx(Ar,{...l,isLoading:T?p:!1,children:s})})()});Z.propTypes={__TYPE__:r.PropTypes.string,ID:r.PropTypes.string,noBorder:r.PropTypes.bool,EnableSelection:r.PropTypes.bool,EnableOrdering:r.PropTypes.bool,EnableLoader:r.PropTypes.bool,EnableSelectAll:r.PropTypes.bool,EnableRowStatusIndicator:r.PropTypes.bool,EnableRowHighlight:r.PropTypes.bool,GetRowStatusIndicatorColor:r.PropTypes.func,GetRowHighlightColor:r.PropTypes.func,NoDataText:r.PropTypes.string,NoDataComponet:r.PropTypes.node,Loading:r.PropTypes.bool,Columns:r.PropTypes.arrayOf(r.PropTypes.object),Data:r.PropTypes.arrayOf(r.PropTypes.object),SelectedData:r.PropTypes.arrayOf(r.PropTypes.object),SelectedEntirePage:r.PropTypes.bool,RowIdentifier:r.PropTypes.string,VisibilityPattern:r.PropTypes.object,Ordering:r.PropTypes.shape({columnId:r.PropTypes.number,ascending:r.PropTypes.bool,descending:r.PropTypes.bool}),onColumnClick:r.PropTypes.func,onRowClick:r.PropTypes.func,onSelectRow:r.PropTypes.func,onSelectAll:r.PropTypes.func,tableWidth:r.PropTypes.string,className:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};Z.displayName="TABLE";exports.TableComponentOverrides=Hr;exports.default=Z;

package/dist/Table.js

@@ -1,15 +1,16 @@
 import { jsx as i, jsxs as z, Fragment as R } from "react/jsx-runtime";
-import Me, { useLayoutEffect as Xe, useEffect as V, useState as de, useMemo as qe, createElement as O, forwardRef as Je, useImperativeHandle as Ke } from "react";
-import { n as w } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { c as D, g as J, P as r } from "./index-Ds9PUTwb.js";
-import { k as be, n as Qe, b as f, a as M, s as ce, u as Ze, l as B, r as S, e as A } from "./utils-DEke8iwo.js";
-import { c as ue } from "./index-B_da1uvD.js";
-import { u as v } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-import { i as er } from "./index-Cdkz-XH-.js";
+import { useLayoutEffect as Me, useEffect as V, useState as de, useMemo as Xe, createElement as O, isValidElement as qe, forwardRef as Je, useImperativeHandle as Ke } from "react";
+import { n as w } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { P as r } from "./index-BYnWp42a.js";
+import { m as be, n as Qe, a as f, g as M, s as ce, u as Ze, o as B, r as S, i as A } from "./utils-C52T57HO.js";
+import { c as ue } from "./index-DLVVKJXD.js";
+import { c as D, g as J } from "./_commonjsHelpers-DaMA6jEr.js";
+import { u as v } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { i as er } from "./index-CvebWhtp.js";
 import fe from "./CheckBoxInput.js";
 import rr from "./Icon.js";
 import tr from "./Spinner.js";
-var or = be ? Xe : V, he = {
+var or = be ? Me : V, he = {
   x: 0,
   y: 0,
   width: 0,
@@ -20,7 +21,7 @@ var or = be ? Xe : V, he = {
   right: 0
 };
 function nr() {
-  var e = de(null), s = e[0], t = e[1], o = de(he), d = o[0], c = o[1], h = qe(function() {
+  var e = de(null), s = e[0], t = e[1], o = de(he), d = o[0], c = o[1], h = Xe(function() {
     return new window.ResizeObserver(function(g) {
       if (g[0]) {
         var T = g[0].contentRect, y = T.x, E = T.y, L = T.width, _ = T.height, C = T.top, P = T.left, $ = T.bottom, m = T.right;
@@ -289,7 +290,7 @@ const Nr = /* @__PURE__ */ J($r), xr = w.td`
   }, m = () => {
     if (t.render && Nr(t.render)) {
       var a = t.render(o);
-      if (Me.isValidElement(a)) return a;
+      if (qe(a)) return a;
       console.error(
         `${t.id}/${t.accessor}: invalid render function.`
       );
@@ -896,7 +897,7 @@ const Mr = w.div`
   justify-content: center;
   ${(e) => M(e.theme, "Table", e.size, "enabled")};
   padding: 0.5rem;
-`, ct = {
+`, ut = {
   TableContainer: "TABLE_CONTAINER",
   TableRow: "TABLE_ROW",
   TableCell: "TABLE_CELL",
@@ -1403,6 +1404,6 @@ _e.propTypes = {
 };
 _e.displayName = "TABLE";
 export {
-  ct as TableComponentOverrides,
+  ut as TableComponentOverrides,
   _e as default
 };

package/dist/TableView.cjs

@@ -1 +1,8 @@
-"use strict";require("react/jsx-runtime");require("react");require("./index-DXnSjbfJ.cjs");require("./emotion-styled.browser.esm-Cbp_XsK4.cjs");require("./ActionsToolbar.cjs");const e=require("./TableView-D8ex512p.cjs");require("./utils-hdRGTsQ7.cjs");require("./Table.cjs");module.exports=e.TableView;
+"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`
+  & .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;

package/dist/TableView.js

@@ -1,11 +1,240 @@
-import "react/jsx-runtime";
-import "react";
-import "./index-Ds9PUTwb.js";
-import "./emotion-styled.browser.esm-BZSYYThs.js";
-import "./ActionsToolbar.js";
-import { T as d } from "./TableView-Cj5_fbSR.js";
-import "./utils-DEke8iwo.js";
-import "./Table.js";
+import { jsxs as ee, jsx as f } from "react/jsx-runtime";
+import { forwardRef as oe, useState as ne } 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`
+  & .table-view-pagination-lnc {
+    padding: 0 0.625rem;
+  }
+  & .table-view-toolbar-lnc {
+    margin: 0 0.625rem;
+  }
+`, g = oe((S, z) => {
+  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,
+    //----------------
+    onCreate: V = () => {
+    },
+    onEdit: B = () => {
+    },
+    onDelete: F = () => {
+    },
+    onDetails: M = () => {
+    },
+    onCopy: W = () => {
+    },
+    onFilter: ue = () => {
+    },
+    onSort: we = () => {
+    },
+    onPageChange: Y = () => {
+    },
+    onEmptyRowsSelection: fe = () => {
+    },
+    //------------------
+    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),
+    {
+      ...l,
+      size: l != null && l.size ? l.size : s,
+      color: l != null && l.color ? l.color : i,
+      className: "table-view-toolbar-lnc " + (l == null ? void 0 : l.className)
+    },
+    r
+  ) || /* @__PURE__ */ f(
+    te,
+    {
+      ...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,
+      selectedRowsLength: a != null && a.length ? a.length : 0,
+      onCreate: H,
+      onCopy: J,
+      onEdit: K,
+      onDelete: Q,
+      actionsDropdownZIndex: j,
+      actionDropdownProps: L,
+      actionsDropdownPlacement: x
+    }
+  ), $ = () => h(
+    C("TABLE", r),
+    {
+      ...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)
+    },
+    r
+  ) || /* @__PURE__ */ f(
+    ae,
+    {
+      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),
+      SelectedData: a,
+      onRowClick: (t, c) => G(t, c),
+      ...o
+    }
+  ), P = () => h(
+    C("PAGINATION", r),
+    {
+      ...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)
+    },
+    r
+  ) || /* @__PURE__ */ f(
+    ce,
+    {
+      ...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
+    }
+  );
+  return /* @__PURE__ */ ee(ie, { ref: z, ...Z, children: [
+    X(),
+    $(),
+    I == !0 && P()
+  ] });
+});
+g.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"
+  ])
+};
+g.displayName = "TABLE_VIEW";
 export {
-  d as default
+  g as default
 };

package/dist/Tabs.cjs

@@ -1,4 +1,4 @@
-"use strict";const P=require("react/jsx-runtime"),r=require("react"),e=require("./index-DXnSjbfJ.cjs"),j=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),q=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),w=j.newStyled.div`
+"use strict";const P=require("react/jsx-runtime"),r=require("react"),e=require("./index-BIlhCoy2.cjs"),j=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),q=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),w=j.newStyled.div`
   background: transparent;
   display: flex;
   justify-content: ${s=>s.fullWidth?"space-evenly":"none"};

package/dist/Tabs.js

@@ -1,8 +1,8 @@
 import { jsx as T } from "react/jsx-runtime";
 import r, { useState as j } from "react";
-import { P as e } from "./index-Ds9PUTwb.js";
-import { n as v } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { u as C } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { P as e } from "./index-BYnWp42a.js";
+import { n as v } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { u as C } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const P = v.div`
   background: transparent;
   display: flex;

package/dist/TextAreaInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const O=require("react/jsx-runtime"),a=require("./index-DXnSjbfJ.cjs"),c=require("react"),X=require("./index-BjdOz5Ok.cjs"),Z=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),g=require("./utils-hdRGTsQ7.cjs"),V=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),J=require("./objectWithoutPropertiesLoose-Bz3hwpmU.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 x=Q(c),ee=Z.newStyled.div`
+"use strict";const O=require("react/jsx-runtime"),a=require("./index-BIlhCoy2.cjs"),c=require("react"),X=require("./index-DaiUAQVF.cjs"),Z=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),g=require("./utils-DTAPpJXU.cjs"),V=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),J=require("./objectWithoutPropertiesLoose-Bz3hwpmU.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 x=Q(c),ee=Z.newStyled.div`
   & textarea {
     ${e=>g.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
     min-height: ${e=>g.getSizeValueWithUnits(e.theme,e.size)};

package/dist/TextAreaInput.js

@@ -1,11 +1,11 @@
 import { jsx as W } from "react/jsx-runtime";
-import { P as o } from "./index-Ds9PUTwb.js";
+import { P as o } from "./index-BYnWp42a.js";
 import * as v from "react";
 import Y, { useRef as D, useCallback as _, useState as H, useEffect as $ } from "react";
-import { d as X } from "./index-D5vEbKUT.js";
-import { n as Z } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as q, f as J, b as z, c as K, h as Q, g as ee } from "./utils-DEke8iwo.js";
-import { _ as te, u as re } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { d as X } from "./index-CNBqQrtK.js";
+import { n as Z } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { g as q, d as J, a as z, b as K, e as Q, h as ee } from "./utils-C52T57HO.js";
+import { _ as te, u as re } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 import { _ as ne } from "./objectWithoutPropertiesLoose-DwEN6RBQ.js";
 import { i as ae } from "./use-isomorphic-layout-effect.browser.esm-DERp5kr6.js";
 const oe = Z.div`

package/dist/TextInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const d=require("react/jsx-runtime"),t=require("./index-DXnSjbfJ.cjs"),s=require("react"),B=require("./index-BjdOz5Ok.cjs"),c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./utils-hdRGTsQ7.cjs"),F=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),D=c.newStyled.div`
+"use strict";const d=require("react/jsx-runtime"),t=require("./index-BIlhCoy2.cjs"),s=require("react"),B=require("./index-DaiUAQVF.cjs"),c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./utils-DTAPpJXU.cjs"),F=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),D=c.newStyled.div`
   display: flex;
   align-items: center;
 

package/dist/TextInput.js

@@ -1,10 +1,10 @@
 import { jsxs as W, jsx as b } from "react/jsx-runtime";
-import { P as t } from "./index-Ds9PUTwb.js";
+import { P as t } from "./index-BYnWp42a.js";
 import U, { useState as C, useEffect as _, useCallback as D } from "react";
-import { d as E } from "./index-D5vEbKUT.js";
-import { n as u } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { f as s, b as a, c as q, h as A, g as O, a as G } from "./utils-DEke8iwo.js";
-import { u as H } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { d as E } from "./index-CNBqQrtK.js";
+import { n as u } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { d as s, a, b as q, e as A, h as O, g as G } from "./utils-C52T57HO.js";
+import { u as H } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const J = u.div`
   display: flex;
   align-items: center;