@aspprev/versi-ds 0.4.3 → 0.4.4

package/README.md

@@ -90,6 +90,9 @@ import {
 
 - `OtpCodeInput` suporta `onComplete`, colagem de código, máscara, erro e controle por `value`/`values`.
 - `QRCode` suporta `description`, `ariaLabel`, `loading`, `error`, `size` e nível de correção.
+- `PageHeading` e `PageTabsHeader` mantêm o bloco do título flexível em tablet/desktop, truncam títulos longos com reticências e preservam o texto completo no atributo `title` quando o título é texto simples. O retorno (`back`) e as ações continuam disponíveis.
+- `Input` e `InputStandalone` aceitam `formatter={(value) => string}` para máscaras definidas pelo consumidor, sem props de domínio; as máscaras nomeadas existentes permanecem compatíveis.
+- `validateFiles` retorna `code`, nome, extensão, tamanho e limite da rejeição e aceita mensagens por código; `FileViewer` também aceita `Promise<FileViewerSource>` como source.
 - Upload e `FileViewer` são controlados pelo consumidor; transporte, autenticação, persistência e download não fazem parte do pacote.
 - `DatePicker` aceita `selectionMode="year"` e mantém `selectionMode="day"` como padrão.
 - `DomainStatusBadge` aceita `statusMap` para vocabulário específico do produto.
@@ -225,3 +228,10 @@ Ao criar ou alterar um componente:
 6. execute `npm run prepack` antes de gerar o pacote.
 
 Detalhes de contratos, governança e segurança ficam na pasta `docs/`. A documentação de uso visual deve permanecer principalmente no Storybook.
+### Contratos adicionados no lote seguinte
+
+- `Input` e `InputStandalone` preservam a posição do cursor ao aplicar um `formatter` genérico; máscaras de domínio continuam sendo definidas pelo consumidor.
+- `InputSlider` usa `suffix` como prop canônica e mantém `sufix` apenas como alias de migração. `Avatar` aceita `xl` além dos tamanhos existentes.
+- `validateFiles` também rejeita arquivos vazios ou inválidos, com mensagens customizáveis; `FileViewer` aceita um slot `actions`.
+- `TimeSeriesChart` e `InteractiveDonutChart` expõem estados genéricos de carregamento, erro e ausência de dados.
+- `BoletoBarCode` aceita `width`, `height`, `quietZone` e estado de erro; o payload de boleto continua sendo responsabilidade do consumidor.

package/dist/charts.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ReactNode } from 'react';
 import { Props as Props$1 } from 'react-apexcharts';
 
 type Props = Props$1;
@@ -8,6 +9,10 @@ type InteractiveDonutOptions = NonNullable<Props["options"]>;
 type InteractiveDonutProps = Omit<Props, "options" | "series" | "type"> & {
     options?: InteractiveDonutOptions;
     series: number[];
+    loading?: boolean;
+    loadingMessage?: ReactNode;
+    error?: ReactNode;
+    emptyMessage?: ReactNode;
     colors?: string[];
     mutedColors?: string[];
     valueFormatter?: (value: number) => string;
@@ -17,18 +22,22 @@ type InteractiveDonutProps = Omit<Props, "options" | "series" | "type"> & {
     responsiveHeight?: boolean;
     highContrastOverride?: boolean;
 };
-declare function InteractiveDonutChart({ options, series, colors, mutedColors, valueFormatter, ariaLabel, className, chartClassName, responsiveHeight, highContrastOverride, ...rest }: InteractiveDonutProps): React.JSX.Element;
+declare function InteractiveDonutChart({ options, series, loading, loadingMessage, error, emptyMessage, colors, mutedColors, valueFormatter, ariaLabel, className, chartClassName, responsiveHeight, highContrastOverride, ...rest }: InteractiveDonutProps): React.JSX.Element;
 
 type TimeSeriesChartOptions = NonNullable<Props["options"]>;
 type TimeSeriesChartProps = Omit<Props, "options"> & {
     options: TimeSeriesChartOptions;
     ariaLabel: string;
+    loading?: boolean;
+    loadingMessage?: ReactNode;
+    error?: ReactNode;
+    emptyMessage?: ReactNode;
     className?: string;
     chartClassName?: string;
     responsiveHeight?: boolean;
     highContrastOverride?: boolean;
 };
-declare function TimeSeriesChart({ options, ariaLabel, className, chartClassName, responsiveHeight, highContrastOverride, ...chartProps }: TimeSeriesChartProps): React.JSX.Element;
+declare function TimeSeriesChart({ options, ariaLabel, loading, loadingMessage, error, emptyMessage, className, chartClassName, responsiveHeight, highContrastOverride, ...chartProps }: TimeSeriesChartProps): React.JSX.Element;
 
 type TimeRangeSelectorProps<T extends string | number> = {
     options: readonly T[];

package/dist/charts.js

@@ -12,7 +12,7 @@ import {
   normalizeTimeSeriesTooltipColor,
   resolveInteractiveDonutColors,
   resolveRelativeDonutSelection
-} from "./chunk-5MRS4PDD.js";
+} from "./chunk-HKCVDOGK.js";
 export {
   InteractiveDonutChart,
   LazyApexChart,

package/dist/{chunk-MC4MSOCM.js → chunk-CLXCB6LY.js}

@@ -88,6 +88,23 @@ var FieldFrame_default = FieldFrame;
 
 // src/components/input/Input.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function getFormattedCaretPosition(rawValue, formattedValue, selectionStart, formatter, sanitize) {
+  if (selectionStart === null) return null;
+  if (selectionStart >= rawValue.length) return formattedValue.length;
+  const formattedSuffix = sanitize(formatter(rawValue.slice(selectionStart)));
+  return Math.max(
+    0,
+    Math.min(formattedValue.length, formattedValue.length - formattedSuffix.length)
+  );
+}
+function restoreCaretPosition(inputRef, position) {
+  if (position === null || typeof window === "undefined") return;
+  window.requestAnimationFrame(() => {
+    const input = inputRef.current;
+    if (!input || document.activeElement !== input) return;
+    input.setSelectionRange(position, position);
+  });
+}
 var BaseInput = React.forwardRef((props, ref) => /* @__PURE__ */ jsx2(
   "input",
   {
@@ -150,6 +167,7 @@ var Input = ({
   prefix,
   suffix,
   mask,
+  formatter,
   disabled,
   error,
   disallowSpaces,
@@ -248,6 +266,44 @@ var Input = ({
   };
   const renderMaskedInput = (inputType) => {
     const autoCompleteValue = rest.autoComplete;
+    if (formatter) {
+      const currentValue = String(safeValue(field.value));
+      return /* @__PURE__ */ jsx2(
+        "input",
+        {
+          ...rest,
+          ...accessibilityProps,
+          name,
+          ref: inputRef,
+          type: inputType === "date" ? "text" : inputType,
+          value: currentValue,
+          onChange: (event) => {
+            const rawValue = event.target.value;
+            const formattedValue = sanitizeValue(formatter(rawValue));
+            const caretPosition = getFormattedCaretPosition(
+              rawValue,
+              formattedValue,
+              event.target.selectionStart,
+              formatter,
+              sanitizeValue
+            );
+            helpers.setValue(formattedValue);
+            restoreCaretPosition(inputRef, caretPosition);
+            rest.onChange?.({
+              ...event,
+              target: { ...event.target, value: formattedValue },
+              currentTarget: { ...event.currentTarget, value: formattedValue }
+            });
+          },
+          onBlur: field.onBlur,
+          onPaste: handlePasteFormik,
+          placeholder,
+          className: classNames2(FIELD_INPUT_CLASS, className),
+          autoComplete: autoCompleteValue,
+          disabled
+        }
+      );
+    }
     if (mask === "currency") {
       const rawCurrencyValue = typeof field.value === "string" || typeof field.value === "number" ? field.value : "";
       return /* @__PURE__ */ jsx2(
@@ -531,6 +587,7 @@ var InputStandalone = (props) => {
     prefix,
     suffix,
     mask,
+    formatter,
     disabled,
     error,
     errorText,
@@ -615,6 +672,41 @@ var InputStandalone = (props) => {
   };
   const renderMaskedInput = (inputType) => {
     const autoCompleteValue = rest.autoComplete;
+    if (formatter) {
+      const currentValue = String(safeValue(rest.value));
+      return /* @__PURE__ */ jsx2(
+        "input",
+        {
+          ...rest,
+          ...accessibilityProps,
+          ref: inputRef,
+          type: inputType === "date" ? "text" : inputType,
+          value: currentValue,
+          onChange: (event) => {
+            const rawValue = event.target.value;
+            const formattedValue = sanitizeValue(formatter(rawValue));
+            const caretPosition = getFormattedCaretPosition(
+              rawValue,
+              formattedValue,
+              event.target.selectionStart,
+              formatter,
+              sanitizeValue
+            );
+            restoreCaretPosition(inputRef, caretPosition);
+            rest.onChange?.({
+              ...event,
+              target: { ...event.target, value: formattedValue },
+              currentTarget: { ...event.currentTarget, value: formattedValue }
+            });
+          },
+          onPaste: handlePasteStandalone,
+          placeholder: rest.placeholder,
+          className: classNames2(FIELD_INPUT_CLASS, className),
+          autoComplete: autoCompleteValue,
+          disabled
+        }
+      );
+    }
     if (mask === "currency") {
       const rawCurrencyValue = typeof rest.value === "string" || typeof rest.value === "number" ? rest.value : "";
       return /* @__PURE__ */ jsx2(
@@ -3653,4 +3745,4 @@ export {
   RadioCardGroup,
   OtpCodeInput_default
 };
-//# sourceMappingURL=chunk-MC4MSOCM.js.map
+//# sourceMappingURL=chunk-CLXCB6LY.js.map