@lanaco/lnc-react-ui 4.0.95 → 4.0.97

package/dist/RadioInput.js

@@ -1,4 +1,4 @@
-import { jsxs as b, jsx as o } from "react/jsx-runtime";
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
 import { forwardRef as P, useState as j } from "react";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as i } from "./index-S5Cd7WrG.js";
@@ -246,26 +246,26 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
       tabIndex: -1,
       readOnly: s,
       focused: B,
-      onClick: (r) => c == null ? void 0 : c(r),
+      onClick: (o) => c == null ? void 0 : c(o),
       innerColor: v,
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           "input",
           {
             ref: y,
             disabled: d || s,
             type: "radio",
-            onBlur: (r) => {
-              m(!1), l && (l == null || l(r));
+            onBlur: (o) => {
+              m(!1), l && (l == null || l(o));
             },
-            onFocus: (r) => {
-              m(!0), n && (n == null || n(r));
+            onFocus: (o) => {
+              m(!0), n && (n == null || n(o));
             },
-            onChange: (r) => a == null ? void 0 : a(r),
+            onChange: (o) => a == null ? void 0 : a(o),
             ...z
           }
         ),
-        /* @__PURE__ */ o("div", { className: "checkmark", children: /* @__PURE__ */ b(
+        /* @__PURE__ */ r("div", { className: "checkmark", children: /* @__PURE__ */ b(
           "svg",
           {
             id: "eqw1eBsfm9l1",
@@ -274,7 +274,7 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
             shapeRendering: "geometricPrecision",
             textRendering: "geometricPrecision",
             children: [
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ r(
                 "ellipse",
                 {
                   className: "outer-circle",
@@ -285,7 +285,7 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
                   stroke: "red"
                 }
               ),
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ r(
                 "ellipse",
                 {
                   rx: "5",
@@ -298,7 +298,7 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
             ]
           }
         ) }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           K,
           {
             ...u,
@@ -315,7 +315,7 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
   );
 });
 L.propTypes = {
-  id: i.string,
+  id: i.any,
   name: i.string,
   checked: i.bool,
   disabled: i.bool,

package/dist/Table.cjs

@@ -169,4 +169,4 @@ white-space: nowrap;
   justify-content: center;
   ${r=>a.getComponentTypographyCss(r.theme,"Table",r.size,"enabled")};
   padding: 0.5rem;
-`,$n={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"},ur=R.forwardRef((r,p)=>{var{__TYPE__:i="TABLE",EnableSelection:c=!1,EnableOrdering:m=!1,EnableSelectAll:f=!1,EnableLoader:_=!1,PreRenderedTableBody:C=!1,PreRenderedTableHead:P=!1,noBorder:S=!1,EnableRowStatusIndicator:w=!1,EnableRowHighlight:A=!1,GetRowStatusIndicatorColor:y=()=>{},GetRowHighlightColor:x=()=>{},GetRowHighlightCss:L=()=>{},NoDataText:F="No data to show",NoDataComponent:E=null,Loading:g=!1,Columns:v=[],Data:D=[],SelectedData:q=[],SelectedEntirePage:fe=!1,RowIdentifier:W="id",VisibilityPattern:z=null,Ordering:me={},onColumnClick:ge=()=>{},onRowClick:be=()=>{},onSelectRow:ie=()=>{},onSelectAll:he=()=>{},tableWidth:ye="100%",className:Te="",style:ve={},color:Ie="primary",size:re="small"}=r;const _e=V.useTheme(),O={theme:_e,color:Ie,size:re};R.useImperativeHandle(p,()=>({getTableData:()=>D}),[D]);const[T,{width:Y}]=Gt();var He=a.useScreenSize();R.useEffect(()=>{c===!0&&(W===null||W==="")&&console.error("Error: Selection is enabled but the 'RowIdentifier' is empty")},[]),R.useEffect(()=>{(v==null||v.length===0)&&console.error("Error: Columns array must have at least one item.")},[v]),R.useEffect(()=>{z&&(z.hasOwnProperty(a.screenSizes.XS.type)||console.error(B(a.screenSizes.XS.type)),z.hasOwnProperty(a.screenSizes.S.type)||console.error(B(a.screenSizes.S.type)),z.hasOwnProperty(a.screenSizes.M.type)||console.error(B(a.screenSizes.M.type)),z.hasOwnProperty(a.screenSizes.L.type)||console.error(B(a.screenSizes.L.type)),z.hasOwnProperty(a.screenSizes.XL.type)||console.error(B(a.screenSizes.XL.type)))},[z]);const B=l=>`Error: 'VisibilityPattern' missing property ${l}.`,K=()=>{let l=[];if(Qt(z)){var u=0;if(l=z[He].map(b=>({...v.find(k=>String(k.id)===String(b.id)),...b})),c===!0){var u=X()/Y*100/l.length;w===!0&&(u+=3/Y*100),l=l.map(h=>({...h,width:h.width-u}))}}else if(l=v.map(b=>({...b})),c===!0){var u=X()/Y*100/l.length;w===!0&&(u+=3/Y*100),l=l.map(h=>({...h,width:h.width-u}))}return l},Ce=(l,u)=>{if(l&&l.length>0){var b=0,h=l.map(G=>G.width).reduce((G,ne)=>G+ne);c===!0&&(b=X()/Y*100);var k=h+b;Xt(k)&&(k>101||k<98)&&console.error(`Error: Row ${u} - sum of column widths is ${k}.`)}},Be=l=>{let u={},b=q.find(h=>String(h[W])===String(l[W]));return b!=null?u.IsSelected=!0:u.IsSelected=!1,u},X=()=>re==="small"?37:re==="medium"?43:re==="large"?49:37,$e=(l={},u)=>{let b={};var h=K(),k=(L==null?void 0:L(l))||"";Ce(h,u),c===!0&&(b=Be(l));var G={onRowClick:be,onSelectRow:ie,RowData:l,SelectedData:q,EnableSelection:c,Columns:v,ColumnsToRender:h,Index:u,key:u,rowCss:k,...O,...b},ne=d.jsxs(d.Fragment,{children:[w===!0&&ze(l),c===!0&&De(b.IsSelected,l),h.map((We,Ye)=>Ne(l,We,Ye,u,h))]});return a.renderCustomElement(a.getCustomRender("TABLE_ROW",r.children),G,ne)||R.createElement(nr,{...G,key:u,noBorder:S},ne)},Ne=(l,u,b,h,k)=>{var G={RowData:l,Column:u,ColumnsToRender:k,Index:b,RowIndex:h,key:b,EnableSelection:c,RowIdentifier:W,EnableRowHighlight:A,GetRowHighlightColor:x,...O};return a.renderCustomElement(a.getCustomRender("TABLE_CELL",r.children),G)||R.createElement(or,{...G,key:b})},De=(l,u,b=-1)=>{var h={SelectedData:q,RowData:u,onSelectRow:ie,Index:b,key:b,IsSelected:l,EnableRowHighlight:A,GetRowHighlightColor:x,...O};return a.renderCustomElement(a.getCustomRender("TABLE_SELLECTION_CELL",r.children),h)||R.createElement(ar,{...h,key:b,width:X()/Y*100})},Ee=()=>{var l={Columns:v,...O},u=d.jsxs(d.Fragment,{children:[w===!0&&Ge(),c===!0&&Fe(),K().map((b,h)=>ke(b,h))]});return a.renderCustomElement(a.getCustomRender("TABLE_HEAD_ROW",r.children),l,u)||R.createElement(lr,{...l,key:0},u)},ke=(l,u,b)=>{var h={Index:u,Column:l,Ordering:me,EnableOrdering:m,EnableSelectAll:f,onColumnClick:ge,ColumnsToRender:b,...O};return a.renderCustomElement(a.getCustomRender("TABLE_HEAD_CELL",r.children),h)||R.createElement(sr,{...h,key:u})},Fe=()=>{var l={Index:-1,IsSelected:fe,onSelectAll:he,EnableSelectAll:f,...O};return a.renderCustomElement(a.getCustomRender("TABLE_HEAD_SELECTION_CELL",r.children),l)||R.createElement(ir,{...l,key:-1,width:X()/Y*100})},we=()=>a.renderCustomElement(a.getCustomRender("TABLE_HEADER",r.children),{Data:D,Columns:v,...O})||d.jsx(d.Fragment,{}),Pe=()=>a.renderCustomElement(a.getCustomRender("TABLE_FOOTER",r.children),{Data:D,Columns:v,...O})||d.jsx(d.Fragment,{}),ce=()=>a.renderCustomElement(a.getCustomRender("TABLE_SPECIAL_LAST_ROW",r.children),{Data:D,Columns:v,ColumnsToRender:K(),Disabled:g,...O})||d.jsx(d.Fragment,{}),Re=()=>{if(D==null||D&&D.length===0){var l=K().length;return c===!0&&l++,w===!0&&l++,d.jsx("tr",{children:d.jsx("td",{colSpan:l,children:E?d.jsx(E,{}):d.jsx(Bn,{...O,children:F})})})}return d.jsx(d.Fragment,{})},ze=l=>{var u={...O,key:-1,RowData:l,GetRowStatusIndicatorColor:y};return w===!0?d.jsx(d.Fragment,{children:a.renderCustomElement(a.getCustomRender("TABLE_ROW_STATUS_INDICATOR_CELL",r.children),u)||d.jsx(cr,{...u,noBorder:S})}):d.jsx(d.Fragment,{})},Ge=()=>{var l={...O,key:-1};return w===!0?d.jsx(d.Fragment,{children:a.renderCustomElement(a.getCustomRender("TABLE_HEAD_ROW_STATUS_INDICATOR_CELL",r.children),l)||d.jsx(dr,{...l})}):d.jsx(d.Fragment,{})},te=()=>_===!0&&g===!0?d.jsx(d.Fragment,{children:d.jsx(In,{theme:_e,children:a.renderCustomElement(a.getCustomRender("TABLE_LOADER",r.children),{...O,Loading:g})||d.jsx(kt,{...O})})}):d.jsx(d.Fragment,{}),de=()=>{var l=Sr(r);delete l.__TYPE__;var u=d.jsxs(d.Fragment,{children:[D.map((b,h)=>$e(b,h)),Re()]});return a.renderCustomElement(a.getCustomRender("TABLE_BODY",r.children),l,C?u:void 0)||d.jsx(rr,{...O,children:u})},Se=()=>{var l=Sr(r);delete l.__TYPE__;var u=d.jsx(d.Fragment,{children:Ee()});return a.renderCustomElement(a.getCustomRender("TABLE_HEAD",r.children),l,P?u:null)||d.jsx(tr,{...O,children:u})};return(()=>{var l={className:Te,Loading:g,...O},u=d.jsxs(d.Fragment,{children:[te(),we(),d.jsxs(Hn,{...O,width:ye||"100%","data-table":!0,ref:T,noBorder:S,children:[Se(),de()]}),ce(),Pe()]});return a.renderCustomElement(a.getCustomRender("TABLE_CONTAINER",r.children),l,u)||d.jsx(vn,{...l,isLoading:_?g:!1,children:u})})()});ur.propTypes={__TYPE__:o.PropTypes.string,ID:o.PropTypes.string,noBorder:o.PropTypes.bool,EnableSelection:o.PropTypes.bool,EnableOrdering:o.PropTypes.bool,EnableLoader:o.PropTypes.bool,EnableSelectAll:o.PropTypes.bool,EnableRowStatusIndicator:o.PropTypes.bool,EnableRowHighlight:o.PropTypes.bool,GetRowStatusIndicatorColor:o.PropTypes.func,GetRowHighlightColor:o.PropTypes.func,NoDataText:o.PropTypes.string,NoDataComponet:o.PropTypes.node,Loading:o.PropTypes.bool,Columns:o.PropTypes.arrayOf(o.PropTypes.object),Data:o.PropTypes.arrayOf(o.PropTypes.object),SelectedData:o.PropTypes.arrayOf(o.PropTypes.object),SelectedEntirePage:o.PropTypes.bool,RowIdentifier:o.PropTypes.string,VisibilityPattern:o.PropTypes.object,Ordering:o.PropTypes.shape({columnId:o.PropTypes.number,ascending:o.PropTypes.bool,descending:o.PropTypes.bool}),onColumnClick:o.PropTypes.func,onRowClick:o.PropTypes.func,onSelectRow:o.PropTypes.func,onSelectAll:o.PropTypes.func,tableWidth:o.PropTypes.string,className:o.PropTypes.string,size:o.PropTypes.oneOf(["small","medium","large"]),color:o.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};ur.displayName="TABLE";exports.TableComponentOverrides=$n;exports.default=ur;
+`,$n={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"},ur=R.forwardRef((r,p)=>{var{__TYPE__:i="TABLE",EnableSelection:c=!1,EnableOrdering:m=!1,EnableSelectAll:f=!1,EnableLoader:_=!1,PreRenderedTableBody:C=!1,PreRenderedTableHead:P=!1,noBorder:S=!1,EnableRowStatusIndicator:w=!1,EnableRowHighlight:A=!1,GetRowStatusIndicatorColor:y=()=>{},GetRowHighlightColor:x=()=>{},GetRowHighlightCss:L=()=>{},NoDataText:F="No data to show",NoDataComponent:E=null,Loading:g=!1,Columns:v=[],Data:D=[],SelectedData:q=[],SelectedEntirePage:fe=!1,RowIdentifier:W="id",VisibilityPattern:z=null,Ordering:me={},onColumnClick:ge=()=>{},onRowClick:be=()=>{},onSelectRow:ie=()=>{},onSelectAll:he=()=>{},tableWidth:ye="100%",className:Te="",style:ve={},color:Ie="primary",size:re="small"}=r;const _e=V.useTheme(),O={theme:_e,color:Ie,size:re};R.useImperativeHandle(p,()=>({getTableData:()=>D}),[D]);const[T,{width:Y}]=Gt();var He=a.useScreenSize();R.useEffect(()=>{c===!0&&(W===null||W==="")&&console.error("Error: Selection is enabled but the 'RowIdentifier' is empty")},[]),R.useEffect(()=>{(v==null||v.length===0)&&console.error("Error: Columns array must have at least one item.")},[v]),R.useEffect(()=>{z&&(z.hasOwnProperty(a.screenSizes.XS.type)||console.error(B(a.screenSizes.XS.type)),z.hasOwnProperty(a.screenSizes.S.type)||console.error(B(a.screenSizes.S.type)),z.hasOwnProperty(a.screenSizes.M.type)||console.error(B(a.screenSizes.M.type)),z.hasOwnProperty(a.screenSizes.L.type)||console.error(B(a.screenSizes.L.type)),z.hasOwnProperty(a.screenSizes.XL.type)||console.error(B(a.screenSizes.XL.type)))},[z]);const B=l=>`Error: 'VisibilityPattern' missing property ${l}.`,K=()=>{let l=[];if(Qt(z)){var u=0;if(l=z[He].map(b=>({...v.find(k=>String(k.id)===String(b.id)),...b})),c===!0){var u=X()/Y*100/l.length;w===!0&&(u+=3/Y*100),l=l.map(h=>({...h,width:h.width-u}))}}else if(l=v.map(b=>({...b})),c===!0){var u=X()/Y*100/l.length;w===!0&&(u+=3/Y*100),l=l.map(h=>({...h,width:h.width-u}))}return l},Ce=(l,u)=>{if(l&&l.length>0){var b=0,h=l.map(G=>G.width).reduce((G,ne)=>G+ne);c===!0&&(b=X()/Y*100);var k=h+b;Xt(k)&&(k>101||k<98)&&console.error(`Error: Row ${u} - sum of column widths is ${k}.`)}},Be=l=>{let u={},b=q.find(h=>String(h[W])===String(l[W]));return b!=null?u.IsSelected=!0:u.IsSelected=!1,u},X=()=>re==="small"?37:re==="medium"?43:re==="large"?49:37,$e=(l={},u)=>{let b={};var h=K(),k=(L==null?void 0:L(l))||"";Ce(h,u),c===!0&&(b=Be(l));var G={onRowClick:be,onSelectRow:ie,RowData:l,SelectedData:q,EnableSelection:c,Columns:v,ColumnsToRender:h,Index:u,key:u,rowCss:k,...O,...b},ne=d.jsxs(d.Fragment,{children:[w===!0&&ze(l),c===!0&&De(b.IsSelected,l),h.map((We,Ye)=>Ne(l,We,Ye,u,h))]});return a.renderCustomElement(a.getCustomRender("TABLE_ROW",r.children),G,ne)||R.createElement(nr,{...G,key:u,noBorder:S},ne)},Ne=(l,u,b,h,k)=>{var G={RowData:l,Column:u,ColumnsToRender:k,Index:b,RowIndex:h,key:b,EnableSelection:c,RowIdentifier:W,EnableRowHighlight:A,GetRowHighlightColor:x,...O};return a.renderCustomElement(a.getCustomRender("TABLE_CELL",r.children),G)||R.createElement(or,{...G,key:b})},De=(l,u,b=-1)=>{var h={SelectedData:q,RowData:u,onSelectRow:ie,Index:b,key:b,IsSelected:l,EnableRowHighlight:A,GetRowHighlightColor:x,...O};return a.renderCustomElement(a.getCustomRender("TABLE_SELLECTION_CELL",r.children),h)||R.createElement(ar,{...h,key:b,width:X()/Y*100})},Ee=()=>{var l={Columns:v,...O},u=d.jsxs(d.Fragment,{children:[w===!0&&Ge(),c===!0&&Fe(),K().map((b,h)=>ke(b,h))]});return a.renderCustomElement(a.getCustomRender("TABLE_HEAD_ROW",r.children),l,u)||R.createElement(lr,{...l,key:0},u)},ke=(l,u,b)=>{var h={Index:u,Column:l,Ordering:me,EnableOrdering:m,EnableSelectAll:f,onColumnClick:ge,ColumnsToRender:b,...O};return a.renderCustomElement(a.getCustomRender("TABLE_HEAD_CELL",r.children),h)||R.createElement(sr,{...h,key:u})},Fe=()=>{var l={Index:-1,IsSelected:fe,onSelectAll:he,EnableSelectAll:f,...O};return a.renderCustomElement(a.getCustomRender("TABLE_HEAD_SELECTION_CELL",r.children),l)||R.createElement(ir,{...l,key:-1,width:X()/Y*100})},we=()=>a.renderCustomElement(a.getCustomRender("TABLE_HEADER",r.children),{Data:D,Columns:v,...O})||d.jsx(d.Fragment,{}),Pe=()=>a.renderCustomElement(a.getCustomRender("TABLE_FOOTER",r.children),{Data:D,Columns:v,...O})||d.jsx(d.Fragment,{}),ce=()=>a.renderCustomElement(a.getCustomRender("TABLE_SPECIAL_LAST_ROW",r.children),{Data:D,Columns:v,ColumnsToRender:K(),Disabled:g,...O})||d.jsx(d.Fragment,{}),Re=()=>{if(D==null||D&&D.length===0){var l=K().length;return c===!0&&l++,w===!0&&l++,d.jsx("tr",{children:d.jsx("td",{colSpan:l,children:E?d.jsx(E,{}):d.jsx(Bn,{...O,children:F})})})}return d.jsx(d.Fragment,{})},ze=l=>{var u={...O,key:-1,RowData:l,GetRowStatusIndicatorColor:y};return w===!0?d.jsx(d.Fragment,{children:a.renderCustomElement(a.getCustomRender("TABLE_ROW_STATUS_INDICATOR_CELL",r.children),u)||d.jsx(cr,{...u,noBorder:S})}):d.jsx(d.Fragment,{})},Ge=()=>{var l={...O,key:-1};return w===!0?d.jsx(d.Fragment,{children:a.renderCustomElement(a.getCustomRender("TABLE_HEAD_ROW_STATUS_INDICATOR_CELL",r.children),l)||d.jsx(dr,{...l})}):d.jsx(d.Fragment,{})},te=()=>_===!0&&g===!0?d.jsx(d.Fragment,{children:d.jsx(In,{theme:_e,children:a.renderCustomElement(a.getCustomRender("TABLE_LOADER",r.children),{...O,Loading:g})||d.jsx(kt,{...O})})}):d.jsx(d.Fragment,{}),de=()=>{var l=Sr(r);delete l.__TYPE__;var u=d.jsxs(d.Fragment,{children:[D.map((b,h)=>$e(b,h)),Re()]});return a.renderCustomElement(a.getCustomRender("TABLE_BODY",r.children),l,C?u:void 0)||d.jsx(rr,{...O,children:u})},Se=()=>{var l=Sr(r);delete l.__TYPE__;var u=d.jsx(d.Fragment,{children:Ee()});return a.renderCustomElement(a.getCustomRender("TABLE_HEAD",r.children),l,P?u:null)||d.jsx(tr,{...O,children:u})};return(()=>{var l={className:Te,Loading:g,...O},u=d.jsxs(d.Fragment,{children:[te(),we(),d.jsxs(Hn,{...O,width:ye||"100%","data-table":!0,ref:T,noBorder:S,children:[Se(),de()]}),ce(),Pe()]});return a.renderCustomElement(a.getCustomRender("TABLE_CONTAINER",r.children),l,u)||d.jsx(vn,{...l,isLoading:_?g:!1,children:u})})()});ur.propTypes={__TYPE__:o.PropTypes.string,id:o.PropTypes.any,noBorder:o.PropTypes.bool,EnableSelection:o.PropTypes.bool,EnableOrdering:o.PropTypes.bool,EnableLoader:o.PropTypes.bool,EnableSelectAll:o.PropTypes.bool,EnableRowStatusIndicator:o.PropTypes.bool,EnableRowHighlight:o.PropTypes.bool,GetRowStatusIndicatorColor:o.PropTypes.func,GetRowHighlightColor:o.PropTypes.func,NoDataText:o.PropTypes.string,NoDataComponet:o.PropTypes.node,Loading:o.PropTypes.bool,Columns:o.PropTypes.arrayOf(o.PropTypes.object),Data:o.PropTypes.arrayOf(o.PropTypes.object),SelectedData:o.PropTypes.arrayOf(o.PropTypes.object),SelectedEntirePage:o.PropTypes.bool,RowIdentifier:o.PropTypes.string,VisibilityPattern:o.PropTypes.object,Ordering:o.PropTypes.shape({columnId:o.PropTypes.number,ascending:o.PropTypes.bool,descending:o.PropTypes.bool}),onColumnClick:o.PropTypes.func,onRowClick:o.PropTypes.func,onSelectRow:o.PropTypes.func,onSelectAll:o.PropTypes.func,tableWidth:o.PropTypes.string,className:o.PropTypes.string,size:o.PropTypes.oneOf(["small","medium","large"]),color:o.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};ur.displayName="TABLE";exports.TableComponentOverrides=$n;exports.default=ur;

package/dist/Table.js

@@ -1709,7 +1709,7 @@ Yt.propTypes = {
   /**
    *
    */
-  ID: o.string,
+  id: o.any,
   //----------------------------------------
   noBorder: o.bool,
   /**

package/dist/TextAreaInput.cjs

@@ -30,4 +30,4 @@
   & textarea:disabled {
     ${e=>m.getDisabledStateCss(e.theme)}
   }
-`;var te=function(t){var r=d.useRef(t);return K.index(function(){r.current=t}),r},$=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&&$(n.current,null),n.current=r,r&&$(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")})},_=ne,s=null,j=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),s||(s=document.createElement("textarea"),s.setAttribute("tabindex","-1"),s.setAttribute("aria-hidden","true"),_(s)),s.parentNode===null&&document.body.appendChild(s);var o=e.paddingSize,b=e.borderSize,l=e.sizingStyle,T=l.boxSizing;Object.keys(l).forEach(function(g){var v=g;s.style[v]=l[v]}),_(s),s.value=t;var i=j(s,e);s.value=t,i=j(s,e),s.value="x";var u=s.scrollHeight-o,c=u*r;T==="border-box"&&(c=c+o+b),i=Math.max(c,i);var f=u*n;return T==="border-box"&&(f=f+o+b),i=Math.min(f,i),[i,u]}var V=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"],se=!!document.documentElement.currentStyle,ue=function(t){var r=window.getComputedStyle(t);if(r===null)return null;var n=ae(ie,r),o=n.boxSizing;if(o==="")return null;se&&o==="border-box"&&(n.width=parseFloat(n.width)+parseFloat(n.borderRightWidth)+parseFloat(n.borderLeftWidth)+parseFloat(n.paddingRight)+parseFloat(n.paddingLeft)+"px");var b=parseFloat(n.paddingBottom)+parseFloat(n.paddingTop),l=parseFloat(n.borderBottomWidth)+parseFloat(n.borderTopWidth);return{sizingStyle:n,paddingSize:b,borderSize:l}},de=ue;function I(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){I(document.body,"reset",function(n){t.current.form===n.target&&r(n)})},ce=function(t){I(window,"resize",t)},fe=function(t){I(document.fonts,"loadingdone",t)},ge=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],he=function(t,r){var n=t.cacheMeasurements,o=t.maxRows,b=t.minRows,l=t.onChange,T=l===void 0?V:l,i=t.onHeightChange,u=i===void 0?V:i,c=J._objectWithoutPropertiesLoose(t,ge),f=c.value!==void 0,g=S.useRef(null),v=re(g,r),L=S.useRef(0),w=S.useRef(),x=function(){var h=g.current,R=n&&w.current?w.current:de(h);if(R){w.current=R;var P=oe(R,h.value||h.placeholder||"x",b,o),y=P[0],E=P[1];L.current!==y&&(L.current=y,h.style.setProperty("height",y+"px","important"),u(y,{rowHeight:E}))}},H=function(h){f||x(),T(h)};return S.useLayoutEffect(x),le(g,function(){if(!f){var z=g.current.value;requestAnimationFrame(function(){var h=g.current;h&&z!==h.value&&x()})}}),ce(x),fe(x),S.createElement("textarea",k._extends({},c,{onChange:H,ref:v}))},pe=S.forwardRef(he);const B=d.forwardRef((e,t)=>{const{disabled:r,readOnly:n,value:o,defaultValue:b,debounceTime:l=0,type:T="textarea",collapseOnBlur:i=!1,minRows:u=0,maxRows:c,onChange:f,onBlur:g,onFocus:v,className:L="",style:w={},size:x="small",color:H="primary",...z}=e,[h,R]=d.useState(o||b||""),P=k.useTheme(),[y,E]=d.useState(!1),[q,M]=d.useState(u),[A,C]=d.useState(i?u:c);d.useEffect(()=>{o!=null&&R(o)},[o]),d.useEffect(()=>{M(u),i&&y===!1&&C(u)},[u,c]),d.useEffect(()=>{C(i?y===!0?c:u:c)},[i]);const N=d.useCallback(X.debounce((p,F)=>D(p,F),l),[f]),D=(p,F)=>{f&&(f==null||f(p,F))},U=p=>{R(p.target.value),N(p,p.target.value)},G=p=>{E(!0),i&&C(c),v==null||v(p)},Y=p=>{E(!1),i&&C(u),g==null||g(p)};return O.jsx(ee,{style:w,className:L,theme:P,color:H,size:x,focused:y,disabled:r,readOnly:n,collapseOnBlur:i,children:O.jsx(pe,{ref:t,disabled:r,value:h,readOnly:n,minRows:q,maxRows:A,onChange:U,onFocus:G,onBlur:Y,...z})})});B.propTypes={id:a.PropTypes.string,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 te=function(t){var r=d.useRef(t);return K.index(function(){r.current=t}),r},$=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&&$(n.current,null),n.current=r,r&&$(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")})},_=ne,u=null,j=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"),_(u)),u.parentNode===null&&document.body.appendChild(u);var o=e.paddingSize,b=e.borderSize,l=e.sizingStyle,T=l.boxSizing;Object.keys(l).forEach(function(h){var v=h;u.style[v]=l[v]}),_(u),u.value=t;var i=j(u,e);u.value=t,i=j(u,e),u.value="x";var s=u.scrollHeight-o,c=s*r;T==="border-box"&&(c=c+o+b),i=Math.max(c,i);var f=s*n;return T==="border-box"&&(f=f+o+b),i=Math.min(f,i),[i,s]}var V=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 b=parseFloat(n.paddingBottom)+parseFloat(n.paddingTop),l=parseFloat(n.borderBottomWidth)+parseFloat(n.borderTopWidth);return{sizingStyle:n,paddingSize:b,borderSize:l}},de=se;function I(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){I(document.body,"reset",function(n){t.current.form===n.target&&r(n)})},ce=function(t){I(window,"resize",t)},fe=function(t){I(document.fonts,"loadingdone",t)},he=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],ge=function(t,r){var n=t.cacheMeasurements,o=t.maxRows,b=t.minRows,l=t.onChange,T=l===void 0?V:l,i=t.onHeightChange,s=i===void 0?V:i,c=J._objectWithoutPropertiesLoose(t,he),f=c.value!==void 0,h=S.useRef(null),v=re(h,r),L=S.useRef(0),w=S.useRef(),x=function(){var g=h.current,R=n&&w.current?w.current:de(g);if(R){w.current=R;var P=oe(R,g.value||g.placeholder||"x",b,o),y=P[0],E=P[1];L.current!==y&&(L.current=y,g.style.setProperty("height",y+"px","important"),s(y,{rowHeight:E}))}},H=function(g){f||x(),T(g)};return S.useLayoutEffect(x),le(h,function(){if(!f){var z=h.current.value;requestAnimationFrame(function(){var g=h.current;g&&z!==g.value&&x()})}}),ce(x),fe(x),S.createElement("textarea",k._extends({},c,{onChange:H,ref:v}))},pe=S.forwardRef(ge);const B=d.forwardRef((e,t)=>{const{disabled:r,readOnly:n,value:o,defaultValue:b,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,[g,R]=d.useState(o||b||""),P=k.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((p,F)=>D(p,F),l),[f]),D=(p,F)=>{f&&(f==null||f(p,F))},U=p=>{R(p.target.value),N(p,p.target.value)},G=p=>{E(!0),i&&C(c),v==null||v(p)},Y=p=>{E(!1),i&&C(s),h==null||h(p)};return O.jsx(ee,{style:w,className:L,theme:P,color:H,size:x,focused:y,disabled:r,readOnly:n,collapseOnBlur:i,children:O.jsx(pe,{ref:t,disabled:r,value:g,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;

package/dist/TextAreaInput.js

@@ -280,7 +280,7 @@ const Se = Y((e, t) => {
   );
 });
 Se.propTypes = {
-  id: o.string,
+  id: o.any,
   defaultValue: o.string,
   value: o.string,
   disabled: o.bool,

package/dist/TextInput.cjs

@@ -1,19 +1,19 @@
-"use strict";const c=require("react/jsx-runtime"),t=require("./index-BPVoEhTF.cjs"),s=require("react"),B=require("./index-DaiUAQVF.cjs"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-BOtq2mcF.cjs"),D=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),E=p.styled.div`
+"use strict";const c=require("react/jsx-runtime"),t=require("./index-BPVoEhTF.cjs"),s=require("react"),B=require("./index-DaiUAQVF.cjs"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-BOtq2mcF.cjs"),D=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),E=p.styled.div`
   display: flex;
   align-items: center;
 
-  min-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
-  max-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
-  background-color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
+  min-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
+  background-color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
   border: 1px solid
-    ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
-  border-radius: ${e=>r.getBorderRadiusValueWithUnits(e.theme,"regular")};
+    ${e=>n.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
+  border-radius: ${e=>n.getBorderRadiusValueWithUnits(e.theme,"regular")};
 
-  ${e=>e.focused&&e.readOnly!==!0?r.getOutlineCss(e.theme):""}
-  ${e=>e.disabled===!0?r.getDisabledStateCss(e.theme):""}
+  ${e=>e.focused&&e.readOnly!==!0?n.getOutlineCss(e.theme):""}
+  ${e=>e.disabled===!0?n.getDisabledStateCss(e.theme):""}
 `,C=p.styled.span`
   padding: 0 12px;
-  color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
+  color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
 `,A=p.styled(C)``,G=p.styled.input`
   background: none;
   border: none;
@@ -22,16 +22,16 @@
   padding-bottom: 0.625rem;
   width: 100%;
 
-  ${e=>r.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
-  min-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
-  max-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
-  color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
-  caret-color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
+  ${e=>n.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
+  min-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
+  color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
+  caret-color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
   padding-right: ${e=>e.suffix?"0":"0.75rem"};
   padding-left: ${e=>e.prefix?"0":"0.75rem"};
 
   &::placeholder {
-    color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
+    color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
   }
 
   &:read-only {
@@ -39,7 +39,7 @@
   }
 
   &:disabled {
-    ${e=>r.getDisabledStateCss(e.theme)}
+    ${e=>n.getDisabledStateCss(e.theme)}
     background: none;
   }
-`,S=s.forwardRef((e,I)=>{const{disabled:b,readOnly:x,defaultValue:T,value:o,debounceTime:R=0,type:z="text",placeholder:O,tabIndex:q,prefix:g,suffix:m,onChange:l,onBlur:y,onFocus:h,className:v="",style:j={},size:P="small",color:a="primary",...W}=e,i=D.useTheme(),u=s.useRef(o||T||""),[k,$]=s.useState(o||T||""),[d,V]=s.useState(!1);s.useEffect(()=>{o!=null&&(u.current=o,$(u.current))},[o]);const w=s.useCallback(B.debounce((n,f)=>U(n,f),R),[l]),U=(n,f)=>{l&&(l==null||l(n,f))},F=n=>{u.current=n.target.value,$(u.current),w(n,n.target.value)},N=n=>{V(!0),h==null||h(n)},_=n=>{V(!1),y==null||y(n)};return c.jsxs(E,{style:j,className:v,theme:i,color:a,size:P,focused:d,disabled:b,readOnly:x,children:[g&&c.jsx(C,{theme:i,color:a,focused:d,className:"lnc-input-prefix",children:g}),c.jsx(G,{ref:I,type:z,theme:i,color:a,size:P,placeholder:O,prefix:g,suffix:m,disabled:b,readOnly:x,focused:d,onFocus:N,onBlur:_,onChange:F,tabIndex:q,value:k,...W}),m&&c.jsx(A,{theme:i,color:a,focused:d,className:"lnc-input-suffix",children:m})]})});S.propTypes={id:t.PropTypes.string,defaultValue:t.PropTypes.string,value:t.PropTypes.string,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,debounceTime:t.PropTypes.number,placeholder:t.PropTypes.string,type:t.PropTypes.oneOf(["text","email"]),tabIndex:t.PropTypes.number,prefix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),suffix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=S;
+`,S=s.forwardRef((e,I)=>{const{disabled:b,readOnly:x,defaultValue:T,value:o,debounceTime:R=0,type:z="text",placeholder:O,tabIndex:q,prefix:m,suffix:g,onChange:l,onBlur:y,onFocus:h,className:v="",style:j={},size:P="small",color:a="primary",...W}=e,i=D.useTheme(),u=s.useRef(o||T||""),[k,$]=s.useState(o||T||""),[d,V]=s.useState(!1);s.useEffect(()=>{o!=null&&(u.current=o,$(u.current))},[o]);const w=s.useCallback(B.debounce((r,f)=>U(r,f),R),[l]),U=(r,f)=>{l&&(l==null||l(r,f))},F=r=>{u.current=r.target.value,$(u.current),w(r,r.target.value)},N=r=>{V(!0),h==null||h(r)},_=r=>{V(!1),y==null||y(r)};return c.jsxs(E,{style:j,className:v,theme:i,color:a,size:P,focused:d,disabled:b,readOnly:x,children:[m&&c.jsx(C,{theme:i,color:a,focused:d,className:"lnc-input-prefix",children:m}),c.jsx(G,{ref:I,type:z,theme:i,color:a,size:P,placeholder:O,prefix:m,suffix:g,disabled:b,readOnly:x,focused:d,onFocus:N,onBlur:_,onChange:F,tabIndex:q,value:k,...W}),g&&c.jsx(A,{theme:i,color:a,focused:d,className:"lnc-input-suffix",children:g})]})});S.propTypes={id:t.PropTypes.any,defaultValue:t.PropTypes.string,value:t.PropTypes.string,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,debounceTime:t.PropTypes.number,placeholder:t.PropTypes.string,type:t.PropTypes.oneOf(["text","email"]),tabIndex:t.PropTypes.number,prefix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),suffix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=S;

package/dist/TextInput.js

@@ -176,7 +176,7 @@ const M = c.div`
   );
 });
 Y.propTypes = {
-  id: t.string,
+  id: t.any,
   defaultValue: t.string,
   value: t.string,
   disabled: t.bool,

package/dist/TimeInput.cjs

@@ -28,4 +28,4 @@
     border: 1px solid
       ${e=>t.getColorRgbaValue(e.theme,"Input","primary",e.disabled===!0?"disabled":"enabled","border")};
   }
-`,c=l.forwardRef((e,i)=>{const{disabled:s,readOnly:m,defaultValue:g,value:o,debounceTime:p=0,onChange:a,className:y="",style:h={},size:T="small",color:C="primary",...f}=e,x=v.useTheme(),[$,b]=l.useState(o||g||"");l.useEffect(()=>{o!=null&&b(o)},[o]);const P=l.useCallback(q.debounce((n,d)=>V(n,d),p),[a]),V=(n,d)=>{a&&(a==null||a(n,d))},I=n=>{b(n.target.value),P(n,n.target.value)};return u.jsx(u.Fragment,{children:u.jsx(w,{type:"time",ref:i,onChange:I,disabled:s,readOnly:m,theme:x,color:C,size:T,className:y,style:h,value:$,...f})})});c.propTypes={id:r.PropTypes.string,defaultValue:r.PropTypes.string,value:r.PropTypes.string,disabled:r.PropTypes.bool,readOnly:r.PropTypes.bool,debounceTime:r.PropTypes.number,tabIndex:r.PropTypes.number,onChange:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=c;
+`,c=l.forwardRef((e,i)=>{const{disabled:s,readOnly:m,defaultValue:g,value:o,debounceTime:p=0,onChange:a,className:y="",style:h={},size:T="small",color:C="primary",...f}=e,x=v.useTheme(),[$,b]=l.useState(o||g||"");l.useEffect(()=>{o!=null&&b(o)},[o]);const P=l.useCallback(q.debounce((n,d)=>V(n,d),p),[a]),V=(n,d)=>{a&&(a==null||a(n,d))},I=n=>{b(n.target.value),P(n,n.target.value)};return u.jsx(u.Fragment,{children:u.jsx(w,{type:"time",ref:i,onChange:I,disabled:s,readOnly:m,theme:x,color:C,size:T,className:y,style:h,value:$,...f})})});c.propTypes={id:r.PropTypes.any,defaultValue:r.PropTypes.string,value:r.PropTypes.string,disabled:r.PropTypes.bool,readOnly:r.PropTypes.bool,debounceTime:r.PropTypes.number,tabIndex:r.PropTypes.number,onChange:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=c;

package/dist/TimeInput.js

@@ -104,7 +104,7 @@ const U = ({ theme: e, size: s }) => {
   ) });
 });
 B.propTypes = {
-  id: a.string,
+  id: a.any,
   defaultValue: a.string,
   value: a.string,
   disabled: a.bool,

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),b=require("./suspense-product-card-detailed-EXZJLtNh.cjs"),C=P.styled.div`
+"use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),b=require("./suspense-product-card-detailed-Yjo62f1v.cjs"),C=P.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit||5},  minmax(0, 1fr))`};

package/dist/UrgentSaleProductsSection.js

@@ -4,7 +4,7 @@ import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as L, S as F } from "./consts-BuFChS64.js";
 import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
 import T from "./Button.js";
-import { D as _, S as D } from "./suspense-product-card-detailed-Z0emIstD.js";
+import { D as _, S as D } from "./suspense-product-card-detailed-Bez9UFMR.js";
 const E = C.div`
   padding: 1.75rem 3rem;
   display: grid;

package/dist/{suspense-product-card-detailed-Z0emIstD.js → suspense-product-card-detailed-Bez9UFMR.js}

@@ -1,10 +1,10 @@
-import { jsxs as t, jsx as e, Fragment as h } from "react/jsx-runtime";
-import { forwardRef as c, Suspense as $ } from "react";
-import { p as y, t as g, o as s, l as S, q as P, G as C } from "./utils-WHYrEnYF.js";
-import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as z } from "./index-DQyZFR-C.js";
-import { M as D } from "./consts-BuFChS64.js";
-const u = f.div`
+import { jsxs as i, jsx as e, Fragment as w } from "react/jsx-runtime";
+import { forwardRef as p, Suspense as P } from "react";
+import { p as z, t as h, o as s, l as C, q as f, G as u } from "./utils-WHYrEnYF.js";
+import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { P as D } from "./index-DQyZFR-C.js";
+import { M as j } from "./consts-BuFChS64.js";
+const v = x.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -32,20 +32,30 @@ const u = f.div`
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-    ${y(2)}
+    ${z(2)}
   }
 
   & .price-text {
     font-size: 1rem;
     font-weight: 600;
-    ${g()}
+    ${h()}
+    display: flex;
+    align-items: end;
+    gap: 0.5rem;
+    & .full-price {
+      text-decoration: line-through;
+      font-size: 0.75rem;
+      font-weight: 400;
+      padding-bottom: 0.125rem;
+      color: var(--gray-600, #676e79);
+    }
   }
 
   & .location-text {
     font-size: 0.75rem;
     font-weight: 400;
     color: var(--gray-600, #676e79);
-    ${g()}
+    ${h()}
   }
 
   & .tags-wrapper {
@@ -89,7 +99,7 @@ const u = f.div`
     height: 1rem;
   }
 
-  @media (max-width: ${D + "px"}) {
+  @media (max-width: ${j + "px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -105,7 +115,7 @@ const u = f.div`
       font-weight: 600;
     }
   }
-`, j = f.div`
+`, F = x.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -117,74 +127,76 @@ const u = f.div`
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`, F = c(({ sponsoredText: r = "Sponsored" }, i) => /* @__PURE__ */ t(j, { ref: i, className: "sponsored-line", children: [
+`, I = p(({ sponsoredText: r = "Sponsored" }, a) => /* @__PURE__ */ i(F, { ref: a, className: "sponsored-line", children: [
   /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
   /* @__PURE__ */ e("span", { children: r })
-] })), R = c((r, i) => {
+] })), U = p((r, a) => {
   const {
     uuid: o,
     title: n,
-    price: a = 0,
-    currency: d,
-    isNegotiable: l,
+    price: t = 0,
+    sellingPrice: c,
+    currency: l,
+    isNegotiable: d,
     isFree: m,
-    imageUrl: w,
-    sellerUuid: E,
-    location: x,
-    isSponsored: k,
-    imageComponent: p,
-    onSelectCard: v = () => {
+    imageUrl: k,
+    sellerUuid: G,
+    location: N,
+    isSponsored: $,
+    imageComponent: g,
+    onSelectCard: b = () => {
     },
-    freeText: N = "Free",
-    negotiableText: b = "Negotiable"
+    freeText: y = "Free",
+    negotiableText: S = "Negotiable"
   } = r;
   return (
     // <LandingPageProductCardSkeleton />
-    /* @__PURE__ */ t(u, { className: "product-card", onClick: v, children: [
-      S(p) ? p : /* @__PURE__ */ e(z, { src: w }),
+    /* @__PURE__ */ i(v, { className: "product-card", onClick: b, children: [
+      C(g) ? g : /* @__PURE__ */ e(D, { src: k }),
       /* @__PURE__ */ e("div", { className: "wrapper-card-1", children: /* @__PURE__ */ e("div", { className: "card-title", children: n }) }),
-      /* @__PURE__ */ t("div", { className: "wrapper-card-2", children: [
-        /* @__PURE__ */ t("div", { className: "price-text", children: [
-          a > 0 && d && l !== !0 && m !== !0 && `${P(a)} ${C(d)}`,
-          l && b,
-          m && N
+      /* @__PURE__ */ i("div", { className: "wrapper-card-2", children: [
+        /* @__PURE__ */ i("div", { className: "price-text", children: [
+          c > 0 && l && d !== !0 && m !== !0 && /* @__PURE__ */ e("div", { children: `${f(c)} ${u(l)}` }),
+          t > 0 && l && d !== !0 && m !== !0 && t !== c && /* @__PURE__ */ e("div", { className: `${c > 0 ? "full-price" : ""}`, children: `${f(t)} ${u(l)}` }),
+          d && S,
+          m && y
         ] }),
-        /* @__PURE__ */ e("div", { className: "location-text", children: x })
+        /* @__PURE__ */ e("div", { className: "location-text", children: N })
       ] }),
-      k === !0 && /* @__PURE__ */ e(F, {})
+      $ === !0 && /* @__PURE__ */ e(I, {})
     ] })
   );
-}), I = c(({}, r) => /* @__PURE__ */ t(u, { className: "product-card", children: [
+}), T = p(({}, r) => /* @__PURE__ */ i(v, { className: "product-card", children: [
   /* @__PURE__ */ e("img", { className: "skeleton-img" }),
-  /* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
+  /* @__PURE__ */ i("div", { className: "wrapper-card-1", children: [
     /* @__PURE__ */ e("div", { className: "skeleton-title" }),
     /* @__PURE__ */ e("div", { className: "skeleton-tags" })
   ] }),
-  /* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
+  /* @__PURE__ */ i("div", { className: "wrapper-card-1", children: [
     /* @__PURE__ */ e("div", { className: "skeleton-price" }),
     /* @__PURE__ */ e("div", { className: "skeleton-sponsored" })
   ] })
-] })), T = ({ limit: r = 5, isLoading: i = !1, keyPrefix: o }) => /* @__PURE__ */ e(h, { children: Array.from({ length: r }, (n, a) => /* @__PURE__ */ e(
-  I,
+] })), E = ({ limit: r = 5, isLoading: a = !1, keyPrefix: o }) => /* @__PURE__ */ e(w, { children: Array.from({ length: r }, (n, t) => /* @__PURE__ */ e(
+  T,
   {
-    isLoading: i
+    isLoading: a
   },
-  `${o}-skeleton-product-card-${a}`
-)) }), U = ({
+  `${o}-skeleton-product-card-${t}`
+)) }), q = ({
   children: r,
-  fallbackComponent: i = /* @__PURE__ */ e(h, {}),
+  fallbackComponent: a = /* @__PURE__ */ e(w, {}),
   isLoading: o = !1,
   limit: n,
-  keyPrefix: a
-}) => /* @__PURE__ */ e($, { fallbackComponent: i, children: o === !0 ? /* @__PURE__ */ e(
-  T,
+  keyPrefix: t
+}) => /* @__PURE__ */ e(P, { fallbackComponent: a, children: o === !0 ? /* @__PURE__ */ e(
+  E,
   {
     isLoading: o,
     limit: n,
-    keyPrefix: a
+    keyPrefix: t
   }
 ) : r });
 export {
-  R as D,
-  U as S
+  U as D,
+  q as S
 };

package/dist/suspense-product-card-detailed-Yjo62f1v.cjs

@@ -0,0 +1,124 @@
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),r=require("./utils-BOtq2mcF.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./index-XrPpEvxt.cjs"),y=require("./consts-goSZX3xP.cjs"),u=g.styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  cursor: pointer;
+
+  & .wrapper-card-1 {
+    display: flex;
+    flex-direction: column;
+    gap: 0.38rem;
+  }
+
+  & .wrapper-card-2 {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+  }
+
+  & img {
+    width: 100%;
+    aspect-ratio: 1 / 1; /* defining the aspect ratio of the image */
+    object-fit: cover; /* making sure the image isn't distorted */
+    border-radius: 0.75rem;
+  }
+
+  & .card-title {
+    font-size: 0.875rem;
+    font-weight: 600;
+    ${r.truncateTextInRows(2)}
+  }
+
+  & .price-text {
+    font-size: 1rem;
+    font-weight: 600;
+    ${r.truncateText()}
+    display: flex;
+    align-items: end;
+    gap: 0.5rem;
+    & .full-price {
+      text-decoration: line-through;
+      font-size: 0.75rem;
+      font-weight: 400;
+      padding-bottom: 0.125rem;
+      color: var(--gray-600, #676e79);
+    }
+  }
+
+  & .location-text {
+    font-size: 0.75rem;
+    font-weight: 400;
+    color: var(--gray-600, #676e79);
+    ${r.truncateText()}
+  }
+
+  & .tags-wrapper {
+    display: flex;
+    gap: 0.5rem;
+  }
+
+  &:hover {
+    & .card-title {
+      color: var(--primary-500, #f59e0b);
+    }
+  }
+
+  & .skeleton-img {
+    background-color: ${r.linearGradientAnimation("-90deg")};
+    border-radius: 0.75rem;
+    border: 1px solid white;
+  }
+
+  & .skeleton-title {
+    background-color: ${r.linearGradientAnimation("-90deg")};
+    width: 100%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-tags {
+    background-color: ${r.linearGradientAnimation("-90deg")};
+    width: 80%;
+    height: 1.5rem;
+  }
+
+  & .skeleton-price {
+    background-color: ${r.linearGradientAnimation("-90deg")};
+    width: 50%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-sponsored {
+    background-color: ${r.linearGradientAnimation("-90deg")};
+    width: 50%;
+    height: 1rem;
+  }
+
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+    & img {
+      width: 8.875rem;
+      height: 8.875rem;
+      min-width: 8.875rem;
+      min-height: 8.875rem;
+      min-width: 8.875rem;
+      min-height: 8.875rem;
+      object-fit: cover;
+    }
+
+    & .price-text {
+      font-size: 0.875rem;
+      font-weight: 600;
+    }
+  }
+`,N=g.styled.div`
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  color: var(--gray-500);
+  font-size:  0.75rem;
+  font-weight: 500;
+
+  & i {
+    font-size: 1rem;
+    color: var(--warning-500, #F59E0B);
+  }
+`,b=d.forwardRef(({sponsoredText:t="Sponsored"},s)=>e.jsxs(N,{ref:s,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:t})]})),$=d.forwardRef((t,s)=>{const{uuid:a,title:n,price:i=0,sellingPrice:o,currency:c,isNegotiable:l,isFree:m,imageUrl:h,sellerUuid:z,location:x,isSponsored:f,imageComponent:p,onSelectCard:w=()=>{},freeText:j="Free",negotiableText:v="Negotiable"}=t;return e.jsxs(u,{className:"product-card",onClick:w,children:[r.isDefined(p)?p:e.jsx(k.ProductImageWrapper,{src:h}),e.jsx("div",{className:"wrapper-card-1",children:e.jsx("div",{className:"card-title",children:n})}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:"price-text",children:[o>0&&c&&l!==!0&&m!==!0&&e.jsx("div",{children:`${r.formatPrice(o)} ${r.GetCurrencySymbol(c)}`}),i>0&&c&&l!==!0&&m!==!0&&i!==o&&e.jsx("div",{className:`${o>0?"full-price":""}`,children:`${r.formatPrice(i)} ${r.GetCurrencySymbol(c)}`}),l&&v,m&&j]}),e.jsx("div",{className:"location-text",children:x})]}),f===!0&&e.jsx(b,{})]})}),S=d.forwardRef(({},t)=>e.jsxs(u,{className:"product-card",children:[e.jsx("img",{className:"skeleton-img"}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"skeleton-tags"})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-price"}),e.jsx("div",{className:"skeleton-sponsored"})]})]})),P=({limit:t=5,isLoading:s=!1,keyPrefix:a})=>e.jsx(e.Fragment,{children:Array.from({length:t},(n,i)=>e.jsx(S,{isLoading:s},`${a}-skeleton-product-card-${i}`))}),C=({children:t,fallbackComponent:s=e.jsx(e.Fragment,{}),isLoading:a=!1,limit:n,keyPrefix:i})=>e.jsx(d.Suspense,{fallbackComponent:s,children:a===!0?e.jsx(P,{isLoading:a,limit:n,keyPrefix:i}):t});exports.DetailedProductCard=$;exports.SuspenseDetailedProductCard=C;

package/package.json

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