jclib-ui 1.0.2 → 1.0.4

package/dist/dynamicCounter/dynamicCounter.d.ts

@@ -0,0 +1,14 @@
+type Props = {
+    valor: number;
+    format?: boolean;
+    currency?: boolean;
+};
+export declare function DynamicCounter({ valor, format, currency }: Props): any;
+export declare namespace DynamicCounter {
+    var defaultProps: {
+        valor: number;
+        format: boolean;
+        currency: boolean;
+    };
+}
+export {};

package/dist/index.d.ts

@@ -29,6 +29,7 @@ export { default as IconUserGear } from './iconSvg/iconUserGear';
 export { default as Panel } from './panel/panel';
 export { PanelHeader } from './panel/panelHeader';
 export { LoadingReport } from './LoadingReport/LoadingReport';
+export { DynamicCounter } from './dynamicCounter/dynamicCounter';
 export { default as InputColor } from './inputColor/inputColor';
 export { default as InputPesquisa } from './inputPesquisa/inputPesquisa';
 export { default as InputQRCode } from './inputQRCode/inputQRCode';

package/dist/jclib-ui.es.js

@@ -1,6 +1,6 @@
 import * as t from "react";
 import t__default, { createContext, useState, useCallback, useEffect, useContext, useRef, useLayoutEffect, useMemo } from "react";
-import { isDarkMode, random, isDesktop, getHash } from "jcinfo-utils";
+import { isDarkMode, random, isDesktop, getHash, formatValor } from "jcinfo-utils";
 import { motion, useDragControls } from "framer-motion";
 import styled from "styled-components";
 import { Dropdown, DropdownMenu, DropdownItem, DropdownToggle, Alert, Button, InputGroup, Input as Input$1 } from "reactstrap";
@@ -8901,6 +8901,36 @@ function LoadingReportView({ url, file: fileOrigin, fileTo, setLoading }) {
     error && /* @__PURE__ */ jsxRuntimeExports.jsx(Alerta, { onConfirm: () => setLoading(false), children: error })
   ] });
 }
+DynamicCounter.defaultProps = {
+  valor: 0,
+  format: false,
+  currency: false
+};
+function DynamicCounter({ valor, format, currency }) {
+  const [counter, setCounter] = useState(0);
+  let result = counter;
+  useEffect(() => {
+    const executeSalt = () => {
+      const salto = Math.ceil(valor / 10) + 1;
+      setCounter((prev) => {
+        let newValue = prev + salto;
+        if (newValue > valor) {
+          newValue = valor;
+        }
+        if (newValue === valor) {
+          clearInterval(timer2);
+        }
+        return newValue;
+      });
+    };
+    const timer2 = setInterval(executeSalt, 30);
+    return () => clearInterval(timer2);
+  }, [valor]);
+  if (format) {
+    result = formatValor(counter, currency ? 2 : 0, Boolean(currency));
+  }
+  return result;
+}
 const inputPesquisa = "";
 function InputPesquisa({
   search,
@@ -22067,6 +22097,7 @@ export {
   Confirma,
   DataItem,
   DropDownButton,
+  DynamicCounter,
   FormEdit,
   FormEnter,
   FormatData,