@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.
- package/dist/DecimalInput.cjs +1 -1
- package/dist/DecimalInput.js +1 -1
- package/dist/DecimalInputV2.cjs +1 -1
- package/dist/DecimalInputV2.js +20 -20
- package/dist/DetailedProductsSection.cjs +4 -4
- package/dist/DetailedProductsSection.js +16 -14
- package/dist/DragAndDropFile.cjs +1 -1
- package/dist/DragAndDropFile.js +1 -1
- package/dist/Dropdown.cjs +1 -1
- package/dist/Dropdown.js +18 -18
- package/dist/DropdownLookup.cjs +1 -1
- package/dist/DropdownLookup.js +14 -14
- package/dist/Icon.cjs +1 -1
- package/dist/Icon.js +8 -8
- package/dist/MultiSelectDropdown.cjs +1 -1
- package/dist/MultiSelectDropdown.js +6 -6
- package/dist/MultiSelectDropdownLookup.cjs +1 -1
- package/dist/MultiSelectDropdownLookup.js +6 -6
- package/dist/NumberInput.cjs +1 -1
- package/dist/NumberInput.js +1 -1
- package/dist/PasswordInput.cjs +1 -1
- package/dist/PasswordInput.js +1 -1
- package/dist/ProgressBar.cjs +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/RadioGroup.cjs +3 -3
- package/dist/RadioGroup.js +22 -22
- package/dist/RadioInput.cjs +1 -1
- package/dist/RadioInput.js +13 -13
- package/dist/Table.cjs +1 -1
- package/dist/Table.js +1 -1
- package/dist/TextAreaInput.cjs +1 -1
- package/dist/TextAreaInput.js +1 -1
- package/dist/TextInput.cjs +17 -17
- package/dist/TextInput.js +1 -1
- package/dist/TimeInput.cjs +1 -1
- package/dist/TimeInput.js +1 -1
- package/dist/UrgentSaleProductsSection.cjs +1 -1
- package/dist/UrgentSaleProductsSection.js +1 -1
- package/dist/{suspense-product-card-detailed-Z0emIstD.js → suspense-product-card-detailed-Bez9UFMR.js} +61 -49
- package/dist/suspense-product-card-detailed-Yjo62f1v.cjs +124 -0
- package/package.json +1 -1
- package/dist/suspense-product-card-detailed-EXZJLtNh.cjs +0 -114
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as
|
|
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,
|
|
68
|
-
o == null || o(d,
|
|
67
|
+
S((d, O) => {
|
|
68
|
+
o == null || o(d, O);
|
|
69
69
|
}, s)
|
|
70
70
|
);
|
|
71
|
-
return /* @__PURE__ */
|
|
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.
|
|
158
|
+
id: e.any,
|
|
159
159
|
/**
|
|
160
160
|
* The id of the search input
|
|
161
161
|
*/
|
|
162
|
-
|
|
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,
|
|
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
|
|
1
|
+
import { jsx as y } from "react/jsx-runtime";
|
|
2
2
|
import { P as e } from "./index-S5Cd7WrG.js";
|
|
3
|
-
import { forwardRef as
|
|
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 =
|
|
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__ */
|
|
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.
|
|
171
|
+
id: e.any,
|
|
172
172
|
/**
|
|
173
173
|
* The id of the search input
|
|
174
174
|
*/
|
|
175
|
-
|
|
175
|
+
inputid: e.any,
|
|
176
176
|
/**
|
|
177
177
|
* Override the built-in logic to detect whether an option is disabled. `(...) => boolean`
|
|
178
178
|
*/
|
package/dist/NumberInput.cjs
CHANGED
|
@@ -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:
|
|
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;
|
package/dist/NumberInput.js
CHANGED
package/dist/PasswordInput.cjs
CHANGED
|
@@ -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:
|
|
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;
|
package/dist/PasswordInput.js
CHANGED
package/dist/ProgressBar.cjs
CHANGED
|
@@ -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,...
|
|
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;
|
package/dist/ProgressBar.js
CHANGED
package/dist/RadioGroup.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";const p=require("react/jsx-runtime"),n=require("react"),
|
|
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: ${
|
|
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
|
-
`,
|
|
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;
|
package/dist/RadioGroup.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { forwardRef as
|
|
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: ${(
|
|
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 =
|
|
13
|
+
`, V = I((o, s) => {
|
|
14
14
|
const {
|
|
15
15
|
id: t = "",
|
|
16
16
|
name: m,
|
|
17
|
-
value:
|
|
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:
|
|
30
|
-
style:
|
|
29
|
+
className: y = "",
|
|
30
|
+
style: g = {},
|
|
31
31
|
size: b = "small",
|
|
32
32
|
color: h = "primary",
|
|
33
33
|
...v
|
|
34
|
-
} =
|
|
34
|
+
} = o;
|
|
35
35
|
var x = k();
|
|
36
|
-
const [C,
|
|
36
|
+
const [C, O] = j(null);
|
|
37
37
|
z(() => {
|
|
38
|
-
|
|
39
|
-
}, [
|
|
40
|
-
var
|
|
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
|
|
47
|
+
const w = (a, i) => {
|
|
48
48
|
n && n(a);
|
|
49
49
|
};
|
|
50
|
-
return /* @__PURE__ */
|
|
50
|
+
return /* @__PURE__ */ l(
|
|
51
51
|
N,
|
|
52
52
|
{
|
|
53
|
-
ref:
|
|
53
|
+
ref: s,
|
|
54
54
|
id: t,
|
|
55
55
|
inline: f,
|
|
56
|
-
style:
|
|
57
|
-
className:
|
|
56
|
+
style: g,
|
|
57
|
+
className: y,
|
|
58
58
|
...v,
|
|
59
|
-
children: u.map((a, i) => /* @__PURE__ */
|
|
59
|
+
children: u.map((a, i) => /* @__PURE__ */ l(
|
|
60
60
|
T,
|
|
61
61
|
{
|
|
62
|
-
...
|
|
62
|
+
...P,
|
|
63
63
|
label: a.label,
|
|
64
64
|
value: a.value,
|
|
65
65
|
...c,
|
|
66
|
-
onChange:
|
|
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.
|
|
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
|
-
|
|
81
|
+
mapid: e.any,
|
|
82
82
|
mapValue: e.string,
|
|
83
83
|
inline: e.bool,
|
|
84
84
|
//----------------
|
package/dist/RadioInput.cjs
CHANGED
|
@@ -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
|
-
`,
|
|
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;
|
package/dist/RadioInput.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as b, jsx as
|
|
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: (
|
|
249
|
+
onClick: (o) => c == null ? void 0 : c(o),
|
|
250
250
|
innerColor: v,
|
|
251
251
|
children: [
|
|
252
|
-
/* @__PURE__ */
|
|
252
|
+
/* @__PURE__ */ r(
|
|
253
253
|
"input",
|
|
254
254
|
{
|
|
255
255
|
ref: y,
|
|
256
256
|
disabled: d || s,
|
|
257
257
|
type: "radio",
|
|
258
|
-
onBlur: (
|
|
259
|
-
m(!1), l && (l == null || l(
|
|
258
|
+
onBlur: (o) => {
|
|
259
|
+
m(!1), l && (l == null || l(o));
|
|
260
260
|
},
|
|
261
|
-
onFocus: (
|
|
262
|
-
m(!0), n && (n == null || n(
|
|
261
|
+
onFocus: (o) => {
|
|
262
|
+
m(!0), n && (n == null || n(o));
|
|
263
263
|
},
|
|
264
|
-
onChange: (
|
|
264
|
+
onChange: (o) => a == null ? void 0 : a(o),
|
|
265
265
|
...z
|
|
266
266
|
}
|
|
267
267
|
),
|
|
268
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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.
|
|
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,
|
|
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
package/dist/TextAreaInput.cjs
CHANGED
|
@@ -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,
|
|
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;
|
package/dist/TextAreaInput.js
CHANGED
package/dist/TextInput.cjs
CHANGED
|
@@ -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"),
|
|
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=>
|
|
6
|
-
max-height: ${e=>
|
|
7
|
-
background-color: ${e=>
|
|
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=>
|
|
10
|
-
border-radius: ${e=>
|
|
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?
|
|
13
|
-
${e=>e.disabled===!0?
|
|
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=>
|
|
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=>
|
|
26
|
-
min-height: ${e=>
|
|
27
|
-
max-height: ${e=>
|
|
28
|
-
color: ${e=>
|
|
29
|
-
caret-color: ${e=>
|
|
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=>
|
|
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=>
|
|
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:
|
|
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
package/dist/TimeInput.cjs
CHANGED
|
@@ -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.
|
|
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
|
@@ -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-
|
|
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-
|
|
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;
|