@lanaco/lnc-react-ui 4.0.95 → 4.0.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/DecimalInput.cjs +1 -1
  2. package/dist/DecimalInput.js +1 -1
  3. package/dist/DecimalInputV2.cjs +1 -1
  4. package/dist/DecimalInputV2.js +20 -20
  5. package/dist/DetailedProductsSection.cjs +4 -4
  6. package/dist/DetailedProductsSection.js +16 -14
  7. package/dist/DragAndDropFile.cjs +1 -1
  8. package/dist/DragAndDropFile.js +1 -1
  9. package/dist/Dropdown.cjs +1 -1
  10. package/dist/Dropdown.js +18 -18
  11. package/dist/DropdownLookup.cjs +1 -1
  12. package/dist/DropdownLookup.js +14 -14
  13. package/dist/Icon.cjs +1 -1
  14. package/dist/Icon.js +8 -8
  15. package/dist/MultiSelectDropdown.cjs +1 -1
  16. package/dist/MultiSelectDropdown.js +6 -6
  17. package/dist/MultiSelectDropdownLookup.cjs +1 -1
  18. package/dist/MultiSelectDropdownLookup.js +6 -6
  19. package/dist/NumberInput.cjs +1 -1
  20. package/dist/NumberInput.js +1 -1
  21. package/dist/PasswordInput.cjs +1 -1
  22. package/dist/PasswordInput.js +1 -1
  23. package/dist/ProgressBar.cjs +1 -1
  24. package/dist/ProgressBar.js +1 -1
  25. package/dist/RadioGroup.cjs +3 -3
  26. package/dist/RadioGroup.js +22 -22
  27. package/dist/RadioInput.cjs +1 -1
  28. package/dist/RadioInput.js +13 -13
  29. package/dist/Table.cjs +1 -1
  30. package/dist/Table.js +1 -1
  31. package/dist/TextAreaInput.cjs +1 -1
  32. package/dist/TextAreaInput.js +1 -1
  33. package/dist/TextInput.cjs +17 -17
  34. package/dist/TextInput.js +1 -1
  35. package/dist/TimeInput.cjs +1 -1
  36. package/dist/TimeInput.js +1 -1
  37. package/dist/UrgentSaleProductsSection.cjs +1 -1
  38. package/dist/UrgentSaleProductsSection.js +1 -1
  39. package/dist/{suspense-product-card-detailed-Z0emIstD.js → suspense-product-card-detailed-Bez9UFMR.js} +61 -49
  40. package/dist/suspense-product-card-detailed-Yjo62f1v.cjs +124 -0
  41. package/package.json +1 -1
  42. package/dist/suspense-product-card-detailed-EXZJLtNh.cjs +0 -114
@@ -1,4 +1,4 @@
1
- import { jsx as O } from "react/jsx-runtime";
1
+ import { jsx as g } from "react/jsx-runtime";
2
2
  import { P as e } from "./index-S5Cd7WrG.js";
3
3
  import { forwardRef as y, useCallback as h } from "react";
4
4
  import { a as M } from "./CustomStyles-9CHBrzIM.js";
@@ -64,11 +64,11 @@ const w = y((l, t) => {
64
64
  // children,
65
65
  ...p
66
66
  } = l, b = I(), f = h(
67
- S((d, g) => {
68
- o == null || o(d, g);
67
+ S((d, O) => {
68
+ o == null || o(d, O);
69
69
  }, s)
70
70
  );
71
- return /* @__PURE__ */ O(
71
+ return /* @__PURE__ */ g(
72
72
  C,
73
73
  {
74
74
  isMulti: !0,
@@ -155,11 +155,11 @@ w.propTypes = {
155
155
  /**
156
156
  * The id to set on the SelectContainer component
157
157
  */
158
- id: e.string,
158
+ id: e.any,
159
159
  /**
160
160
  * The id of the search input
161
161
  */
162
- inputId: e.string,
162
+ inputid: e.any,
163
163
  /**
164
164
  * Override the built-in logic to detect whether an option is disabled. `(...) => boolean`
165
165
  */
@@ -1 +1 @@
1
- "use strict";const O=require("react/jsx-runtime"),e=require("./index-BPVoEhTF.cjs"),s=require("react"),g=require("./CustomStyles-BoYYyJVV.cjs"),h=require("./index-DaiUAQVF.cjs"),M=require("./DropdownLookup.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,t)=>{const{styles:p,debounceTime:l=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:a="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},l));return O.jsx(M,{isMulti:!0,ref:t,styles:p||g.customStyles,size:i,color:a,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:c,style:T,...P})});r.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
1
+ "use strict";const O=require("react/jsx-runtime"),e=require("./index-BPVoEhTF.cjs"),s=require("react"),g=require("./CustomStyles-BoYYyJVV.cjs"),h=require("./index-DaiUAQVF.cjs"),M=require("./DropdownLookup.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,l)=>{const{styles:p,debounceTime:t=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:a="small",color:i="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},t));return O.jsx(M,{isMulti:!0,ref:l,styles:p||g.customStyles,size:a,color:i,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:c,style:T,...P})});r.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
@@ -1,11 +1,11 @@
1
- import { jsx as g } from "react/jsx-runtime";
1
+ import { jsx as y } from "react/jsx-runtime";
2
2
  import { P as e } from "./index-S5Cd7WrG.js";
3
- import { forwardRef as y, useCallback as h } from "react";
3
+ import { forwardRef as g, useCallback as h } from "react";
4
4
  import { a as M } from "./CustomStyles-9CHBrzIM.js";
5
5
  import { d as S } from "./index-CkWvbrVT.js";
6
6
  import C from "./DropdownLookup.js";
7
7
  import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
8
- const T = y((l, t) => {
8
+ const T = g((l, t) => {
9
9
  const {
10
10
  // defaultOptions,
11
11
  // cacheOptions,
@@ -70,7 +70,7 @@ const T = y((l, t) => {
70
70
  o == null || o(d, O);
71
71
  }, s)
72
72
  );
73
- return /* @__PURE__ */ g(
73
+ return /* @__PURE__ */ y(
74
74
  C,
75
75
  {
76
76
  isMulti: !0,
@@ -168,11 +168,11 @@ T.propTypes = {
168
168
  /**
169
169
  * The id to set on the SelectContainer component
170
170
  */
171
- id: e.string,
171
+ id: e.any,
172
172
  /**
173
173
  * The id of the search input
174
174
  */
175
- inputId: e.string,
175
+ inputid: e.any,
176
176
  /**
177
177
  * Override the built-in logic to detect whether an option is disabled. `(...) => boolean`
178
178
  */
@@ -42,4 +42,4 @@
42
42
  ${e=>r.getDisabledStateCss(e.theme)}
43
43
  background: none;
44
44
  }
45
- `,S=s.forwardRef((e,I)=>{const{disabled:f,readOnly:T,debounceTime:R=0,step:z=1,min:N=Number.MIN_SAFE_INTEGER,max:O=Number.MAX_SAFE_INTEGER,prefix:m,suffix:p,placeholder:E,value:o,defaultValue:x,onChange:l,onBlur:y,onFocus:g,className:_="",style:q={},size:P="small",color:a="primary",...v}=e,u=B.useTheme(),i=s.useRef(o||x||""),[j,$]=s.useState(o||x||""),[b,V]=s.useState(!1);s.useEffect(()=>{o!=null&&(i.current=o,$(i.current))},[o]);const F=s.useCallback(A.debounce((n,h)=>W(n,h),R),[l]),W=(n,h)=>{l&&(l==null||l(n,h))},k=n=>{i.current=n.target.value,$(i.current),F(n,n.target.value)},w=n=>{V(!0),g==null||g(n)},U=n=>{V(!1),y==null||y(n)};return d.jsxs(D,{style:q,className:_,theme:u,color:a,size:P,focused:b,disabled:f,readOnly:T,children:[m&&d.jsx(C,{theme:u,color:a,focused:b,className:"lnc-input-prefix",children:m}),d.jsx(M,{ref:I,type:"number",theme:u,color:a,size:P,placeholder:E,prefix:m,suffix:p,disabled:f,readOnly:T,step:z,min:N,max:O,value:j,onFocus:w,onBlur:U,onChange:k,...v}),p&&d.jsx(G,{theme:u,color:a,focused:b,className:"lnc-input-suffix",children:p})]})});S.propTypes={id:t.PropTypes.string,value:t.PropTypes.any,defaultValue:t.PropTypes.any,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,debounceTime:t.PropTypes.number,step:t.PropTypes.number,min:t.PropTypes.number,max:t.PropTypes.number,prefix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),suffix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),placeholder:t.PropTypes.string,tabIndex:t.PropTypes.number,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;
45
+ `,S=s.forwardRef((e,I)=>{const{disabled:f,readOnly:T,debounceTime:R=0,step:z=1,min:N=Number.MIN_SAFE_INTEGER,max:O=Number.MAX_SAFE_INTEGER,prefix:m,suffix:p,placeholder:E,value:o,defaultValue:x,onChange:a,onBlur:y,onFocus:g,className:_="",style:q={},size:P="small",color:l="primary",...v}=e,u=B.useTheme(),i=s.useRef(o||x||""),[j,$]=s.useState(o||x||""),[b,V]=s.useState(!1);s.useEffect(()=>{o!=null&&(i.current=o,$(i.current))},[o]);const F=s.useCallback(A.debounce((n,h)=>W(n,h),R),[a]),W=(n,h)=>{a&&(a==null||a(n,h))},k=n=>{i.current=n.target.value,$(i.current),F(n,n.target.value)},w=n=>{V(!0),g==null||g(n)},U=n=>{V(!1),y==null||y(n)};return d.jsxs(D,{style:q,className:_,theme:u,color:l,size:P,focused:b,disabled:f,readOnly:T,children:[m&&d.jsx(C,{theme:u,color:l,focused:b,className:"lnc-input-prefix",children:m}),d.jsx(M,{ref:I,type:"number",theme:u,color:l,size:P,placeholder:E,prefix:m,suffix:p,disabled:f,readOnly:T,step:z,min:N,max:O,value:j,onFocus:w,onBlur:U,onChange:k,...v}),p&&d.jsx(G,{theme:u,color:l,focused:b,className:"lnc-input-suffix",children:p})]})});S.propTypes={id:t.PropTypes.any,value:t.PropTypes.any,defaultValue:t.PropTypes.any,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,debounceTime:t.PropTypes.number,step:t.PropTypes.number,min:t.PropTypes.number,max:t.PropTypes.number,prefix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),suffix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),placeholder:t.PropTypes.string,tabIndex:t.PropTypes.number,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;
@@ -178,7 +178,7 @@ const K = i.div`
178
178
  );
179
179
  });
180
180
  Y.propTypes = {
181
- id: n.string,
181
+ id: n.any,
182
182
  value: n.any,
183
183
  defaultValue: n.any,
184
184
  disabled: n.bool,
@@ -44,4 +44,4 @@
44
44
  ${e=>r.getDisabledStateCss(e.theme)}
45
45
  background: none;
46
46
  }
47
- `,V=s.forwardRef((e,m)=>{const{wrapperRef:z,disabled:$,readOnly:C,debounceTime:R=0,placeholder:k,prefix:b,suffix:f,value:u,defaultValue:v,onChange:i,onBlur:p,onFocus:x,className:j="",style:q={},size:P="small",color:c="primary",...w}=e,o=s.useRef(),d=A.useTheme(),[O,S]=s.useState(u||v||"");s.useEffect(()=>{u!=null&&S(u)},[u]);const[y,W]=s.useState(!0),[g,I]=s.useState(!1);s.useEffect(()=>{var l;const t=((l=o==null?void 0:o.current)==null?void 0:l.value)||"";o.current.selectionStart=t!=null&&t.length?t.length:0,o.current.selectionEnd=t!=null&&t.length?t.length:0},[y]),s.useEffect(()=>{m!=null&&(m.current=o.current)},[m,o]);const E=s.useCallback(L.debounce((t,l)=>U(t,l),R),[i]),U=(t,l)=>{i&&(i==null||i(t,l))},F=t=>{S(t.target.value),E(t,t.target.value)},N=()=>{W(!y),o.current.focus()},_=t=>{I(!0),x==null||x(t)},B=t=>{I(!1),p==null||p(t)};return a.jsxs(G,{ref:z,style:q,className:j,theme:d,color:c,size:P,focused:g,disabled:$,readOnly:C,children:[b&&a.jsx(T,{theme:d,color:c,focused:g,className:"lnc-input-prefix",children:b}),a.jsx(K,{ref:o,type:y?"password":"text",theme:d,color:c,size:P,placeholder:k,prefix:b,suffix:f,disabled:$,readOnly:C,focused:g,onFocus:_,onBlur:B,onChange:F,value:O,...w}),a.jsx(J,{theme:d,color:c,focused:g,onClick:N,children:a.jsx(D,{icon:y?"eye-slash":"eye"})}),f&&a.jsx(H,{theme:d,color:c,focused:g,className:"lnc-input-suffix",children:f})]})});V.propTypes={id:n.PropTypes.string,value:n.PropTypes.string,defaultValue:n.PropTypes.string,disabled:n.PropTypes.bool,readOnly:n.PropTypes.bool,debounceTime:n.PropTypes.number,placeholder:n.PropTypes.string,tabIndex:n.PropTypes.number,onChange:n.PropTypes.func,onBlur:n.PropTypes.func,onFocus:n.PropTypes.func,className:n.PropTypes.string,style:n.PropTypes.object,size:n.PropTypes.oneOf(["small","medium","large"]),color:n.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=V;
47
+ `,V=s.forwardRef((e,m)=>{const{wrapperRef:z,disabled:$,readOnly:C,debounceTime:R=0,placeholder:k,prefix:b,suffix:f,value:u,defaultValue:v,onChange:c,onBlur:p,onFocus:x,className:j="",style:q={},size:P="small",color:i="primary",...w}=e,o=s.useRef(),d=A.useTheme(),[O,S]=s.useState(u||v||"");s.useEffect(()=>{u!=null&&S(u)},[u]);const[y,W]=s.useState(!0),[g,I]=s.useState(!1);s.useEffect(()=>{var l;const t=((l=o==null?void 0:o.current)==null?void 0:l.value)||"";o.current.selectionStart=t!=null&&t.length?t.length:0,o.current.selectionEnd=t!=null&&t.length?t.length:0},[y]),s.useEffect(()=>{m!=null&&(m.current=o.current)},[m,o]);const E=s.useCallback(L.debounce((t,l)=>U(t,l),R),[c]),U=(t,l)=>{c&&(c==null||c(t,l))},F=t=>{S(t.target.value),E(t,t.target.value)},N=()=>{W(!y),o.current.focus()},_=t=>{I(!0),x==null||x(t)},B=t=>{I(!1),p==null||p(t)};return a.jsxs(G,{ref:z,style:q,className:j,theme:d,color:i,size:P,focused:g,disabled:$,readOnly:C,children:[b&&a.jsx(T,{theme:d,color:i,focused:g,className:"lnc-input-prefix",children:b}),a.jsx(K,{ref:o,type:y?"password":"text",theme:d,color:i,size:P,placeholder:k,prefix:b,suffix:f,disabled:$,readOnly:C,focused:g,onFocus:_,onBlur:B,onChange:F,value:O,...w}),a.jsx(J,{theme:d,color:i,focused:g,onClick:N,children:a.jsx(D,{icon:y?"eye-slash":"eye"})}),f&&a.jsx(H,{theme:d,color:i,focused:g,className:"lnc-input-suffix",children:f})]})});V.propTypes={id:n.PropTypes.any,value:n.PropTypes.string,defaultValue:n.PropTypes.string,disabled:n.PropTypes.bool,readOnly:n.PropTypes.bool,debounceTime:n.PropTypes.number,placeholder:n.PropTypes.string,tabIndex:n.PropTypes.number,onChange:n.PropTypes.func,onBlur:n.PropTypes.func,onFocus:n.PropTypes.func,className:n.PropTypes.string,style:n.PropTypes.object,size:n.PropTypes.oneOf(["small","medium","large"]),color:n.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=V;
@@ -198,7 +198,7 @@ const Z = m.div`
198
198
  );
199
199
  });
200
200
  ne.propTypes = {
201
- id: n.string,
201
+ id: n.any,
202
202
  value: n.string,
203
203
  defaultValue: n.string,
204
204
  disabled: n.bool,
@@ -27,4 +27,4 @@
27
27
  left: 50%;
28
28
  transform: translate(-50%, -50%);
29
29
  color: ${e=>o.getColorRgbaValue(e.theme,"Progress",e.color,"enabled","text")};
30
- `,d=i.forwardRef((e,w)=>{const{id:$="",showLabel:c=!1,progressPercentage:t=0,className:m="",style:u={},onChange:C=()=>{},size:g="small",color:b="primary",progressBarEndComponent:s,...h}=e,n=P.useTheme(),y=()=>{var p;if(i.isValidElement(s))return i.cloneElement(s,{className:`progress-icon ${(p=s==null?void 0:s.props)==null?void 0:p.className}`})};return a.jsxs(f,{style:u,className:"lnc-ui-progress "+m,theme:n,size:g,showLabel:c,progressPercentage:t,...h,children:[a.jsx(x,{progressPercentage:t,theme:n,color:b,children:s!==null&&y()}),c&&a.jsxs(T,{theme:n,size:g,children:[t,"%"]})]})});d.propTypes={id:r.PropTypes.string,showLabel:r.PropTypes.bool,progressPercentage:r.PropTypes.number,onChange:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","disabled","information","neutral","gray"]),progressBarEndComponent:r.PropTypes.any};module.exports=d;
30
+ `,d=i.forwardRef((e,w)=>{const{id:$="",showLabel:c=!1,progressPercentage:t=0,className:m="",style:u={},onChange:C=()=>{},size:g="small",color:b="primary",progressBarEndComponent:s,...y}=e,n=P.useTheme(),h=()=>{var p;if(i.isValidElement(s))return i.cloneElement(s,{className:`progress-icon ${(p=s==null?void 0:s.props)==null?void 0:p.className}`})};return a.jsxs(f,{style:u,className:"lnc-ui-progress "+m,theme:n,size:g,showLabel:c,progressPercentage:t,...y,children:[a.jsx(x,{progressPercentage:t,theme:n,color:b,children:s!==null&&h()}),c&&a.jsxs(T,{theme:n,size:g,children:[t,"%"]})]})});d.propTypes={id:r.PropTypes.any,showLabel:r.PropTypes.bool,progressPercentage:r.PropTypes.number,onChange:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","disabled","information","neutral","gray"]),progressBarEndComponent:r.PropTypes.any};module.exports=d;
@@ -94,7 +94,7 @@ const w = t.div`
94
94
  );
95
95
  });
96
96
  N.propTypes = {
97
- id: r.string,
97
+ id: r.any,
98
98
  showLabel: r.bool,
99
99
  progressPercentage: r.number,
100
100
  //-------------------------
@@ -1,7 +1,7 @@
1
- "use strict";const p=require("react/jsx-runtime"),n=require("react"),I=require("./emotion-styled.browser.esm-BtEseadx.cjs"),e=require("./index-BPVoEhTF.cjs"),O=require("./RadioInput.cjs"),R=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=I.styled.div`
1
+ "use strict";const p=require("react/jsx-runtime"),n=require("react"),O=require("./emotion-styled.browser.esm-BtEseadx.cjs"),e=require("./index-BPVoEhTF.cjs"),R=require("./RadioInput.cjs"),I=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=O.styled.div`
2
2
  display: inline-flex;
3
- flex-direction: ${s=>s.inline===!0?"row":"column"};
3
+ flex-direction: ${o=>o.inline===!0?"row":"column"};
4
4
  gap: 1.5rem;
5
5
  width: fit-content;
6
6
  box-sizing: border-box;
7
- `,t=n.forwardRef((s,l)=>{const{id:d="",name:c,value:o=null,disabled:y=!1,readOnly:u=!1,items:m=[],mapId:z="id",mapValue:k="value",radioProps:P,inline:T=!0,onChange:a=()=>{},className:f="",style:g={},size:b="small",color:h="primary",...x}=s;var v=R.useTheme();const[q,w]=n.useState(null);n.useEffect(()=>{o!==q&&w(o)},[o]);var C={color:h,theme:v,size:b,disabled:y,readOnly:u};const j=(r,i)=>{a&&a(r)};return p.jsx(_,{ref:l,id:d,inline:T,style:g,className:f,...x,children:m.map((r,i)=>p.jsx(O,{...C,label:r.label,value:r.value,...P,onChange:j,name:c},i))})});t.propTypes={id:e.PropTypes.string,name:e.PropTypes.string,value:e.PropTypes.any,disabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,items:e.PropTypes.arrayOf(e.PropTypes.object),mapId:e.PropTypes.string,mapValue:e.PropTypes.string,inline:e.PropTypes.bool,onChange: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"]),radioProps:e.PropTypes.any};module.exports=t;
7
+ `,l=n.forwardRef((o,t)=>{const{id:d="",name:y,value:s=null,disabled:c=!1,readOnly:u=!1,items:m=[],mapId:z="id",mapValue:k="value",radioProps:P,inline:T=!0,onChange:a=()=>{},className:f="",style:b={},size:g="small",color:h="primary",...x}=o;var v=I.useTheme();const[q,w]=n.useState(null);n.useEffect(()=>{s!==q&&w(s)},[s]);var C={color:h,theme:v,size:g,disabled:c,readOnly:u};const j=(r,i)=>{a&&a(r)};return p.jsx(_,{ref:t,id:d,inline:T,style:b,className:f,...x,children:m.map((r,i)=>p.jsx(R,{...C,label:r.label,value:r.value,...P,onChange:j,name:y},i))})});l.propTypes={id:e.PropTypes.any,name:e.PropTypes.string,value:e.PropTypes.any,disabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,items:e.PropTypes.arrayOf(e.PropTypes.object),mapid:e.PropTypes.any,mapValue:e.PropTypes.string,inline:e.PropTypes.bool,onChange: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"]),radioProps:e.PropTypes.any};module.exports=l;
@@ -1,20 +1,20 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { forwardRef as w, useState as j, useEffect as z } from "react";
1
+ import { jsx as l } from "react/jsx-runtime";
2
+ import { forwardRef as I, useState as j, useEffect as z } from "react";
3
3
  import { s as R } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { P as e } from "./index-S5Cd7WrG.js";
5
5
  import T from "./RadioInput.js";
6
6
  import { u as k } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
7
7
  const N = R.div`
8
8
  display: inline-flex;
9
- flex-direction: ${(r) => r.inline === !0 ? "row" : "column"};
9
+ flex-direction: ${(o) => o.inline === !0 ? "row" : "column"};
10
10
  gap: 1.5rem;
11
11
  width: fit-content;
12
12
  box-sizing: border-box;
13
- `, V = w((r, l) => {
13
+ `, V = I((o, s) => {
14
14
  const {
15
15
  id: t = "",
16
16
  name: m,
17
- value: o = null,
17
+ value: r = null,
18
18
  disabled: d = !1,
19
19
  readOnly: p = !1,
20
20
  items: u = [],
@@ -26,44 +26,44 @@ const N = R.div`
26
26
  onChange: n = () => {
27
27
  },
28
28
  //----------------
29
- className: g = "",
30
- style: y = {},
29
+ className: y = "",
30
+ style: g = {},
31
31
  size: b = "small",
32
32
  color: h = "primary",
33
33
  ...v
34
- } = r;
34
+ } = o;
35
35
  var x = k();
36
- const [C, I] = j(null);
36
+ const [C, O] = j(null);
37
37
  z(() => {
38
- o !== C && I(o);
39
- }, [o]);
40
- var O = {
38
+ r !== C && O(r);
39
+ }, [r]);
40
+ var P = {
41
41
  color: h,
42
42
  theme: x,
43
43
  size: b,
44
44
  disabled: d,
45
45
  readOnly: p
46
46
  };
47
- const P = (a, i) => {
47
+ const w = (a, i) => {
48
48
  n && n(a);
49
49
  };
50
- return /* @__PURE__ */ s(
50
+ return /* @__PURE__ */ l(
51
51
  N,
52
52
  {
53
- ref: l,
53
+ ref: s,
54
54
  id: t,
55
55
  inline: f,
56
- style: y,
57
- className: g,
56
+ style: g,
57
+ className: y,
58
58
  ...v,
59
- children: u.map((a, i) => /* @__PURE__ */ s(
59
+ children: u.map((a, i) => /* @__PURE__ */ l(
60
60
  T,
61
61
  {
62
- ...O,
62
+ ...P,
63
63
  label: a.label,
64
64
  value: a.value,
65
65
  ...c,
66
- onChange: P,
66
+ onChange: w,
67
67
  name: m
68
68
  },
69
69
  i
@@ -72,13 +72,13 @@ const N = R.div`
72
72
  );
73
73
  });
74
74
  V.propTypes = {
75
- id: e.string,
75
+ id: e.any,
76
76
  name: e.string,
77
77
  value: e.any,
78
78
  disabled: e.bool,
79
79
  readOnly: e.bool,
80
80
  items: e.arrayOf(e.object),
81
- mapId: e.string,
81
+ mapid: e.any,
82
82
  mapValue: e.string,
83
83
  inline: e.bool,
84
84
  //----------------
@@ -114,4 +114,4 @@
114
114
  overflow: hidden;
115
115
  text-overflow: ellipsis;
116
116
  color: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"enabled","text")};
117
- `,f=h.forwardRef((e,y)=>{const{wrapperRef:R,className:C="",style:w={},color:k="primary",innerColor:x="white",size:$="small",onChange:a,onFocus:l,onBlur:n,onClick:c,onKeyDown:N,label:u,labelPosition:p="right",spaceBetween:v,disabled:s,readOnly:d,...P}=e,[T,b]=h.useState(!1);var g={theme:O.useTheme(),size:$,color:k,disabled:s,labelPosition:p,spaceBetween:v};const V=t=>{b(!1),n&&(n==null||n(t))},z=t=>{b(!0),l&&(l==null||l(t))};return i.jsxs(q,{...g,ref:R,className:C,style:w,tabIndex:-1,readOnly:d,focused:T,onClick:t=>c==null?void 0:c(t),innerColor:x,children:[i.jsx("input",{ref:y,disabled:s||d,type:"radio",onBlur:V,onFocus:z,onChange:t=>a==null?void 0:a(t),...P}),i.jsx("div",{className:"checkmark",children:i.jsxs("svg",{id:"eqw1eBsfm9l1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",shapeRendering:"geometricPrecision",textRendering:"geometricPrecision",children:[i.jsx("ellipse",{className:"outer-circle",rx:"9.5",ry:"9.5",transform:"translate(10 10)",fillRule:"evenodd",stroke:"red"}),i.jsx("ellipse",{rx:"5",ry:"5",transform:"translate(10 10)",className:"inner-circle",strokeWidth:"0"})]})}),i.jsx(B,{...g,className:"lnc-radio-input-label",disalbed:s,readOnly:d,title:u,tabIndex:-1,children:u})]})});f.propTypes={id:r.PropTypes.string,name:r.PropTypes.string,checked:r.PropTypes.bool,disabled:r.PropTypes.bool,readOnly:r.PropTypes.bool,label:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),labelPosition:r.PropTypes.oneOf(["right","left"]),tabIndex:r.PropTypes.number,spaceBetween:r.PropTypes.bool,onChange:r.PropTypes.func,onFocus:r.PropTypes.func,onBlur:r.PropTypes.func,onClick:r.PropTypes.func,onKeyDown: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"]),innerColor:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray","white","transparent"])};module.exports=f;
117
+ `,y=h.forwardRef((e,f)=>{const{wrapperRef:R,className:C="",style:w={},color:k="primary",innerColor:x="white",size:$="small",onChange:a,onFocus:l,onBlur:n,onClick:c,onKeyDown:N,label:u,labelPosition:p="right",spaceBetween:v,disabled:s,readOnly:d,...P}=e,[T,b]=h.useState(!1);var g={theme:O.useTheme(),size:$,color:k,disabled:s,labelPosition:p,spaceBetween:v};const V=t=>{b(!1),n&&(n==null||n(t))},z=t=>{b(!0),l&&(l==null||l(t))};return i.jsxs(q,{...g,ref:R,className:C,style:w,tabIndex:-1,readOnly:d,focused:T,onClick:t=>c==null?void 0:c(t),innerColor:x,children:[i.jsx("input",{ref:f,disabled:s||d,type:"radio",onBlur:V,onFocus:z,onChange:t=>a==null?void 0:a(t),...P}),i.jsx("div",{className:"checkmark",children:i.jsxs("svg",{id:"eqw1eBsfm9l1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",shapeRendering:"geometricPrecision",textRendering:"geometricPrecision",children:[i.jsx("ellipse",{className:"outer-circle",rx:"9.5",ry:"9.5",transform:"translate(10 10)",fillRule:"evenodd",stroke:"red"}),i.jsx("ellipse",{rx:"5",ry:"5",transform:"translate(10 10)",className:"inner-circle",strokeWidth:"0"})]})}),i.jsx(B,{...g,className:"lnc-radio-input-label",disalbed:s,readOnly:d,title:u,tabIndex:-1,children:u})]})});y.propTypes={id:r.PropTypes.any,name:r.PropTypes.string,checked:r.PropTypes.bool,disabled:r.PropTypes.bool,readOnly:r.PropTypes.bool,label:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),labelPosition:r.PropTypes.oneOf(["right","left"]),tabIndex:r.PropTypes.number,spaceBetween:r.PropTypes.bool,onChange:r.PropTypes.func,onFocus:r.PropTypes.func,onBlur:r.PropTypes.func,onClick:r.PropTypes.func,onKeyDown: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"]),innerColor:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray","white","transparent"])};module.exports=y;
@@ -1,4 +1,4 @@
1
- import { jsxs as b, jsx as o } from "react/jsx-runtime";
1
+ import { jsxs as b, jsx as r } from "react/jsx-runtime";
2
2
  import { forwardRef as P, useState as j } from "react";
3
3
  import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { P as i } from "./index-S5Cd7WrG.js";
@@ -246,26 +246,26 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
246
246
  tabIndex: -1,
247
247
  readOnly: s,
248
248
  focused: B,
249
- onClick: (r) => c == null ? void 0 : c(r),
249
+ onClick: (o) => c == null ? void 0 : c(o),
250
250
  innerColor: v,
251
251
  children: [
252
- /* @__PURE__ */ o(
252
+ /* @__PURE__ */ r(
253
253
  "input",
254
254
  {
255
255
  ref: y,
256
256
  disabled: d || s,
257
257
  type: "radio",
258
- onBlur: (r) => {
259
- m(!1), l && (l == null || l(r));
258
+ onBlur: (o) => {
259
+ m(!1), l && (l == null || l(o));
260
260
  },
261
- onFocus: (r) => {
262
- m(!0), n && (n == null || n(r));
261
+ onFocus: (o) => {
262
+ m(!0), n && (n == null || n(o));
263
263
  },
264
- onChange: (r) => a == null ? void 0 : a(r),
264
+ onChange: (o) => a == null ? void 0 : a(o),
265
265
  ...z
266
266
  }
267
267
  ),
268
- /* @__PURE__ */ o("div", { className: "checkmark", children: /* @__PURE__ */ b(
268
+ /* @__PURE__ */ r("div", { className: "checkmark", children: /* @__PURE__ */ b(
269
269
  "svg",
270
270
  {
271
271
  id: "eqw1eBsfm9l1",
@@ -274,7 +274,7 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
274
274
  shapeRendering: "geometricPrecision",
275
275
  textRendering: "geometricPrecision",
276
276
  children: [
277
- /* @__PURE__ */ o(
277
+ /* @__PURE__ */ r(
278
278
  "ellipse",
279
279
  {
280
280
  className: "outer-circle",
@@ -285,7 +285,7 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
285
285
  stroke: "red"
286
286
  }
287
287
  ),
288
- /* @__PURE__ */ o(
288
+ /* @__PURE__ */ r(
289
289
  "ellipse",
290
290
  {
291
291
  rx: "5",
@@ -298,7 +298,7 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
298
298
  ]
299
299
  }
300
300
  ) }),
301
- /* @__PURE__ */ o(
301
+ /* @__PURE__ */ r(
302
302
  K,
303
303
  {
304
304
  ...u,
@@ -315,7 +315,7 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
315
315
  );
316
316
  });
317
317
  L.propTypes = {
318
- id: i.string,
318
+ id: i.any,
319
319
  name: i.string,
320
320
  checked: i.bool,
321
321
  disabled: i.bool,
package/dist/Table.cjs CHANGED
@@ -169,4 +169,4 @@ white-space: nowrap;
169
169
  justify-content: center;
170
170
  ${r=>a.getComponentTypographyCss(r.theme,"Table",r.size,"enabled")};
171
171
  padding: 0.5rem;
172
- `,$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;
172
+ `,$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 CHANGED
@@ -1709,7 +1709,7 @@ Yt.propTypes = {
1709
1709
  /**
1710
1710
  *
1711
1711
  */
1712
- ID: o.string,
1712
+ id: o.any,
1713
1713
  //----------------------------------------
1714
1714
  noBorder: o.bool,
1715
1715
  /**
@@ -30,4 +30,4 @@
30
30
  & textarea:disabled {
31
31
  ${e=>m.getDisabledStateCss(e.theme)}
32
32
  }
33
- `;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;
33
+ `;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;
@@ -280,7 +280,7 @@ const Se = Y((e, t) => {
280
280
  );
281
281
  });
282
282
  Se.propTypes = {
283
- id: o.string,
283
+ id: o.any,
284
284
  defaultValue: o.string,
285
285
  value: o.string,
286
286
  disabled: o.bool,
@@ -1,19 +1,19 @@
1
- "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`
1
+ "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`
2
2
  display: flex;
3
3
  align-items: center;
4
4
 
5
- min-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
6
- max-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
7
- background-color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
5
+ min-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
6
+ max-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
7
+ background-color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
8
8
  border: 1px solid
9
- ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
10
- border-radius: ${e=>r.getBorderRadiusValueWithUnits(e.theme,"regular")};
9
+ ${e=>n.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
10
+ border-radius: ${e=>n.getBorderRadiusValueWithUnits(e.theme,"regular")};
11
11
 
12
- ${e=>e.focused&&e.readOnly!==!0?r.getOutlineCss(e.theme):""}
13
- ${e=>e.disabled===!0?r.getDisabledStateCss(e.theme):""}
12
+ ${e=>e.focused&&e.readOnly!==!0?n.getOutlineCss(e.theme):""}
13
+ ${e=>e.disabled===!0?n.getDisabledStateCss(e.theme):""}
14
14
  `,C=p.styled.span`
15
15
  padding: 0 12px;
16
- color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
16
+ color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
17
17
  `,A=p.styled(C)``,G=p.styled.input`
18
18
  background: none;
19
19
  border: none;
@@ -22,16 +22,16 @@
22
22
  padding-bottom: 0.625rem;
23
23
  width: 100%;
24
24
 
25
- ${e=>r.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
26
- min-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
27
- max-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
28
- color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
29
- caret-color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
25
+ ${e=>n.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
26
+ min-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
27
+ max-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
28
+ color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
29
+ caret-color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
30
30
  padding-right: ${e=>e.suffix?"0":"0.75rem"};
31
31
  padding-left: ${e=>e.prefix?"0":"0.75rem"};
32
32
 
33
33
  &::placeholder {
34
- color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
34
+ color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
35
35
  }
36
36
 
37
37
  &:read-only {
@@ -39,7 +39,7 @@
39
39
  }
40
40
 
41
41
  &:disabled {
42
- ${e=>r.getDisabledStateCss(e.theme)}
42
+ ${e=>n.getDisabledStateCss(e.theme)}
43
43
  background: none;
44
44
  }
45
- `,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;
45
+ `,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 CHANGED
@@ -176,7 +176,7 @@ const M = c.div`
176
176
  );
177
177
  });
178
178
  Y.propTypes = {
179
- id: t.string,
179
+ id: t.any,
180
180
  defaultValue: t.string,
181
181
  value: t.string,
182
182
  disabled: t.bool,
@@ -28,4 +28,4 @@
28
28
  border: 1px solid
29
29
  ${e=>t.getColorRgbaValue(e.theme,"Input","primary",e.disabled===!0?"disabled":"enabled","border")};
30
30
  }
31
- `,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;
31
+ `,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 CHANGED
@@ -104,7 +104,7 @@ const U = ({ theme: e, size: s }) => {
104
104
  ) });
105
105
  });
106
106
  B.propTypes = {
107
- id: a.string,
107
+ id: a.any,
108
108
  defaultValue: a.string,
109
109
  value: a.string,
110
110
  disabled: a.bool,
@@ -1,4 +1,4 @@
1
- "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`
1
+ "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`
2
2
  padding: 1.75rem 3rem;
3
3
  display: grid;
4
4
  grid-template-columns: ${t=>`repeat(${t.limit||5}, minmax(0, 1fr))`};
@@ -4,7 +4,7 @@ import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as L, S as F } from "./consts-BuFChS64.js";
5
5
  import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
6
6
  import T from "./Button.js";
7
- import { D as _, S as D } from "./suspense-product-card-detailed-Z0emIstD.js";
7
+ import { D as _, S as D } from "./suspense-product-card-detailed-Bez9UFMR.js";
8
8
  const E = C.div`
9
9
  padding: 1.75rem 3rem;
10
10
  display: grid;