@plenustech/design-system 0.1.1 → 0.2.0

package/dist/types/hooks/useDecimalInput.d.ts

@@ -0,0 +1,19 @@
+import { type ChangeEvent } from 'react';
+interface DecimalInputOptions {
+    decimalScale: number;
+    defaultValue: string | number;
+    onValueChange?: (value: string) => void;
+    value?: string | number;
+}
+/**
+ * Estado dos campos decimais: o valor, controlado ou nao, e o texto que a
+ * pessoa esta digitando, que pode ainda guardar um ponto sem papel decidido.
+ */
+export declare function useDecimalInput({ decimalScale, defaultValue, onValueChange, value }: DecimalInputOptions): {
+    ref: import("react").RefObject<HTMLInputElement | null>;
+    value: string;
+    text: string;
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    endEditing: () => void;
+};
+export {};

package/dist/types/hooks/useMergedRefs.d.ts

@@ -0,0 +1,6 @@
+import { type Ref } from 'react';
+/**
+ * Junta o ref interno ao que veio de fora numa funcao estavel, que devolve a limpeza do React 19.
+ * Nova a cada render, ela desligava e religava o elemento em todo render.
+ */
+export declare function useMergedRefs<T>(...refs: readonly (Ref<T> | undefined)[]): (node: T | null) => () => void;

package/dist/types/hooks/useSelection/useSelection.d.ts

@@ -17,6 +17,7 @@ export interface UseSelectionResult extends SelectionState {
     focusLast: (extend?: boolean) => void;
     focusNext: (extend?: boolean) => void;
     focusPrevious: (extend?: boolean) => void;
+    reset: () => void;
     search: (character: string) => void;
     select: (key: string) => void;
     selectRange: (key: string) => void;

package/dist/types/utils/formatters/formatarEntradaDecimal.d.ts

@@ -1 +1,6 @@
 export declare function formatarEntradaDecimal(valor: string | number, casasDecimais?: number): string;
+/**
+ * O texto do campo enquanto se digita: o ponto que ainda pode virar milhar na proxima tecla fica como foi digitado, e
+ * o valor o le como decimal ate la. Decidido na hora, `1.234` virava `1,23`.
+ */
+export declare function formatarEdicaoDecimal(texto: string, casasDecimais?: number): string;

package/dist/types/utils/formatters/formatarEntradaHora.d.ts

@@ -0,0 +1,7 @@
+import { CalendarDateTime, Time } from '@internationalized/date';
+/** Aplica a mascara hora:minuto conforme o usuario digita. */
+export declare function formatarEntradaHora(valor: string): string;
+export declare function lerEntradaHora(valor: string): Time | undefined;
+/** Aplica a mascara dia/mes/ano hora:minuto conforme o usuario digita. */
+export declare function formatarEntradaDataHora(valor: string): string;
+export declare function lerEntradaDataHora(valor: string): CalendarDateTime | undefined;

package/dist/types/utils/formatters/index.d.ts

@@ -1,7 +1,8 @@
-export { formatarEntradaDecimal } from './formatarEntradaDecimal.js';
+export { formatarEdicaoDecimal, formatarEntradaDecimal } from './formatarEntradaDecimal.js';
 export { formatarEntradaMonetaria } from './formatarEntradaMonetaria.js';
 export { formatarData, formatarHora } from './formatarData.js';
 export type { OpcoesDeData, OpcoesDeHora } from './formatarData.js';
 export { formatarMoeda, formatarNumero, formatarPercentual } from './formatarNumero.js';
 export type { OpcoesDeMoeda, OpcoesDeNumero, OpcoesDePercentual } from './formatarNumero.js';
 export { formatarEntradaData, lerEntradaData } from './formatarEntradaData.js';
+export { formatarEntradaDataHora, formatarEntradaHora, lerEntradaDataHora, lerEntradaHora } from './formatarEntradaHora.js';

package/dist/types/utils/formatters/mascararPartes.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Mascara de partes com limite de digitos, como dia/mes/ano. O separador digitado fecha a parte antes
+ * de encher, e ninguem empurra digito para a vizinha; sem ele, o excesso passa para a parte seguinte.
+ */
+export declare function mascararPartes(valor: string, limites: readonly number[], separadores: readonly string[]): string;

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@plenustech/design-system",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Design System centralizado para os produtos web da Plenustech.",
+  "license": "UNLICENSED",
   "publishConfig": {
     "access": "public"
   },
@@ -42,7 +43,7 @@
     "check:pacote": "node scripts/check-pacote.mjs",
     "check:contraste": "node scripts/check-contraste.mjs",
     "prepare": "npm run build:pacote",
-    "build:showcase": "vite build --config showcase/vite.config.ts",
+    "build:showcase": "npm run build:pacote && vite build --config showcase/vite.config.ts",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",

package/dist/types/utils/mergeRefs.d.ts

@@ -1,7 +0,0 @@
-import type { Ref } from 'react';
-/**
- * Junta o ref interno do componente ao que veio de fora. Sem isto, um dos dois
- * se perde: o interno, porque `{...props}` o sobrescreve, ou o de fora, porque
- * o componente aplica o seu depois.
- */
-export declare function mergeRefs<T>(...refs: readonly (Ref<T> | undefined)[]): (node: T | null) => void;