@homecode/ui 4.24.0 → 4.24.3

package/dist/esm/src/components/Input/Input.js

@@ -302,8 +302,9 @@ const Input = forwardRef((props, ref) => {
         updateSelection();
         updateAutoComplete();
         if (value !== inputValue) {
+            if (isTextArea)
+                setTextareaValue(String(value));
             setInputValue(value);
-            // setTextareaValue(String(value));
         }
         if (autoFocus && inputRef.current) {
             inputRef.current.focus();

package/dist/esm/src/components/Progress/Progress.js

@@ -3,9 +3,9 @@ import cn from 'classnames';
 import { calculateProgress } from './Progress.helpers.js';
 import S from './Progress.styl.js';
 
-function Progress({ value, showPercentage, size = 'm', alignText = 'center', }) {
+function Progress({ value, showPercentage, size = 'm', alignText = 'center', className, }) {
     const progress = calculateProgress(value);
-    const classes = cn(S.root, S[`size-${size}`], S[`align-${alignText}`], value > 0 && S.animated);
+    const classes = cn(S.root, S[`size-${size}`], S[`align-${alignText}`], value > 0 && S.animated, className);
     return (jsxs("div", { className: classes, children: [jsx("div", { className: S.bar, style: { width: `${progress}%` } }), showPercentage && jsxs("div", { className: S.label, children: [Math.round(progress), "%"] })] }));
 }
 

package/dist/esm/src/components/ProgressCircular/ProgressCircular.js

@@ -9,14 +9,14 @@ const SIZE_MAP = {
     l: 60,
     xl: 120,
 };
-function ProgressCircular({ value, showPercentage, size = 'm', strokeWidth, }) {
+function ProgressCircular({ value, showPercentage, size = 'm', strokeWidth, className, }) {
     const progress = calculateProgress(value);
     const pixelSize = SIZE_MAP[size];
     const calculatedStrokeWidth = strokeWidth ?? pixelSize / 10;
     const radius = (pixelSize - calculatedStrokeWidth) / 2;
     const circumference = 2 * Math.PI * radius;
     const strokeDashoffset = circumference - (progress / 100) * circumference;
-    return (jsxs("svg", { width: pixelSize, height: pixelSize, viewBox: `0 0 ${pixelSize} ${pixelSize}`, className: cn(S.root, value > 0 && S.animated), children: [jsx("circle", { className: S.background, cx: pixelSize / 2, cy: pixelSize / 2, r: radius, fill: "none", strokeWidth: calculatedStrokeWidth }), jsx("circle", { cx: pixelSize / 2, cy: pixelSize / 2, r: radius, fill: "none", stroke: "var(--active-color)", strokeWidth: calculatedStrokeWidth, strokeLinecap: "round", strokeDasharray: circumference, strokeDashoffset: strokeDashoffset, transform: `rotate(-90 ${pixelSize / 2} ${pixelSize / 2})` }), showPercentage && (jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", fontSize: "16", fontWeight: "bold", children: [Math.round(progress), "%"] }))] }));
+    return (jsxs("svg", { width: pixelSize, height: pixelSize, viewBox: `0 0 ${pixelSize} ${pixelSize}`, className: cn(S.root, value > 0 && S.animated, className), children: [jsx("circle", { className: S.background, cx: pixelSize / 2, cy: pixelSize / 2, r: radius, fill: "none", strokeWidth: calculatedStrokeWidth }), jsx("circle", { cx: pixelSize / 2, cy: pixelSize / 2, r: radius, fill: "none", stroke: "var(--active-color)", strokeWidth: calculatedStrokeWidth, strokeLinecap: "round", strokeDasharray: circumference, strokeDashoffset: strokeDashoffset, transform: `rotate(-90 ${pixelSize / 2} ${pixelSize / 2})`, className: S.progress }), showPercentage && (jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", fontSize: "16", fontWeight: "bold", children: [Math.round(progress), "%"] }))] }));
 }
 
 export { ProgressCircular };

package/dist/esm/src/components/ProgressCircular/ProgressCircular.styl.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".ProgressCircular_root__z7xBm .ProgressCircular_background__Rlqcq{stroke:var(--accent-color-alpha-100)}.ProgressCircular_root__z7xBm.ProgressCircular_animated__w3Bpf .ProgressCircular_background__Rlqcq{transition:stroke-dashoffset .3s ease-in-out}.ProgressCircular_root__z7xBm text{fill:var(--accent-color)}";
-var S = {"root":"ProgressCircular_root__z7xBm","background":"ProgressCircular_background__Rlqcq","animated":"ProgressCircular_animated__w3Bpf"};
+var css_248z = ".ProgressCircular_root__z7xBm .ProgressCircular_background__Rlqcq{stroke:var(--accent-color-alpha-100)}.ProgressCircular_root__z7xBm.ProgressCircular_animated__w3Bpf .ProgressCircular_progress__QVG7n{transition:stroke-dashoffset .3s ease-in-out}.ProgressCircular_root__z7xBm text{fill:var(--accent-color)}";
+var S = {"root":"ProgressCircular_root__z7xBm","background":"ProgressCircular_background__Rlqcq","animated":"ProgressCircular_animated__w3Bpf","progress":"ProgressCircular_progress__QVG7n"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/types/src/components/Progress/Progress.d.ts

@@ -1,2 +1,2 @@
 import { ProgressProps } from './Progress.types';
-export declare function Progress({ value, showPercentage, size, alignText, }: ProgressProps): JSX.Element;
+export declare function Progress({ value, showPercentage, size, alignText, className, }: ProgressProps): JSX.Element;

package/dist/esm/types/src/components/Progress/Progress.types.d.ts

@@ -3,6 +3,7 @@ export interface CommonProgressProps {
     value: number;
     showPercentage?: boolean;
     size?: Size;
+    className?: string;
 }
 export interface ProgressProps extends CommonProgressProps {
     alignText?: 'left' | 'center' | 'right';

package/dist/esm/types/src/components/ProgressCircular/ProgressCircular.d.ts

@@ -1,3 +1,3 @@
 import { ProgressCircularProps } from './ProgressCircular.types';
 export type { ProgressCircularProps } from './ProgressCircular.types';
-export declare function ProgressCircular({ value, showPercentage, size, strokeWidth, }: ProgressCircularProps): JSX.Element;
+export declare function ProgressCircular({ value, showPercentage, size, strokeWidth, className, }: ProgressCircularProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.24.0",
+  "version": "4.24.3",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",