@lanaco/lnc-react-ui 4.0.19 → 4.0.20

package/dist/ProgressBar.cjs

@@ -27,4 +27,4 @@
   left: 50%;
   transform: translate(-50%, -50%);
   color: ${e=>o.getColorRgbaValue(e.theme,"Progress",e.color,"enabled","text")};
-`,d=i.forwardRef((e,T)=>{const{id:$="",showLabel:c=!1,progressPercentage:n=0,className:m="",style:u={},onChange:C=()=>{},size:g="small",color:b="primary",progressBarEndComponent:s,...h}=e,t=P.useTheme(),y=()=>{var p;if(i.isValidElement(s))return console.log("is valid"),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:t,size:g,showLabel:c,progressPercentage:n,...h,children:[a.jsx(x,{progressPercentage:n,theme:t,color:b,children:s!==null&&y()}),c&&a.jsxs(w,{theme:t,size:g,children:[n,"%"]})]})});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;
+`,d=i.forwardRef((e,T)=>{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(w,{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;

package/dist/ProgressBar.js

@@ -1,13 +1,13 @@
 import { jsxs as g, 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-BYnWp42a.js";
-import { n } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { a as t, g as x } from "./utils-C52T57HO.js";
+import { n as t } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { a as n, g as x } from "./utils-C52T57HO.js";
 import { u as w } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const $ = n.div`
+const $ = t.div`
   width: 100%;
   position: relative;
-  background-color: ${(e) => t(
+  background-color: ${(e) => n(
   e.theme,
   "Progress",
   e.color,
@@ -17,11 +17,11 @@ const $ = n.div`
   height: ${(e) => e.theme.components.Progress.default.enabled.sizes[e.size]};
   border-radius: 5px;
   animation: progres 4s infinite linear;
-`, z = n.div`
+`, z = t.div`
   position: relative;
   height: 100%;
   width: ${(e) => e.progressPercentage + "%"};
-  background-color: ${(e) => t(
+  background-color: ${(e) => n(
   e.theme,
   "Progress",
   e.color,
@@ -38,14 +38,14 @@ const $ = n.div`
     top: 50%;
     transform: translate(50%, -50%);
   }
-`, v = n.label`
+`, C = t.label`
   ${(e) => x(e.theme, "Progress", e.size, "enabled")};
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  color: ${(e) => t(e.theme, "Progress", e.color, "enabled", "text")};
-`, C = f((e, N) => {
+  color: ${(e) => n(e.theme, "Progress", e.color, "enabled", "text")};
+`, N = f((e, v) => {
   const {
     id: T = "",
     showLabel: i = !1,
@@ -56,13 +56,12 @@ const $ = n.div`
     },
     size: l = "small",
     color: p = "primary",
-    // progressBarEndComponent = null,
     progressBarEndComponent: o,
     ...b
   } = e, a = w(), u = () => {
     var c;
     if (P(o))
-      return console.log("is valid"), y(o, {
+      return y(o, {
         className: `progress-icon ${(c = o == null ? void 0 : o.props) == null ? void 0 : c.className}`
       });
   };
@@ -86,7 +85,7 @@ const $ = n.div`
             children: o !== null && u()
           }
         ),
-        i && /* @__PURE__ */ g(v, { theme: a, size: l, children: [
+        i && /* @__PURE__ */ g(C, { theme: a, size: l, children: [
           s,
           "%"
         ] })
@@ -94,7 +93,7 @@ const $ = n.div`
     }
   );
 });
-C.propTypes = {
+N.propTypes = {
   id: r.string,
   showLabel: r.bool,
   progressPercentage: r.number,
@@ -118,5 +117,5 @@ C.propTypes = {
   progressBarEndComponent: r.any
 };
 export {
-  C as default
+  N as default
 };

package/package.json

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