@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/ProgressBar.js

@@ -1,13 +1,12 @@
-import { jsxs as m, jsx as h } from "react/jsx-runtime";
-import { forwardRef as f, isValidElement as P, cloneElement as y } from "react";
-import { P as r } from "./index-CblbdqjE.js";
+import { jsxs as c, jsx as h } from "react/jsx-runtime";
+import { forwardRef as u, isValidElement as f, cloneElement as P } from "react";
 import { s as t } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as n, c as x } from "./utils-DtEfC-TX.js";
+import { b as a, c as x } from "./utils-DtEfC-TX.js";
 import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const w = t.div`
   width: 100%;
   position: relative;
-  background-color: ${(e) => n(
+  background-color: ${(e) => a(
   e.theme,
   "Progress",
   e.color,
@@ -17,11 +16,11 @@ const w = t.div`
   height: ${(e) => e.theme.components.Progress.default.enabled.sizes[e.size]};
   border-radius: 5px;
   animation: progres 4s infinite linear;
-`, z = t.div`
+`, y = t.div`
   position: relative;
   height: 100%;
   width: ${(e) => e.progressPercentage + "%"};
-  background-color: ${(e) => n(
+  background-color: ${(e) => a(
   e.theme,
   "Progress",
   e.color,
@@ -38,84 +37,58 @@ const w = t.div`
     top: 50%;
     transform: translate(50%, -50%);
   }
-`, C = t.label`
+`, z = t.label`
   ${(e) => x(e.theme, "Progress", e.size, "enabled")};
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  color: ${(e) => n(e.theme, "Progress", e.color, "enabled", "text")};
-`, N = f((e, v) => {
+  color: ${(e) => a(e.theme, "Progress", e.color, "enabled", "text")};
+`, R = u((e, v) => {
   const {
-    id: T = "",
     showLabel: i = !1,
-    progressPercentage: o = 0,
-    className: g = "",
+    progressPercentage: s = 0,
+    className: m = "",
     style: d = {},
-    onChange: j = () => {
-    },
     size: l = "small",
-    color: p = "primary",
-    progressBarEndComponent: s,
-    ...b
-  } = e, a = $(), u = () => {
-    var c;
-    if (P(s))
-      return y(s, {
-        className: `progress-icon ${(c = s == null ? void 0 : s.props) == null ? void 0 : c.className}`
+    color: g = "primary",
+    progressBarEndComponent: r,
+    ...p
+  } = e, o = $(), b = () => {
+    var n;
+    if (f(r))
+      return P(r, {
+        className: `progress-icon ${(n = r == null ? void 0 : r.props) == null ? void 0 : n.className}`
       });
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ c(
     w,
     {
       style: d,
-      className: "lnc-ui-progress " + g,
-      theme: a,
+      className: "lnc-ui-progress " + m,
+      theme: o,
       size: l,
       showLabel: i,
-      progressPercentage: o,
-      ...b,
+      progressPercentage: s,
+      ...p,
       children: [
         /* @__PURE__ */ h(
-          z,
+          y,
           {
-            progressPercentage: o,
-            theme: a,
-            color: p,
-            children: s !== null && u()
+            progressPercentage: s,
+            theme: o,
+            color: g,
+            children: r !== null && b()
           }
         ),
-        i && /* @__PURE__ */ m(C, { theme: a, size: l, children: [
-          o,
+        i && /* @__PURE__ */ c(z, { theme: o, size: l, children: [
+          s,
           "%"
         ] })
       ]
     }
   );
 });
-N.propTypes = {
-  id: r.any,
-  showLabel: r.bool,
-  progressPercentage: r.number,
-  //-------------------------
-  onChange: r.func,
-  //-------------------------
-  className: r.string,
-  style: r.object,
-  size: r.oneOf(["small", "medium", "large"]),
-  color: r.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "disabled",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  progressBarEndComponent: r.any
-};
 export {
-  N as default
+  R as default
 };

package/dist/RadioGroup.cjs

@@ -1,7 +1,7 @@
-"use strict";const p=require("react/jsx-runtime"),n=require("react"),O=require("./emotion-styled.browser.esm-BtEseadx.cjs"),e=require("./index-BpbMKBf_.cjs"),R=require("./RadioInput.cjs"),I=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=O.styled.div`
+"use strict";const o=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./RadioInput.cjs"),I=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),k=_.styled.div`
   display: inline-flex;
-  flex-direction: ${o=>o.inline===!0?"row":"column"};
+  flex-direction: ${n=>n.inline===!0?"row":"column"};
   gap: 1.5rem;
   width: fit-content;
   box-sizing: border-box;
-`,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;
+`,z=s.forwardRef((n,i)=>{const{id:l="",name:a,value:r=null,disabled:c=!1,readOnly:d=!1,items:u=[],radioProps:m,inline:f=!0,onChange:t=()=>{},className:h="",style:p={},size:b="small",color:x="primary",...v}=n;var y=I.useTheme();const[g,q]=s.useState(null);s.useEffect(()=>{r!==g&&q(r)},[r]);var w={color:x,theme:y,size:b,disabled:c,readOnly:d};const C=e=>{t&&t(e)};return o.jsx(k,{ref:i,id:l,inline:f,style:p,className:h,...v,children:u.map((e,R)=>o.jsx(j,{...w,label:e.label,value:e.value,...m,onChange:C,name:a},R))})});module.exports=z;

package/dist/RadioGroup.js

@@ -1,104 +1,73 @@
 import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as I, useState as j, useEffect as z } from "react";
-import { s as R } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as e } from "./index-CblbdqjE.js";
-import T from "./RadioInput.js";
-import { u as k } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const N = R.div`
+import { forwardRef as R, useState as k, useEffect as z } from "react";
+import { s as P } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import j from "./RadioInput.js";
+import { u as E } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const G = P.div`
   display: inline-flex;
   flex-direction: ${(o) => o.inline === !0 ? "row" : "column"};
   gap: 1.5rem;
   width: fit-content;
   box-sizing: border-box;
-`, V = I((o, s) => {
+`, q = R((o, n) => {
   const {
     id: t = "",
-    name: m,
+    name: i,
     value: r = null,
-    disabled: d = !1,
-    readOnly: p = !1,
-    items: u = [],
-    mapId: E = "id",
-    mapValue: G = "value",
-    radioProps: c,
-    inline: f = !0,
+    disabled: s = !1,
+    readOnly: d = !1,
+    items: m = [],
+    radioProps: f,
+    inline: u = !0,
     //----------------
-    onChange: n = () => {
+    onChange: a = () => {
     },
     //----------------
-    className: y = "",
-    style: g = {},
-    size: b = "small",
-    color: h = "primary",
+    className: c = "",
+    style: p = {},
+    size: h = "small",
+    color: b = "primary",
     ...v
   } = o;
-  var x = k();
-  const [C, O] = j(null);
+  var x = E();
+  const [g, y] = k(null);
   z(() => {
-    r !== C && O(r);
+    r !== g && y(r);
   }, [r]);
-  var P = {
-    color: h,
+  var C = {
+    color: b,
     theme: x,
-    size: b,
-    disabled: d,
-    readOnly: p
+    size: h,
+    disabled: s,
+    readOnly: d
   };
-  const w = (a, i) => {
-    n && n(a);
+  const w = (e) => {
+    a && a(e);
   };
   return /* @__PURE__ */ l(
-    N,
+    G,
     {
-      ref: s,
+      ref: n,
       id: t,
-      inline: f,
-      style: g,
-      className: y,
+      inline: u,
+      style: p,
+      className: c,
       ...v,
-      children: u.map((a, i) => /* @__PURE__ */ l(
-        T,
+      children: m.map((e, I) => /* @__PURE__ */ l(
+        j,
         {
-          ...P,
-          label: a.label,
-          value: a.value,
-          ...c,
+          ...C,
+          label: e.label,
+          value: e.value,
+          ...f,
           onChange: w,
-          name: m
+          name: i
         },
-        i
+        I
       ))
     }
   );
 });
-V.propTypes = {
-  id: e.any,
-  name: e.string,
-  value: e.any,
-  disabled: e.bool,
-  readOnly: e.bool,
-  items: e.arrayOf(e.object),
-  mapid: e.any,
-  mapValue: e.string,
-  inline: e.bool,
-  //----------------
-  onChange: e.func,
-  //----------------
-  className: e.string,
-  style: e.object,
-  size: e.oneOf(["small", "medium", "large"]),
-  color: e.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  radioProps: e.any
-};
 export {
-  V as default
+  q as default
 };

package/dist/RadioInput.cjs

@@ -1,15 +1,15 @@
-"use strict";const i=require("react/jsx-runtime"),h=require("react"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./index-BpbMKBf_.cjs"),o=require("./utils-RnrgDDZP.cjs"),O=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=e=>e=="left"?"row-reverse":"row",q=m.styled.label`
-  min-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
-  max-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
+"use strict";const l=require("react/jsx-runtime"),h=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),O=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),q=e=>e=="left"?"row-reverse":"row",B=g.styled.label`
+  min-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
   width: 100%;
   display: inline-flex;
   justify-content: start;
   align-items: center;
-  flex-direction: ${e=>j(e.labelPosition)};
+  flex-direction: ${e=>q(e.labelPosition)};
   ${e=>e.spaceBetween===!0&&"justify-content: space-between;"}
   gap: 0.5rem;
   ${e=>e.disabled===!0&&"pointer-events: none;"}
-  ${e=>o.getComponentTypographyCss(e.theme,"Radio",e.size,"enabled")};
+  ${e=>t.getComponentTypographyCss(e.theme,"Radio",e.size,"enabled")};
   gap: 0.75rem;
   cursor: pointer;
   position: relative;
@@ -33,49 +33,49 @@
     justify-content: center;
     align-items: center;
     transition: all 0.2s ease;
-    ${e=>e.focused===!0&&e.disabled!==!0&&e.readOnly!==!0?o.getOutlineCss(e.theme):""};
+    ${e=>e.focused===!0&&e.disabled!==!0&&e.readOnly!==!0?t.getOutlineCss(e.theme):""};
     & svg {
       fill: transparent;
       & .outer-circle {
-        stroke: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"enabled","border")};
+        stroke: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"enabled","border")};
       }
       & .inner-circle {
-        stroke: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"enabled","border")};
+        stroke: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"enabled","border")};
       }
     }
   }
   & input:hover ~ .lnc-radio-input-label {
-    color: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"hover","text")};
+    color: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"hover","text")};
   }
 
   
   & input:checked ~ .lnc-radio-input-label {
-    color: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"active","text")};
+    color: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"active","text")};
   }
   & input:checked ~ .checkmark {
     & svg {
-      fill: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"active","background","backgroundOpacity")};
+      fill: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"active","background","backgroundOpacity")};
       & .outer-circle {
-        fill: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"active","border")};
+        fill: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"active","border")};
       }
       & .inner-circle {
-        fill: ${e=>e.innerColor==="white"||e.innerColor==="transparent"?e.innerColor:o.getColorRgbaValue(e.theme,"Radio",e.color,"active","border")}};
+        fill: ${e=>e.innerColor==="white"||e.innerColor==="transparent"?e.innerColor:t.getColorRgbaValue(e.theme,"Radio",e.color,"active","border")}};
       }
     }
   }
 
   & input:disabled ~ .lnc-radio-input-label {
-    color: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","text")};
+    color: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","text")};
   }
   
   & input[disabled]:checked ~ .checkmark {
     & svg {
-      fill: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","background","backgroundOpacity")};
+      fill: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","background","backgroundOpacity")};
       & .outer-circle {
-        fill: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","border")};
+        fill: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","border")};
       }
       & .inner-circle {
-        fill: ${e=>e.innerColor==="white"||e.innerColor==="transparent"?e.innerColor:o.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","border")}
+        fill: ${e=>e.innerColor==="white"||e.innerColor==="transparent"?e.innerColor:t.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","border")}
             };
       }
     }
@@ -83,35 +83,35 @@
 
     & input[disabled] ~ .checkmark {
       & svg {
-        fill: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","background","backgroundOpacity")};
+        fill: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","background","backgroundOpacity")};
         & .outer-circle {
-          fill: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","border")};
+          fill: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","border")};
         }
         & .inner-circle {
-          fill: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","border")}
-              };
+          fill: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","border")};
         }
       }
 
     & input:hover ~ .lnc-radio-input-label {
-      color: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"hover","text")};
+      color: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"hover","text")};
     }
     & input[hover]:checked ~ .checkmark {
       & svg {
-        fill: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"hover","background","backgroundOpacity")};
+        fill: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"hover","background","backgroundOpacity")};
         & .outer-circle {
-          fill: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","border")};
+          fill: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","border")};
         }
         & .inner-circle {
-          fill: ${e=>e.innerColor==="white"||e.innerColor==="transparent"?e.innerColor:o.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","border")}};
+          fill: ${e=>e.innerColor==="white"||e.innerColor==="transparent"?e.innerColor:t.getColorRgbaValue(e.theme,"Radio",e.color,"disabled","border")};
         }
       }
-`,B=m.styled.label`
+    }
+`,N=g.styled.label`
   ${e=>e.disabled!==!0&&e.readOnly!==!0&&"cursor: pointer"};
   min-width: 0;
   flex-shrink: 1;
   min-height: 0;
   overflow: hidden;
   text-overflow: ellipsis;
-  color: ${e=>o.getColorRgbaValue(e.theme,"Radio",e.color,"enabled","text")};
-`,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;
+  color: ${e=>t.getColorRgbaValue(e.theme,"Radio",e.color,"enabled","text")};
+`,P=h.forwardRef((e,m)=>{const{wrapperRef:R,className:f="",style:C={},color:$="primary",innerColor:k="white",size:x="small",onChange:a,onFocus:o,onBlur:r,onClick:n,label:s,labelPosition:v="right",spaceBetween:w,disabled:c,readOnly:d,...y}=e,[V,u]=h.useState(!1);var b={theme:O.useTheme(),size:x,color:$,disabled:c,labelPosition:v,spaceBetween:w};const z=i=>{u(!1),r&&(r==null||r(i))},j=i=>{u(!0),o&&(o==null||o(i))};return l.jsxs(B,{...b,ref:R,className:f,style:C,tabIndex:-1,readOnly:d,focused:V,onClick:i=>n==null?void 0:n(i),innerColor:k,children:[l.jsx("input",{ref:m,disabled:c||d,type:"radio",onBlur:z,onFocus:j,onChange:i=>a==null?void 0:a(i),...y}),l.jsx("div",{className:"checkmark",children:l.jsxs("svg",{id:"eqw1eBsfm9l1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",shapeRendering:"geometricPrecision",textRendering:"geometricPrecision",children:[l.jsx("ellipse",{className:"outer-circle",rx:"9.5",ry:"9.5",transform:"translate(10 10)",fillRule:"evenodd",stroke:"red"}),l.jsx("ellipse",{rx:"5",ry:"5",transform:"translate(10 10)",className:"inner-circle",strokeWidth:"0"})]})}),l.jsx(N,{...b,className:"lnc-radio-input-label",disalbed:c,readOnly:d,title:s,tabIndex:-1,children:s})]})});module.exports=P;